.carousel, .panel {
    margin-bottom: 6px
}
body {
    /*background: url(images/background_2016c.png) top center no-repeat #fffbef;*/
    font-family: 'Nanum Gothic', sans-serif
}
.row {
    margin-right: -3px;
    margin-left: -3px
}
.row > * {
    padding-right: 3px;
    padding-left: 3px
}
.panel {
    border-color: #e2e2e2;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}
.panel-heading {
    position: relative;
    margin: 0 10px !important;
    padding: 18px 0 13px !important;
    border-bottom: 1px solid #e2e2e2 !important;
    background-color: transparent !important
}
.panel-heading .more {
    position: absolute;
    top: 18px;
    right: 0;
    color: #333;
    font-size: 13px;
    line-height: 1.5;
    text-decoration: none !important
}
.panel-body .list-article > li > a, .panel-title {
    color: #005596
}
.panel-title {
    font-weight: 800 !important;
    font-size: 18px !important
}
.panel-body {
    padding: 15px 10px !important
}
.panel-body .list-article {
    margin: 0;
    padding: 0;
    list-style: none
}
.panel-body .list-article > li {
    height: 18px;
    padding-left: 18px;
    background: url(images/list_dot.png) 3px center no-repeat;
    font-size: 13px;
    overflow: hidden
}
.panel-body .list-article > li+ li {
    margin-top: 6px
}
.embed-responsive, .form-group {
    margin-bottom: 6px
}
select.form-control {display:none;
    height: 28px;
    padding: 0 12px;
    border: 2px solid #005596;
    border-right-width: 0;
    background: url(images/select_arrow.png) right center no-repeat #fff;
    font-weight: 700;
    font-size: 13px;
    text-indent: .01px;
    text-overflow: '';
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none
}
select.form-control::-ms-expand {
    display: none
}
.dropdown-menu {
    min-width: auto
}
body.email-sender .btn-primary {
    background-color: #015697 !important;
    font-weight: 700;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}
#navbar, #navbar .navbar-toggle {
    -webkit-border-radius: 0;
    -moz-border-radius: 0
}
body.email-sender .btn-lg {
    padding-right: 8px;
    padding-left: 8px;
    font-size: 13px
}
body.email-sender #view .article > * {
    display: none !important
}
body.email-sender #view .article > .content {
    display: block !important
}
body.email-sender #view .article > .content .entry-ccl {
    display: none
}
body.email-sender #view #ttalk_div_20120314601005, body.email-sender #view #ttalk_rating_div_20120314601005, body.email-sender #view .article > .content .another_category, body.email-sender #view .article > .content .daum_like_wrapper, body.email-sender #view .article > .content fieldset, body.email-sender #view .paging {
    display: none !important
}
#header a {
    display: block;
    height: 135px
}
#navbar {
    margin-top: 0;
    margin-right: -15px;
    margin-left: -15px;
    border-width: 0;
    background-color: #015697;
    border-radius: 0
}
#navbar .navbar-brand {
    color: #fff;
    font-weight: 700;
    font-size: 14px
}
#navbar .navbar-toggle {
    border-color: transparent;
    background-color: transparent;
    border-radius: 0
}
#navbar .navbar-toggle .icon-bar {
    background-color: #fff
}
#navbar .navbar-toggle:focus, #navbar .navbar-toggle:hover {
    border-color: #06b0ee;
    background-color: #06b0ee
}
#navbar .navbar-toggle:focus .icon-bar, #navbar .navbar-toggle:hover .icon-bar {
    background-color: #fff
}
#navbar .navbar-collapse {
    padding-right: 0;
    padding-left: 0;
    border-top-width: 0
}
#navbar .navbar-nav {
    font-size: 0;
    margin: 0 0 0 -1px
}
#navbar .navbar-nav > li {
    display: inline-block;
    width: 50%;
    border-bottom: 1px solid #72d0f6;
    border-left: 1px solid #8ed9f8;
    font-size: 14px
}
#navbar .navbar-nav > li > a {
    background-color: #06b0ee;
    color: #fff;
    font-weight: 700;
    text-align: center
}
#navbar .navbar-nav > .category-full {
    width: 100%
}
#navbar .navbar-nav > .dropdown > .dropdown-menu {
    background-color: #72d0f6;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}
#navbar .navbar-category > .dropdown > .dropdown-menu {
    position: static;
    display: block;
    width: 100%;
    border-width: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}
#navbar .navbar-category > .dropdown > .dropdown-menu > li > a {
    height: 26px;
    color: #fff;
    text-align: center;
    overflow: hidden
}
#navbar .navbar-right {
    margin-right: 0
}
#navbar .navbar-right > li {
    width: auto
}
#navbar .navbar-right > .dropdown > a {
    display: none
}
#navbar .navbar-right > .dropdown > .dropdown-menu {
    position: static;
    display: block
}
#navbarCategory, body.tedition_blog #view .panel-body .thumbnail .category {
    display: none
}
#navbar .form-group {
    margin: 5px 15px
}
body.tedition_blog #ttCanvas {
    width: 100% !important;
    margin: 0 !important
}
body.tedition_blog .tt-item, body.tedition_blog .tt-panel {
    width: 100% !important;
    padding: 0 !important
}
body.tedition_blog #view > .panel {
    border-width: 0;
    background-color: transparent
}
body.tedition_blog #view > .panel > .panel-body {
    padding: 0 !important
}
body.tedition_blog #view .panel-body .row > *+ * {
    margin-top: 15px
}
body.tedition_blog #view .panel-body .thumbnail > .image {
    float: left;
    width: 38%;
    margin-right: 3%
}
body.tedition_blog #view .panel-body .thumbnail .caption {
    padding-left: 33%
}
#indexCarousel {
    margin-bottom: 6px !important;
    border: 1px solid #ddd
}
#indexCarousel .carousel-indicators {
    top: 15px;
    right: 15px;
    bottom: auto;
    left: auto;
    margin: 0;
    text-align: right
}
#indexCarousel .carousel-indicators li {
    width: 13px;
    height: 13px;
    margin: 0 1px;
    border-width: 0;
    background-color: #fff;
    -webkit-transition: all ease-in-out .5s;
    -moz-transition: all ease-in-out .5s;
    transition: all ease-in-out .5s
}
#indexCarousel .carousel-indicators .active {
    width: 45px;
    background-color: #6dcff6
}
#indexCarousel .carousel-inner .item > a {
    display: block;
    width: 100%;
    height: 0;
    padding-bottom: 50%;
    overflow: hidden
}
#indexCarousel .carousel-inner .item > a > img {
    width: 100%;
    height: auto;
    margin: 0
}
#indexCarousel .carousel-caption {
    padding: 9px 13px;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0,0,0,.8);
    text-align: left
}
#indexCarousel .carousel-caption p {
    height: 20px;
    margin-bottom: 0;
    overflow: hidden
}
#indexCarousel .carousel-caption a {
    color: #fff;
    font-weight: 700;
    font-size: 14px
}
#indexCarousel .carousel-control {
    width: 10%;
    background: 0 0
}
#indexCarousel .carousel-control .glyphicon {
    position: absolute;
    top: 50%;
    display: inline-block;
    width: 30px;
    height: 30px;
    margin-top: -30px;
    font-size: 30px;
    font-family: 'Glyphicons Halflings' !important;
    z-index: 5
}
#indexCarousel .carousel-control.left .glyphicon {
    left: 50%;
    margin-left: -15px
}
#indexCarousel .carousel-control.right .glyphicon {
    right: 50%;
    margin-right: -15px
}
#indexFeature > .panel {
    border: 1px solid #e2e2e2
}
#indexFeature .panel-body .row {
    margin-right: -4px;
    margin-left: -4px
}
#indexFeature .panel-body .row > * {
    padding-right: 4px;
    padding-left: 4px
}
#indexFeature .panel-body .thumbnail {
    position: relative;
    margin-bottom: 0;
    padding: 0;
    border-width: 0
}
#indexFeature .panel-body .thumbnail > .image {
    display: block;
    width: 100%;
    height: auto;
    padding-bottom: 0;
    overflow: hidden
}
#indexFeature .panel-body .thumbnail > .image a {
    display: block
}
#indexFeature .panel-body .thumbnail > .image a > img {
    width: 100%;
    height: 100%;
    margin: 0
}
#indexFeature .panel-body .thumbnail .caption {
    padding: 0 13px 0 33% !important;
    font-weight: 700;
    font-size: 13px
}
#indexFeature .panel-body .thumbnail .caption p {
    height: 34px;
    margin-bottom: 0;
    overflow: hidden
}
#indexFeature .panel-body .thumbnail .caption .excerpt {
    height: 36px;
    margin-top: 8px;
    font-weight: 400;
    font-size: 13px
}
#indexFeature .panel-body .thumbnail .caption a {
    color: #333
}
#indexFeature .panel-body .thumbnail .category {
    position: absolute;
    top: 0;
    right: 0;
    width: 133px;
    height: 28px !important;
    margin-bottom: 0;
    border-top: 28px solid #07bbee;
    border-left: 23px solid transparent;
    color: #fff;
    font-weight: 700;
    font-size: 14px;
    line-height: 28px;
    overflow: visible !important
}
#indexFeature .panel-body .thumbnail .category span {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    padding-right: 10px;
    text-align: center
}
#asideCarousel {
    margin-bottom: 6px;
    border: 1px solid #ddd
}
#asideCarousel .carousel-indicators {
    top: 3px;
    right: 8px;
    bottom: auto;
    left: auto;
    margin: 0;
    text-align: right
}
#asideCarousel .carousel-indicators li {
    width: 9px;
    height: 9px;
    margin: 0;
    border-width: 0;
    background-color: #fff;
    -webkit-transition: all ease-in-out .5s;
    -moz-transition: all ease-in-out .5s;
    transition: all ease-in-out .5s
}
#asideCarousel .carousel-indicators .active {
    width: 32px;
    background-color: #6dcff6
}
#asideCarousel .carousel-inner > .item img {
    width: 100%;
    height: auto
}
#asideCarousel .carousel-caption {
    padding: 9px 13px;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0,0,0,.8);
    text-align: left
}
#asideCarousel .carousel-caption p {
    height: 20px;
    margin-bottom: 0;
    overflow: hidden
}
#asideCarousel .carousel-caption a {
    color: #fff;
    font-weight: 700;
    font-size: 14px
}
#asideCarousel .carousel-control {
    background: 0 0
}
#asideCarousel .carousel-control .glyphicon {
    position: absolute;
    top: 50%;
    display: inline-block;
    width: 30px;
    height: 30px;
    margin-top: -15px;
    font-size: 30px;
    z-index: 5
}
#asideCarousel .carousel-control.left .glyphicon {
    left: 50%;
    margin-left: -15px
}
#asideCarousel .carousel-control.right .glyphicon {
    right: 50%;
    margin-right: -15px
}
#asideBanner, #asideBannerA {
    margin-bottom: 6px;
    border: 1px solid #e2e2e2
}
#asideBanner img, #asideBannerA img {
    width: 100%;
    height: auto
}
#asideLogo {
    margin-top: 8px
}
#asideLogo img {
    display: inline-block;
    width: auto;
    height: 93px;
    margin: 0 3px
}
#asideLogo img.other {
    display: inline-block;
    width: auto;
    height: 85px;
    margin: 0 3px
}

#ql {
    position: static
}
#ql .flare-1, #ql .flare-2, #ql .flare-3, #ql .flare-4 {
    display: none
}
#ql .list-unstyled {
    text-align: center
}
#ql .list-unstyled > li {
    display: inline-block
}
#ql a {
    display: block;
    width: 40px;
    height: 40px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 40px 40px;
    font-size: 0;
    text-align: left;
    text-indent: -9999px
}
#scrollTop, #tistorytoolbarid {
    display: none
}
#footer, .paging {
    text-align: center
}
#ql .home a {
    margin-top: 40px;
    background-image: url(images/q1.jpg)
}
#ql .facebook a {
    background-image: url(images/q2.jpg)
}
#ql .twitter a {
    background-image: url(images/q3.jpg)
}
#ql .kakao a {
    background-image: url(images/q4.jpg)
}
#ql .board a {
    background-image: url(images/q5.jpg)
}
#footer {
    margin-top: 20px;
    padding: 30px 0;
    color: #a2a298;
    font-weight: 700;
    font-size: 12px
}
#footer .text-right {
    margin-top: 20px;
    text-align: center
}
#footer .logo {
    padding-top: 48px;
    /*background: url(images/logo_footer.png) top center no-repeat;*/
    background-size: 88px 40px
}
#footer .logo>img {width:100%;max-width:467px;}
#footer a {
    color: #015697;
    font-weight: 800
}
#footer address {
    margin: 3px 0
}
#footer p {
    margin-bottom: 0
}
#list h2 {
    margin: 0 0 30px;
    color: #005596;
    font-weight: 700;
    font-size: 16px
}
.paging {
    font-size: 12px
}
.paging a {
    color: #333
}
.paging .numbox {
    display: none;
    margin: 0 1px
}
.paging .num {
    font-size: 0
}
.paging .num span, .paging > a {
    display: inline-block;
    padding: 3px 5px;
    font-weight: 700;
    font-size: 12px
}
.paging .no-more-next, .paging .no-more-prev {
    color: #888;
    font-weight: 400;
    cursor: default
}
.paging .num .selected {
    background-color: #005596;
    color: #fff;
    font-weight: 700;
    cursor: default
}
.paging .num:hover span, .paging > a:hover {
    background-color: #eee;
    text-decoration: none
}
.paging .no-more-next:hover, .paging .no-more-prev:hover {
    background-color: transparent;
    text-decoration: none
}
.paging .num:hover .selected {
    background-color: #005596;
    color: #fff;
    text-decoration: none
}
.paging .glyphicon {
    display: inline-block
}
#view h2 {
    margin-top: 0;
    margin-bottom: 20px;
    padding-bottom: 15px;
    border-bottom: 1px solid #ddd;
    font-weight: 800;
    font-size: 18px;
    line-height: 1.42857143
}
#view .meta {
    font-size: 11px
}
#view .meta .divider {
    display: block;
    height: 0;
    padding-bottom: 3px;
    font-size: 0
}
#view .meta .list-inline > li {
    padding-right: 0;
    padding-left: 0
}
#view .content * {
    max-width: 100%
}
#view .content {
    margin-bottom: 30px;
    font-size: 12px;
    line-height: 18px
}
#view .content p {
    margin-bottom: 0
}
#view .content img {
    max-width: 100%;
    height: auto
}
 
@media screen and (min-width: 992px) and (max-width: 1200px){
   #asideLogo img {
    display: inline-block;
    width: auto;
    height: 73px;
    margin: 0 3px
    } 
    #asideLogo img.other {
    display: inline-block;
    width: auto;
    height: 65px;
    margin: 0 3px
    }
}
@media screen and (max-width: 430px){
   #asideLogo img {
    display: inline-block;
    width: auto;
    height: 63px;
    margin: 0 3px
    } 
    #asideLogo img.other {
    display: inline-block;
    width: auto;
    height: 58px;
    margin: 0 3px
    }
}
@media (max-width: 991px) {
    #view .content table {
        width: 100% !important
    }
}
@media (min-width: 768px) {
    #navbar .navbar-nav > .dropdown > .dropdown-menu, #navbar .navbar-nav > li > a {
        background-color: transparent
    }
    #navbar, #navbar .navbar-nav {
        margin-left: 0
    }
    .container {
        position: relative
    }
    .panel-body .list-article > li {
        height: 20px;
        font-size: 14px
    }
    body.email-sender .btn-primary {
        font-size: 16px
    }
    body.email-sender .btn-lg {
        padding-right: 16px;
        padding-left: 16px;
        font-size: 16px
    }
    #navbar {
        margin-right: 0;margin-bottom: 0px;
    }
    #navbar .navbar-collapse {
        padding-right: 15px;
        padding-left: 15px;
        border-top-width: 1px
    }
    #navbar .navbar-nav > li {
        width: 129px;
        border-bottom-width: 0;
        border-left-width: 0
    }
    #navbar .navbar-nav > .category-full {
        width: 129px
    }
    #navbar .navbar-category > .dropdown > .dropdown-menu {
        position: absolute;
        display: block;
        width: 100%;
        height: 0;
        padding: 0;
        border-width: 0;
        background-color: #72d0f6;
        overflow: hidden;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        -webkit-transition: height ease-in-out .5s;
        -moz-transition: height ease-in-out .5s;
        transition: height ease-in-out .5s
    }
    #navbar .navbar-category > .dropdown > .dropdown-menu > li > a {
        height: auto;
        padding: 9px 3px;
        color: #fff;
        font-weight: 700;
        font-size: 13px;
        letter-spacing: -1px;
        text-align: center
    }
    #footer, #ql a {
        text-align: left
    }
    #navbar .navbar-category > .dropdown > .dropdown-menu > li > a:hover {
        background-color: #06b0ee;
        text-decoration: underline
    }
    #navbar .navbar-category > .dropdown:hover > .dropdown-menu {
        background-color: #06b0ee
    }
    #navbar .navbar-category:hover > .dropdown > .dropdown-menu {
        height: auto;
        -webkit-transition: height ease-in-out .5s;
        -moz-transition: height ease-in-out .5s;
        transition: height ease-in-out .5s
    }
    #navbar .navbar-right > li {
        width: auto
    }
    #navbar .navbar-right > .dropdown > a {
        display: block
    }
    #navbar .navbar-right > .dropdown > .dropdown-menu {
        position: absolute;
        display: none;
        width: 250px;
        padding: 10px 20px;
        background-color: #fff
    }
    #navbar .navbar-right > .open > a {
        background-color: #06b0ee
    }
    #navbar .navbar-right > .open > .dropdown-menu {
        display: block
    }
    #navbar .form-group {
        margin-right: 0;
        margin-bottom: 0;
        margin-left: 0
    }
    body.tedition_blog #view .panel-body {
        padding: 15px 10px !important;
        background-color: transparent !important
    }
    body.tedition_blog #view .panel-body .row > *+ * {
        margin-top: 0
    }
    body.tedition_blog #view .panel-body .thumbnail > .image {
        position: relative;
        float: none;
        width: 100%;
        margin-right: 0;
        padding-bottom: 75%
    }
    body.tedition_blog #view .panel-body .thumbnail > .image a > img {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        float: none;
        width: 100%;
        height: 100%;
        margin-right: 0
    }
    body.tedition_blog #view .panel-body .thumbnail .caption {
        padding: 13px !important;
        font-size: 16px
    }
    body.tedition_blog #view .panel-body .thumbnail .caption .excerpt {
        display: none
    }
    body.tedition_blog #view .panel-body .thumbnail .category {
        display: block;
        font-size: 13px
    }
    #indexCarousel .carousel-control .glyphicon {
        width: 60px;
        height: 60px;
        margin-top: -30px;
        font-size: 60px
    }
    #indexCarousel .carousel-control.left .glyphicon {
        margin-left: -30px
    }
    #indexCarousel .carousel-control.right .glyphicon {
        margin-right: -30px
    }
    #indexCarousel .carousel-caption {
        padding: 17px 15px 18px
    }
    #indexCarousel .carousel-caption p {
        height: 25px
    }
    #indexCarousel .carousel-caption a {
        font-size: 18px
    }
    #indexFeature .panel-body .thumbnail > a {
        display: block;
        width: 100%;
        height: 0;
        padding-bottom: 75%;
        overflow: hidden
    }
    #indexFeature .panel-body .thumbnail .caption p {
        height: 44px
    }
    #indexFeature .panel-body .thumbnail .caption .excerpt {
        height: 40px;
        margin-top: 8px;
        font-size: 14px
    }
    #aside {
        display: table;
        width: 100%;
        table-layout: fixed
    }
    #asideContent {
        display: table-footer-group
    }
    #asideCarousel .carousel-caption {
        display: none
    }
    #asideYoutube {
        display: table-header-group
    }
    #ql, #ql .list-unstyled > li {
        display: block
    }
    #ql {
        position: absolute;
        top: 0;
        left: 50%;
        width: 100px;
        height: 417px;
        margin-left: -660px;
        padding-top:27px;
        background: url(images/ql.png) center no-repeat
    }
    #ql .flare-1, #ql .flare-2, #ql .flare-3 {
        display: none;
        position: absolute
    }
    #ql .flare-1 {
        top: 371px;
        left: 9px;
        width: 42px;
        height: 26px;
        background: url(images/flare_1.png) center no-repeat
    }
    #ql .flare-2 {
        top: 350px;
        left: 69px;
        width: 23px;
        height: 21px;
        background: url(images/flare_2.png) center no-repeat
    }
    #ql .flare-3 {
        top: 378px;
        left: 70px;
        width: 29px;
        height: 27px;
        background: url(images/flare_3.png) center no-repeat
    }
    #ql .flare-4 {
        position: absolute;
        top: 345px;
        left: 0;
        width: 26px;
        height: 25px;
        background: url(images/flare_4.png) center no-repeat
    }
    #ql a {
        display: block;
        width: auto;
        height: 71px;
        background: 0 0 !important;
        font-size: 0;
        text-indent: -9999px
    }
    #scrollTop {
        position: fixed;
        bottom: 15px;
        left: 50%;
        display: block;
        width: 60px;
        margin-left: -620px
    }
    #scrollTop a {
        display: block;
        padding: 5px;
        background-color: #015697;
        color: #fff;
        font-weight: 700;
        font-size: 11px;
        font-family: Verdana;
        text-align: center;
        text-decoration: none !important;
        text-transform: uppercase;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px
    }
    #scrollTop .glyphicon {
        top: 2px;
        display: inline-block
    }
    #footer .row {
        position: relative
    }
    #footer .row > * {
        position: static
    }
    #footer .logo {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        padding-top: 20px;
       /* padding-left: 100px;
        background: url(images/logo_footer.png) bottom left no-repeat;*/
        background-size: 88px 40px;
        color: #bcb9b2;
        font-size: 16px;
        line-height: 20px
    }
    #footer .text-right {
        margin-top: 0;
        background: 0 0;
        text-align: right
    }
    #tistorytoolbarid {
        display: block
    }
    #list .panel-body {
        padding: 30px 60px;
        background-color: #fff
    }
    #list li {
        height: auto;
        margin-top: 5px;
        margin-bottom: 10px;
        padding-bottom: 20px;
        padding-left: 0;
        border-bottom: 1px dotted #ddd;
        background: 0 0
    }
    #list .media-left {
        float: left;
        width: 25%;
        padding-right: 15px
    }
    #list .media-left a {
        position: relative;
        display: block;
        width: 100%;
        height: 0;
        padding-bottom: 57.14285714%;
        overflow: hidden
    }
    #list .media-left img {
        position: absolute;
        width: auto;
        height: 100%
    }
    #list .media-body {
        display: block;
        width: auto
    }
    #list .media-body p {
        margin-bottom: 0
    }
    #list .media-body .lead {
        margin-bottom: 8px;
        font-weight: 400;
        font-size: 14px
    }
    #list .media-body .lead .date {
        position: relative;
        top: 1px;
        float: left;
        width: 80px;
        color: #777;
        font-weight: 700;
        font-size: 11px;
        font-family: Verdana;
        letter-spacing: -1px
    }
    #list .media-body .lead .comment {
        position: relative;
        top: 1px;
        display: inline-block;
        margin-left: 2px;
        color: #f60;
        font-size: 11px;
        font-family: Verdana;
        letter-spacing: -.5px
    }
    #list .media-body a, #view h2 {
        color: #005596
    }
    #list .media-body .excerpt {
        max-height: 80px;
        overflow: hidden
    }
    #view .panel-body {
        padding: 30px 60px !important;
        background-color: #fff
    }
    #view h2 {
        margin-bottom: 13px;
        padding-bottom: 13px;
        border-bottom: 1px solid #ddd;
        font-weight: 700;
        font-size: 22px
    }
    #view .meta {
        margin-bottom: 30px;
        font-size: 13px;
        line-height: 1.6
    }
    #view .meta .glyphicon {
        font-size: 10px
    }
    #view .meta .divider {
        display: inline-block;
        height: auto;
        margin: 0 5px;
        padding-bottom: 0;
        color: #ddd;
        font-size: 12px
    }
    #view .meta ul {
        margin-bottom: 0
    }
    #view .meta li {
        height: auto;
        padding-left: 0;
        background: 0 0
    }
    #view .content {
        margin-bottom: 30px;
        font-size: 12px;
        line-height: 18px
    }
    #view .content p {
        margin-bottom: 0
    }
    #view .count {
        margin-bottom: 20px;
        font-size: 12px
    }
    #view .count .divider {
        display: inline-block;
        margin: 0 3px;
        color: #ccc
    }
    .paging .numbox {
        display: inline-block
    }
    .paging .glyphicon {
        display: none
    }
}
#view .comment .control a.address span, #view .comment .control a.modify span, #view .comment .control a.write span, #view .comment h3, #view .trackback a.delete span {
    display: none
}
@media (min-width: 992px) {
    #navbar .navbar-nav > .category-full, #navbar .navbar-nav > li {
        width: 173px
    }
    #navbar .navbar-category > .dropdown > .dropdown-menu > li > a {
        padding: 9px 20px;
        font-size: 14px
    }
    #navbar .navbar-right > li {
        width: auto
    }
}
@media (min-width: 1200px) {
    .container {
        width: 1120px
    }
    #navbar .navbar-brand {
        display: none
    }
    #navbar .navbar-nav > .category-full, #navbar .navbar-nav > li {
        width: 202px
    }
    #navbar .navbar-right > li {
        width: auto
    }
}
#view .trackback {
    border: 1px solid #F0F0F0;
    background: #F9F9F9;
    padding: 5px 5px 0;
    margin-bottom: 10px;
    overflow: hidden
}
#view .trackback a {
    color: #000
}
#view .trackback h3 {
    font: 11px Verdana;
    color: #333;
    border-bottom: 1px solid #f5f5f5;
    margin: 5px 5px 10px
}
#view .trackback h4 {
    font: 12px Verdana;
    font-weight: 400;
    margin: 0
}
#view .trackback ol {
    margin: 0;
    padding: 0;
    list-style: none
}
#view .trackback li {
    border-top: 1px dotted #ccc;
    padding: 5px
}
#view .trackback .date {
    font: .9em 나눔고딕,Verdana,Helvetica,Arial,Gulim,sans-serif;
    color: #777
}
#view .trackback p {
    font: .95em 나눔고딕,Dotum,Arial,sans-serif;
    color: #999;
    margin: 3px 0 0;
    padding: 0;
    letter-spacing: -1px
}
#view .trackback a.delete {
    background: url(images/iconDelete.gif) left 2px no-repeat;
    padding-left: 8px;
    text-decoration: none
}
#view .comment {
    margin-bottom: 20px;
    border: 1px solid #F0F0F0;
    background: #F9F9F9;
    padding: 10px 10px 5px;
    overflow: hidden
}
#view .comment p {
    margin: 3px 0 0;
    padding: 0
}
#view .comment ol, #view .comment ul {
    margin: 0;
    padding: 0;
    font-size: 12px;
    list-style: none
}
#view .comment .date {
    font: .9em Verdana, Helvetica, Arial, Gulim, sans-serif;
    color: #777
}
#view .comment .name {
    color: #666;
    font-weight: 700
}
#view .comment .name a {
    color: #333;
    font-weight: 700
}
#view .comment ol li {
    border-bottom: 1px dashed #999;
    margin: 0 0 7px;
    padding: 0 0 7px
}
#view .comment li ul li {
    padding: 5px 10px 5px 35px;
    background: url(images/iconReComment.gif) 12px 6px no-repeat;
    border: none
}
#view .comment .control a.address {
    background: url(images/btnAddress.gif) no-repeat;
    padding-left: 24px;
    padding-bottom: 2px;
    text-decoration: none
}
#view .comment .control a.modify {
    background: url(images/btnModifyDelete.gif) no-repeat;
    padding-left: 24px;
    padding-bottom: 2px;
    text-decoration: none
}
#view .comment .control a.write {
    background: url(images/btnReply.gif) no-repeat;
    padding-left: 13px;
    padding-bottom: 2px;
    text-decoration: none
}
#view .comment-write {
    padding: 5px
}
#view .comment-write input {
    width: 150px;
    color: #666
}
#view .comment-write textarea {
    width: 100%;
    padding: 5px;
    margin: 0;
    color: #666;
    font-size: 12px
}
#view .comment-write .homepage {
    width: 300px
}
#view .comment-write .submit {
    background: url(images/btn_reple.gif) no-repeat;
    width: 71px;
    height: 23px;
    overflow: hidden;
    display: block;
    text-indent: -1000em;
    border: 0;
    cursor: pointer;
    margin: 0 auto
}
#view .comment-write .secretWrap {
    clear: both;
    float: right;
    position: relative;
    top: 0;
    left: -10px
}
#view .comment-write .checkbox {
    border: none;
    padding: 0;
    margin: 0;
    width: 25px
}
#list .media-body .excerpt, #list .media-left {
    display: none
}
#list .media {
    padding-bottom: 0
}
fieldset {
    font-size: 12px;
    line-height: 1.33333333 !important
}
fieldset legend {
    font-size: 13px
}
#view .tag {
    margin-bottom: 20px;
    font-size: 12px
}
#view .tag a {
    color: #666
}
#ttalk_div_20120314601005 * {
    box-sizing: content-box
}
#iframe_wrap{display:none; border:1px solid #e2e2e2; background-color:#fff; overflow-x:hidden;}
#iframe_wrap > #iframe_id {width:100%; margin:0 auto; overflow-x:hidden; overflow-y:scroll; }
#white_blank {background-color:#fffbef; width:100%; height:100%; position:absolute; display:none;}
#iframe_banner {max-width:100%; width:100%; display:none;}


/* 20170201 탑 로고 추가 */
.logo_mainTop{width:100%;background:#fffbef;}
.logo_mainTop>img{width:100%;max-width:467px;}


.pop_blog{
    position: absolute;
    width: 100%;
    top: 130px;
    left: 0;
    z-index: 1000;

}
.pop_blog>a>img{width:100%;}

.container_pop{
    background: #fff !important;
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 100;
}