@charset "utf-8"; /* 유니코드를 utf-8로 불러들이기 */ 

/* ------ 문서 공통 --------------------------------------------------------- */

/* 
- 포인트 색깔
#91B3E3 하늘색 / #E1EBF9 바탕용 연한 하늘색
#FF69B4 분홍색 / #FFF0F5 바탕용 연한 분홍색
*/

* {font-family:나눔고딕, 'NanumGothic' !important;}

body {font:12px 'NanumGothic', 'Verdana'; color:#666; background-color:#FFF;}

a:link, a:visited, a:active	{color:#666; text-decoration:none;}
a:hover	{color:#FF69B4;}

a,input {selector-dummy:expression(this.hideFocus=true); text-decoration:none} /* 링크 점선 테두리 없애기 */ 
img {-ms-interpolation-mode:bicubic; border:none} /* 그림을 원본보다 크거나 작게 출력시 깨져 보이는 ie의 '이미지 계단현상' 방지 */

h2 {padding:0px 0px 10px 0px; margin:0px 0px 10px 0px; border-bottom:#EEE 2px solid}
h2 a {font:13pt verdana,Dotum; font-weight:bold; color:#555555}
h2 a:hover {text-decoration:underline}

/* 수정삭제, 날짜, 이름, 코멘트수, 게시물 카테고리 표시 */
.control, 
.control a:link, 
.control a:visited, 
.control a:active {font-size:11px; color:#AAA;}
.control a:hover {color:#FF69B4;}

.date {font:9px 'Verdana' !important; color:#AAA}
.name {font-weight:bold}
.cnt {font:9px 'Verdana' !important; color:#FF69B4}
.cnt-none {}

/* 검색결과 */
.subject {font-weight:bold;}

input {width:300px; height:20px; border:0; color:#666; background-color:#FFF0F5}
textarea {width:100%; height:100px; border:0; font:12px 'NanumGothic', 'Verdana'; color:#666; background-color:#FFF0F5}
.submit {height:20px; font:9px 'Verdana' !important; color:#666; background-color:#FFF0F5}

/* 검색, 보호글 */
.input2 {width:100px; height:20px; border:0; background-color:#FFF0F5}
.submit2 {width:50px; height:22px; font:9px 'Verdana' !important; color:#666; background-color:#FFF0F5;}

.clear {clear:both}

/* ------ layout ------------------------------------------------------------ */

/* #container {margin:20px auto}  전체 */
#header {width:600px; height:100px; margin:0 auto;} /* 상단 */
#page,
#entry,
#sidebar {width:600px; margin:0 auto; padding:20px 0px} /* 하단 */

/* ------ header ------------------------------------------------------------ */

.title {text-align:center;}
.title h1 {font:25pt 나눔고딕, 'NanumGothic', 'Verdana'; font-weight:bold;}

/* 상단 메뉴, 리스트 요소 및 링크 (리스트-스타일:동그라미 없이, 디스플레이:한줄로)*/
.blog-menu {padding:10px 10px 0px 0px; text-align:right}
.blog-menu ul li {font-size:11px; list-style:none; display:inline; padding:5px}

/* 상단 메뉴 링크 속성 - body의 아이디가 'tt-body-search' 일 때 blog-menu레이어의 menu_list클래스 안의 링크 글씨 색이 #FF729C로 바뀌고 밑줄. 아까 li class="menu_list" 처럼 다섯개의 리스트요소에 각각 class를 지정해 준 이유가 이것 때문임 */
#tt-body-search .blog-menu .menu_list a, 
#tt-body-archive .blog-menu .menu_list a, 
#tt-body-category .blog-menu .menu_list a, 
#tt-body-entry .blog-menu .menu_list a, 
#tt-body-notice .blog-menu .menu_list a, 
#tt-body-page .blog-menu .menu_list a, 
#tt-body-media .blog-menu .menu_media a, 
#tt-body-location .blog-menu .menu_location a, 
#tt-body-tag .blog-menu .menu_tag a, 
#tt-body-guestbook .blog-menu .menu_guest a 
{color:#FF69B4; text-decoration:underline}


/* ------ content ----------------------------------------------------------- */

.taglog, 
.guestbook,
.entry-notice, 
.entry-protected, 
.search-list {margin:50px 0px}

/* 검색결과 */
.search-list ol {list-style:none; margin:10px 0px 0px 0px; padding:10px 0px}
.search-list ol li {margin:4px 0px;}

/* 태그로그 */
.taglog ul {list-style:none; text-align:justify; margin:0px; padding:0px;}
.taglog ul li {display:inline;}
.taglog ul li .cloud1, .cloud2, .cloud3 {color:#FF69B4; font-weight:bold}
.taglog ul li .cloud4, .cloud5 {}
.taglog ul li a:hover {text-decoration:underline}

/* 방명록, 댓글 쓰기 */
.guest-write {margin:10px 0px}
.guest-write p	{margin:2px 0;}
.guest-write label {font:9px 'Verdana' !important;}
.guest-write input.checkbox	{width:auto; border:none; background:transparent;vertical-align:middle}/* 체크박스 가운데로 */

/* 방명록, 댓글 목록 */
.guest-list {width:100%; margin:10px 0px}
.guest-list ol, .guest-list ol ul {list-style:none; margin:0px; padding:0px;}
.guest-list ol li {margin:20px 0px 0px 0px; line-height:22px} /* line-height - br 높이 조절*/ 
.guest-list ol li ul {list-style:none;} /* 남긴글 */
.guest-list ol li ul li {border-bottom:0px; margin:20px 30px} /* 답글 */
.guest-list .name {font-weight:bold}

/* 공지, 보호글 */
.article-none {padding:0px; text-align:justify; line-height:18px;}


/* ------ entry ------------------------------------------------------------- */

.title-wrap,
.article,
.article2,
.tag-trail,
.action-trail,
.trackback,
.comment {width:600px; margin:0 auto; padding:4px 0px}

/* article2 이름, 카테고리, 날짜 action-trail 트랙백, 댓글 링크 */
.article2,
.action-trail {text-align:right;}
.category {font-weight:bold}

/* 트랙백 */
.trackback h3 {padding:10px 0px; font-size:11px; font-weight:normal;} /* 트랙백 주소 */
.trackback h4 {font-size:12px; padding:0px;margin:0px} /* 트랙백 글 제목 */
.trackback h4 a:link, 
.trackback h4 a:visited, 
.trackback h4 a:active {font-weight:bold;}
.trackback ol {margin:0px; padding:0px; list-style:none;}
.trackback li {padding:10px 0px; border-bottom:#EEE 1px solid}
.trackback p {margin:3px 0 0 0; padding:0;}

/* 쪽수 표시 */
.paging {width:600px; margin:0 auto; text-align:center; padding:15px 0px; margin-bottom:15px; overflow:hidden}
.paging a.prev{font:8pt verdana; color:#555555}
.paging a.num{border:#EEE 1px solid; background-color:#FFFFFF; color:#555555; padding:3px 6px; margin:3px; font:8pt verdana}
.paging a:hover.num{border:#FF69B4 1px solid}
.paging .selected {font-weight:bold; color:#FF69B4}/* 페이징 - 현재 페이지 */


/* ------ article 본문 세부 스타일 ----------------------------------------------------------- */

.article {line-height:1.8}

.article a {color:#FF69B4; font-weight:bold}
.article a:hover {color:#666}

.article .moreless_fold, 
.article .moreless_top, 
.article .moreless_bottom {padding:5px; background-color:#FFF0F5; text-align:center} /* 더보기-닫기 기능 */

.article blockquote {border-left:#FFF0F5 15px solid; padding-left:5px; margin:25px;} /* 인용문 */

.article .imageblock, 
.article .dual, 
.article .triple {margin:5px} /* imageblock은 하나의 이미지, dual은 가로로 두 개의 이미지 정렬, 트리플은 가로로 세 개의 이미지 정렬 클래스 */

.article img {padding:4px; background-color:#f7f7f7; border:1px solid #ddd;}
.article .cap1 {margin:0px; padding-top:10px; color:#888888} /* 이미지 하단의 자막 클래스 */


/* ------ sidebar ----------------------------------------------------------- */

.side-bg {width:600px; margin:0 auto; padding:0px}

#sidebar {margin-bottom:20px}
#sidebar h3 {font-size:12pt; font-weight:bold;padding:0px 0px 10px 0px; margin:0px 0px 10px 0px; border-bottom:#EEE 6px solid}

.module {float:left; width:180px; padding:10px; overflow:auto}
.module ul {padding:0px; margin:0px}
.module ul li {list-style:none; height:18px}

/* 태그 */
.module2 {float:left; width:585px; padding:10px; overflow:auto}
.module2 ul {padding:0px; margin:0px; text-align:justify; line-height:20px}
.module2 ul li {list-style:none; display:inline;}
.module2 ul li .cloud1 {font:12pt NanumGothic, Dotum; font-weight:bold}
.module2 ul li .cloud2 {font:11pt NanumGothic, Dotum;}
.module2 ul li .cloud3 {font:10pt NanumGothic, Dotum;}
.module2 ul li .cloud4 {font:8pt NanumGothic, Batang;}
.module2 ul li .cloud5 {font:8pt NanumGothic, Gulim;}
.module2 ul li a:hover {border-bottom:#FF729C}



/* ------ footer ----------------------------------------------------------- */

#footer	p, 
#footer	a {font:9px 'Verdana' !important;}

.fix-div{float:left; position:fixed; bottom:20px; padding:10px}

.blog-category,
.blog-image,
.blog-desc,
.blog-search {padding:0px 0px 10px 0px}

.blog-image img {width:100px}
.blog-desc span {font-weight:bold;}

.blog-category ul {margin:0px; padding:0px;}
.blog-category li {list-style:none; margin-top:3px 0 2px; font:11px;}
.blog-category li a {margin:0px; padding:0;}
.blog-category ul li ul li ul li {padding-left:10px;} /* 가장 세세한 카테고리 */
.blog-category ul li ul li ul li:before { content:"- ";}
.blog-category .c_cnt {font:9px 'Verdana' !important; color:#FF69B4} /* 카테고리 옆 갯수 표시 */