@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@charset "utf-8";

html{ -webkit-text-size-adjust:none;}
body{
        font:15px 'Nanum Gothic' !important;

        color:#666;
line-height:180% !important;
background:url(./images/leopard_black.png) repeat;
        padding:0; margin:0;

}

a:link          { color:#006ca6;     text-decoration:none;}
a:visited       { color:#006ca6;     text-decoration:none;}
a:hover         { text-decoration:underline;}
a:active        { color:#666;     text-decoration:none;}

.selected               { font-weight:bold; color:#7d5c28 ; }
.no-more-prev { background:url(images/ico_prev_no.gif) left 1px no-repeat !important; padding-left:6px; color:#999;}
.no-more-next { background:url(images/ico_next_no.gif) right 1px 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:#f30;}
    .cal_month              { font:0.95em Verdana, Helvetica, Arial, Gulim, sans-serif;  height:18px; font-weight:bold;}
    .cal_week1              { font:0.95em 'Nanum Gothic', serif;  height:18px;  font-weight:normal;}
    .cal_week2              { font:0.95em 'Nanum Gothic', serif;  color:#f30; }
    .cal_week               { }
    .cal_current_week       { }
    .cal_day                { font:0.95em Verdana, Helvetica, Arial, Gulim, sans-serif;  color:#999;  text-align:center;}
    .cal_day_sunday         { color:#f30 !important;}
    .cal_day_sunday a        { color:#f30 !important;}
    .cal_day1               { color:#ccc;}
    .cal_day2               { color:#ccc;}
    .cal_day3               { color:#666;}
    .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:#f30;  font-weight:bold;}
    .rp_general             { color:#000000; margin: 10px 20px; }
    .rp_admin               { background:url(images/iconAdmin.gif) no-repeat; padding-left:20px; }
    .rp_secret              { color:#c20000;}
    .guest_general          { }
    .guest_admin            { background:url(images/iconAdmin.gif) no-repeat; padding-left:20px;}
    .hiddenComment { background:url(images/iconSecret.gif) no-repeat;  padding-left:20px;  font-weight:normal;}
    .cap1                   { color:#999;  text-align:center; padding:4px 0; margin:0;}
.imageblock , .imageblock span, .imageblock span img {text-align:center;max-width:100% !important;}
.imageblock span {display:block !important; }
.imageblock img { height: auto !important; }
    .dual                   { background-color:#fff; margin-bottom:5px;}
    .triple                 { background-color:#fff; margin-bottom:5px;}
    .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; }

hr              { display:none;}
img             { border:0;}

h1              { font-size: 1.6em;}
h2              { font-size:1.4em;}
h3              { font-size:1.2em;}
h4              { font-size:1em;}
input           { border:1px solid #E5E5E5;}
textarea        { border:1px solid #E5E5E5;}

#headerBox {
    width: 900px;
    margin: 10px auto; padding:0;

    height:/*@title-height=100*/ 45px /*@*/;
}

/* ***** Header ***** */

#header h1 a { padding:0; margin:0; font-family:'Nanum Gothic', serif; /*@title-color=color:;*/ color: #fff; /*@*/  font-weight:bold;  font-size:/*@title-font-size=14px*/ 16px /*@*/; line-height:1.0; float:left;}
#header h1 a:hover {color: #79abc1; text-decoration:none; }
#header .blogMenu { font-family: 'Nanum Gothic', serif; font-size:15px;  color:#484848; float:left; margin-top:-19px; margin-left:0px; font-weight:bold;}
#header .blogMenu a { color:#aaaaaa;}
#header .blogMenu a:hover {color: #e6d5ba;}

.blogMenu li {
    list-style:none;
    float:left;
    padding:0 10px;

}

.blogMenu li.first {
    background:none;
}

#header .blogMenu li a:hover {
    text-decoration:none;
}


#footer {
    clear:both;
}


/* ***** content ***** */

#content .nonEntry h3   { border-bottom:1px solid #ccc; margin-bottom:10px;  color:#222;}


#searchList                { width:/*@post-width*/ 100% /*@*/; 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 #eee;  padding-bottom:2px;  margin-bottom:4px;}
#searchList .date,
#searchRplist .date         { font:0.95em Verdana, Helvetica, Arial, Gulim, sans-serif;  margin-right:10px; }
#searchList .cnt            { font:0.75em Verdana, Helvetica, Arial, Gulim, sans-serif;  color:#f60;}
#searchRplist .name         { font:0.95em 'Nanum Gothic', serif;    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 a:link             { color:#5a5194;}
#localog a:visited          { color:#5a5194;}
#localog a:hover            { color:#7870ab;  text-decoration:underline;}

#taglog ul                  { padding:5px; margin:0; text-align:justify;}
#taglog li                  { display:inline;}
#taglog a:hover             { background-color:#eee;  color:#000;}
#taglog li .cloud1          { background-color:#eee;  color:#a2348f;  font-weight:bold;  font-size:16px;}
#taglog li .cloud2          { background-color:#eee;  color:#5a5194;  font-weight:bold;  font-size:15px;}
#taglog li .cloud3          { background-color:#eee;  color:#7870ab;  font-weight:bold;  font-size:14px;}
#taglog li .cloud4          { background-color:#eee;  color:#666;     font-size:13px;}
#taglog li .cloud5          { font-size:12px;  color:#999; }

#guestbook p                { padding:2px 0; margin:0;}

#guestWrite                 { padding:10px;  background-color:#f5f5f5;  border:1px solid #ddd;}
#guestWrite input           { width:150px;}
#guestWrite textarea        { width:/*@post-width:-45*/ 95% /*@*/;overflow: hidden;  padding:5px;}
#guestWrite .homepage       { width:85%;}
#guestWrite .submit         { background:url(images/btn_visit.gif) no-repeat; width:71px; height:23px; overflow:hidden; display:block; text-indent:-1000em; border:0; cursor:pointer; margin:0 auto;}

#guestList                  { padding:10px 0 0 0;}
#guestList ol,
#guestList ul               { margin:0; padding:0;  list-style:none;}
#guestList li p             { border-top:1px dashed #ccc; margin-top:5px; padding-top:5px;}
#guestList ol li            { border:5px solid #eee;  padding:10px;  margin-bottom:10px;  overflow:hidden;}
#guestList li ul li         { margin-left:20px;  background:url("images/iconIndentArrow_local.gif") no-repeat 10px 10px;  background-color:#f5f5f5;  padding-left:25px;  border:none;  overflow:hidden;}
#guestList li .name         { color:#666;  font-weight:bold;}
#guestList li .date         { font:0.8em Tahoma, Helvetica, Arial, Gulim, sans-serif;}

#guestList .control a.address       { background:url(images/btnAddress.gif) no-repeat;  padding-left:24px;  padding-bottom:2px;  text-decoration:none;}
#guestList .control a.address span  { display:none;}
#guestList .control a.modify        { background:url(images/btnModifyDelete.gif) no-repeat;  padding-left:24px;  padding-bottom:2px;  text-decoration:none;}
#guestList .control a.modify span   { display:none;}
#guestList .control a.write         { background:url(images/btnReply.gif) no-repeat;  padding-left:13px;  padding-bottom:2px;  text-decoration:none;}
#guestList .control a.write span    { display:none;}


/* entry */
.entryNotice h2,
.entryProtected h2,
.entry h2                { font-size:1.2em;  line-height:1.2em; text-align:center;}
.entry h2 a:hover {color: #006ca6; text-decoration:none;}
.entry h2 a { font-size: 17px; font-family: 'Nanum Gothic', serif; line-height:1.2em; padding:8px 0 6px 0;
}

.entryProtected p.text   { background:url(images/imgProtected.gif) no-repeat ; padding-left:50px;}
.entryProtected input    { width:200px;}
.entryProtected .submit  { width:50px; padding-top:2px; height:20px; background-color:#ccc;}
.modinfo {display:none;}
.article a:link          { color:#006ca6;  text-decoration:none;}
.article a:visited       { color:#006ca6;  text-decoration:none;}
.article a:hover         { color:#006ca6;  text-decoration:underline;}
.article a:active        { color:#666;  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                  { display:none;}

.tagTrail                { padding:80px 5px 5px 30px; clear:both; font-size:12px;}
.tagTrail a {color:#666666;}
.tagText                 {}

.actionTrail             { border-top:1px dotted #ccc;  padding:7px 5px;  clear:both; font-size:12px;}
.actionTrail a:link {color:#666666;}
.actionTrail .cnt        { color:#006ca6 ;}

.trackback               { border-radius:10px; background:url(./images/leopard_ivory.png) repeat; padding:5px 5px 0 15px; margin-bottom:10px; overflow:hidden;}
.trackback a             { color:#000;}
.trackback h3            { font-size:12px; color:#7d5c28; }
.trackback h4            { font:12px Verdana; font-weight:normal;  margin:0;}
.trackback ol            { margin:0;  padding:0;  list-style:none;}
.trackback li            { border-top:1px dotted #ccc;  padding:5px;}
.trackback .date         { font:0.9em Verdana, Helvetica, Arial, Gulim, sans-serif;  color:#777;}
.trackback p             { font:0.95em 'Nanum Gothic', serif;  color:#999;  margin:3px 0 0 0; padding:0;  letter-spacing:-1px}

.trackback a.delete      { background:url(images/iconDelete.gif) left top no-repeat;  padding-left:8px;  text-decoration:none;}
.trackback a.delete span { display:none;}

.comment                          {border-radius:20px; background:url(./images/leopard_ivory.png) repeat; padding:5px 5px 0 5px; overflow:hidden;}
.comment p                        { margin:3px 0 0 0;}
.comment h3                       { display:none;}
.comment ol,
.comment ul                       { margin:0;  padding:0;  list-style:none;}
.comment .date                    { color:#666666;}
.comment .name                    { }
.comment .name a                  { }
.comment .name a:hover                  { color:#005786; font-weight:bold; text-decoration:none; }
.comment ol li                    { border-bottom:5px dotted #777777; margin:0 0 7px 0; padding:0 0 7px 0; }
.comment li ul li                 { padding:5px 10px 5px 35px; no-repeat 12px 6px; border:none;}
.comment .control a        { color:#9c7332;}
.comment .control a:hover     {color:#7d5c28; text-decoration:none; font-weight:bold;}
.rp_admin p {color:#000000;}
.commentWrite                     { overflow: hidden; padding:5px; }
.commentWrite input               { width:150px; height:19px; color:#666666; border-radius : 10px; padding:3px;}
.commentWrite textarea            { width:90%; overflow: hidden;  padding:5px; margin:0; color:#666; border-radius : 20px; padding:10px; font-family:nanum gothic}
.commentWrite .homepage           { width:200px;}
.commentWrite .submit             { background-color: #dddddd; height:23px; overflow:hidden; display:block; 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 a           {color:#9c7332;}
#paging .numbox    {  padding-left:6px; margin-left:6px;  font:0.95em verdana;}
#paging .num       {  padding-right:8px; margin-right:5px;}

/* ***** sidebar ***** */
#sidebar ul                    {list-style:none; padding:0px;  }

#treeComponent {}

#sidebar h3                    { font-size:1em;  font-weight:bold; color:#e6d5ba; padding-top:20px; margin-bottom:8px; text-align:left;}
#sidebar .cnt                  { font:0.85em Tahoma, Helvetica, Arial, Gulim, sans-serif;}
#sidebar .date                 { font:0.85em Verdana, Helvetica, Arial, Gulim, sans-serif;  color:#888;}
#sidebar .name                 { font:0.9em 'Nanum Gothic', serif;  color:#888;}

#blogImage img        { width:300px; padding-bottom:6px; margin-top: 10px;}
#blogDesc             { color:#aaaaaa;  font-size:0.9em;  line-height:1.2em;  letter-spacing:-1px; text-align:center; margin-bottom:20px; }
#userID               { color:#888;  background:url(images/iconBy.gif) 3px 0 no-repeat;  padding-left:22px;  letter-spacing:-1px;}

#notice               { margin:10px 0;  padding:0;}
#notice li            { border-bottom:1px dotted #ddd; margin:0 0 2px 0; padding:0 0 1px 0; background:none;}
#notice a:link,
#notice a:visited     { background:url(images/icon_notice.gif) 0 0 no-repeat; padding:0 0 5px 35px; }
#notice a:hover       {  background:url(images/icon_notice_over.gif) 0 0 no-repeat;  padding:0 0 5px 35px; text-decoration:none; color:#f60;}

#adminMenu            { margin:5px 0 10px 0; text-align:center; background-color:#eee; padding:5px;}
#adminMenu li         { display:inline; background:none;}

#searchBox               { text-align:center; float:left; margin:-4px 0 0 30px; display:none; }
#searchBox input         { width:150px;  height:17px;}
#searchBox .submit       { background:url(images/search2.png) no-repeat; background-size: 25px; width:25px;  height:25px; text-indent:-5000px; border:0; cursor:pointer;}

#category li          { }
#category ul li a {display:none; }
#category ul li ul li a {}

#category li ul li {line-height:250%;}
#category li ul li ul { }
#category li ul li ul li { background:none; margin-left:11px;}
#category li ul li ul li a:link {color:#79abc1 !important;}
#category li ul li ul li:hover{ background-color:#005582;}

#tagbox ul            { padding:5px 2px;    text-align:justify;}
#tagbox li            { background:none;  display:inline;}
#tagbox a             { letter-spacing:-1px;}
#tagbox a:hover       {}

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

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

#archive li           { font-family:'Nanum Gothic', serif;}
#calendar td             { font-family:'Nanum Gothic', serif;}

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

#adTistory       {  }
#adTistory.invite_tistory { marign: 8px 0; font-family: 'Nanum Gothic', serif; font-size:11px; color:#333333; text-align:center; }
#btnRSS          { text-align:center;  padding:5px;}

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

/* ***** footer ***** */
#footer          { text-align:center;  padding:10px 0;  font:11px 'Nanum Gothic', serif;    color:#aaaaaa; height:30px; width:280px; margin:0 auto; }
#footer a        { color:#e6d5ba; font-size:11px;}
#footer a:hover  { color:#ffffff;}
#footer h3 a {float:left;}
.copyright {}

#header {width:90%;margin:0 auto; padding:10px 0 0 0;}

#container {width:/*@post-width:280*/ 1100px /*@*/;margin:0 auto;}
#content {margin:30px auto 0; width:728px /*@*/;padding: 10px 40px 40px; float:none; background-color:#eeeeee; border-radius:20px;}
#content .entry { width:100%;}
.titleWrap { padding:10px 10px 0px 10px; margin-bottom:0px; border-bottom:1px solid #aaaaaa;}
.article a {font-family:'Nanum Gothic', serif !important; color:#666666; overflow:hidden;}
.article {width:100%;}


#sidebar {margin-top:30px; float:right; width:300px; padding:0px; display:none;}

.shares ul li {display:none; float:left; list-style:none;}

.modright {float:right; clear:both; margin:0 5px 5px 0; color:#666666; }
.trackback embed {display:none;}
.trackback h3 span a img {display:none;}

.sidebox {padding:10px 20px;  margin:0px; 
box-shadow: 0 0 50px 10px #111111; border-radius: 10px; min-height:50px; width:260px; font-size:100%; line-height:170%;}

#sidebar embed {width:290px; height:250px; padding:5px; background-color:#cccccc;
box-shadow: 0 0 50px 10px #111111; border-radius: 10px;}

.ib {display:none;}
.c_cnt, .cnt {color:#e6d5ba;}

#tistorytoolbarid {display:none; }

.tt_article_useless_p_margin {margin:0px 0 10px;}

@media (max-width:3000px){
iframe[src*="youtube"] {width:100%;height:480px}
}

@media (max-width:1130px){
#header { }
#container {width:100%; }
#headerBox {width:100%; }
#sidebar {width:160px; padding:0px; margin-right:2%; }
#tagbox {display:none; }
#blogImage img {width:160px; }
.sidebox {padding:10px; width:140px; font-size:70%; line-height:170%;}

}

@media (max-width:930px){
#header { }
#container { }
#content {width:82%; margin:0px auto; float:none; }
#content .entry { }
.titleWrap { }
.article { }
.entry h2 a {font-size:14px;}
#sidebar {display:none; }
#searchBox {display:none; }

}

@media (max-width:800px){
iframe[src*="youtube"] {width:100%;height:400px}
}

@media (max-width:640px){
iframe[src*="youtube"] {width:100%;height:280px;}
.blogMenu {display:none;}
.trackback {display:none;}
#paging {display:none;}
}

@media (max-width:480px){
body {background :none; }
#header h1 a {color:#d2c7b6;}
#headerBox {display:none;}
#content {background-color:#eeeeee; width:100%; padding:0px; border-radius:0px;}
.titleWrap {margin-bottom:0px; border-bottom:none;}
.article {width:93%; padding:0 3.5%;}
.tt_article_useless_p_margin {margin: 0;}
.tagTrail {padding: 10px 5px;}
iframe[src*="youtube"] {width:100%;height:200px;}
}

.modcategory {color:#2190cb;}
.moddate {color:#aaaaaa;}


#sidebar a:link {color:#aaaaaa;}
#sidebar a:visited {color:#aaaaaa;}
#sidebar a:hover {color:#ffffff; text-decoration:none; }
.sidebox {color:#aaaaaa;}