@charset "utf-8";
/* 반드시 들어가야 하는 스타일 시작 */
/* 본문 공통 */
body {
    font-family: 굴림,Dotum,AppleGothic,sans-serif;
    font-size:12px;
    line-height: 1.5;
    /*@background-image=background-image:*/ background-image: none /*@*/;
    /*@background-image-position=background-position:*/ background-position: left top /*@*/;
    /*@background-image-repeat=background-repeat:*/ background-repeat: repeat-x /*@*/;
    /*@background-color=background-color:*/ background-color: #3A3A3A /*@*/;
    padding:0; margin:0;
 }
 a:link { color:#999; text-decoration:none;}
 a:visited { color:#999; text-decoration:none;}
 a:hover { color:#999; text-decoration:underline;}
 a:active { color:#999; text-decoration:none;}
 img { border: 0; }
/* 페이징 - 현재 페이지 */
 .selected               { font-weight:bold; color:#333; }
 .no-more-prev { background:url(./images/icon_left_page.gif) left 1px no-repeat !important; padding-left:6px; color:#999;}
 .no-more-next { background:url(./images/icon_right_page.gif) right 1px no-repeat !important; padding-right:6px; color:#999;}
/* 카테고리 - 이미지 버튼 */
 .ib {  cursor: pointer; }
/* 5. 입력 텍스트 */
 .text { border:1px solid #999; }
/* 6. 트리 테이블 */
 .branch2 { }
/* 7. 트리 셀 */
 .branch3 { cursor: pointer; height: 10px; }
/* 8. 달력 월 표시 */
 .cal_month { font-family: verdana, san-serif; font-size: 10px; color: #ff000a; width: 170px; padding: 10px 0; margin: 5px auto; font-weight: bold;}
 .cal_month a:link, .cal_month a:visited, .cal_month a:hover { color: #ff000a; font-weight: bold;}
/* 9. 달력 요일 표시 */
 .cal_week1 { font-family: 굴림,Dotum,AppleGothic,sans-serif; font-size: 11px; height:18px; color: #666; font-weight: normal; }
/* 10. 달력 일요일 표시 */
 .cal_week2 { font-family: 굴림,Dotum,AppleGothic,sans-serif; font-size: 11px; height:18px; color: #ff000a; font-weight: normal; }
 .cal_day { font-family: verdana,san-serif; font-size:10px; color: #9a9a9a; text-align:center; height:18px; }
/* 11. 달력 지난 달 날짜 표시 */
 .cal_day1 {   }
/* 12. 달력 다음 달 날짜 표시 */
 .cal_day2 {  }
/* 13. 달력 이번 달 날짜 표시 */
 .cal_day3 { }
/* 14. 달력 오늘 날짜 표시 */
 .cal_day4 { background-color: #636363; color: #ccc; }
/* 15. 달력 글쓴 날 링크 스타일 */
 a.cal_click:link  { color:#999; font-size:10px; text-decoration:underline;}
         a.cal_click:visited { color:#999; font-size:10px; text-decoration:underline;}
         a.cal_click:hover  { color:#c33; font-size:10px; text-decoration:underline;}
/* 16. 이미지 아래 캡션 스타일 */
 .cap1 { color: #876; text-align: center; }
/* 16. 키워드 스타일 */
 .key1 { cursor: pointer; border-bottom: 1px dotted #ccc; }
/* 16. 카테고리 옆 개수 스타일 */
 .c_cnt { font-size:11px; color : #666; }
/* 17. 최신글 옆 개수 스타일 */
 .ps_cnt { font-size:11px; color : #666; }
/* 반드시 들어가야하는 스타일 끝 - 이 아래는 자유롭게 추가, 삭제 가능 */
 #container { /*@post-width:295=width:;*/ width: 1213px; /*@*/ margin: 0 auto; }
 #header {
  float: left;
  /*@post-width:215=width:;*/ width: 1133px; /*@*/p
  height:/*@title-height=*/ 131px /*@*/;
  border-bottom: 1px solid #5d5d5d;
  margin: 0 0 12px 40px; display: inline;
  /*@title-background-image=background-image:*/ background-image: none /*@*/;
  /*@title-background-image-position=background-position:*/ background-position: left top /*@*/;
  /*@title-background-image-repeat=background-repeat:*/ background-repeat: repeat /*@*/;
  /*@title-background-color=background-color:*/ background-color: #3a3a3a /*@*/;
 }
 #header h1{
  float: left;
  margin-top: 48px;
  margin-left: 15px;
        display: inline;
  /*@title-font-size=font-size:*/ font-size: 16px /*@*/;
  /*@title-font-family=font-family:*/ font-family: dotum /*@*/;
  /*@title-color=color:*/ color: #ff000a /*@*/;
  font-weight:bold;
 }
 #header h1 a {
  /*@title-font-size=font-size:*/ font-size: 16px /*@*/;
  /*@title-font-family=font-family:*/ font-family: dotum /*@*/;
  /*@title-color=color:*/ color: #ff000a /*@*/;
 }

    #header h1 span { float: left; font-size: 12px; font-weight: normal; color: #ccc; }
 #searchBox { float: right; margin-top: 98px; margin-right: 15px; display: inline;}
 #searchBox input.search_keyword { border: 1px solid #777; background-color: #5d5d5d; float: left; margin-right: 4px; }
 #searchBox input.button {background: url(./images/btn_search.gif) no-repeat; width: 32px; height: 20px;  text-indent: -1000em; border: 0px; cursor: pointer; float: left; }
 /* sidebar */
 #sidebar { clear: both; float: left; width: 190px; margin-left: 40px; display: inline; padding-bottom: 30px; }
 #blogImage { margin-bottom: 0px; }
 #blogImage img { width: 0px; }
 #blogDesc { font-size: 11px; color: #999; padding: 5px 0 10px 0; border-bottom: 1px solid #5d5d5d;}
 #blogMenu { margin: 0; padding: 0; }
 #blogMenu ul { list-style:none; }
 #blogMenu li a { list-style:none; width: 190px; height: 29px; text-indent: -100em; text-decoration: none; display:block; border-bottom: 1px solid #5d5d5d;}
 #blogMenu li.tab_home a { background: url(./images/mm_home.gif) no-repeat; overflow: hidden; }
 #blogMenu li.tab_home a:hover { background: url(./images/mm_home_over.gif) no-repeat; overflow: hidden; }
 #blogMenu li.tab_localog a { background: url(./images/m_location.gif) no-repeat; overflow: hidden; }
 #blogMenu li.tab_localog a:hover { background: url(./images/m_location_over.gif) no-repeat; overflow: hidden; }
 #blogMenu li.tab_taglog a { background: url(./images/m_tags.gif) no-repeat; overflow: hidden; }
 #blogMenu li.tab_taglog a:hover { background: url(./images/m_tags_over.gif) no-repeat; overflow: hidden; }
 #blogMenu li.tab_ats9 a { background: url(./images/mm_asg.gif) no-repeat; overflow: hidden; }
 #blogMenu li.tab_ats9 a:hover { background: url(./images/mm_asg_over.gif) no-repeat; overflow: hidden; }
 #blogMenu li.tab_media a { background: url(./images/m_media.gif) no-repeat; overflow: hidden; }
 #blogMenu li.tab_media a:hover { background: url(./images/m_media_over.gif) no-repeat; overflow: hidden; }
 #blogMenu li.tab_memberlist a { background: url(./images/mm_memberlist.gif) no-repeat; overflow: hidden; }
 #blogMenu li.tab_memberlist a:hover { background: url(./images/mm_memberlist_over.gif) no-repeat; overflow: hidden; }
 #blogMenu li.tab_photographer a { background: url(./images/m_photographer.gif) no-repeat; overflow: hidden; }
 #blogMenu li.tab_photographer a:hover { background: url(./images/m_photographer_over.gif) no-repeat; overflow: hidden; }
 #blogMenu li.tab_guestbook a { background: url(./images/mm_guestbook.gif) no-repeat; overflow: hidden;}
 #blogMenu li.tab_guestbook a:hover { background: url(./images/mm_guestbook_over.gif) no-repeat; overflow: hidden;}
 #blogMenu li.tab_admin a { background: url(./images/m_admin.gif) no-repeat; overflow: hidden;}
 #blogMenu li.tab_admin a:hover { background: url(./images/m_admin_over.gif) no-repeat; overflow: hidden;}
 #blogMenu li.tab_newpost a { background: url(./images/m_newpost.gif) no-repeat; overflow: hidden;}
 #blogMenu li.tab_newpost a:hover { background: url(./images/m_newpost_over.gif) no-repeat; overflow: hidden;}
 /* category */
 #category { border: 1px solid #5d5d5d; margin-top: 10px;}
    #treeComponent #cafegoryWrapTd { padding: 10px; }
 #category h3 { width: 170px; padding: 5px 0; margin: 5px auto; font-family: Verdana; font-size: 11px; font-weight: normal; color: #9a9a9a; border-bottom: 1px solid #5d5d5d;}
    #category .wrapAbContent { padding: 0 10px 10px 10px; }
 /* tag cloud */
 #tagbox { border: 1px solid #5d5d5d; margin-top: 12px; }
 #tagbox ul {text-align: justify; margin: 10px;}
 #tagbox li { display: inline; line-height: 1.8; margin-right: 3px; }
 #tagbox li .cloud1 { font-weight:bold; font-size : 14px; color : #fc010a; letter-spacing: -1px; }
 #tagbox li .cloud2 { font-size : 12px; color : #999; }
 #tagbox li .cloud3 { font-size : 12px; color : #ddd; }
 #tagbox li .cloud4 { font-size : 12px; color : #676767; }
 #tagbox li .cloud5 { font-size : 12px; color : #000; }
 #tagbox h3 { width: 170px; padding: 5px 0; margin: 5px auto; font-family: Verdana; font-size: 11px; font-weight: normal; color: #9a9a9a; border-bottom: 1px solid #5d5d5d;}
    /* notice */
 #notice { border: 1px solid #5d5d5d; margin-top: 10px; }
 #notice ul { padding: 0; list-style: none; margin: 10px;}
 #notice li { list-style: none; line-height: 1.4; }
 #notice h3 { width: 170px; padding: 5px 0; margin: 5px auto; font-family: Verdana; font-size: 11px; font-weight: normal; color: #9a9a9a; border-bottom: 1px solid #5d5d5d;}
 /* recentPost */
 #recentPost { border: 1px solid #5d5d5d; margin-top: 10px; }
 #recentPost ul { padding: 0; list-style: none; margin: 10px;}
 #recentPost li { list-style: none; line-height: 1.4; }
 #recentPost h3 { width: 170px; padding: 5px 0; margin: 5px auto; font-family: Verdana; font-size: 11px; font-weight: normal; color: #9a9a9a; border-bottom: 1px solid #5d5d5d;}
 /* recentComment */
 #recentComment { width: 190px; border: 1px solid #5d5d5d; margin-top: 10px; overflow: hidden; }
 #sidebar ul { padding: 0; list-style: none; margin: 10px;}
 #recentComment li { list-style: none; line-height: 1.4; }
 #recentComment h3 { width: 170px; padding: 5px 0; margin: 5px auto; font-family: Verdana; font-size: 11px; font-weight: normal; color: #9a9a9a; border-bottom: 1px solid #5d5d5d;}
 #recentComment li .name { color: #666; }
 #recentComment li .date { color: #666; }
 /* recentTrackback */
 #recentTrackback { border: 1px solid #5d5d5d; margin-top: 10px; }
 #recentTrackback ul { padding: 0; list-style: none; margin: 10px;}
 #recentTrackback li { list-style: none; line-height: 1.4; }
 #recentTrackback h3 { width: 170px; padding: 5px 0; margin: 5px auto; font-family: Verdana; font-size: 11px; font-weight: normal; color: #9a9a9a; border-bottom: 1px solid #5d5d5d;}
 #recentTrackback li .name { color: #666; }
 #recentTrackback li .date { color: #666; }
 /* archive */
 #archive { border: 1px solid #5d5d5d; margin-top: 10px; }
 #archive ul { padding: 0; list-style: none; margin: 10px;}
 #archive li { list-style: none; line-height: 1.4; }
 #archive h3 { width: 170px; padding: 5px 0; margin: 5px auto; font-family: Verdana; font-size: 11px; font-weight: normal; color: #9a9a9a; border-bottom: 1px solid #5d5d5d;}
 /* calendar */
 #calendar { border: 1px solid #5d5d5d; margin-top: 10px; }
 #calendar .tt-calendar { width: 170px; }
 #calendar .wrapAbContent { padding: 0 10px 10px 10px; }
 /* Links */
 #link { border: 1px solid #5d5d5d; margin-top: 10px; }
 #link ul { padding: 0; list-style: none; margin: 10px;}
 #link li { list-style: none; line-height: 1.4; }
 #link h3 { width: 170px; padding: 5px 0; margin: 5px auto; font-family: Verdana; font-size: 11px; font-weight: normal; color: #9a9a9a; border-bottom: 1px solid #5d5d5d;}
 /* Counter */
 #counter { width: 190px; height: 31px; border-bottom: 1px solid #5d5d5d; font-family: verdana,san-serif; font-size:10px; color: #999;}
 #counter li { display: inline; margin-right: 7px; }
 /* RSS */
 #btnRSS { width: 190px; border-bottom: 1px solid #5d5d5d; }
    #btnRSS img {margin-left: 6px;}
 /* content */
 #content{ float:right; width:/*@post-width=*/ 918px /*@*/; margin-right: 40px; padding-bottom: 56px; display: inline; }
 /* ***** content ***** */
 #content .nonEntry {  }
 #content .nonEntry h3 {
  /*@post-title-font-size=font-size:*/ font-size: 12px /*@*/;
  /*@post-title-font-family=font-family:*/ font-family: gulim /*@*/;
  /*@post-title-color=color:*/ color: #FFFFFF /*@*/;
  margin: 0; padding: 10px 0;
  font-weight: bold;
  border-bottom: 1px solid #5d5d5d;
  margin-bottom: 14px;
 }
 #content .entry          { width:/*@post-width=*/ 918px /*@*/; margin: 0; padding:0 0 15px 0; overflow:hidden; }
 #searchList ol,
 #searchRplist ol            { list-style:none;  padding:5px 0;  margin:0;}
 #searchList li,
 #searchRplist li            { border-bottom:1px solid #5d5d5d;  padding: 6px 0;}
 #searchList .date,
 #searchRplist .date         { color: #999; margin-right:10px; }
 #searchList .cnt            { color: #999; }
 #searchRplist .name         { color:#999;  padding-left:8px;}
 #localog .spot              { background:url(./images/iconIndentArrow_local.gif) 5px 0 no-repeat;  padding-left:20px;  margin-top:5px;}
 #localog .info              { background:url(./images/iconIndentArrow_localinfo.gif) 5px 3px no-repeat;  padding-left:15px;  margin-top:2px;}
 #localog                    { color: #666;}
 #localog a:link             { color: #999;}
 #localog a:visited          { color: #999;}
 #localog a:hover            { color: #999;  text-decoration: none;}
 #taglog ul                  { padding:5px; margin:0; text-align:justify;}
 #taglog li                  { display:inline;}
 #taglog a:hover             { background-color:#eee;  color:#000;}
 #taglog li .cloud1 { font-weight:bold; font-size : 14px; color : #fc010a; letter-spacing: -1px; }
 #taglog li .cloud2 { font-size : 12px; color : #000; }
 #taglog li .cloud3 { font-size : 12px; color : #ddd; }
 #taglog li .cloud4 { font-size : 12px; color : #999; }
 #taglog li .cloud5 { font-size : 12px; color : #999; }
 #guestbook p                { padding:2px 0; margin:0;}
 #guestWrite                 { padding:10px;  background-color:#464646; border:1px solid #5d5d5d; color: #ccc;}
 #guestWrite input           { width:150px; color:#ccc; border: 1px solid #777; background-color: #5d5d5d; }
 #guestWrite textarea        { width:/*@post-width:-53=*/ 865px /*@*/; overflow: hidden; padding:5px; font-size: 12px; color:#ccc; border: 1px solid #777; background-color: #5d5d5d;  }
 #guestWrite .homepage       { width:300px;}
 #guestWrite .submit         { background:url(./images/btn_comment.gif) no-repeat; width:150px; height:23px; overflow:hidden; display:block; text-indent:-1000em; border:0; cursor:pointer; margin:0 auto; margin-top: 10px;}
 #guestList                  { padding:10px 0 0 0; color: #ccc; }
 #guestList ol,
 #guestList ul               { margin:0; padding:0;  list-style:none;}
 #guestList li p             { border-top:1px solid #5d5d5d; margin-top:5px; padding-top:5px;}
 #guestList ol li            { border:5px solid #5d5d5d;  padding:10px;  margin-bottom:10px;  overflow:hidden;}
 #guestList li ul li         { margin-left:20px;  background:url("images/iconIndentArrow_local.gif") no-repeat 10px 10px;   padding-left:25px;  border:none;  width:/*@post-width:-102=*/ 598px /*@*/; overflow:hidden;}
 #guestList li .name, #guestList li .name a { color:#ccc; }
 #guestList li .date         { font-family: verdana; font-size: 11px; color: #999; }
    #guestList .control a span { font-size: 11px; color: #999; }
 /* entry */
 .entryNotice h2,
 .entryProtected h2,
 .entry h2                {
  /*@post-title-font-size=font-size:*/ font-size: 12px /*@*/;
  /*@post-title-font-family=font-family:*/ font-family: gulim /*@*/;
  /*@post-title-color=color:*/ color: #FFFFFF /*@*/;
  border-bottom: 1px solid #5d5d5d;
 }
    .entryNotice h2 a,
 .entryProtected h2 a,
    .entry h2 a {
  /*@post-title-font-size=font-size:*/ font-size: 12px /*@*/;
  /*@post-title-font-family=font-family:*/ font-family: gulim /*@*/;
  /*@post-title-color=color:*/ color: #FFFFFF /*@*/;
 }
 .titleWrap { width:/*@post-width=*/ 918px /*@*/; overflow: hidden; color: #999;}
 .titleWrap h2 { margin: 0; padding: 10px 0; /*@post-title-color=color:*/ color: #FFFFFF /*@*/; margin-bottom: 14px; }
 .titleWrap a { font-size: 11px; }
 .titleWrap h2 a:link { /*@post-title-color=color:*/ color: #FFFFFF /*@*/; text-decoration:none; }
 .titleWrap h2 a:visited { /*@post-title-color=color:*/ color: #FFFFFF /*@*/; text-decoration:none; }
 .titleWrap h2 a:hover {  /*@post-title-color=color:*/ color: #FFFFFF /*@*/; text-decoration:none; }
 .titleWrap h2 a:active { /*@post-title-color=color:*/ color: #FFFFFF /*@*/; text-decoration:none; }
 .entryProtected { color: #ccc; }
    .entryProtected p.text   { padding:15px; background-color: #464646; border: 1px solid #777; }
 .entryProtected input    { width:200px; border: 1px solid #777; background-color: #5d5d5d;}
    .entryProtected .submit { background:url(images/btn_ok.gif) 0 50% no-repeat; width:50px; height:23px; overflow:hidden; display:inline; text-indent:-1000em; border:0; cursor:pointer; margin-top: 13px;}
 .article                 {  width:/*@post-width:-68=*/ 850px /*@*/; font-size:/*@post-body-font-size=*/ 12px /*@*/; font-family: /*@post-body-font-family=*/ gulim /*@*/; color:/*@post-body-color=*/ #999999 /*@*/; overflow:hidden; padding: 40px 0;  margin-left: 34px; }
 .article a:link          { color:#999;  text-decoration:none;}
 .article a:visited       { color:#999;  text-decoration:none;}
 .article a:hover         { color:#999;  text-decoration:underline;}
 .article a:active        { color:#999;  text-decoration:none;}
 .article dt              { text-decoration:underline;}
 .article dd              { margin-left:20px;  padding-bottom:10px;}
 .article blockquote      { background:url(./images/iconBlockquote.gif) top left no-repeat;  padding-left:25px;  margin:10px 20px;}
 .author                  { text-align:right; color:#888; padding:5px 10px;}
 .author .text            { font:90% Verdana, Arial, Helvetica, sans-serif;}
 .tagTrail                { padding:8px 5px 5px 30px;  background:url(./images/iconTag.gif) center left no-repeat; clear:both;}
 .tagText                 { display:none;}
 #articleBtmWrap { width:/*@post-width:-68=*/ 850px /*@*/; background: #464646; border: 1px solid #5d5d5d; padding: 7px 0 5px 0; font-family: verdana; font-size: 11px; color: #ccc; margin: 0 auto; }
 .actionTrail             { width:/*@post-width:-98=*/ 820px /*@*/; overflow: hidden; border-bottom: 1px solid #5d5d5d; margin: 0 15px; padding-bottom: 5px; color: #ccc;}
 .actionTrail .cnt        { color:#ff000a; font-weight: bold; }
 .actionTrail a   { color :#ccc; }
 .actionTrail a:hover { text-decoration: none; }
 .trackback               { width:/*@post-width:-98=*/ 820px /*@*/; overflow:hidden;  margin: 0 15px;}
 .trackback a             { color:#ccc; text-decoration: none;}
 .trackback h3          { font-size: 11px; margin: 0; padding: 8px 0; font-weight: normal; border-bottom:1px solid #5d5d5d;}
 .trackback h4            { font-family: dotum; font-size: 11px; font-weight:normal;  margin:0; }
 .trackback ol            { margin:0;  padding:0; }
 .trackback li, .trackback .name, .trackback p { font-family: dotum; font-size: 11px; }
 .trackback li            { border-bottom:1px solid #5d5d5d;  padding:5px 0;}
 .trackback .date         { color: #999; }
    .trackback .control a    { color: #999; }
 .trackback p             { margin:2px 0 0 0; padding:0;}
 .comment                          { width:/*@post-width:-98=*/ 820px /*@*/; overflow:hidden;  margin-left: 15px;}
 .comment p                        { margin:3px 0 0 0; padding:0;}
 .comment h3                       { display:none; }
 .comment ol,
 .comment ul                       { padding: 0; margin: 0; }
 .comment ol li                    { padding: 3px 0; border-bottom:1px solid #5d5d5d; }
 .comment li ul li                 { padding:5px 10px 5px 35px;  background:url("images/iconReComment.gif") no-repeat 12px 6px; border:none;}
    .comment .date                    { color: #999; }
 .comment .name                    { color: #ccc; }
 .comment .name a                  { color: #ccc; }
 .commentWrite                     { overflow: hidden; }
 .commentWrite input               { width:150px; color:#ccc; border: 1px solid #777; background-color: #5d5d5d; font-family: dotum, font-size: 12px;  }
 .commentWrite textarea            {  width:/*@post-width:-110=*/ 808px /*@*/; overflow: hidden;  padding: 5px; margin: 5px 0 0 0; font-family: dotum, font-size: 12px; color:#ccc; border: 1px solid #777; background-color: #5d5d5d; }
 .commentWrite .homepage           { width:300px;}
 .commentWrite .submit             { background:url(./images/btn_comment.gif) no-repeat; width:150px; height:23px; overflow:hidden; display:block; text-indent:-1000em; border:0; cursor:pointer; margin:10px auto; }
 .commentWrite .secretWrap         { clear:both; float:right; position:relative; top:0px; left:-10px; margin-bottom: 5px;}
 .commentWrite .checkbox           { border:none; padding:0; margin:0; width:25px;}

 #paging            { padding-top:10px;  text-align:center;  font-size:0.95em;}
 #paging .numbox    { border-left:1px solid #666; padding-left:6px; margin-left:6px;  font:0.95em verdana;}
 #paging .num       { border-right:1px solid #666; padding-right:8px; margin-right:5px;}
 #paging #prevPage { background:url(./images/icon_left_page.gif) left 1px no-repeat; padding-left:12px;}
 #paging #nextPage { background:url(./images/icon_right_page.gif) right 1px no-repeat; padding-right:12px;}
        #paging span .selected { color: #ff000a; }
 /* footer */
 #footer { clear:both; width: 1133px; margin: 0 40px; padding-top: 8px; border-top: 1px solid #5d5d5d; }
 #footer .adTistory { float:left; }
 #footer .copyright {float: right; font-family: tahoma; font-size: 9pt; text-align: right; padding: 0; margin: 0; }
 #footer .copyright p, #footer .copyright p a { color: #FFFFFF; }
 #footer .copyright .tistory, #footer .copyright .tistory a { color: #FFFFFF; }
    #blogMenu ul {margin: 0; padding: 0;}
 #footer .adTistory .logoTistory {
  background: url(./images/logo_icon.gif) no-repeat; width: 105px; height: 34px; text-indent: -100em; display: block; overflow: hidden;
  background-color: transparent;
 }