@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-moz-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-device-pixel-ratio: 2),
only screen and (min-resolution: 192dpi),
only screen and (min-resolution: 2dppx) {
    /* styles for Retina-type displays */

}

@media only screen and (max-width: 767px) {

    .hide-mobile {
        display: none;
    }

    #wrapper {
        min-width: 0;
    }

    .mobile-text-center {
        text-align: center;
    }

    .layout-full #main,
    .col-full {
        min-width: 0;
        max-width: none;
    }

    #header #logo {
        margin-top: 7px;
        margin-left: 20px;
        margin-bottom: 11px;
        width: 255px;
    }
    #header #logo img{
        width: 255px;
    }
    #header.col-full {
        padding: 0;
    }

    #navigation.collapse {
        display: none;
        visibility: hidden;
    }

    #navigation.collapse.in {
        display: block;
        visibility: visible;
    }

    #navigation #main-nav,
    #navigation #sub-nav,
    #navigation #button-nav {
        float: none;
        position: relative;
    }

    #navigation {
        overflow: hidden;
        margin: 0;
        height: auto;
        width: 100%;
    }

    #header #main-nav {
        left: 0;
        top: 0;
        padding: 0;
    }

    #header #sub-nav,
    #header #button-nav {
        right: 0;
        top: 0;
    }

    /* 탑메뉴 */
    #navigation ul.nav li {
        display: block;
        width: 100%;
        background-color: #444444;
        border-bottom: solid 1px #4c4c4c;
    }
    #navigation ul.nav>li a:hover,
    #navigation ul.nav>li a:focus {
        background: #343434;
    }

    #navigation ul.nav>li.open > a {
        background-color: #444444;
    }

    #navigation ul.nav>li.open a:hover,
    #navigation ul.nav>li.open a:focus {
        background: #343434;
    }

    #navigation ul#main-nav.nav li a,
    #navigation ul#sub-nav.nav li a {
        color: #ffffff;
        padding: 10px 6%;
    }

    /* 탑메뉴 - 하위 */
    #navigation ul.nav ul  {
        width: 100%;
        visibility: visible;
        position: relative;
        margin: 0;
        padding: 0;
    }

    #navigation ul.nav ul li {
        float: none;
        border-bottom: none;
        border-top: solid 1px #4c4c4c;
    }

    #navigation ul#main-nav.nav ul li a {
        padding: 10px 10%;
    }

    #navigation ul#main-nav.nav ul ul li a {
        padding: 10px 14%;
    }

    ul.nav ul ul {
        left: 0;
        top: 0;
    }


    /* 서브메뉴 */
    #navigation #sub-nav {
        padding: 0;
    }

    #navigation ul#sub-nav.nav li a {
        color: #919191;
        font-size: 1em;
    }

    #navigation ul#sub-nav.nav>li a:hover {
        background: #343434;
    }

    .navbar-default {
        background: none;
        border: none;
    }

    .navbar-toggle {
        display: inline-block;
    }

    .navbar-nav {
        margin: 0;
    }


    #main, #main.fullwidth{width:auto;padding:0; margin: auto;}
    #main.fullwidth.nopadding{width:auto;padding:0;}

    #sidebar{ display: none }

    section.entry img.top-image {
        margin: 0 -30%;
        max-width: 160%;
    }

    #footer {
        margin: auto;
        display: block;
    }

    /* 홈화면, top사진이 있는경우 overflow 숨겨야한다. */
    #content {
        overflow:hidden;
    }


    .nav>li>a:hover, .nav>li>a:focus {

    }

    #footer .footer-bottom {
        padding-top: 36px;
        padding-bottom: 36px;
    }

    #featured .wrap,
    #featured .featured-image,
    #featured .video {
        width: auto;
        float: none;
        padding: 0;
        text-align: center;
    }
    #featured .featured-image img {
        width: 100%;
    }
    #featured {display: block; padding-bottom: 45px;}
    #featured .slide { width: auto; float: none; position: relative;}

    .video object {
        width:100%;
    }
}