body {
    background: #e5f1f5;
    padding-top: 89px;
}

img {
    max-width: 100%;
}

.mobile-layout .layout-top {
    background: #fff;
    padding: 9px 0;
    position: fixed;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 102;
    border-bottom: 1px solid #e5f1f5;
}

    .mobile-layout .layout-top .top-gnb-btn {
        position: absolute;
        right: 16px;
        top: 33px;
    }

        .mobile-layout .layout-top .top-gnb-btn img {
            height: 20px;
        }

    .mobile-layout .layout-top .top-logo img {
        height: 70px;
    }

    .mobile-layout .layout-top .top-pc {
        position: absolute;
        right: 65px;
        top: 30px;
        width: 90px;
    }

        .mobile-layout .layout-top .top-pc a {
            display: inline-block;
        }

            .mobile-layout .layout-top .top-pc a img {
                height: 27px;
            }

    .mobile-layout .layout-top .top-facebook {
        position: absolute;
        right: 47px;
        top: 21px;
        width: 50px;
    }

        .mobile-layout .layout-top .top-facebook a {
            display: inline-block;
        }

            .mobile-layout .layout-top .top-facebook a i {
                color: #fff;
                font-size: 1.4em;
                border-radius: 4px;
                background: #3B5A9B;
                padding: 8px 12px 6px 12px;
            }

            .mobile-layout .layout-top .top-facebook a span {
                display: inline-block;
                width: 100%;
                padding-top: 3px;
                font-size: 10px;
                color: #586078;
            }

.mobile-layout .layout-gnb {
    padding: 12px;
}

    .mobile-layout .layout-gnb.open > ul > li {
        padding-bottom: 7px;
    }

    .mobile-layout .layout-gnb > ul > li:first-child {
        display: none !important;
    }

    .mobile-layout .layout-gnb > ul > li > a {
        background-image: url(../Images/common/m_bg.png);
        background-repeat: no-repeat;
        background-size: 100%;
        display: block;
        padding: 11px 0 10px 0;
        text-align: center;
        color: #fff;
        font-size: 21px;
    }

    .mobile-layout .layout-gnb > ul > li > ul {
        background: #fff;
        text-align: center;
        margin: 7px 0;
        border-radius: 6px;
        padding: 14px;
    }

        .mobile-layout .layout-gnb > ul > li > ul > li {
            display: inline-block;
        }

            .mobile-layout .layout-gnb > ul > li > ul > li a {
                margin: 2px 0;
                text-decoration: none;
                display: inline-block;
                color: #333;
            }

            .mobile-layout .layout-gnb > ul > li > ul > li.active a {
                color: #F36E1F;
                display: inline-block;
            }

            .mobile-layout .layout-gnb > ul > li > ul > li > a:after {
                content: ' | ';
                color: #333;
                position: relative;
                top: -1px;
                margin: 0 4px;
            }

            .mobile-layout .layout-gnb > ul > li > ul > li:last-child > a:after {
                content: '';
            }

.mobile-layout .layout-footer {
    text-align: center;
    padding: 16px 0;
    line-height: 21px;
}

    .mobile-layout .layout-footer,
    .mobile-layout .layout-footer a {
        color: #333;
    }

.mobile-layout .layout-modal a {
    font-size: 10px;
    padding: 2px 12px;
}