@charset 'utf-8';

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

    .summary-box p{}
    .summary-box p .text{width: 90%;}
    .summary-box p span{display: inline-block;width: 100%}
    .summary-box p span:first-child {width: 150px;margin: 0 auto 20px 20px}
    
}

@media all and (min-width:768px) and (max-width:1279px) {

    .summary-box p{overflow: hidden}
    .summary-box p .text{width: 90%;}
    .summary-box p span{float: left;width: 70%}
    .summary-box p span:first-child {width: 20%}
    
}

@media all and (min-width:1280px) {
    
    .summary-box p{overflow: hidden}
    .summary-box p span{float: left;width: 70%}
    .summary-box p span:first-child {width: 20%}
    
}

.nav-box .gnb ul li:nth-child(2) {
    border-bottom: 2px solid #bdd526
}
.nav-subbox ul li:nth-child(1) {
    border-bottom: 2px solid #bdd526
}

.summary-box p{margin: 0 0 20px 0}
.summary-box p span{font-size: 1.2em;margin: 0 0 0 5%}
.summary-box p span:first-child {
    font-size: 1.3em;
    background: #003668;
    color: #fff;
    text-align: center;
    padding: 10px 0;
}

.summary-box p .text{line-height: 40px;font-weight:700;font-size:1.4em}
.summary-box p .title{font-weight:800}