@charset "utf-8";
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css');

body {
	margin:0;
	padding:0;
	border:0;
	line-height:1.5;
	font-family:Nanum Gothic,'dotum','sans-serif';
}

body {
	background-color:/*@background-color=*/#241822/*@*/;
	background-image:/*@background-image=*/url("http://i1.daumcdn.net/cfs.tistory/resource/1751/blog/style/template/image/generic/7.jpg")/*@*/;
	background-repeat:/*@background-image-repeat=*/no-repeat/*@*/;
	background-position:/*@background-image-position=*/left top/*@*/;
	font-size:13px;
}

a {
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

hr {
	display:none;
}

input {
	vertical-align:middle;
}


/* 태그 */
#taglog ul,
#tagbox ul {
	text-align:justify;
}

/** *{
	margin:0;
	padding:0}관련 */
#blogMenu li,
#tagbox li,
#taglog li {
	display:inline;
}


/* 리스트 */
#sidebar li,
#searchList li,
#searchRplist li,
#guestList li,
.trackback li,
.commentList li {
	list-style-type:none;
}


/* 포스트 본문 마크업 */
.article ol,
.article ul,
.article il {
	padding-left:25px;
}

.article dt {
	padding-top:5px;
	text-decoration:underline;
}

.article dd {
	padding-left:25px;
	padding-bottom:5px;
}

.dual table td,
.triple table td {
	background-color:transparent;
}


/* article 다음에 오는 마크업 */
.author {
	clear:both;
}


/* PNG24 관련 */
#blogMenu a,
#footmenu a,
#adTistory,
#btnRSS {
	position:relative;
	cursor:pointer;
}


/* 블로그 레이아웃 */
#header {
	width:/*@post-width=*/900px/*@*/;
	margin:0px auto;
	text-align:center;
}

#container {
	clear:both;
	position:relative;
	width:/*@post-width:400=*/1300px/*@*/;
	margin:0 auto;
}

#content {
	position:absolute;
	left:200px;
	top:0;
	width:/*@post-width=*/900px/*@*/;
	overflow:hidden;
	word-break:break-all;
	word-wrap:break-word;
}

#footer {
	clear:both;
	margin-top:20px;
	padding-top:13px;
	padding-bottom:30px;
	text-align:center;
}

#sidebarA {
	position:absolute;
	left:0;
	top:0;
	width:180px;
	padding-bottom:30px;
	overflow:hidden;
	word-break:break-all;
	word-wrap:break-word;
}


#sidebarB {
	position:absolute;
	right:0;
	top:0;
	width:180px;
	padding-bottom:30px;
	overflow:hidden;
	word-break:break-all;
	word-wrap:break-word;
}


/* 해더 */
#header h1 {
	height:/*@title-height=*/54px/*@*/;
	padding-top:26px;
	overflow:hidden;
	background-color:/*@title-background-color=*/transparent/*@*/;
	background-image:/*@title-background-image=*/url("http://cfs.tistory.com/blog/style/template/image/title/17.jpg")/*@*/;
	background-repeat:/*@title-background-image-repeat=*/no-repeat/*@*/;
	background-position:/*@title-background-image-position=*/right top/*@*/;
}

#header h1 a {
	color:/*@title-color=*/#4D96DA/*@*/;
	font-weight:normal;
	font-size:/*@title-font-size=*/30px/*@*/;
	font-family:/*@title-font-family=*/tahoma, dotum/*@*/;
}


/* 메뉴 */
#blogMenu {
	width:486px;
	height:12px;
	margin:20px auto;
}

#blogMenu li {
	float:left;
	margin-right:7px;
	padding-right:14px;
	background:url(images/tab_bar.gif) no-repeat right 1px;
	color:#FE5377;
	font-size:11px;
	line-height:12px;
}

#blogMenu li.last {
	background:none;
	margin-right:0;
	padding-right:0;
}

#blogMenu li a {
	float:left;
	display:block;
	height:12px;
	background-repeat:no-repeat;
	text-indent:-5000px;
	overflow:hidden;
	vertical-align:middle;
}

#blogMenu .tab_home a {
	width:47px;
	background-image:url(images/tab_home.png);
}

#blogMenu .tab_tag a {
	width:38px;
	background-image:url(images/tab_tag.png);
}

#blogMenu .tab_media a {
	width:51px;
	background-image:url(images/tab_media.png);
}

#blogMenu .tab_location a {
	width:69px;
	background-image:url(images/tab_location.png);
}

#blogMenu .tab_key a {
	width:58px;
	background-image:url(images/tab_key.png);
}

#blogMenu .tab_guestbook a {
	width:51px;
	background-image:url(images/tab_guestbook.png);
}

#blogMenu .tab_admin a {
	width:52px;
	background-image:url(images/tab_admin.png);
}

#blogMenu .tab_write a {
	width:52px;
	background-image:url(images/tab_write.png);
}

body#tt-body-page #blogMenu .tab_home a {
	width:47px;
	background-image:url(images/tab_home_on.png);
}

body#tt-body-tag #blogMenu .tab_tag a {
	width:38px;
	background-image:url(images/tab_tag_on.png);
}

body#tt-body-media #blogMenu .tab_media a {
	width:51px;
	background-image:url(images/tab_media_on.png);
}

body#tt-body-location #blogMenu .tab_location a {
	width:69px;
	background-image:url(images/tab_location_on.png);
}

body#tt-body-keylog #blogMenu .tab_key a {
	width:58px;
	background-image:url(images/tab_key_on.png);
}

body#tt-body-guestbook #blogMenu .tab_guestbook a {
	width:51px;
	background-image:url(images/tab_guestbook_on.png);
}

*html #blogMenu .tab_home a {
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://cfs.tistory.com/blog/skin/tis_Reverse_White/images/tab_home.png', sizingMethod='crop');
	background-image:none;
}

*html #blogMenu .tab_tag a {
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://cfs.tistory.com/blog/skin/tis_Reverse_White/images/tab_tag.png', sizingMethod='crop');
	background-image:none;
}

*html #blogMenu .tab_media a {
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://cfs.tistory.com/blog/skin/tis_Reverse_White/images/tab_media.png', sizingMethod='crop');
	background-image:none;
}

*html #blogMenu .tab_location a {
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://cfs.tistory.com/blog/skin/tis_Reverse_White/images/tab_location.png', sizingMethod='crop');
	background-image:none;
}

*html #blogMenu .tab_key a {
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://cfs.tistory.com/blog/skin/tis_Reverse_White/images/tab_key.png', sizingMethod='crop');
	background-image:none;
}

*html #blogMenu .tab_guestbook a {
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://cfs.tistory.com/blog/skin/tis_Reverse_White/images/tab_guestbook.png', sizingMethod='crop');
	background-image:none;
}

*html #blogMenu .tab_admin a {
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://cfs.tistory.com/blog/skin/tis_Reverse_White/images/tab_admin.png', sizingMethod='crop');
	background-image:none;
}

*html #blogMenu .tab_write a {
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://cfs.tistory.com/blog/skin/tis_Reverse_White/images/tab_write.png', sizingMethod='crop');
	background-image:none;
}

*html body#tt-body-page #blogMenu .tab_home a {
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://cfs.tistory.com/blog/skin/tis_Reverse_White/images/tab_home_on.png', sizingMethod='crop');
	background-image:none;
}

*html body#tt-body-tag #blogMenu .tab_tag a {
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://cfs.tistory.com/blog/skin/tis_Reverse_White/images/tab_tag_on.png', sizingMethod='crop');
	background-image:none;
}

*html body#tt-body-media #blogMenu .tab_media a {
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://cfs.tistory.com/blog/skin/tis_Reverse_White/images/tab_media_on.png', sizingMethod='crop');
	background-image:none;
}

*html body#tt-body-location #blogMenu .tab_location a {
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://cfs.tistory.com/blog/skin/tis_Reverse_White/images/tab_location_on.png', sizingMethod='crop');
	background-image:none;
}

*html body#tt-body-keylog #blogMenu .tab_key a {
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://cfs.tistory.com/blog/skin/tis_Reverse_White/images/tab_key_on.png', sizingMethod='crop');
	background-image:none;
}

*html body#tt-body-guestbook #blogMenu .tab_guestbook a {
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://cfs.tistory.com/blog/skin/tis_Reverse_White/images/tab_guestbook_on.png', sizingMethod='crop');
	background-image:none;
}


/* 컨텐츠 */
#taglog h3,
#localog h3,
#guestbook h3 {
	width:/*@post-width=*/900px/*@*/;
	height:110px;
	background-color:#FE5377;
	background-repeat:no-repeat;
	background-position:20px 50px;
	text-indent:-5000px;
	overflow:hidden;
}

#taglog h3 {
	background-image:url(images/title_tag.gif);
}

#localog h3 {
	background-image:url(images/title_location.gif);
}

#guestbook h3 {
	background-image:url(images/title_guestbook.gif);
}

.nonEntry {
	background-color:#fff;
}


/* 태그로그 */
#taglog {
	padding-bottom:32px;
}

#taglog ul {
	margin:14px 20px 0 20px;
}

#taglog li {
	font:12px/25px dotum;
}

#taglog li .cloud1 {
	background-color:#FFE5EA;
	color:#FE5377;
	font-weight:bold;
}

#taglog li .cloud2 {
	background-color:#B3B3B3;
	color:#fff;
}

#taglog li .cloud3 {
	color:#9F9F9F;
	font-weight:bold;
}

#taglog li .cloud4 {
	color:#FE5377;
}

#taglog li .cloud5 {
	color:#9F9F9F;
}


/* 지역로그 */
#localog .wrapper {
	padding:17px 20px 34px 20px;
}

#localog div,
#localog div a {
	color:#717171;
	font:12px/20px dotum;
}

#localog .spot {
	padding-left:21px;
	background:url(images/iconIndentArrow_local.gif) no-repeat 0px 1px;
}

#localog .info {
	padding-left:21px;
	background:url(images/iconIndentArrow_localinfo.gif) no-repeat 0px 1px;
}


/* 방명록&댓글 */
#guestbook {
	padding-bottom:20px;
}

.comment h3 {
	display:none;
}


/* 방명록&댓글 쓰기 */
#guestWrite {
	width:/*@post-width:-40=*/860px/*@*/;
	margin-top:20px;
	padding:0 20px 0 20px;
}

.commentWrite {
	width:/*@post-width:-40=*/860px/*@*/;
}

.info-write {
	padding:1px 0;
	border-top:1px solid #FE5377;
	border-bottom:1px solid #FE5377;
}

.info-write label span {
	display:none;
}

.info-write input,
textarea {
	color:#9f9f9f;
	font-size:11px;
	line-height:11px;
}

.info-write label {
	background-repeat:no-repeat;
	background-position:2px 4px;
}

.info-write .name label {
	padding-left:28px;
	background-image:url(images/txt_name.gif);
}

.info-write .password label {
	padding-left:59px;
	background-image:url(images/txt_password.gif);
}

.info-write .homepage label {
	padding-left:56px;
	background-image:url(images/txt_homepage.gif);
}

.info-write .name input {
	width:75px;
	padding-left:5px;
}

.info-write .password input {
	width:75px;
	padding-left:5px;
}

.info-write .homepage input {
	width:/*@post-width:-384=*/516px/*@*/;
	padding-left:5px;
}

.secretWrap {
	width:/*@post-width:-40=*/860px/*@*/;
	height:20px;
	text-align:right;
}

.secretWrap input {
	margin-top:2px;
}

.secretWrap label {
	color:#aaa;
	font:9px/9px verdana;
}

textarea {
	width:/*@post-width:-50=*/850px/*@*/;
	padding:5px;
	border-top:1px solid #FE5377;
	border-bottom:1px solid #FE5377;
	background:#fff url(images/txt_comment2.gif) no-repeat 2px 10px;
	color:#9F9F9F;
	font:11px/18px dotum;
}

#guestWrite .button,
.commentWrite .button {
	width:/*@post-width:-40=*/860px/*@*/;
	margin-top:-1px;
	text-align:right;
}

#guestWrite .button input,
.commentWrite .button input {
	width:106px;
	height:18px;
	background:url(images/btn_write.gif) no-repeat;
	line-height:16px;
	text-indent:-5000px;
	overflow:hiddne;
}


/* 방명록&댓글 읽기 */
#guestList {
	width:/*@post-width:-40=*/860px/*@*/;
	padding:12px 20px 7px 20px;
}

.commentList {
	width:/*@post-width:-67=*/833px/*@*/;
	padding:0 16px 0 11px;
}

.commentList ol {
	margin-top:23px;
	margin-bottom:16px;
}

#guestList,
#guestList a,
.commentList,
.commentList a {
	font:11px dotum;
}

#guestList .name,
#guestList .name a,
.commentList .name,
.commentList .name a {
	color:#905460;
	font-weight:bold;
}

#guestList .date,
.commentList .date {
	color:#C2C2C2;
}

#guestList p,
.commentList p {
	padding:7px 0 8px 0;
	color:#9F9F9F;
}

.control {
	padding-left:5px;
}

.control a span {
	display:none;
}

.control a {
	background-repeat:no-repeat;
}

.control a:hover {
	text-decoration:none;
}

.control a.address {
	padding-left:28px;
	background-image:url(images/iconAddress.gif);
}

.control a.modify {
	padding-left:46px;
	background-image:url(images/iconModify.gif);
}

.control a.write {
	padding-left:34px;
	background-image:url(images/iconWrite.gif);
}

#guestList li,
.commentList li {
	padding-top:5px;
}

#guestList ol li ul li,
.commentList ol li ul li {
	padding-left:31px;
	background:url(images/iconIndentArrow_re.gif) no-repeat 1px 0px;
}


/* 검색결과 리스트 - 날짜와 제목 간격 및 가독성 최적화 */
#searchList ol,
#searchRplist ol {
    width: 95% !important;
    margin: 10px auto !important;
    border-top: 1px solid #FFCBD6;
}

#searchList li,
#searchRplist li {
    padding: 10px 15px !important; /* 위아래 간격을 넓혀 시원하게 배치 */
    border-bottom: 1px solid #FFCBD6;
    display: flex !important;
    align-items: center;          /* 날짜와 제목의 수평 중앙 맞춤 */
}

/* 날짜 스타일: 고정폭과 여백 부여 */
#searchList .date,
#searchRplist .date {
    display: inline-block !important;
    float: none !important;        /* 기존 float 방식 제거 */
    width: 85px !important;        /* 날짜 영역 고정폭 (날짜 길이가 달라도 시작점 통일) */
    margin-right: 25px !important; /* [핵심] 날짜와 제목 사이의 확실한 간격 */
    color: #9F9F9F !important;
    font: 11px verdana, sans-serif;
    flex-shrink: 0;                /* 날짜 영역이 좁아지지 않게 고정 */
    text-align: left;
}

/* 게시물 제목 스타일 */
#searchList li a,
#searchRplist li a {
    color: #676767 !important;
    font: 13px 'Nanum Gothic', dotum !important; /* 본문과 맞춰 13px로 확장 */
    text-decoration: none !important;
    overflow: hidden;
    text-overflow: ellipsis;       /* 제목이 너무 길면 ... 처리 */
    white-space: nowrap;
    flex: 1;                       /* 남는 공간을 제목이 다 차지함 */
}

/* 마우스 올렸을 때 강조 효과 */
#searchList li:hover {
    background-color: #FFF5F7;    /* 살짝 분홍빛 배경으로 가독성 향상 */
}

#searchList li a:hover {
    color: #FE5377 !important;     /* 제목 색상 변경 */
    text-decoration: underline !important;
}

/* 포스트 */
.titleWrap {
	min-height:102px;
	height:102px;
	padding-bottom:8px;
	background-color:#FE5377;
}

.titleWrap .info-title {
	padding:8px 20px 10px 20px;
	border-bottom:1px solid #FE86A0;
}

.info-title,
.info-title a {
	color:#AF091C;
}

.info-title .date {
	font:11px verdana;
}

.info-title .category {
	padding-left:9px;
}

.info-title .category,
.info-title .category a {
	font:11px dotum;
}

.titleWrap h2 {
	padding:22px 20px 1px 20px;
}

.titleWrap .admin {
	padding:0 20px;
}

.titleWrap .admin,
.titleWrap .admin a {
	color:#FFA9BB;
}

.titleWrap h2 a {
	color:/*@post-title-color=*/#000000/*@*/;
	font-size:/*@post-title-font-size=*/16px/*@*/;
	font-family:/*@post-title-font-family=*/verdana, gulim/*@*/;
}

.article {
	width:/*@post-width:-40=*/860px/*@*/;
	color:/*@post-body-color=*/#000000/*@*/;
	font-size:/*@post-body-font-size=*/12px/*@*/;
	font-family:/*@post-body-font-family=*/Nanum Gothic, gulim/*@*/;
	word-break:break-all;
	word-wrap:break-word;
	overflow:hidden;
}

.article a {
	color:#676767;
}

.author {
	color:#C2C2C2;
	text-align:right;
}

.entryNotice .article,
.entryProtected .article,
.entrayContentsWrap {
	padding:20px 19px 0 19px;
}

.entryProtected,
.entryNotice,
.entry {}

.entryProtected .wrap,
.entryNotice .article,
.entrayContentsWrap {
	margin-bottom:20px;
	padding-bottom:25px;
	background-color:#fff;
	border:1px solid #FFCBD6;
	border-top:0;
}

/* 보호글 */
.entryProtected .article {
	margin:20px 20px 0 20px;
	padding:31px 0 23px 0;
	border-top:1px solid #FE5377;
	border-bottom:1px solid #FE5377;
	text-align:center;
}

.entryProtected .article p {
	padding-top:18px;
}

.entryProtected label span {
	display:none;
}

.entryProtected input.text {
	width:140px;
	height:18px;
	padding:0 5px;
	border:1px solid #DFE0D9;
	color:#9f9f9f;
	font-size:11px;
	line-height:18px;
}

.entryProtected label {
	padding-left:59px;
	background:url(images/txt_password.gif) no-repeat 0px 4px;
}

.entryProtected .button {
	width:/*@post-width:-20=*/880px/*@*/;
	margin-top:-1px;
	text-align:right;
}

.entryProtected .button input {
	width:106px;
	height:18px;
	background:url(images/btn_confirm.gif) no-repeat;
	line-height:16px;
	text-indent:-5000px;
	overflow:hiddne;
}


/* 포스트본문 */
.cap1 {
	padding:4px 0;
	color:#999;
	text-align:center;
}

.dual { /* 그림 2개 배치 */
	margin-bottom:5px;
}

.triple { /* 그림 3개 배치 */
	margin-bottom:5px;
}

.article blockquote {
	min-height:50px;
	padding-left:74px;
	background:url(images/iconBlockquote.gif) no-repeat;
	color:#FE5377;
}


/* more / less */
.moreless_fold,
.moreless_top,
.moreless_bottom {
	padding-left:45px;
	background-repeat:no-repeat;
	background-position:0 5px;
	color:#676767;
}

.moreless_fold {
	background-image:url(images/iconMore.gif);
}

.moreless_top,
.moreless_bottom {
	background-image:url(images/iconLess.gif);
}

.moreless_content {
	padding-top:2px;
}


/* 태그트레일 */
.tagTrail {
	padding-top:25px;
}

.tagTrail .tagText b {
	display:none;
}

.tagTrail .tagText {
	padding-left:27px;
	background:url(images/txt_tag.gif) no-repeat;
}

.tagTrail,
.tagTrail a {
	color:#878787;
	font:11px dotum;
}


/* 액션트레일 */
.actionTrail {
	height:20px;
	margin-top:10px;
	padding-top:10px;
	border-top:1px solid #E3E3E3;
	border-bottom:1px solid #E3E3E3;
}

.actionTrail,
.actionTrail a,
.actionTrail a span {
	color:#FE5377;
	font:bold 12px dotum;
}

.actionTrail a {
	background-repeat:no-repeat;
	background-position:2px 4px;
}

.actionTrail .tb {
	padding-left:68px;
	background-image:url(images/txt_trackback.gif);
}

.actionTrail .rp {
	margin-left:8px;
	padding-left:56px;
	background-image:url(images/txt_comment.gif);
}

.actionTrail b {
	display:none;
}


/* 트랙백 */
.trackback h3 {
	height:26px;
	padding-top:4px;
	border-bottom:1px solid #E3E3E3;
}

.trackback h3 b {
	display:none;
}

.trackback h3,
.trackback h3 span {
	color:#878787;
	font:11px dotum;
}

.trackback ol li {
	width:/*@post-width:-67=*/833px/*@*/;
	margin-top:10px;
	padding:17px 10px 14px 15px;
	border:1px solid #FFE5EA;
	background-color:#FFF5F7;
}

.trackback h4 span,
.trackback a.delete span {
	display:none;
}

.trackback h4 a {
	color:#905460;
	font:bold 11px dotum;
}

.trackback a.delete {
	float:right;
	padding-left:7px;
	background:url(images/iconDelete.gif) no-repeat;
	text-decoration:none;
}

.trackback .info-tracback {
	margin-bottom:13px;
	color:#E4C3C9;
	font:11px verdana;
}

.trackback .info-tracback .name {
	font-family:dotum;
}

.trackback p {
	color:#B69299;
	font:11px/18px dotum;
}


/* 페이지 */
#paging {
	margin-top:20px;
	text-align:center;
}

#paging .numbox a,
#paging .numbox span {
	color:#9F9F9F;
	font:normal 12px dotum;
}

#paging .numbox a {
	margin:0 8px;
}

#paging .numbox span.selected {
	color:#FE5377;
	font-weight:bold;
	text-decoration:none;
}


/* 사이드바 */
/* 제목 */
#sidebarA h3,
#sidebarB h3 {
	color:#FE5377;
	font:11px/18px dotum, sans-serif;
}

h3.stit {
	width:180px;
	height:35px;
	background-repeat:no-repeat;
	background-position:0px 20px;
	text-indent:-5000px;
	overflow:hidden;
}

#category h3 {
	background-image:url(images/stit_category.gif);
}

#tagbox h3 {
	background-image:url(images/stit_tag.gif);
}

#notice h3 {
	background-image:url(images/stit_notice.gif);
}

#recentPost h3 {
	background-image:url(images/stit_recentpost.gif);
}

#recentComment h3 {
	background-image:url(images/stit_recentcomment.gif);
}

#recentTrackback h3 {
	background-image:url(images/stit_recenttrackback.gif);
}

#link h3 {
	background-image:url(images/stit_link.gif);
}

#archive h3 {
	background-image:url(images/stit_archive.gif);
}


/* 목록 */
#sidebarA li,
#sidebarA li a,
#sidebarA li a span,
#sidebarB li,
#sidebarB li a,
#sidebarB li a span {
	color:#9F9F9F;
	font:11px/16px dotum;
}

#sidebarA li,
#sidebarB li {
	padding:1px 0 2px 0;
}

#sidebarA .cnt,
#sidebarB .cnt {
	color:#FE5377;
}

#sidebarA .module_widget,
#sidebarB .module_widget {
	margin-top:20px;
}

.bloger-wrap {
	width:160px;
	padding:9px;
	border:1px solid #E1E1E1;
	background-color:#fff;
}

#blogImage {
	float:left;
	width:80px;
	height:90px;
}

.bloger-desc {
	float:right;
	width:70px;
}

#blogDesc {
	color:#A0A0A0;
	font:11px/15px dotum;
}


#userID {
	padding-top:18px;
	background:url(images/iconBy.gif) no-repeat 0px 6px;
	color:#FD5378;
	font:11px/15px dotum;
}


/* 카테고리 */
/*1depth*/
#category li,
#category li a,
.c_cnt {
	font-family:gulim;
}

/* 2차 카테고리 들여쓰기 및 스타일 최적화 */
#category ul li ul {
    padding-left: 10px !important; /* 전체 들여쓰기 간격 (기존보다 대폭 줄임) */
    margin: 0 !important;
}

#category ul li ul li a,
#category ul li ul li a:hover {
    padding-left: 0 !important;      /* 개별 항목 앞 추가 여백 제거 */
    background-image: none !important; /* 화살표 제거 */
    white-space: nowrap !important;  /* 한 줄 유지 */
    display: inline-block !important; 
    
    /* 글자 잘림 방지 및 전체 표시 */
    overflow: visible !important;
    text-overflow: clip !important;
    width: auto !important;
}

#category ul li ul li a:hover {
    color: #424242;
    text-decoration: none;
}

/*3depth*/
#category ul li ul li ul li a,
#category ul li ul li ul li a:hover {
	padding-left:4px;
	background-repeat:no-repeat;
	background-position:px 2px;
}

#category ul li ul li ul li a {
	background-image:url(images/icon3depth.gif);
}

#category ul li ul li ul li a:hover {
	background-image:url(images/icon3depth_on.gif);
	color:#FD5377;
	text-decoration:none;
}

.category_list li a {
    white-space: nowrap !important; /* 글자가 길어도 다음 줄로 넘어가지 않게 설정 */
    overflow: hidden;               /* 영역을 벗어나는 부분은 숨김 */
    text-overflow: ellipsis;        /* (선택 사항) 영역을 벗어나면 ...으로 표시 */
    display: block;                 /* 링크 영역을 블록화하여 클릭 범위 최적화 */
}


/*태그박스*/
#tagbox li {
	margin-right:2px;
}

#tagbox li,
#tagbox li a {
	font:11px/19px verdana, dotum;
}

#tagbox li .cloud1 {
	color:#AF1E3D;
}

#tagbox li .cloud2 {
	color:#FF5478;
}

#tagbox li .cloud3 {
	color:#727272;
}

#tagbox li .cloud4 {
	color:#FFB3C3;
}

#tagbox li .cloud5 {
	color:#C2C2C2;
}


/* 검색창 - 이미지 뭉개짐 복구 및 중앙 정렬 */
#searchBox {
    width: 180px !important;    /* 사이드바 너비에 맞게 조절 (기존 178px) */
    height: 22px !important;    /* 높이 미세 조정 */
    margin: 24px auto 14px auto !important; /* 가로 중앙 배치 */
    border: 1px solid #E2E1E1;
    background-color: #fff;
    display: flex !important;   /* 내부 요소(입력창+버튼) 일렬 정렬 */
    align-items: center;
    overflow: hidden;
}

#searchBox input {
    width: 135px !important;    /* 입력창 너비 */
    height: 18px !important;
    padding-left: 5px;
    background-color: transparent;
    border: none !important;
    color: #9F9F9F;
    font: 12px/18px dotum;
    outline: none;
}

#searchBox .submit {
    width: 36px !important;     /* 이미지 버튼 너비 고정 */
    height: 16px !important;    /* 이미지 버튼 높이 고정 */
    /* [핵심] 배경 이미지를 중앙에 고정하고 반복 방지 */
    background: url(images/btn_search.gif) no-repeat center center !important; 
    background-size: contain !important; /* 이미지가 뭉개지지 않게 크기 맞춤 */
    text-indent: -5000px;
    border: none !important;
    cursor: pointer;
    overflow: hidden;
    flex-shrink: 0;             /* 버튼 크기 보존 */
}


/* 카운터 - 사이드바 전체 가로 중앙 정렬 */
#counter {
    margin: 30px 0 !important;        /* 위아래 여백 */
    display: flex !important;
    flex-direction: column !important; /* 항목 세로 나열 */
    align-items: center !important;    /* [핵심] 뭉치 전체를 가로 중앙으로 */
    width: 100% !important;           /* 사이드바 전체 너비 사용 */
    clear: both;
}

#counter div {
    display: flex !important;
    align-items: center !important;    /* 아이콘과 숫자 높이 중앙 맞춤 */
    justify-content: center !important; /* [추가] 아이콘과 숫자 뭉치 자체를 중앙으로 */
    width: 150px !important;           /* 정렬을 위한 가상의 틀 (너비를 충분히 확보) */
    height: 22px !important;           /* 줄 간격 확보 */
    margin-bottom: 2px;
}

#counter span {
    display: inline-block !important;
    float: none !important;            /* 왼쪽 고정 해제 */
    color: #9F9F9F;
    font: 11px/11px dotum;
    vertical-align: middle;
}

#counter .head {
    background-repeat: no-repeat;
    background-position: 0 center;     /* 아이콘 수직 중앙 */
    text-indent: -5000px;
    overflow: hidden;
    margin-right: 10px !important;     /* [조절] 아이콘과 숫자 사이 간격 (너무 붙지 않게) */
}

/* 아이콘 개별 너비 설정 */
#counter .yesterday .head { width: 54px; background-image: url(images/txt_yesterday.png); }
#counter .today .head { width: 35px; background-image: url(images/txt_today.png); }
#counter .total .head { width: 33px; background-image: url(images/txt_total.png); }

/* IE 호환성 코드 유지 */
*html #counter .yesterday .head { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://cfs.tistory.com/blog/skin/tis_Reverse_White/images/txt_yesterday.png', sizingMethod='crop'); background-image:none; }
*html #counter .today .head { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://cfs.tistory.com/blog/skin/tis_Reverse_White/images/txt_today.png', sizingMethod='crop'); background-image:none; }
*html #counter .total .head { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://cfs.tistory.com/blog/skin/tis_Reverse_White/images/txt_total.png', sizingMethod='crop'); background-image:none; }

.banner {
	padding:9px 0 13px 0;
	border-top:1px solid #E2E1E1;
	border-bottom:1px solid #E2E1E1;
}

#adTistory,
#btnRSS {
	display:block;
	background-repeat:no-repeat;
	background-position:0 0;
	text-indent:-5000px;
	overflow:hidden;
}

#adTistory {
	width:137px;
	height:20px;
	margin-bottom:6px;
	background-image:url(images/tistory.png);
}

#btnRSS {
	width:80px;
	height:15px;
	margin-top:6px;
	background-image:url(images/rss.png);
}

*html #adTistory {
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://cfs.tistory.com/blog/skin/tis_Reverse_White/images/tistory.png', sizingMethod='crop');
	background-image:none;
}

*html #btnRSS {
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://cfs.tistory.com/blog/skin/tis_Reverse_White/images/rss.png', sizingMethod='crop');
	background-image:none;
}


/* 달력 */
#calendar {
	width:168px;
	padding:6px 5px 9px 5px;
	border:1px solid #FFCBD6;
}

#calendar h3 {
	display:none;
}

#calendar table caption {
	text-align:left;
}

#calendar .cal_month {
	width:162px;
	height:18px;
	padding-left:6px;
}

#calendar .this-month,
#calendar .this-month a {
	color:#FE5377;
	font:bold 10px verdana, sans-serif;
}

#calendar .nav {
	float:right;
	margin-top:2px;
	color:#C9C9C9;
	font-size:8px;
}

#calendar .nav a span {
	display:none;
}

#calendar .nav a:hover {
	text-decoration:none;
}

#calendar .nav a.prev-month {
	padding-left:10px;
	background:url(images/btnMonthPrev.gif) no-repeat 0px 2px;
}

#calendar .nav a.next-month {
	padding-left:18px;
	background:url(images/btnMonthNext.gif) no-repeat 0px 2px;
}

#calendar table thead {
	display:none;
}

#calendar table tbody td,
#calendar table tbody td a {
	color:#9F9F9F;
	font:10px/15px Verdana, sans-serif;
	text-align:center;
}

#calendar table tbody td.cal_day_sunday {
	color:#FE5377;
}

#calendar table tbody td.cal_day4 {
	color:#090909;
}


/* 달력 글쓴 날 링크 스타일 */
a.cal_click:link,
a.cal_click:visited {
	text-decoration:underline;
}


/* archive */
#archive li {
	padding-left:20px;
	background:url(images/bull.gif) no-repeat 0 6px;
}


/* 푸터 */
#footer {
	border-top:1px solid #FAA4B6;
}

#footMenu {
	width:339px;
	height:8px;
	margin:0 auto 10px;
	color:#6C6C6C;
}

#footMenu span {
	float:left;
	margin-right:8px;
	padding-right:13px;
	background:url(images/footmenu_bar.gif) no-repeat right 1px;
}

#footMenu a {
	float:left;
	display:block;
	height:8px;
	background-repeat:no-repeat;
	text-indent:-5000px;
	overflow:hidden;
}

#footMenu a.home {
	width:27px;
	background-image:url(images/footmenu_home.png);
}

#footMenu a.tag {
	width:18px;
	background-image:url(images/footmenu_tag.png);
}

#footMenu a.media {
	width:31px;
	background-image:url(images/footmenu_media.png);
}

#footMenu a.location {
	width:46px;
	background-image:url(images/footmenu_location.png);
}

#footMenu a.key {
	width:37px;
	background-image:url(images/footmenu_key.png);
}

#footMenu a.guestbook {
	width:30px;
	background-image:url(images/footmenu_guestbook.png);
}

#footMenu a.admin {
	width:31px;
	background-image:url(images/footmenu_admin.png);
}

#footMenu a.write {
	width:30px;
	background-image:url(images/footmenu_write.png);
}

#copyright,
#copyright a {
	clear:both;
	color:#BDBDBD;
	font:11px dotum;
}

*html #footMenu a.home {
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://cfs.tistory.com/blog/skin/tis_Reverse_White/images/footmenu_home.png', sizingMethod='crop');
	background-image:none;
}

*html #footMenu a.tag {
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://cfs.tistory.com/blog/skin/tis_Reverse_White/images/footmenu_tag.png', sizingMethod='crop');
	background-image:none;
}

*html #footMenu a.media {
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://cfs.tistory.com/blog/skin/tis_Reverse_White/images/footmenu_media.png', sizingMethod='crop');
	background-image:none;
}

*html #footMenu a.location {
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://cfs.tistory.com/blog/skin/tis_Reverse_White/images/footmenu_location.png', sizingMethod='crop');
	background-image:none;
}

*html #footMenu a.key {
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://cfs.tistory.com/blog/skin/tis_Reverse_White/images/footmenu_key.png', sizingMethod='crop');
	background-image:none;
}

*html #footMenu a.guestbook {
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://cfs.tistory.com/blog/skin/tis_Reverse_White/images/footmenu_guestbook.png', sizingMethod='crop');
	background-image:none;
}

*html #footMenu a.admin {
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://cfs.tistory.com/blog/skin/tis_Reverse_White/images/footmenu_admin.png', sizingMethod='crop');
	background-image:none;
}

*html #footMenu a.write {
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://cfs.tistory.com/blog/skin/tis_Reverse_White/images/footmenu_write.png', sizingMethod='crop');
	background-image:none;
}


/* 카테고리테이블 */
.ib {
	cursor:pointer;
}

.branch3 {
	cursor:pointer;
}


/* 댓글 */
.rp_general {}

.rp_admin {
	padding-left:20px;
	background:url(images/iconAdmin.gif) no-repeat;
}


 /* 비밀글 */
.rp_secret {
	color:#f30;
}


/* 방명록 */
.guest_general {}

.guest_admin {
	background:url(images/iconAdmin.gif) no-repeat;
}

.hiddenComment { /* 비밀 댓글 (로그아웃시 비밀글 표현) */
	padding-left:20px;
	background:url(images/iconSecret.gif) no-repeat;
	font-weight:normal;
}


/* 키워드 */
.key1 {
	border-bottom:1px dotted #ccc;
	cursor:pointer;
}

.floatWrapper {
	display:inline-block;
}


/* PNG24 transparent */
.png24 {
	tmp:expression(setPng24(this));
}

/* 본문 폰트 - 부드러운 색상과 농도로 수정 */
.article, .article p, .article span, .article div {
    /* 폰트 종류: 나눔고딕 또는 본고딕 계열 추천 */
    font-family: 'Nanum Gothic', 'Malgun Gothic', sans-serif !important;
    
    /* 색상: #000(진검정) 대신 #444~#555(짙은 회색) 사용 */
    color: #4f4f4f !important;     /* 훨씬 눈이 편안해지는 농도입니다 */
    
    /* 굵기: 너무 두껍게 느껴진다면 일반 굵기로 고정 */
    font-weight: 400 !important;   
    
    /* 크기 및 간격: 15px이 크다면 14px로 살짝 조절 */
    font-size: 14px !important;    
    line-height: 1.8 !important;   /* 행간이 넓어야 색이 연해 보이는 효과가 있습니다 */
    letter-spacing: -0.01em;       /* 글자 사이 간격 미세 조정 */
}

/* 링크 색상도 너무 튀지 않게 조절 */
.article a {
    color: #666 !important;
    text-decoration: underline;
}

/* 1. 포스트 메인 제목 - 농도 조절 */
.titleWrap h2 a {
    color: #4a4a4a !important;   /* 완전한 검정 대신 짙은 회색으로 변경 */
    font-weight: 500 !important;   /* 너무 두껍지 않게 (기존 600~700에서 하향) */
    letter-spacing: -0.5px !important;
    transition: color 0.3s ease;
}

/* 2. 사이드바 각 모듈 제목 (카테고리, 최근글 등) */
#sidebarA h3, #sidebarB h3 {
    color: #cc4561 !important;   /* 기존 진한 분홍(#FE5377)보다 차분한 톤으로 변경 */
    font-weight: normal !important;
    opacity: 0.9;                /* 투명도를 살짝 주어 부드럽게 처리 */
}

/* 3. 본문 내 소제목 (작성 시 사용한 제목들) */
.article h1, .article h2, .article h3, .article h4 {
    color: #3d3d3d !important;
    font-weight: 600 !important;
    margin-top: 30px;
    margin-bottom: 15px;
}

/* My Link - 모든 내부 제약 무시 및 강제 한 줄 배치 */
#linkList li, 
#linkList li a, 
#linkList li span, 
#linkList li div {
    display: inline-block !important; /* 요소를 한 줄로 나열 */
    width: auto !important;           /* 고정 너비 해제 */
    max-width: 220px !important;      /* 사이드바 폭에 맞춘 최대치 */
    white-space: nowrap !important;   /* [핵심] 절대 줄바꿈 금지 */
    overflow: hidden !important;      /* 넘치는 부분 숨김 */
    text-overflow: ellipsis !important; /* 길면 ... 처리 */
    float: none !important;           /* 불필요한 정렬 해제 */
    word-break: break-all !important;  /* 단어 단위 끊기 방지 */
}

#linkList li {
    display: block !important;        /* 리스트 항목 자체는 세로로 나열 */
    padding-left: 0 !important;       /* 왼쪽 들여쓰기 0 */
    margin-left: -5px !important;      /* 아주 미세하게 왼쪽으로 더 밀기 */
    letter-spacing: -1px !important;  /* 자간을 최대한 좁힘 */
}

/* 점(불렛) 기호가 자리를 차지하지 않도록 공중에 띄움 */
#linkList li::before {
    content: "·" !important;
    margin-right: 3px !important;
    font-weight: bold;
    color: #FFCBD6;
}