﻿body {
    /*6.29 배경색 변경*/
    background: #f5f3f4;
}

img {
    max-width: 100%;
}

.mobile-layout .layout-top {
    text-align: center;
    background: #f2f2f2;
    padding: 9px 0;
    position: fixed;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 2;
    border-bottom: 1px solid #e5f1f5;
}

    .mobile-layout .layout-top .top-gnb-btn {
        position: absolute;
        right: 16px;
        top: 25px;
    }

        .mobile-layout .layout-top .top-gnb-btn img {
            height: 27px;
        }

    .mobile-layout .layout-top .top-logo img {
        height: 60px;
    }


.mobile-layout .layout-gnb {
    padding: 12px;
}

    .mobile-layout .layout-gnb > ul > li {
        padding-bottom: 7px;
    }

        .mobile-layout .layout-gnb > ul > li > a {
            background-image: url(../Images/common/mobile-each-bg.png);
            background-repeat: no-repeat;
            background-size: 100%;
            display: block;
            padding: 80px 0 10px 0;
            text-align: center;
            color: black;
            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: 4px -2px;
                    text-decoration: none;
                    display: inline-block;
                    color: #333;
                    cursor:pointer;
                }

                .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-gnb > ul > li > ul > li > ul > li > a {
                    margin: 5px 14px;
                    text-decoration: none;
                    display: inline-block;
                    color: #333;
                    cursor:pointer;
                }



.layout-footer {
    text-align: center;
    padding: 6px 0 16px 0;
    line-height: 21px;
}
.layout-footer .foot-pc {
        text-align:center;
        margin:22px 0;
    }

    .layout-body .layout-footer .foot-pc img {
        height: 27px;
        width:105px;
        margin-top:20px;
    }

    .layout-body .layout-footer,
    .layout-body .layout-footer a {
        color: #5c5b5c;
    }
    .layout-body .layout-footer .foot-icon{
        text-align:center;
        margin:22px;
    }
    .layout-body .layout-footer .foot-icon .wrap-icon{
        display:inline-block;
        margin:0 5px;
        max-width:20%;
    }

.mobile-layout .layout-modal a {
    font-size: 10px;
    padding: 2px 12px;
}

.mobile-top-btn {
    position: absolute;
    cursor: pointer;
    background: #8a8988;
    color: #fff;
    display: inline-block;
    font-size: 1.4em;
    right: 55px;
    top:23px;
    padding: 4px 9px;
}

#loginForm .form-wrapper {
    margin-top:50px!important;
}