body {
    /* padding-top: 20px; */
    padding-bottom: 0px;
}

label {
    font-weight: normal;
}

.header {
    padding-top: 20px;
    margin-bottom: 10px;
}

.row {
    margin: 0;
}

.header h3,
.headerLogin h3 {
    padding-bottom: 19px;
    margin-top: 0;
    margin-bottom: 0;
    line-height: 40px;
}

.headerLogin h4 {
    text-align:center;
    font-weight:bold;
    color:#333333;
    font-size:18px;
    margin-top:5px;
}

.nav li a {
    padding : 0;
}

img#topLogo {
    width : 290px;
    height : 28px;
}

img#topLogo2 {
    width : 185px;
    height : 28px;
}

img#loginLogo {
    width : 108px;
    height : 17px;
}

img#logo {
    width : 170px;
    height : 17px;
}

img#top {
    width : 47px;
    height : 46px;
}

img#logout {
    width : 47px;
    height : 46px;
}

.login {
    padding: 14px 0;
    color: #000;
    background-color: #eeeeee;
    margin-bottom: 5px;
}

.noZoomInput {
    font-size: 17px;
}

.rememberMe {
    margin: 30px 0;
}

.rememberMe_myid {
    font-size:14px;
}

.textMypage {
    color: #333333;
    font-size: 14px;
    margin-top: 2px;
    font-weight:bold;
}

.welcome {
    padding: 14px 0;
    color: #000;
    background-color: #eeeeee;
    font-size: 16px;
    margin-bottom: 5px;
}

.title {
    padding: 14px 0;
    color: #fff;
    background-color: #fb9400;
    font-size: 18px;
    margin-bottom: 5px;
}

.btn_gate {
    width:100%;
    max-width:256px;
    padding:18px;
    font-size:14px;
    margin:0 auto;
}

.desc_gate {
    width:100%;
    max-width:256px;
    padding:0;
    font-size:12px;
    margin:0 auto;
}
.a_myid {
    font-size:14px;
}

.plan {font-size: 16px;}
.amount {font-size: 16px;}
.panel-expire {background-color: #eeeeee;padding:12px 0px;margin: 12px 0;}
    .row-expire {font-size: 14px;margin-bottom: 12px;}
    .row-button img {width: 16px; height: 10px;}
.panel-service-detail {background-color: #eeeeee;padding: 12px;margin: 12px 0;}
    .row-service-detail {font-size: 14px;}
        @media screen and (max-width: 991px) {
            .bill {
                text-align: left;
            }
        }
.tel {font-size: 14px;}
.tel strong {font-size: 22px;}
.box-inquiry {background-color: #e8edf0;padding: 12px;margin: 36px 0 12px;}
.mail {font-size: 14px;}
.mail a {font-size: 14px;}

.noteCaution {margin: 25px 0 0;}
.noPadding {padding: 0;}
.menu {cursor: pointer; margin-bottom: 20px;}
.menu .description {font-size: 12px;color: #000000;padding: 0;}
.menu .description span {font-size: 9px;display: block; color: #FF0000;}
.menu .panel {text-align: center; }
.menu .panel-internet {font-size: 12px;background-color: #10ae62; font-weight: bold; color:#fff; padding: 24px 12px;margin: 0 0 24px 0;}
.menu .panel-catv {font-size: 12px;background-color: #354d99; font-weight: bold; color:#fff; padding: 24px 12px;margin: 0 0 24px 0;}
.menu .panel-phone {font-size: 12px;background-color: #ad4eb6; font-weight: bold; color:#fff; padding: 24px 12px;margin: 0 0 24px 0;}
.menu .panel-mobile {font-size: 12px;background-color: #04aaec; font-weight: bold; color:#fff; padding: 24px 12px;margin: 0 0 24px 0;}
.menu .panel-other {font-size: 12px;background-color: #fb9400; font-weight: bold; color:#fff; padding: 24px 12px;margin: 0 0 24px 0;}
.menu .panel-ip-phone {font-size: 12px;background-color: #f03e51; font-weight: bold; color:#fff; padding: 24px 12px;margin: 0 0 24px 0;}
.menu .panel-edenki {font-size: 12px;background-color: #00b050; font-weight: bold; color:#fff; padding: 24px 12px;margin: 0 0 24px 0;}
.menu .panel-ott {font-size: 12px;background-color: #333; font-weight: bold; color:#fff; padding: 24px 12px;margin: 0 0 24px 0;}
.menu .panel-program-guide {font-size: 12px;background-color: #ffc107; font-weight: bold; color:#fff; padding: 24px 12px;margin: 0 0 24px 0;}
.menu .arrow {padding: 0 0 0 12px;}
.menu .arrow img {margin-top: 34px; width: 10px; height: 15px;}
.menu a:hover {text-decoration:none;}
.updateDate {margin : 9px 0 5px;}
.planAmount {margin : 0 0 18px;}
.expires {margin : 0 0 18px;}
.phoneNumber {margin : 18px 0 5px;}
.phoneNumber .tel strong {display: block;}

.pager {margin : 10px 0 20px;}
.pager span {font-size: 14px;}

.hover {opacity:0.6; filter:alpha(opacity=60); -ms-filter: "alpha( opacity=60 )";}
@media screen and (min-width: 768px) {

    .headerLogin {
        margin-bottom: 10px;
    }

    .headerLogin h4 {
        text-align:center;
        font-weight:bold;
        color:#333333;
        font-size:24px;
        margin-top:10px;
    }

    img#topLogo {
        width : 435px;
        height : 42px;
    }

    img#topLogo2 {
        width : 278px;
        height : 42px;
    }

    img#loginLogo {
        width : 163px;
        height : 26px;
    }

    img#logo {
        width : 256px;
        height : 26px;
    }

    img#top {
        width : 70px;
        height : 69px;
    }

    img#logout {
        width : 70px;
        height : 69px;
    }

    .jumbotron {
        border-bottom: 0;
    }

    .login {
        padding: 28px 0;
        font-size: 24px;
        margin-bottom: 10px;
    }

    .mypage {
        float: left;
    }

    .textMypage {
        font-size: 18px;
        margin-top: 3px;
        margin-left: 6px;
    }

    .welcome {
        padding: 14px 0;
        font-size: 18px;
        margin-bottom: 10px;
    }

    .title {
        padding: 14px 0;
        font-size: 18px;
        margin-bottom: 10px;
    }

    .btn_gate {
        max-width:320px;
        padding:20px;
        font-size:18px;
    }

    .desc_gate {
        width:100%;
        max-width:320px;
        font-size:16px;
    }

    .rememberMe_myid {
        font-size:18px;
    }
    .a_myid {
        font-size:18px;
    }

    .plan {font-size: 24px;}
    .amount {font-size: 24px;}
    .panel-expire {background-color: #eeeeee;padding: 24px;margin: 12px 0;}
        .row-expire {font-size: 18px;margin-bottom: 18px;}
        .row-button img {width: 33px; height: 21px;}
    .tel {font-size: 18px;margin: 10px 0 5px;}
    .tel strong {font-size: 24px; padding-left: 8px;}
    .mail {font-size: 18px;margin: 5px 0 0;}
    .mail a {font-size: 24px; padding-left: 8px;}

    .phoneNumber .tel strong {display: inline;}

    .menu .panel-internet {font-size: 24px;}
    .menu .panel-catv {font-size: 24px;}
    .menu .panel-phone {font-size: 24px;}
    .menu .panel-mobile {font-size: 24px;}
    .menu .panel-other {font-size: 24px;}
    .menu .panel-ip-phone {font-size: 24px;}
    .menu .panel-edenki {font-size: 18px;}
    .menu .panel-ott {font-size: 24px;}
    .menu .panel-program-guide {font-size: 24px;}
    .menu .description {font-size: 22px;}
    .menu .description span {font-size: 18px;}
    .menu .arrow img {margin-top: 44px; width: 20px; height: 30px;}

    .pager span {font-size: 18px;}
}