@charset "utf-8";
/* common style area */
* {padding:0px; margin:0px;}
body {background:#ececf1; color:#4c4654; font-family:"Malgun Gothic", "Helvetica"; font-size:9pt;}
li {list-style:none;}

/* common link style set */
a:link, a:visited {color:#5a43b2; text-decoration:none;}
a:hover, a:active {color:#c953c8; text-decoration:none;}

/*--- wrap area ---*/
#wrap {position:relative; width:990px; margin:0 auto;}

/*--- head area ---*/
#head {position:relative; width:980px; margin:0 auto;}
#head h1 {display:block;}
#head h1 a {display:block; width:219px; height:45px; background:transparent url('images/title.png') no-repeat left top; text-indent:-3000em;}
#head h1 a:active {background:transparent url('images/title.png') no-repeat left 1px;}
#head h2 {display:none;}

/*--- gnb area ---*/
#gnb {position:relative; height:48px; background:transparent url('images/gnb.png') no-repeat left top; overflow:hidden;}
#gnb ul {position:relative; margin:0 0 0 5px;}
#gnb ul li {position:relative; float:left;}
#gnb ul li a {display:block; height:48px; text-indent:-3000em; background:transparent url('images/gnb.png') no-repeat;}
#gnb ul #menu-home a {width:72px; background-position:-5px 0;}
#gnb ul #menu-notice a {width:82px; background-position:-77px 0;}
#gnb ul #menu-taglog a {width:64px; background-position:-159px 0;}
#gnb ul #menu-medialog a {width:100px; background-position:-223px 0;}
#gnb ul #menu-locationlog a {width:120px; background-position:-323px 0;}
#gnb ul #menu-guestbook a {width:111px; background-position:-443px 0;}
#gnb ul #menu-admin a {width:80px; background-position:-554px 0;}
#gnb ul #menu-home a:hover {width:72px; background-position:-5px -48px;}
#gnb ul #menu-notice a:hover {width:82px; background-position:-77px -48px;}
#gnb ul #menu-taglog a:hover {width:64px; background-position:-159px -48px;}
#gnb ul #menu-medialog a:hover {width:100px; background-position:-223px -48px;}
#gnb ul #menu-locationlog a:hover {width:120px; background-position:-323px -48px;}
#gnb ul #menu-guestbook a:hover {width:111px; background-position:-443px -48px;}
#gnb ul #menu-admin a:hover {width:80px; background-position:-554px -48px;}
#gnb ul #menu-home a:active {width:72px; background-position:-5px -96px;}
#gnb ul #menu-notice a:active {width:82px; background-position:-77px -96px;}
#gnb ul #menu-taglog a:active {width:64px; background-position:-159px -96px;}
#gnb ul #menu-medialog a:active {width:100px; background-position:-223px -96px;}
#gnb ul #menu-locationlog a:active {width:120px; background-position:-323px -96px;}
#gnb ul #menu-guestbook a:active {width:111px; background-position:-443px -96px;}
#gnb ul #menu-admin a:active {width:80px; background-position:-554px -96px;}
#gnb #tt-body-page #menu-home a {width:72px; background-position:-5px -48px !important;}
#gnb #tt-body-notice #menu-notice a {width:82px; background-position:-77px -48px !important;}
#gnb #tt-body-tag #menu-taglog a {width:64px; background-position:-159px -48px !important;}
#gnb #tt-body-media #menu-medialog a {width:100px; background-position:-223px -48px !important;}
#gnb #tt-body-location #menu-locationlog a {width:120px; background-position:-323px -48px !important;}
#gnb #tt-body-guestbook #menu-guestbook a {width:111px; background-position:-443px -48px !important;}
/*--- gnb > search area ---*/
#gnb ul #menu-search {float:right; margin:14px 15px 0 0;}
#gnb ul #menu-search label {display:none;}
#gnb ul #menu-search input {width:133px; height:24px; padding:0 10px 0 25px; border:none; background:#f7f4ff url('images/bg_search.png') no-repeat left top; line-height:24px;}

/*--- content area ---*/
#content {position:relative; clear:both; background:#fff url('images/bg_content.png') repeat-y left top;}
#content #content-wrap {position:relative; width:980px; margin:0 5px; background:transparent url('images/bg_top_shadow.png') repeat-x left top; overflow:hidden;}
/*--- content area > left ---*/
#content #content-wrap .content-left {position:relative; float:left; width:725px; padding:20px; margin:10px 0 0 0;}
/*--- content area > left > article subject box ---*/
.content-left .subject-box {position:relative; padding:0 0 5px 0; margin:0 0 10px 0; border-bottom:2px solid #d9d7dd; overflow:hidden;}
.content-left .subject-box h3 {position:relative; font-size:15pt;}
.content-left .subject-box h3 a:link, a:visited {color:#5a43b2; text-decoration:none;}
.content-left .subject-box h3 a:hover, a:active {color:#c953c8;}
.content-left .subject-box span {display:block; position:absolute; right:0px; bottom:3px; color:#6e639a;}
.content-left .subject-box span a {color:#6e639a;}
/*--- content area > left > article content box ---*/
.content-left .adm {margin:0 0 10px 0;}
.content-left .article {position:relative; margin:0 0 20px 0; line-height:19px;}
.content-left .article-protected {position:relative; padding:100px 0; text-align:center;}
.content-left .article-protected p {margin:0 0 20px 0;}
.content-left .article-btn {position:relative; margin:0 0 10px 0; overflow:hidden;}
.content-left .article-btn .tags {position:relative; float:left;}
.content-left .article-btn .tags h4 {display:inline-block; position:relative; padding:3px 5px; margin:0 5px 0 0; background:#755dcb; border-radius:3px; color:#fff;}
.content-left .article-btn .tags ul {display:inline; position:relative;}
.content-left .article-btn .tags ul li {display:inline;}
.content-left .article-btn .btn-comments {position:relative; float:right;}
.content-left .article-btn .btn-comments h4 {display:inline-block; position:relative; padding:3px 5px; margin:0 5px 0 10px; background:#755dcb; border-radius:3px;}
.content-left .article-btn .btn-comments h4 a {color:#fff;}
/*--- content area > left > article > trackback area ---*/
.content-left .trackback {position:relative; padding:20px; background:#f5f3f7; border-top:2px solid #d9d7dd;}
.content-left .trackback .address {position:relative; text-align:center;}
.content-left .trackback .list {position:relative; margin:20px 0 0 0; border-top:1px solid #d9d7dd;}
.content-left .trackback .list li {margin:10px 0 0 0; padding:0 0 10px 0; border-bottom:1px dashed #d9d7dd;}
.content-left .trackback .list li:last-child {padding:0px !important; border:none !important;}
.content-left .trackback .list .info {position:relative; margin:0 0 5px 0;}
.content-left .trackback .list .info a {margin:0 5px 0 0; color:#5a43b2; font-weight:bold;}
.content-left .trackback .list .info .title {margin:0 10px 0 5px; color:#a194d2;}
.content-left .trackback .list .info .date {color:#a194d2;}
.content-left .trackback .list .txt {position:relative; font-size:8pt; line-height:17px;}
/*--- content area > left > article > comment area ---*/
.content-left .comments {position:relative; clear:both; padding:20px; margin:0 0 30px 0; background:#f5f3f7; border-top:2px solid #d9d7dd; border-bottom:2px solid #d9d7dd;}
.content-left .comments .comment-wrap {position:relative; margin:0 0 20px 0; padding:0 0 10px 0; border-bottom:1px solid #d9d7dd;}
.content-left .comments .info {position:relative; margin:0 0 4px 0; overflow:hidden;}
.content-left .comments .info .btn-wrap {position:relative; float:right;}
.content-left .comments .info .btn-wrap .btn {display:inline-block; padding:1px 3px; margin:0 4px 0 0; border-radius:4px; background:#b1a6db; color:#fff; font-size:8pt;}
.content-left .comments .comment-txt {margin:0 0 10px 0; font-size:8pt; line-height:17px;}
.content-left .comments .name {color:#5a43b2; font-weight:bold; margin:0 10px 0 0;}
.content-left .comments .date {color:#a194d2; margin:0 10px 0 0;}
/*--- content area > left > article > comment area > reply ---*/
.content-left .comments .reply {position:relative; padding:10px; margin:0 0 10px 20px; background:#e5e2f0; border-radius:5px; border:1px solid #d6d1e6;}
/*--- content area > left > article > comment area > write ---*/
.content-left .comment-write {position:relative;}
.content-left .comment-write label {display:none; vertical-align:middle;}
.content-left .comment-write .name {position:relative; margin:0 0 10px 0;}
.content-left .comment-write .name input {width:167px; height:28px; padding:0 10px 0 48px; border:none; background:transparent url('images/comment_name.png') no-repeat left top;}
.content-left .comment-write .password {position:relative; margin:0 0 10px 0;}
.content-left .comment-write .password input {width:148px; height:28px; padding:0 10px 0 67px; border:none; background:transparent url('images/comment_password.png') no-repeat left top;}
.content-left .comment-write .homepage {position:relative; margin:0 0 10px 0;}
.content-left .comment-write .homepage input {vertical-align:middle;}
.content-left .comment-write .homepage .input {width:283px; height:28px; padding:0 10px 0 72px; border:none; background:transparent url('images/comment_homepage.png') no-repeat left top;}
.content-left .comment-write .homepage .secret {display:inline-block !important; width:31px; height:11px; margin:0 10px 0 10px; background:transparent url('images/comment_secret.png') no-repeat left top; text-indent:-3000em;}
.content-left .comment-write .txt {position:relative; margin:0 0 10px 0;}
.content-left .comment-write .txt textarea {width:675px; height:87px; padding:5px; border:none; background:transparent url('images/comment_content.png') no-repeat left top;}
.content-left .comment-write .btn {position:relative; text-align:right;}
.content-left .comment-write .btn input {width:75px; height:27px; border:none; background:transparent url('images/comment_btn_write.png') no-repeat left top; text-indent:-3000em; cursor:pointer;}




/*--- content area > left > article > paging area : 아직 좀 다듬어야함 
.content-left .paging {position:relative; margin:30px 0 0 0; text-align:center;}
.content-left .paging a {display:inline-block; padding:5px; margin:0 2px; background:#e9e9e9; border:1px solid #c8c8c8;}
.content-left .paging a:link, a:visited {background:#f5f3f7 !important; border:1px solid #d9d7dd !important;}
.content-left .paging a:hover {border:1px solid #dcbee9 !important; background:#f6ecf8 !important; color:#ff0000 !important;}
.content-left .paging .selected {color:#ff0000; font-weight:bold;}---*/

/*--- content area > left > search article, comment area ---*/
.content-left .search-list {position:relative; margin:0 0 30px 0;}
.content-left .search-list ol li {list-style-type:decimal; margin:0 0 6px 20px;}
.content-left .search-list ol li span {margin:0 5px 0 0;}
.content-left .search-list ol li a {margin:0 5px 0 0;}
/*--- content area > left > taglog area ---*/
.content-left .tag-list {position:relative;}
.content-left .tag-list ul li {display:inline; margin:0 7px 0 0; line-height:20px;}
/*--- content area > left > medialog area ---*/
.content-left #mediaLogNest #mediaLogLimit select {margin:0px !important;}

/*--- content area > right ---*/
#content #content-wrap .content-right {position:relative; float: right; width:215px; margin:10px 0 0 0; background:transparent url('images/bg_right.png') repeat-y left top;}
#content #content-wrap .content-right .categories {position:relative;}
#content #content-wrap .content-right .categories h4 {display:block; position:relative; width:215px; height:48px; background:transparent url('images/right_categories.png') no-repeat left top; text-indent:-3000em;}
#content #content-wrap .content-right .categories div {padding:15px 0 30px 20px; background:transparent url('images/bg_right_top.png') no-repeat left top;}
#content #content-wrap .content-right .categories div ul li {font-weight:bold;}
#content #content-wrap .content-right .categories div ul li ul li {list-style-type:circle; margin:0 0 6px 25px !important; font-weight:normal !important;}
#content #content-wrap .content-right .categories div ul li ul li:first-child {margin:6px 0 6px 25px !important;}
#content #content-wrap .content-right .categories div ul li ul li:last-child {margin:0 0 0 25px !important;}
#content #content-wrap .content-right .comments {position:relative;}
#content #content-wrap .content-right .comments h4 {display:block; position:relative; width:215px; height:26px; background:transparent url('images/right_comments.png') no-repeat left top; text-indent:-3000em;}
#content #content-wrap .content-right .comments div {margin:15px 0 30px 20px;}
#content #content-wrap .content-right .comments ul li {list-style-type:circle; margin:0 0 5px 20px;}
#content #content-wrap .content-right .comments ul li span {display:block;}
#content #content-wrap .content-right .comments ul li a {font-size:8pt;}
#content #content-wrap .content-right .tags {position:relative;}
#content #content-wrap .content-right .tags h4 {display:block; position:relative; width:215px; height:26px; background:transparent url('images/right_tags.png') no-repeat left top; text-indent:-3000em;}
#content #content-wrap .content-right .tags div {margin:15px 15px 30px 20px;}
#content #content-wrap .content-right .tags div ul li {display:inline; margin:0 4px 0 0; line-height:20px;}
#content #content-wrap .content-right .links {position:relative; padding:0 0 30px 0; background:transparent url('images/bg_right_bottom.png') no-repeat left bottom;}
#content #content-wrap .content-right .links h4 {display:block; position:relative; width:215px; height:26px; background:transparent url('images/right_links.png') no-repeat left top; text-indent:-3000em;}
#content #content-wrap .content-right .links div {margin:15px 0 20px 20px;}
#content #content-wrap .content-right .links ul li {list-style-type:circle; margin:0 0 5px 20px;}

/*--- foot area ---*/
#foot {position:relative; clear:both; height:13px; background:transparent url('images/bg_bottom.png') no-repeat left top;}