/*18.12.31 on knh*/

body{
    margin:0;
    padding:0;
     color:#333;
    font-family:Cambria, Georgia, serif;
    font-size:15px;
    /*overflow-x:hidden;  19.01.03 on knh 해당 스크롤바 숨김처리로 인한 변경*/
}
header, section, footer, hgroup{
    display:block;
}
a {
    color:#35BFFF;
    text-decoration:none;
}
a:hover, a:active{
    color:#91DCFF;
}

/* Header */
#header{
    width:100%;
    background:#000;
    background:rgba(0, 0, 0, 0.8);
    padding:5px 0;
    letter-spacing:1px;
    margin-bottom:20px;
    position:fixed;
    top:0;
    left:0;
    z-index:99;
}
#header h1{
    padding:0 20px;
    margin:5px 0;
    text-shadow:2px 1px 1px #333, 2px 2px 1px #888;
    color:#EAEAEA;
    float:left;
    font-size:27px;
}
#backlinks{
    float:right;
    padding:0 20px;
    line-height:22px;
    font-weight:bold;
    font-size:13px;
}
#backlinks a{
    text-align:right;
    display:block;
}

/* Footer */
#footer{
    width:100%;
    position:fixed;
    padding-left:20px;
    bottom:0;
    left:0;
    line-height:20px;
    color:#888;
    font-size:13px;
    background:rgb(0, 0, 0);
    background:rgba(0, 0, 0, 0.8);
    z-index:99;
}
#footer span{
    display:block;
}

/* clearfix */
.clearfix {
    clear:both;
}

/* wrapper css */
#wrapper{
    margin-top:70px;
    width:100%;
}
#wrapper hgroup{
    text-align:center;
}
#wrapper h2{
    margin:5px 0;
    color:#FF6D99;
    text-shadow:1px 1px 2px #A50031;
    font-size:33px;
    font-family:Arial Narrow, Arial, sans-serif;
}
#wrapper h3{
    font-style:italic;
    font-weight:normal;
    font-size:18px;
    text-shadow:1px 1px 0 #fff;
    color:#888;
    margin:5px 0;
}

#container{
    position:relative;
    width:1200px;
    margin:0 auto 25px;
    padding-bottom: 10px;

}
.grid{
    width:188px;
    min-height:100px;
    padding: 15px;
    background:#fff;
    margin:8px;
    font-size:12px;
    float:left;
    box-shadow: 0 1px 3px rgba(34,25,25,0.4);
    -moz-box-shadow: 0 1px 3px rgba(34,25,25,0.4);
    -webkit-box-shadow: 0 1px 3px rgba(34,25,25,0.4);

    -webkit-transition: top 1s ease, left 1s ease;
    -moz-transition: top 1s ease, left 1s ease;
    -o-transition: top 1s ease, left 1s ease;
    -ms-transition: top 1s ease, left 1s ease;
}

.grid strong {
    border-bottom:1px solid #ccc;
    margin:10px 0;
    display:block;
    padding:0 0 5px;
    font-size:17px;
}
.grid .meta{
    text-align:right;
    color:#777;
    font-style:italic;
}
.grid .imgholder .txc-image{
    max-width:100%;
    background:#ccc;
    display:block;
}

.grid .imgholder img{
    max-width:100%;
    background:#ccc;
    display:block;
}

@media screen and (max-width : 1240px) {
    body{
        overflow:auto;
    }
}
@media screen and (max-width : 900px) {
    #backlinks{
        float:none;
        clear:both;
    }
    #backlinks a{
        display:inline-block;
        padding-right:20px;
    }
    #wrapper{
        margin-top:90px;
    }
}