@charset "utf-8";

@font-face{
  font-family: sans-serif;
  font-style: normal;
  font-weight: normal;
  src: url('./images/sans-serif.eot'); 
  src: local('☺'), url('./images/sans-serif.ttf') format('truetype'); 
}

* {
	margin:0;
	padding:0;
	border:0; 
	line-height:1.8; 
	font-family:sans-serif;
}
body {
	background-color:#FFFFFF;
	background-image:url(images/top_bg.gif);
	background-repeat:repeat-x;
	background-position:;
	font-size:13px;
}
a {text-decoration:none; }
a:hover {text-decoration:none; }
hr {display:none; }
input.text, select, textarea {
	border:1px solid #D0D0D0;
	background-color:#fff;
	color:#8A8A8A;
}
input {vertical-align: middle; }
textarea {padding:5px; font-size:12px; }


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

#btnRSS li,
#blogEmail .inputEmail li,
#userID li,
#blogMenu li,
#counter li,
#tagbox li,  
#taglog li {
	display:inline;
}

#btnRSS li,
#blogEmail .inputEmail li,
#userID li,
#blogMenu li, /*탑메뉴*/
#sidebar li, /*사이드바 - 마크업에 따라 변경*/
#searchList li, /*본문검색리스트*/
#searchRplist li, /*댓글검색리스트*/
#guestList li, /*방명록*/
.trackback li, /* 트랙백 */
.keylog li, /*키로그*/
.commentList li /*댓글*/ {
	list-style-type:none;
}
/* 포스트 본문 마크업 */
#content .entry .article ol, #content .entry .article ul, #content .entry .article il {
	padding-left:5px;
}

#content .entry {padding-bottom:30px;}

.article dt {
	padding-top:5px;
	text-decoration:underline;
}
.article dd {
	padding-left:25px;
	padding-bottom:5px;
}
.article table th {background-color:#fff; } /* 스킨디자인에따라 색상 변경 */
.article table td {padding:2px; background-color:#fff; } /* 스킨디자인에따라 색상 변경 */
.article table td a {text-decoration:none;}
.article table td a:hover {text-decoration:none;}
.dual table td, .triple table td {background-color:transparent; } /* 이미지 레이아웃 */
.author, .tagTrail, .actionTrail {
	clear:both; 
}

/* 블로그 레이아웃 */
#header .head-container {width:980px; margin:0px auto; }
/* #body { clear: both; width:980px; margin:40px auto 0px; overflow:hidden} */
#body { clear: both; width:980px; margin:0 auto; overflow:hidden}
#content {
	float:left;
	width:720px;
	overflow:hidden;
	word-break:break-all;
}
#sidebar {
	float:right;
	width:220px;
	font-size:12px;
	overflow:hidden;
}
#footer {clear: both; width:980px; height:98px; margin:20px auto 0px; border-top:1px solid #e3e3e3}

/* BOX */
.boxTop, .boxMid, .boxBtm, .boxTopR, .boxMidR, .boxBtmR {clear:both; }
.boxTop-left, .boxTop-right, .boxBtm-left, .boxBtm-right {float:left; width:4px; height:4px; background-color:#transperant; }
.boxTopR { height: 23px; }
.boxBtmR { height: 6px; }

.boxTop-mid, .boxBtm-mid, .boxTopR-mid, .boxBtmR-mid {float:left; height:4px; }
.boxTop .boxTop-mid, .boxBtm .boxBtm-mid {width:717px; }
.boxTopR .boxTop-mid, .boxBtmR .boxBtm-mid {width:220px; }

.boxTop-mid {background:url(images/box_t.gif) repeat-x; }
.boxBtm-mid {background:url(images/box_b.gif) repeat-x; }

.boxMid, .boxMidR { }
.boxMid {width:720px; overflow:hidden; }
.boxMidR {width:220px; overflow:hidden; }

.boxBtm {margin-bottom:14px; }
.clear {clear:both; width:1px; height:10px; padding:0; font:0px; line-height:0px; }
* html .clear {clear:both; width:1px; height:6px; padding:0; font:0px; line-height:0px; }

.boxTop div, .boxBtm div, .boxTopR div, .boxBtmR div {font-size:0px; }

/* 헤더 */
#header {
	padding:0px;
	background-color:;
	background-image:;
	background-repeat:;
	background-position:;
}

/* #header .head-container {width:980px; height:0px; margin:0px auto; } */
#header .head-container {width:980px; height:79px; margin:0px auto; }
#header .head-container .head-left  {float:left; width:720px; margin-right:0px;}
#header .head-container .head-right {float:right; }
#coLogo {width:980px; height:79px; margin:0px; text-align:right; position: absolute;}
#coLogo img {margin-top:13px !important; text-align:right;}
#coTitle {width:220px; height:38px; text-align:right; border-top:solid 2px #959aa0; border-bottom:solid 1px #e3e3e3;}
#coTitle img {margin-top:13px;}

#header h1 {float:left; height:28px; margin-left:5px; width:100%;}
#header h1 a {
	background-color:;
	color:#2A2A2A;
	font-weight: bold;
	font-size:18px;
	font-family:sans-serif;
	letter-spacing: -1px;
}


/* 상단플래시 */
#flashContent {
	padding:0px;
	background-color:;
	background-image:;
	background-repeat:;
	background-position:;
}
#flashContent {width:980px; height: 212px; margin:0 auto; padding-top:73px; }

/* 블로그메뉴 */
#blogTitle {float:left; width:980px; height:79px; margin:0px; }
#blogTitle img {margin-top:0px;}

/* 블로그메뉴 */
#blogMenu {float:left; width:720px; height:38px; margin:0 0 0px 0px; border-top:solid 2px #959aa0; border-bottom:solid 1px #e3e3e3; }

#blogMenu .gnb			  {position:absolute; top:94px; height:14px; margin:0px; padding:0px; list-style:none; }
#blogMenu .gnb li		  {margin:0px; padding:0px; float:left; }
#blogMenu .gnb li a		  {display:block; height:14px; background-image:url(./images/gnb_normal.png); background-repeat: no-repeat; text-indent:-9999px; outline:0; dummy:expression(this.hideFocus = true); }
#blogMenu .gnb li a:hover {display:block; background-image:url(./images/gnb_over.png); }
#blogMenu li.gnb_1 a {width:92px;}
#blogMenu li.gnb_2 a {width:128px; background-position:-92px 0px;}
#blogMenu li.gnb_3 a {width:91px; background-position:-220px 0px;}
#blogMenu li.gnb_4 a {width:125px; background-position:-311px 0px;}
#blogMenu li.gnb_5 a {width:131px; background-position:-436px 0px;}
#blogMenu li.gnb_6 a {width:106px; background-position:-567px 0px;}
#blogMenu li.gnb_7 a {width:47px; background-position:-673px 0px;}

/* 컨텐츠 */
/* 타이틀 */
.title {border-bottom:1px solid #dddddd; padding:0px 9px 5px 0px; }
.title, .title a {color:#5C5C5C; font:bold 12px/16px sans-serif; }

/* 검색목록 */
#searchList ol, #searchRplist ol {margin:10px 5px 9px 5px; }
#searchList, searchRplist {padding-bottom:30px; }
#searchList li, #searchRplist li {margin-bottom:4px; }
#searchList li .date, #searchRplist li .date {padding-right:4px; }
#searchList li, #searchList li a, #searchRplist li, #searchRplist li a {color:#8A8A8A; font:12px/16px sans-serif; }
#searchList h3.title {color:#34455f; font-size:14px;}


/* 포스트 */
.infor {width:720px; height:15px; margin-top:4px;padding-bottom:4px;}
.infor .category {padding-top:2px; padding-left:2px; font:11px sans-serif; }
.infor .category a {color:#91b2e7; }
.infor .date {font-weight:normal;color:#aaaaaa;font:12px Tahoma; }
.infor ul {margin:0px; padding:0px;}
.infor li {float:left;display:inline;margin:0px; padding:2px 0px 0px 0px;}
.infor li.gubun {padding:0px 7px;}
.infor li.gubun img {float:left;margin-top:3px}

.titleWrap h2 a {
	color:#34455f;
	font-size:16px;
	line-height:1.3em;
	font-family:sans-serif;
	font-weight:bold;
}

.entryNotice .article, .entryProtected .container, .entry .container {padding:5px 20px 17px 0px; }
.article {line-height:20px;}
.container {clear:both;}
.entry .admin {padding-bottom:8px; }
.entry .admin, .entry .admin a {color:#A1A1A1; font:12px/18px sans-serif; }

.article {
	width:700px;
	padding:10px 0px 5px 0px;
	color:#8A8A8A;
	font-size:13px;
	font-family:sans-serif; 
	word-break:break-all;
	word-wrap:break-word;
	overflow:hidden;
}

.article p {font-size:12px;}
.articleNotice {padding:10px 0px;color:#474747}




.entry .article a {color:#8A8A8A; text-decoration:underline; }

/* more / less */
.moreless_fold, .moreless_top, .moreless_bottom {
	padding-left:18px;
	text-decoration:underline; 
}
.moreless_fold { /* 열기 */
	background:url(images/iconMore.gif) no-repeat left top; 
}
.moreless_top { /* 닫기 위 */
	background:url(images/iconLess.gif) no-repeat left top; 
}
.moreless_bottom { /* 닫기 아래 */
	padding-right:18px; 
	background:url(images/iconLess.gif) no-repeat right top; 
	text-align:right;
}
.moreless_content {margin:10px 0px 10px 0px; }

.author {padding-top:24px; padding-bottom:16px; color:#374150; font:12px sans-serif; text-align:right; }
.author .text {color:#888888;}

.tagTrail {padding-left:38px; padding-bottom:15px; background:url(images/ico_tag.gif) no-repeat 0 0px;}
.tagTrail, .tagTrail a {color:#A0A0A0; font:11px sans-serif; }
.tagTrail .tagText {display:none; }

.actionTrail {padding-bottom:10px; background:url(images/ico_response.gif) no-repeat 0 0px;}
.actionTrail a, .actionTrail a span { /* 폰트 지정시 필수 */
	color:#888888;
}
.actionTrail a .cnt {color:#888888; }
.actionTrail a.tb {padding-left:75px; }
.actionTrail a.rp {padding-left:0px; }
.actionTrail .actionText {display:none; }

.trackback, .comment {margin-top:1px; }

.trackback h3 {width:653px; padding:0px 0px 0px 0px; color:#888888; font-weight:normal;font-size:12px;}
.trackback .trackback-url { padding-left:2px; }
.trackback h3 span { color:#A0A0A0; font:normal 12px/16px; }
.trackback ol li {width:653px; padding:13px 15px 0 15px; border-top:1px solid #fff; overflow:hidden; }
.trackback ol li, .trackback ol li a {color:#A9A79D; }
.trackback h4, .trackback h4 a {font:12px/15px sans-serif; }
.trackback .from {padding-left:12px; }
.trackback .from, .trackback .date {font:10px/15px verdana; }
.trackback .name {font:11px/15px sans-serif; }
.trackback p {padding-top:3px; padding-bottom:11px; font:12px/15px sans-serif; }
.trackback a.delete { 
	padding-left:5px; /* 이미지 넓이 -3px */
	background:url(images/iconDelete.gif) no-repeat;  
	font-size:9px;
	text-decoration:none;
}
.trackback a.delete span {
	display:none;
}
/* 페이지 */
#paging {margin:19px 0 13px 0; text-align:center; }
.numbox a span {padding:0px 5px 0px 3px; }
#paging a, #paging span {color:#5C5C5C; font:12px verdana;}
#paging span.selected { /* 현재 페이지 */
	background-color:#8A8A8A;
	color:#fff;
}
/* 이전 다음 버튼 */
#prevPage span, #nextPage span {
	display:none;
}
a#prevPage:hover, a#nextPage:hover {text-decoration:none; }
#prevPage, .no-more-prev { 
	padding-right:6px;
	background-repeat:no-repeat;
	background-position: left 4px;
}
#nextPage, .no-more-next { 
	padding-left:6px;
	background-repeat:no-repeat;
	background-position: right 4px;
}
#prevPage {background-image:url(images/ico_prev.gif); }
#nextPage {background-image:url(images/ico_next.gif); }
.no-more-prev {background-image:url(images/ico_prev_no.gif) !important; }/* 비활성prev버튼 */
.no-more-next { background-image:url(images/ico_next_no.gif) !important; }/* 비활성next버튼 */

/* 사이드바 */
/* 사이드바 타이틀 */
#sidebar h3 {color:#8A8A8A; font:bold 12px sans-serif; } 
#sidebar h3.stitle {height:22px; border-bottom:1px solid #eeeeee; background-repeat:no-repeat; background-position:0px 0px; text-indent:-5000px; overflow:hidden; }
#sidebar #notice h3.stitle {background-image:url(./images/stitle_notice.gif); }
#sidebar #category h3.stitle {background-image:url(./images/stitle_category.gif); }
#sidebar #tagbox h3.stitle {background-image:url(./images/stitle_tag.gif); }
#sidebar #recentPost h3.stitle {background-image:url(./images/stitle_recentpost.gif); }
#sidebar #recentComment h3.stitle {background-image:url(./images/stitle_recentcomment.gif); }
#sidebar #recentTrackback h3.stitle {background-image:url(./images/stitle_recenttrackback.gif); }
#sidebar #archive h3.stitle {background-image:url(./images/stitle_archive.gif); }
#sidebar #link h3.stitle {background-image:url(./images/stitle_mylink.gif); }
#sidebar #calendar h3 {display:none; }
#sidebar #btnRSS h3.stitle {background-image:url(./images/stitle_connect_with_us.gif); }


.module_plugin, .module_widget { padding-bottom: 9px; } /* 플러그인, 위젯이 사이드바에 사용될 경우 */

/* 본문 */
#sidebar ul {margin:7px 1px 0px 1px; }
#sidebar ul li, #sidebar ul li a, #sidebar ul li a span {color:#8A8A8A; font:12px/16px sans-serif; }
#sidebar ul li {padding:0px;}
#sidebar #tagbox ul li, #sidebar #tagbox ul li a {line-height:20px; padding:0px 4px 5px 0px}
#sidebar #notice ul li, #recentPost ul li {padding:6px 0px 2px 6px; background:url(./images/bul_dot.gif) 0px 12px no-repeat;}

/* RSS */
#btnRSS {margin-top:20px}
#btnRSS ul {margin:6px 0px 0px 0px; padding:0px}
#btnRSS ul li {float:left; padding-right:13px}
#btnRSS ul li.end {padding-right:0px}

/* 블로거 */
#blogImage, #userID, #blogDesc {width:220px; overflow:hidden; word-break:break-all; word-wrap:break-word; }
#blogImage {padding-bottom:10px; text-align:center; }
#blogImage img {width:220px; }

#userID ul {margin:0px; padding:0px}
#userID ul li {float:left;}
#userID li.col1 {width:140px;}
#userID li.col2 {width:80px;text-align:right}
#userID li span.txt01 {color:#353535; font:bold 13px sans-serif;}
#userID li span.txt02 {color:#666867; font-size:13px;}

#blogDesc {color:#8A8A8A; font:11px/16px sans-serif; }

#blogEmail {margin-top:0px}
#blogEmail .inputEmail {margin-top:5px}
#blogEmail .inputEmail input {width:140px; height:20px; border:1px solid #e8e8e8;padding-top:2px; background:url(./images/input_bg.gif) 5px 4px no-repeat; vertical-align:top}
#blogEmail .inputEmail img {vertical-align:top}

/*카테고리*/
#treeComponent {width:178px; margin-top:10px; margin-left:10px; margin-right:10px; }
.c_cnt { /* 카테고리 옆 개수 */
	color:#8A8A8A;
}
/* 달력 */
#calendar {width:180px; margin:0 auto; padding-top:7px; }
#calendar .tt-calendar caption.cal_month { /* 달력 월 표시 */
	width:180px;
	border-left:1px solid #fff;
	border-right:1px solid #fff;
	background-color:#ADADAD;
}
#calendar .tt-calendar caption.cal_month a { /* 달력 월 표시 */
	color:#fff;
	font:bold 9px/13px tahoma, sans-serif;
}
#calendar .tt-calendar caption.cal_month a.prev-month { /* 달력 prev 커서 이미지 */
	display:block; 
	float:left;
	width:5px;
	height:11px;
	margin-left:4px;
	background:url(images/btn_prevmonth.gif) no-repeat 0px 5px;
	text-indent:-1000px;
	overflow:hidden;
}
#calendar .tt-calendar caption.cal_month a.next-month { /* 달력 next 커서 이미지 */
	display:block; 
	float:right;
	width:5px;
	height:11px;
	margin-right:4px;
	background:url(images/btn_nextmonth.gif) no-repeat 0px 5px;
	text-indent:-1000px;
	overflow:hidden;
}
#calendar .tt-calendar thead {display:none; }
#calendar .tt-calendar thead th { /* 달력 요일 표시(th 영역) */
	height:15px;
	color:#A5A5A4;
	font:normal 11px/13px sans-serif; 
}
#calendar .tt-calendar tbody td { /* 달력 Day(td 영역) */
	color:#8A8A8A;
	font:9px/15px Verdana, sans-serif;
	text-align:center;
}
#calendar .tt-calendar tbody td.cal_day4 { /* 달력 오늘 날짜 표시(td) */
	color:#7683E6;
	font-weight:bold;
}
/* 달력 글쓴 날 링크 스타일 */
a.cal_click:link, a.cal_click:visited { 
	color:#7683E6;
	font:9px/15px Verdana, sans-serif;
	text-decoration:underline;
}

/* TISTORY */
#adTistory {width:220px; height:73px; margin:20px 0px 9px 0px;}
#adTistory ul {margin:0px; padding:0px}
#adTistory ul li {list-style-type:none; padding-bottom:6px}

/* 푸터 */
/* 2015-11-03 원본
#footer, #footer a {color:#8A8A8A; font:11px sans-serif; }
#footMenu {margin-top:21px}
#footMenu .footLeft {float:left; width:900px}
#footMenu .footLeft ul li {display:inline;list-style-type:none}
#footMenu .footRight {float:left}
#footMenu .footRight ul li {display:inline;list-style-type:none}

#footMenu a {letter-spacing:-1px; }
#copyright {padding-left:14px; text-transform:uppercase; }
*/

/* 푸터 2015-11-03 수정 */
#footer, #footer a {color:#8A8A8A; font:11px sans-serif; }
#footMenu {margin-top:21px;overflow:hidden}


#footMenu .footLeft{float:left;}
#footMenu .footLeft > p{padding:0 4px 0 0;float:left;}
#footMenu .footLeft ul{float:left;margin:4px 0 0 0;}
#footMenu .footLeft ul li{list-style-type:none;float:left;margin:0 0 0 11px;padding:0 0 0 12px;background:url("http://ts.daumcdn.net/custom/blog/76/767153/skin/images/ico_bar.gif") no-repeat 0 0;}
#footMenu .footLeft ul li a{display:block;}
#footMenu .footRight {float:left;margin:0 0 0 84px}
#footMenu .footRight ul{margin:3px 0 0 0;}
#footMenu .footRight ul li {display:inline;list-style-type:none}

#footMenu a {letter-spacing:-1px; }
#copyright {padding-left:14px; text-transform:uppercase; }


/* 티스토리설정 */

/* 카테고리테이블 */
.ib { /* 이미지 버튼 */
	cursor:pointer; 
}
.branch3 { /* 트리 셀 */
	cursor:pointer; 
} 

/* 인용문 */
.article blockquote {
	margin:5px; 
	padding-left:16px; 
	background:url(images/iconBlockquote.gif) no-repeat;
}

/* 이미지 */
.imageblock { /* 그림 1개 배치 */
	margin:5px 0;
}
/* 그림간격없애기 */
.nomargin > span.imageblock{margin:0;}
.dual { /* 그림 2개 배치 */
	margin-bottom:5px;
}
.triple { /* 그림 3개 배치 */
	margin-bottom:5px;
}
.cap1 { /* 이미지 아래 캡션 스타일 */
	padding:4px 0; 
	color:#999; 
	text-align:center; 
}
/* 댓글 */
/* 종류별 코멘트 [##_rp_rep_class_##] */
.rp_admin { 
	padding-left:20px;
	background:url(images/iconAdmin.gif) no-repeat; 
}
.rp_secret { /* 비밀글 */
	color:#f30;
}
/* 방명록 */
/* 종류별 방명록 글 [##_guest_rep_class_##] */
.guest_admin { 
	padding-left:20px;
	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:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
.floatWrapper {display: inline-block;}
/* Hides from IE-mac \*/
* html .floatWrapper {height: 1%;}
/* End hide from IE-mac */

#snsShare {padding-top:25px; padding-bottom:60px; padding-right:0px; padding-left:0px;}
#snsShare ul {margin:0px; padding:0px}
#snsShare li {display:inline}

.flicker_thumb {margin-top:0px;width:720px;}
.flicker_thumb ul {margin-bottom:10px;}
.flicker_thumb ul li {display:inline;padding-right:8px;}
.flicker_thumb ul li.end {padding-right:0px;}

#gally {display:none; position:relative; top:38px; left:172px;width:127px;padding:0px; margin:0px}
#gally ul {padding:0px; margin:0px}
#gally ul li {display:inline; padding:0px; margin:0px}
#gally ul li a {padding:0px; margin:0px}
#gally ul li img {float:left;padding:0px; margin:0px}f