@font-face {font-family: 우리돋움90c1; src:url(http://cfs.tistory.com/custom/blog/19/197660/skin/images/wooriDotum90C1.eot);}



@charset "utf-8";
/* 반드시 들어가야 하는 스타일 시작 */

/* 본문 공통 */
	* {padding:0; margin:0;}
	body {font:13px/1.5 우리돋움90c1, Helvetica, Verdana, Arial, 돋움, sans-serif; color:#333333; background-image: none; background-color: #ffffff;}
	a:link {color:#333; text-decoration:none;}
	a:visited {color:#333; text-decoration:none;}
	a:active {color:#ff4d80; text-decoration:none;}
	a:hover {color:#ff4d80; text-decoration:none; border-bottom:1px dashed #bbb;}
	hr {display:none;}
	img{border:0;}
	h1 {font-size:1.8em; font-family:돋움; font-weight:bold;} /*블로그이름*/
	h2 {font-size:1.4em; font-family:돋움;} /*메뉴이름*/
	h3 {clear:both; background:url("images/dot2.gif") 0 50% repeat-x; margin:25px 0 5px;} /*사이드바메뉴이름*/
	h3 span {font-size:11px; font-family:Helvetica, Verdana, Arial, 돋움, sans-serif; margin-left:12px; padding:0 5px; font-weight:bold; text-transform:uppercase; background:#FFF; color:#FF4D80;}
	h4 {font-size:1em; font-family:돋움;}
	h5 {font-size:0.9em; font-weight:normal;}
	input {border:1px solid #e5e5e5; color:#333; padding:2px; font-size:0.9em;}
	.inputSubmit {border:none; color:#fff; padding:2px; background-color:#ff4d80;}
	textarea {border:1px solid #e5e5e5; color:#333;}
	ul,	ol {list-style:none;}

/* 페이징 - 현재 페이지 */
	.selected {font-weight:bold; color:#ff4d80; padding:4px 6px; border:1px #eee solid;}
	.no-more-prev {background:url("images/i_arr_prev_no.gif") left 50% no-repeat !important; padding-left:6px; color:#999;}
	.no-more-next {background:url("images/i_arr_next_no.gif") right 50% no-repeat !important; padding-right:6px; color:#999;}

/* 카테고리 - 이미지 버튼 */
  .ib {cursor:pointer;}
/* 카테고리 - 트리 셀 */
  .branch3 {cursor:pointer;}
/* 카테고리 - 카테고리 옆 개수 스타일 */
  .c_cnt {font:0.75em Tahoma, Helvetica, Arial, Gulim, sans-serif; color:#ff4d80;}

/* 달력 월 표시 */
  .cal_month {font:0.9em Verdana, Helvetica, Arial, Gulim, sans-serif; margin-bottom:8px; font-weight:bold; color:#999;}
/* 달력 요일 표시(th 영역) */
  .cal_week1 {font:0.95em 돋움, Arial, sans-serif; height:18px; font-weight:normal;}
/* 달력 일요일 표시(th 영역) */
  .cal_week2 {font:0.95em 돋움, Arial, sans-serif; color:#ff4d80;}
/* 달력 Week(tr 영역) */
  .cal_week {}
  .cal_current_week {}
/* 달력 Day(td 영역) */
  .cal_day {font:0.9em Verdana, Helvetica, Arial, Gulim, sans-serif; color:#999; text-align:center;}
/* 달력 Day, 일요일 (td 영역) */
  .cal_day_sunday {color:#ff4d80 !important;}
  .cal_day_sunday a {color:#ff4d80 !important;}
/* 달력 지난 달 날짜 표시(td)  */
  .cal_day1 {color:#ccc;}
/* 달력 다음 달 날짜 표시(td)  */
  .cal_day2 {color:#ccc;}
/* 달력 이번 달 날짜 표시(td) */
  .cal_day3 {color:#666;}
/* 달력 오늘 날짜 표시(td) */
  .cal_day4 {color:#000; text-decoration:underline;}
/* 달력 글쓴 날 링크 스타일 */
  a.cal_click:link {color:#333; font-weight:bold;}
  a.cal_click:visited {color:#333; font-weight:bold;}
  a.cal_click:hover {color:#ff4d80; font-weight:bold;}
#calendar a:hover {border:none !important;}

/* 종류별 코멘트 [##_rp_rep_class_##] */
  .rp_general {}
  .rp_admin {}
  .rp_secret {color:#f30;}
/* 종류별 방명록 글 [##_guest_rep_class_##] */
  .guest_general {}
  .guest_admin {}
/* 비밀 댓글 (로그아웃시 비밀글 표현) */
  .hiddenComment {padding:0 0 0 15px; background:url("images/i_secret.gif") no-repeat left 6px; border:none; width:98%; overflow:hidden;}

/* 이미지 아래 캡션 스타일 */
  .cap1 {color:#999; text-align:center; padding:4px 0; margin:0;}
/* 그림 */
  .imageblock {border:none !important; padding:3px; margin:5px 0; text-align:center;}
/* 왼쪽 */
  .left {}
/* 가운데 */
  .center {}
/* 오른쪽 */
  .right {}
/* 그림 2개 배치 */
  .dual {background-color:#fff; margin-bottom:5px;}
/* 그림 3개 배치 */
  .triple {background-color:#fff; margin-bottom:5px;}

/* 본문 - more / less */
  .moreless_fold {background:url(images/iconMore.gif) top left no-repeat; padding-left:20px; color:#000;}
  .moreless_top {background:url(images/iconLess.gif) top left no-repeat; padding-left:20px; color:#000;}
  .moreless_body {}
  .moreless_bottom {background:url(images/iconLess.gif) top right no-repeat; padding-right:20px; color:#999; text-align:right;}

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

/* 반드시 들어가야하는 스타일 끝 - 이 아래는 자유롭게 추가, 삭제 가능 */




/* 블로그 레이아웃 */
#container {width:1000px; background-color:#fff; margin:40px auto 15px;}
#blogtitle {float:left;}
#wrap {float:left; width:100%;}
#content {clear:both; float:left; margin-left:5px; width:640px; padding:25px 0;  display:inline;}
#sidebar {float:right; width:300px; margin-left:20px; display:inline;}
#footer {clear:both;}
#footMenu {float:left;}
#copyright {float:right;} 

/* ***** Header ***** */
#header h1 {padding-bottom:13px; font-size:2em; font-family: 우리돋움90c1}
#header h1 a {color:#000; line-height:1.0; border-bottom:1px solid #ddd; padding-bottom:4px;}
#header h1 a:hover {color:#ff4d80; text-decoration:none;}

#blogmenu {float:left; width:100%; border:1px solid #CCC; clear:both; padding:4px 0; border-left:0 !important; border-right:0 !important;}
#blogmenu ul {list-style:none; font-size:12px;}
#blogmenu ul li {display:inline;}
#blogmenu ul li a {display:block; float:left; padding:6px 14px; border:0; background:url("images/bg_blogmenu.gif") 100% 0 repeat-y;}
#blogmenu ul li a:hover {text-decoration:none; border:none !important;}
#blogmenu ul li a#menu_admin {color:#999;}
#blogmenu ul li a#menu_adminEnd {color:#999; background:none;}
#blogmenu ul li a#menu_home {border:0; font-weight:bold; background:#FF4D80; color:#FFF;}

/* ***** content ***** */
#content {overflow:hidden;}
#content h2 {border-bottom:1px solid #ddd; margin-bottom:5px; padding-bottom:5px;}
#content span.keyword {color:#ff4d80; margin:0 2px; letter-spacing:0;}

#content ol {list-style:none;}
#content #searchList li,
#content #searchRpList li {border-bottom:1px solid #eee; margin:2px 0; padding:2px 0; padding-left:24px; background:url("images/i_article.gif") 4px 6px no-repeat;}

#content .date {font:0.95em Verdana, Helvetica, Arial, Gulim, sans-serif; color:#777; margin-right:8px;}
#content .cmt {font:0.75em Verdana, Helvetica, Arial, Gulim, sans-serif; color:#999;}
#content .name {font:0.95em 돋움, Arial, sans-serif; color:#999; margin-left:8px;}
#content #descript {margin-bottom:10px;}
#content #descript span {font-size:0.9em; color:#999;}

#searchList,
#searchRpList {margin:0 0 30px 0; overflow:hidden;}

#taglog ul,
#tagbox ul {text-align:justify;}
#taglog li {display:inline; padding:0 3px; margin:2px; font-family:돋움;}
#tagbox li {display:inline; padding:0 1px; margin:1px 2px; font-family:돋움;}
#taglog li .cloud1 {background-color:#ff4d80; color:#fff; font-weight:bold; font-size:1.5em;}
#tagbox li .cloud1 {background-color:#ff4d80; color:#fff; font-weight:bold; font-size:1.3em;}
#taglog li .cloud2 {background-color:#fe8eb0; color:#fff; font-weight:bold; font-size:1.4em;}
#tagbox li .cloud2 {background-color:#fe8eb0; color:#fff; font-weight:bold; font-size:1.3em;}
#taglog li .cloud3 {background-color:#ddd; color:#333; font-weight:bold; font-size:1.3em;}
#tagbox li .cloud3 {background-color:#ddd; color:#333; font-weight:bold; font-size:1.2em;}
#taglog li .cloud4 {background-color:#ddd; color:#555; font-size:1.2em;}
#tagbox li .cloud4 {background-color:#ddd; color:#555; font-size:1.1em;}
#taglog li .cloud5 {font-size:1.1em; color:#777;}
#tagbox li .cloud5 {font-size:1em; color:#777;}

/* ***** footer ***** */
#footer {padding:8px 0 15px 0; margin-bottom:15px; font-size:0.85em; font-family:Verdana,굴림; color:#999; border-top:1px solid #ccc;}
#footMenu ul {list-style:none;}
#footMenu ul li {display:inline;}
#footMenu ul li a {color:#999; text-decoration:none; border:none !important;}
#footMenu a:hover {color:#ff4d80; text-decoration:none;}
#copyright a {color:#999; text-decoration:none;}
#copyright a:hover {color:#555; text-decoration:none;}

#guestbook p,
#commentWrite p{padding:2px; margin:0; line-height:1.2em; }

#guestList,
#commentList {padding:13px 0 0 0;}
#guestList ol,
#guestList ul,
#comment ol,
#comment ul {margin:0; padding:0; list-style:none;}
#guestList ol li,
#commentList ol li {border:4px solid #eee; padding:10px 10px 5px 10px; margin-bottom:10px; overflow:hidden;}
#guestList ol li p,
#commentList ol li p {border-top:1px dashed #ccc; margin-top:5px; padding:5px; width:98%; letter-spacing:-1;}
#guestList ol li ul li,
#commentList ol li ul li {padding:0 0 0 15px; margin-top:5px; background:url("images/i_re.gif") no-repeat left 6px; border:none; width:97%; overflow:hidden;}
#guestList ol li ul li div,
#commentList ol li ul li div {padding:8px; margin:0 0 0 5px; background-color:#f1f1f1; width:97%;}
#guestList ol li ul li p,
#commentList ol li ul li p{border-top:1px dashed #ccc; margin:5px 5px 0 0; padding:7px 5px 0 5px; letter-spacing:-1;}
#guestList .name,
#commentList .name {color:#666; font-weight:bold; font-size:1em; margin-right:5px;}
#trackback .name {color:#666;}
#guestList .name a,
#commentList .name a {color:#666;}
#guestList .date,
#commentList .date,
#trackback .date {font:0.8em Tahoma,Helvetica,Arial,Gulim,sans-serif;}

#guestWrite,
#commentWrite {margin-top:7px; padding:10px; background-color:#f5f5f5; border:1px solid #ddd;}
#commentWrite {margin-bottom:20px;}
.inputText {width:300px;}
.inputHomepage {width:400px;}
#guestWrite textarea,
#commentWrite textarea {width:550px; overflow:hidden; padding:5px; margin-bottom:3px; font-size:0.9em;}
#guestWrite .btn,
#commentWrite .btn {text-align:right; margin-right:1px;}
.secretWrap {float:left; position:relative; top:0px;; margin-bottom: 5px;}
#guestWrite .checkbox,
#commentWrite .checkbox {border:none; padding:0; padding:2px 0 0;}

.comment {overflow:hidden;}
.comment p {padding:0;}
.comment h5 {display:none;}
.comment ol,
.comment ul {margin:0; padding:0; list-style:none;}
.comment .date {font:0.9em Verdana, Helvetica, Arial, Gulim, sans-serif; color:#777;}
.comment ol li {border-bottom:1px dashed #999; margin:0 0 7px 0; padding:0 0 7px 0; }
.comment li ul li {padding:5px 10px 5px 35px; background:url("images/i_re.gif") no-repeat 12px 6px; border:none;}

.entry h2 {padding-top:25px;}
.entry h2 a,
.entryProtected h2 a {color:#ff4d80; border:none !important; background:url("images/subjectbar.gif") repeat-y left; padding-left:12px;}

.titleWrap {font-family: 우리돋움90c1; border-bottom:1px solid #ccc; padding-bottom:5px; margin-bottom:5px; overflow:hidden; _height:55px;}
.titleWrap .category a {font-size:1em; color:#333; margin-right:5px;}
.titleWrap .date {font-size:0.9em; color:#888;}

#header #searchBox {margin-top:22px;}
#searchBox	 {float:right;}
#searchBox,
.entryProtected div.pwform {padding:5px; background:#efefef;}
#searchBox input,
.entryProtected input {border:1px solid #bbb;}
.entryProtected div.contentWrap {text-align:center;}
.entryProtected p.text {padding:5px; color:#666; line-height:1.2em; margin:50px 0 15px;}
.entryProtected div.pwform {width:250px; margin:0 auto 40px;}
.entryProtected label {color:#666; letter-spacing:-1px;}
.entry .control {padding-top:2px;}

.article {color:#333333; overflow:hidden; margin:10px 0; font-size: 13px}
.article a:link {text-decoration:none; border-bottom:1px dashed #bbb;}
.article a:visited {text-decoration:none; border-bottom:1px dashed #bbb;}
.article a:active {text-decoration:none; border-bottom:1px dashed #bbb;}
.article a:hover {color:#ff4d80; text-decoration:none; border-bottom:1px dashed #bbb;}
.article dt {text-decoration:underline;}
.article dd {margin-left:20px; padding-bottom:10px;}
.article blockquote {padding-left:25px; margin:10px 20px;}

.author {text-align:right; color:#888; padding:5px;}
.author .text {font:90% Verdana, Arial, Helvetica, sans-serif; padding-left:13px; background:url("images/i_userid.gif") left center no-repeat;}

.tagTrail {padding:8px 5px 5px 33px; background:url("images/i_tag.gif") center left no-repeat; clear:both;}
.tagText {display:none;}

.actionTrail {border-top:1px dotted #ccc; padding:7px 5px 7px 0; clear:both;}
.actionTrail .cnt {color:#ff4d80;}

#trackback {border:1px solid #ddd; padding:5px 7px 5px 7px; margin-bottom:10px; overflow:hidden;}
#trackback ol {margin:0; padding:0; list-style:none;}
#trackback li {border-top:1px dashed #ccc; padding:5px; margin-top:5px;}

#paging {clear:both; padding-top:20px; text-align:center; font-size:0.95em;}
#paging .numbox {margin-left:7px; font:0.95em verdana;}
#paging .num {margin-right:7px;}
#paging #prevPage {background:url("images/i_arr_prev.gif") left 50% no-repeat; padding-left:6px;}
#paging #nextPage {background:url("images/i_arr_next.gif") right 50% no-repeat; padding-right:6px;}
#paging a {border:none !important;}

/* ***** sidebar ***** */
#sidebar .cnt {font:0.8em Tahoma, Helvetica, Arial, Gulim, sans-serif; color:#ff4d80;}
#sidebar .date {font:0.8em Verdana, Helvetica, Arial, Gulim, sans-serif; color:#888;}
#sidebar .name {font:0.9em Dotum, Arial, sans-serif; color:#888;}

#blogImage img {width:300px; padding-bottom:6px; margin-top:15px;}
#blogDesc {color:#777; font-size:0.9em; letter-spacing:-1px; margin-bottom:12px;}
#header #userID {margin-left:10px; padding-left:10px; background:url('images/i_userid.gif') left no-repeat;}
#sidebar #userID {display:block; padding-left:10px; background:url('images/i_userid.gif') left no-repeat;}

#notice {clear:both; margin:15px 0; padding:0;}
#notice li {border-bottom:1px dotted #ddd; margin:0 0 2px 0; padding:0 0 1px 0;}
#notice a:link,
#notice a:visited {background:url("images/i_notice.gif") 0 55% no-repeat; padding:0 0 0 17px; letter-spacing:-1px; font-size:0.9em;}
#notice a:hover {text-decoration:none; border:none !important;}

#adminMenu {margin:10px 0; text-align:center;}
#adminMenu li {display:inline;}

#category li {background:none;}
#category li ul li {padding-left:7px;}
#category li ul li ul li {padding-left:7px;}
#category a:hover {border:none !important;}

#recentComment {width:190px; overflow:hidden;}
#recentComment .info_wrap {margin-bottom:3px; color:#999; display:block;}

#recentTrackback {width:190px; overflow:hidden;}
#recentTrackback .info_wrap {margin-bottom:3px; color:#999; display:block;}

#archive li {font-family:verdana;}
#calendar td {font-family:verdana;}

#recentComment,
#tagbox {letter-spacing:-1px;}
#recentComment a,
#recentTrackback a,
#recentPost a {background:url("images/dot.gif") no-repeat left 50%; padding-left:7px;}

#recentComment li,
#recentTrackback li,
#recentPost li {margin-bottom:2px;}

#link a {background:url("images/i_link.gif") no-repeat left 50%; padding-left:14px;}

#counter {font:0.85em Verdana, Helvetica, Arial, Gulim, sans-serif; padding:5px 0; margin:15px 0; text-align:center;  background-color:#eee;  letter-spacing:0;}
#counter li {background:none;  display:inline;  padding:0 5px;}
#counter li.total {display:block;  color:#000;}

#adTistory {padding:5px 0; margin-top:15px;}
#adTistory.invite_tistory {marign: 8px 0; font-family: Dotum; font-size:11px; color:#333333; text-align:center; }
#btnRSS {padding:5px 0; margin-bottom:15px;}
#adTistory a:hover,
#btnRSS a:hover {border:none !important;}

#uibgmplayer{margin:5px 0 0 5px; width:181px;}

/* 블로그 공통 */
.text {font-size:0.9em; color:#999;}
input.inputSubmit {width:50px; text-align:center; font-family:Arial,sans-serif; font-size:0.9em; cursor:pointer; border:none !important; background:#FF4D80; color:#FFF; letter-spacing:0; font-weight:bold;}
input.inputSubmit2 {width:50px; text-align:center; font-family:Arial,sans-serif; font-size:0.9em; cursor:pointer; border:none !important; background:#bcbcbc; color:#FFF; letter-spacing:0; font-weight:bold;}

.control img {vertical-align:middle;}
.control a:hover {border:none !important;}
.control div {float:right;}
.control div,
.control a {color:#999;}
.control div {font-size:0.9em;}
.subjectInfo {float:left;}

#adminMenu a:link, .left a:link, .right a:link, .center a:link, .dual a:link, .triple a:link,
#adminMenu a:visited, .left a:visited, .right a:visited, .center a:visited, .dual a:visited, .triple a:visited,
#adminMenu a:active, .left a:active, .right a:active, .center a:active, .dual a:active, .triple a:active,
#adminMenu a:hover, .left a:hover, .right a:hover, .center a:hover, .dual a:hover, .triple a:hover {border:none !important;}