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

/* 본문 공통 */
body{
        font:12px gulim,굴림,tahoma;
        
        background:url(./images/bg_top.jpg) center top repeat-x #333c3d;
        color:#555;
        margin:0px;
}
a:link          { color:#ccc;   text-decoration:none;}
a:visited       { color:#ccc;   text-decoration:none;}
a:hover         { color:#FC4A1A !important; text-decoration:none;}
a:active        { color:#0cc;   text-decoration:none;}

img {border:none;}
#article    img {border:none !important; text-decoration:none !important;}

/* 페이징 - 현재 페이지 */
    .selected               { font-weight:bold;  color:#0cc;}
    .no-more-prev,
    .no-more-next { color:#555;}


/* 카테고리 - 이미지 버튼 */
    .ib                     { cursor:pointer;}
/* 카테고리 - 트리 셀 */
    .branch3                { cursor:pointer;}
/* 카테고리 - 카테고리 옆 개수 스타일 */
    .c_cnt                  { font:9px tahoma; color:#666;}

/* 달력 월 표시 */
    .cal_month              { font:11px tahoma; font-weight:bold;  height:18px;}
/* 달력 요일 표시(th 영역) */
    .cal_week1              { font:11px 돋움, dotum; font-weight:bold;  height:18px; text-align:center;}
/* 달력 일요일 표시(th 영역) */
    .cal_week2              { font:11px 돋움, dotum; font-weight:bold;  height:18px; color:#f36; text-align:center; }

/* 달력 Week(tr 영역)  */
    .cal_week               { height:20px; }
    .cal_current_week       { }

/* 달력 Day(td 영역) */
    .cal_day                { font:9px tahoma;  color:#bbb;  text-align:center;}
/* 달력 Day, 일요일 (td 영역)  */
    .cal_day_sunday         { color:#f36 !important;}
    .cal_day_sunday a        { color:#f36 !important;}

/* 달력 지난 달 날짜 표시(td)   */
    .cal_day1               { color:#262c2d;}
/* 달력 다음 달 날짜 표시(td)   */
    .cal_day2               { color:#262c2d;}
/* 달력 이번 달 날짜 표시(td) */
    .cal_day3               { color:#bbb;}
/* 달력 오늘 날짜 표시(td) */
    .cal_day4               { color:#bbb;  font:14px dotum, 돋움; font-weight:bold;}
/* 달력 글쓴 날 링크 스타일 */
    a.cal_click:link        { color:#0cc;  font-weight:bold;}
    a.cal_click:visited     { color:#0cc;  font-weight:bold;}
    a.cal_click:hover       { color:#0cc;  font-weight:bold;}

/* 종류별 코멘트 [##_rp_rep_class_##] */
    .rp_general             { }
    .rp_admin               { }
    .rp_secret              { }
/* 종류별 코멘트 [##_guest_rep_class_##] */
    .guest_general          { }
    .guest_admin            { }
/* 비밀 댓글 (로그아웃시 비밀글 표현)    */
    .hiddenComment { }


/* 이미지 아래 캡션 스타일 */
    .cap1                   { color:#777; text-align:center;}
/* 그림 */
    .imageblock             { }
/* 왼쪽 */
    .left                   { float:left;}
/* 가운데 */
    .center                 { clear:both; }
/* 오른쪽 */
    .right                  { float: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; }

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

/* 준비물 */
#space      {background:url(./images/bg_center.jpg) center top no-repeat; height:100%;}
#univers    {margin:auto; width:1100px;}

/* altair */
#altair     {float:left; width:770px; background:#fff; overflow:hidden;}
#altair     .galaxy     {width:730px; background:#fbfaf9 url(./images/bg_plateTop.jpg) repeat-x top; padding:20px; margin-bottom:20px;}
#altair     .galaxy     a:link      {color:#555; text-decoration:none;}
#altair     .galaxy     a:visited   {color:#555; text-decoration:none;}
#altair     #footer     {margin:0px 0px 50px 0px; text-align:right; clear:both;}
#altair     #footer     img         {margin-left:10px;}

/* vega */
#vega       {float:right; width:300px; padding-left:20px;}
#vega       .line2      {background:#505657; height:1px;}
#vega       .cloud      {width:280px; padding:15px 10px 15px 10px; margin:0px 0px 10px 0px; background-color:#242a2b; color:#bbb; font:11px 돋움,dotum; letter-spacing:-1px; line-height:17px; text-align:justify;}
#vega       .cloud      .subtitle   {font-weight:bold; padding-bottom:15px; margin-bottom:15px; border-bottom:1px solid #505657;}

            #myp        {padding:10px !important; overflow:hidden;}
            #notice     .f14    {padding:5px 0px 5px 0px;}
            #blogSearch {height:20px;}
            #blogSearch input   {width:200px; margin-left:10px; height:12px; border:none; background:none; font-weight:bold; color:#0cc; font:11px dotum,돋움; letter-spacing:-1px;}
            #blogSearch img     {margin-top:3px;}
            #rctReply   .name, #vega        #rctTrackback   .name   {font-weight:bold; margin-top:15px;}
            #rctReply   .desc   {margin-top:-3px;}
            #rctTrackback   .desc   {margin-top:-3px;}
            #category   {line-height:normal !important; text-align:left;}
            #category   td      {padding-right:3px;}


/* raven */
#raven      {clear:left; width:780px; margin:-10px 0px 0px -10px;}
#raven      .cloud      {width:230px; float:right; margin:0px 0px 10px 10px; padding:15px 10px 15px 10px; background-color:#242a2b; color:#bbb; font:11px 돋움,dotum; letter-spacing:-1px; line-height:17px;}
#raven      .cloud      .subtitle   {font-weight:bold; padding-bottom:15px; margin-bottom:15px; border-bottom:1px solid #505657;}   


/* 공통 적용 스타일 */
.f24        {font:24px dotum, 돋움; font-weight:bold; margin:0 0 5px;}
.f16        {font:16px dotum, 돋움; font-weight:bold;}
.f14        {font:14px dotum, 돋움; font-weight:bold;}
.f11        {font:11px dotum, 돋움; letter-spacing:-1px;}
.f9         {font:9px tahoma; letter-spacing:0px;}

h1      {font:9px tahoma; font-weight:bold;}
h2      {font:11px 돋움,dotum; font-weight:bold;}
h3      {font:14px 돋움,dotum; font-weight:bold; letter-spacing:-1px;}
h4      {font:14px 돋움,dotum; font-weight:bold; letter-spacing:-1px; color:#f39;}
h5      {font:28px 돋움,dotum; letter-spacing:-3px;}

.line1      {height:1px; background:#ccc; margin:20px 0px 20px 0px;}
.star1  {color:#0cc; font:9px tahoma;}

.article    {line-height:20px; text-align:justify;}


/* 헤더 */
#header     {height:102px;}
#introduce  {}
#blogTitle  {position:absolute; margin:0px 0px 0px 0px; z-index:10; color:#eee; top:32px;}
#blogTitle2 {position:absolute; margin:1px 0px 0px 1px; z-index:9; color:#303332; top:32px;}
#links      {float:right; margin:56px 10px 0 0;}
#links li { float:left; margin:0 0 0 15px;  font-weight:bold }
#login      { float:right; text-align:left; margin:110px 10px 0px 0px;}
#login  a:link, #login a:visited    {color:#777;} 
#blogTitle  a:link          { color:#eee;   text-decoration:none;}
#blogTitle  a:hover         { color:#0cc;   text-decoration:none;}
#blogTitle  a:visited       { color:#eee;   text-decoration:none;}

/* 태그, 키워드 */
#tag    #tagBody, #keyword  #tagBody    {font:34px dotum,돋움; letter-spacing:-4px; text-align:justify; word-break:break-all; word-wrap:break-word; word-spacing:-2px;}
.cloud1     {color:#0cc !important; text-decoration:none;}
.cloud2     {color:#ddd !important; text-decoration:none;}
.cloud3     {color:#c2c2c2 !important; text-decoration:none;}
.cloud4     {color:#959595 !important; text-decoration:none;}
.cloud5     {color:#626262 !important; text-decoration:none;}

#tag .cloud1    {color:#0cc !important; text-decoration:none;}
#tag .cloud2        {color:#555 !important; text-decoration:none;}
#tag .cloud3        {color:#959595 !important; text-decoration:none;}
#tag .cloud4        {color:#c2c2c2 !important; text-decoration:none;}
#tag .cloud5        {color:#ddd !important; text-decoration:none;}
#tag a:hover, #keyword a:hover  {color:#0cc !important; text-decoration:none;}

#keyword    #tagBody    {text-align:center !important;}

/* 글/리플/트랙백 검색결과 */
.searchHeader   {font-weight:bold;}
.searchResult   {margin:20px 0px 0px 0px;}
.searchResult   .date   {float:right; color:#ccc;}

/* 로컬로그 */
#local  .spot   {height:20px;}
#local  .article    {height:20px; margin:-10px 0px 8px 0px;}

/* 쓰기폼 */
.inputItem  {width:220px; float:left; font:11px dotum, 돋움; letter-spacing:-1px;}
.inputItem  input   {width:160px; border:none; background:none;}
.isSecret   {float:right; width:80px;}
#guestbookWrite textarea, #rpWrite  textarea    {width:700px; background:url(./images/bg_textarea.gif) top left; padding:15px; height:150px; margin:10px 0px 10px 0px; border:none; overflow:auto; line-height:20px; color:#666;}

/* 방명록, 리플 */
.rpHeader   {margin:0px 0px 20px 0px; clear:left;}
.rpHeader2  {margin:20px 0px 20px 0px; padding:20px 0px 0px 0px; border-top:1px dashed #eee; clear:left;}
.replyItem  .article,               .guestItem  .article    {margin-top:40px; color:#888;}
.replyItem  .replyRp    .article,   .guestItem  .guestRp    .article    {margin-top:25px; color:#888;}
.rpName     {float:left;}
.rpDate     {float:left;}
.control    {float:right;}
.control    a:link  {color:#aaa !important;}
.control    a:hover {color:#0cc !important;}
.control    a:visited   {color:#aaa !important;}

/* 에러 */
#error      {height:600px; text-align:center; padding-top:200px;}

/* 본문 */
.articleHeader  .articleCategory    {text-align:center; color:#0cc; margin-bottom:95px; }
.articleHeader  .desc   {color:#555;}

.admin      {text-align:center; padding:15px; margin:10px; background:#f8f8f8;}
.article    a:link  {border-bottom:1px dashed #0cc !important;}
.article    a:visited   {border-bottom:1px dashed #0cc !important;}

.taglist    {clear:both;}
.adr        {text-align:left; color:#aaa; padding-bottom:20px; padding-top:20px; margin-top:20px; border-top:1px solid #ccc;}
.tnr        {text-align:left; font-weight:bold; padding:20px 20px 20px 20px; background:#efefef; margin:0px 0px -20px -20px; width:730px;}
.trackbackAdr   {margin:20px -20px 0px -20px; padding:20px 20px 0px 20px; border-top:1px solid #ccc; font-weight:bold;}
.subscribe      {margin-bottom:20px; padding:20px 0px 0px 0px; border-top:1px solid #ccc; color:#999;}
.trackbackItem  .from   {float:right; font-weight:bold; color:#ccc;}
.trackbackItem  .from   .f9 {font-weight:normal;}

.subscribeReply     {margin:20px -20px 0px -20px; padding:20px 20px 0px 20px; border-top:1px solid #ccc; color:#999; background:url(./images/pic_dash.gif) top repeat-x;}

/* 페이징 */
#paging     .pages      {float:right; text-align:right;}



/* tistory added */
.taglist        {padding-bottom:20px;}
/* media */
#mediaLogNest   {width:730px !important; background:#fbfaf9 url(./images/bg_plateTop.jpg) repeat-x top; padding:20px; margin-bottom:20px;}

/* Tatter desk */
#TD_content     {width:730px; background:#fbfaf9 url(./images/bg_plateTop.jpg) repeat-x top; padding:20px; margin-bottom:20px;}

#ttCanvas a { color:#666!important; }
div#ttCanvas .tt-post-title a { color:#666!important; }

.tnm_post { background:#F8F8F8; margin:0 auto; }
#TatterMedia_postList { border:0!important;}

.ad250_outter { margin:0 0 20px!important; }