/* page 공통 css  start */
.page{
    word-break:keep-all;    
}

.logoTitle img{
    width:120px;
    vertical-align: text-top;
    margin-right:6px;
}

.bannerWrapper{
    margin-top: 90px;
    width: 100%;
    height: 500px;
    background-image: url('../img/main-img01.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.bannerWrapper .row,
.bannerWrapper .row .imx{
    height: 100%;
}

.bannerWrapper .flexWrap{
    display: flex;
    width: 100%;
    height: 100%;
    justify-content: space-between;
    align-items: center;
}

.bannerWrapper .flexWrap .textBox{
    font-size: 48px;
    color: #fff;
    line-height: 1.3;
}

.bannerWrapper .flexWrap .textBox img{
    display: block;
    width: 100px;
    margin-bottom: 11px;
}

.bannerWrapper .flexWrap .textBox span{
    color: #CAFF5B;
    font-weight: 700;
}

.bannerWrapper .flexWrap .textBox em{
    font-style: italic;
}

.bannerWrapper .flexWrap .iconBox{
    width: 344px;
    margin:0px -10px;
    display: flex;
    flex-wrap: wrap;
}

.bannerWrapper .flexWrap .iconBox .inner{
    width: 172px;
    height: 152px;
    padding:0px 10px;            
}

.bannerWrapper .flexWrap .iconBox .inner:nth-child(1),
.bannerWrapper .flexWrap .iconBox .inner:nth-child(2){
    margin-bottom: 20px;
}

.bannerWrapper .flexWrap .iconBox .inner:nth-child(4) .item{
    background: #CAFF5B;
}

.bannerWrapper .flexWrap .iconBox .item{
    display: block;
    background: #fff;
    width: 100%;
    height: 100%;
    border-radius: 20px;
    text-align: center;
    padding-top: 20px;
}

.bannerWrapper .flexWrap .iconBox .item img{
    width:100px;
}

.bannerWrapper .flexWrap .iconBox .item p{            
    position: absolute;
    left: 50%;
    top:50%;
    transform: translate(-50%,-50%);
    font-size: 38px;
    color: #5631EB;
    font-weight: 700;
}

.bannerWrapper .flexWrap .iconBox .item em{
    display: block;
    width:100%;
    font-size: 18px;
    font-weight: 700;
}

.modal{
    position:fixed;
    left:0px;
    top:0px;
    width:100%;
    height:100%;
    background:rgba(0,0,0,0.3);
    z-index:100;
    padding:0px 16px;
    display: none;
}

.modal .closeBg{
    position:absolute;
    left:0px;
    top:0px;
    width:100%;
    height:100%;
}

.modal .inner{
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    height:740px;
    max-width:900px;
    width:100%;   
    background:#fff;
    overflow-Y:scroll;
    border-radius:20px;
    padding:60px 24px 70px 50px;
}

.modal .inner::-webkit-scrollbar{
    width:26px;
}

.modal .inner::-webkit-scrollbar-thumb{
    border-radius: 40px;
    background:#eee;
    background-clip: padding-box;
    border: 9px solid transparent;
}

.modal .inner::-webkit-scrollbar-track{
    background:transparent;
    height:10px;
}    

.modal h2{
    font-size:34px;
    font-weight:600;
    margin-bottom:54px;
    padding-bottom:30px;
    border-bottom:1px #EEEEEE solid;
}

.modal .closeBtn{
    position:absolute;
    right:15px;
    top:40px;
}    

.modal .clear{        
    margin-bottom:40px;
}

.modal .clear .fl{
    padding-right:10px;
}

.modal .clear .fr{
    padding-left:10px;
}

.modal .clear .item span{
    display:block;
    margin-bottom:8px;
    font-weight:600;
    font-size:20px;
}

.modal .clear .item span.active{
    margin-bottom:17px;
}

.modal .clear .item span em{
    color:#FF6C49;
}

.modal .clear .item span em.active{
    color:#B8B8B8;
    font-weight:400;
    font-size:18px;
    margin-left:10px;
}

.modal .clear .item input[type='text'],
.modal .clear .item input[type='password']{
    width:100%;
    border:1px #D9D9D9 solid;
    border-radius:10px;
    height:60px;
    padding:0px 20px;
    font-size:20px;
    font-family: 'Pretendard', sans-serif;
}

.modal .clear .item input[type='password']{
    letter-spacing:8px;
}

.modal .clear .item input[type='text']::placeholder,
.modal .clear .item input[type='password']::placeholder,
.modal .clear .item textarea::placeholder{
    color:#ccc;
}    

.modal .clear .item input[type='text']:focus,
.modal .clear .item input[type='password']:focus,
.modal .clear .item textarea:focus{
    outline: none !important; border-color: #222; border-width:2px;
}

.modal .clear .item strong{
    display:block;
    font-weight:400;
    padding:8px 0px;
    font-size:16px;
    color:#B8B8B8;
}

.modal .clear .item p{
    border:1px #D9D9D9 solid;
    padding:20px 0px 20px 20px;
    height:160px;
    overflow-y:auto;
    border-radius:10px;
    font-size:18px;
    color:#5A5A5A;
    line-height:1.6;
    transition:all 0.3s;
}

.modal .clear .item p::-webkit-scrollbar{
    width:20px;
}

.modal .clear .item p::-webkit-scrollbar-thumb {
    border-radius: 40px;
    background:#eee;
    background-clip: padding-box;
    border: 6px solid transparent;
}

.modal .clear .item p::-webkit-scrollbar-track {
    background:transparent;
    height:10px;
}

.modal .clear .item label{
    display:inline-block;
    padding-top:8px;
    font-size:20px;
    font-weight:600;
}

.modal .clear .item .typeBox a{
    transition:all 0.3s;
    display:inline-block;
    width:180px;
    height:56px;
    line-height:56px;
    font-size:20px;
    font-weight:600;
    text-align:center;
    border-radius:10px;
    border:1px #D9D9D9 solid;
    margin-right:10px;
}

.modal .clear .item .typeBox a input{
    display:none;
}

.modal .clear .item .typeBox a:hover,
.modal .clear .item .typeBox a.active{
    background:#5631EB;
    border:1px #5631EB solid;
    color:#fff;
}

.modal .clear .item textarea{
    border:1px #D9D9D9 solid;
    border-radius:10px;
    padding:20px;
    height:160px;
    resize:none;
    width:100%;
    font-size:20px;
    font-family: 'Pretendard', sans-serif;
}

.modal button{
    transition:all 0.3s;
    background:#EFEFEF;
    width:100%;
    height:72px;
    color:#CCCCCC;
    font-size:24px;
    font-weight:700;
    text-align:center;
    border-radius:10px;
    outline:none;
    border:none;
    pointer-events:none;
    font-family: 'Pretendard', sans-serif;
}

.modal button.active{
    background:#5631EB;
    color:#fff;
    pointer-events:auto;
}

.pagination{
    text-align:center;
}

.pagination a{
    width:40px;
    height:40px;
    border:1px #D9D9D9 solid;
    border-radius:10px;
    display:inline-block;
    vertical-align:top;
    margin:0px 6px;
    font-size:20px;
}

.pagination a span,
.pagination a img{
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
}

.pagination a.none{
    background:#EFEFEF;
    border:1px #EFEFEF solid;
    pointer-events:none;
}

.pagination a.none img{
    opacity:0.2;
}

.pagination a.active{
    border:1px #5631EB solid;
    background:#5631EB;
    font-weight:700;
    color:#fff;
}

.tableBox .tableBody .slideBtn .noneData{
    width:100% !important;
    border-right:0px !important;
    height:200px !important;
    line-height:200px !important;
}

@media screen and (max-width:980px){
    .logoTitle img{
        width:90px;
        vertical-align: bottom;
        margin-right:6px;
    }

    .bannerWrapper{
        margin-top:60px;
        height: auto;
        padding:50px 0px;
    }

    .bannerWrapper .row,
    .bannerWrapper .row .imx{
        height: auto;
    }

    .bannerWrapper .flexWrap{
        display: block;
        height: auto;
    }

    .bannerWrapper .flexWrap .textBox{
        text-align: center;
        font-size: 30px;
        line-height: 1.3;
        margin-bottom: 20px;
    }

    .bannerWrapper .flexWrap .textBox img{
        display: block;
        width: 80px;
        margin: 0px auto 10px;
    }

    .bannerWrapper .flexWrap .iconBox{
        width: auto;
        margin:0px auto;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        width: 100%;
    }

    .bannerWrapper .flexWrap .iconBox .inner{
        padding: 0px;
        width: 100px;
        height: 100px;
        margin:0px 10px;                
    }

    .bannerWrapper .flexWrap .iconBox .inner:nth-child(1),
    .bannerWrapper .flexWrap .iconBox .inner:nth-child(2){
        margin-bottom: 0px;
    }

    .bannerWrapper .flexWrap .iconBox .item{
        padding-top: 12px;
        border-radius: 14px;
    }

    .bannerWrapper .flexWrap .iconBox .item p{            
        font-size: 28px;
        color: #5631EB;
        font-weight: 700;
    }

    .bannerWrapper .flexWrap .iconBox .item img{
        width: 60px;
    }

    .bannerWrapper .flexWrap .iconBox .item em{
        display: block;
        width:100%;
        font-size: 16px;
        font-weight: 700;
    }

    .modal .inner{
        height:660px;
        padding:40px 18px 50px 40px;
    }

    .modal h2{
        font-size:24px;
        margin-bottom:30px;
        padding-bottom:20px;
    }

    .modal .closeBtn{
        position:absolute;
        right:9px;
        top:34px;
    }    

    .modal .clear{        
        margin-bottom:30px;
    }

    .modal .clear .item span{
        font-size:16px;
    }

    .modal .clear .item span.active{
        margin-bottom:12px;
    }

    .modal .clear .item span em.active{
        font-size:14px;
        margin-left:8px;
    }

    .modal .clear .item input[type='text'],
    .modal .clear .item input[type='password']{
        height:46px;
        padding:0px 16px;
        font-size:16px;
    }

    .modal .clear .item strong{
        font-size:14px;
        line-height:1.4;
    }

    .modal .clear .item p{
        padding:16px 0px 16px 16px;
        height:120px;
        font-size:14px;
    }

    .modal .clear .item label{
        display:inline-block;
        padding-top:8px;
        font-size:16px;
        font-weight:600;
    }

    .modal .clear .item label input{
        width:20px !important;
        height:20px !important;
    }

    .modal .clear .item .typeBox a{
        width:130px;
        height:50px;
        line-height:50px;
        font-size:16px;
    }

    .modal .clear .item textarea{
        padding:16px;
        height:120px;
        font-size:16px;
    }

    .modal button{
        height:56px;
        font-size:18px;
    }

    .pagination{
        text-align:center;
    }

    .pagination a{
        width:34px;
        height:34px;
        border-radius:8px;
        font-size:16px;
    }

    .pagination a img{
        width:26px;
    }    

    .tableBox .tableBody .slideBtn .noneData{
        height:140px !important;
        line-height:140px !important;
    }
}

@media screen and (max-width:720px){
    .logoTitle img{
        width:74px;
        vertical-align: sub;
        margin-right:6px;
    }
    
    .bannerWrapper{
        padding:40px 0px;
    }

    .bannerWrapper .flexWrap .textBox{
        font-size: 24px;
        margin-bottom: 16px;
    }

    .bannerWrapper .flexWrap .iconBox{                
        margin:0px auto;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        width: 232px;
    }

    .bannerWrapper .flexWrap .iconBox .inner{
        padding: 0px;
        width: 116px;
        height: 100px;
        margin:0px;
        padding:0px 8px;                
    }

    .bannerWrapper .flexWrap .iconBox .inner:nth-child(1),
    .bannerWrapper .flexWrap .iconBox .inner:nth-child(2){
        margin-bottom:16px;
    }

    .modal .inner{
        padding:20px 8px 20px 20px;
        height:590px;
        border-radius:14px;
    }

    .modal h2{
        font-size:18px;
        margin-bottom:24px;
        padding-bottom:14px;
    }

    .modal .closeBtn{
        position:absolute;
        right:1px;
        top:15px;
    }    

    .modal .closeBtn img{
        width:30px;
    }

    .modal .clear{        
        margin-bottom:0px;
    }

    .modal .clear .item{
        width: 100%;
        padding:0px;
        margin-bottom:24px;
    }

    .modal .clear .item span{
        font-size:14px;
    }

    .modal .clear .item span.active{
        margin-bottom:10px;
    }

    .modal .clear .item span em.active{
        font-size:12px;
        margin-left:8px;
    }

    .modal .clear .item input[type='text'],
    .modal .clear .item input[type='password']{
        height:40px;
        padding:0px 14px;
        font-size:14px;
    }

    .modal .clear .item strong{
        font-size:12px;
        padding:8px 0px 0px;
    }

    .modal .clear .item p{
        padding:10px 0px 10px 14px;
        height:100px;
        font-size:12px;
    }

    .modal .clear .item label{
        font-size:14px;
    }

    .modal .clear .item label input{
        width:16px !important;
        height:16px !important;
    }

    .modal .clear .item .typeBox a{
        width:80px;
        height:36px;
        line-height:36px;
        font-size:12px;
        margin-right:6px;
    }

    .modal .clear .item .typeBox a:last-child{
        margin-right:0px;
    }

    .modal .clear .item textarea{
        padding:10px 14px;
        height:100px;
        font-size:14px;
    }

    .modal button{
        height:40px;
        font-size:14px;
    }

    .pagination a{
        width:28px;
        height:28px;
        border-radius:8px;
        font-size:12px;
        margin:0px 2px;
    }

    .pagination a img{
        width:20px;
    }

    .tableBox .tableBody .slideBtn .noneData{
        height:100px !important;
        line-height:100px !important;
        border-bottom:0px !important;
        text-align:center !important;
        padding:0px !important;
    }
}
/* page 공통 css  end */


/* pageMain css start */
@keyframes imgEffect {
    0% {
        top: 200px;
    }
    100% {
        top:0px;
    }
}

#pageMain .historyWrapper{
    padding:100px 0px 120px;
}

#pageMain .historyWrapper h2{
    font-size: 34px;
    font-weight: 700;
    margin-bottom: 20px;
}

#pageMain .historyWrapper .flexWrap{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

#pageMain .historyWrapper .flexWrap.active{
    margin-bottom: 100px;
}

#pageMain .historyWrapper .flexWrap .inner:first-child{
    padding-right: 20px;
    width: 52%;
}

#pageMain .historyWrapper .flexWrap .inner:last-child{
    padding-left: 20px;
    width: 48%;
}

#pageMain .historyWrapper .leftBox ul li {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#pageMain .historyWrapper .leftBox ul li div{            
    text-align: center;
    width: 20%;
}

#pageMain .historyWrapper .leftBox ul li div:nth-child(1){
    width: 30%;
}

#pageMain .historyWrapper .leftBox ul li div:nth-child(2),
#pageMain .historyWrapper .leftBox ul li div:nth-child(4){
    width: 15%;
}

#pageMain .historyWrapper .leftBox .listHeader li{
    border-top: 1px #C6B8FF solid;
    border-bottom: 2px #C6B8FF solid;
    background:#F6F4FF;
    padding:23px 0px;
    font-size: 18px;
    font-weight: 600;
}

#pageMain .historyWrapper .leftBox .hiddenBox{
    height: 268px;
    overflow: hidden;
    border-bottom: 1px #DADADA solid;
}

#pageMain .historyWrapper .leftBox .hiddenBox.active::after{
    content: '현재는 배차 운행시간이 종료되었습니다.';
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 0px;
    top: 0px;
    background: rgba(250,250,255,0.95);
    color: #333;
    font-size: 18px;
}

#pageMain .historyWrapper .leftBox .listBody{
    transition: all 1s;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;            
}

#pageMain .historyWrapper .leftBox .listBody li{
    padding:18px 0px;
    font-size: 18px;
    border-bottom: 1px #DADADA solid;
    word-break: keep-all;
    line-height: 1.4;
}

#pageMain .historyWrapper .leftBox .listBody li div span{
    display: inline-block;
    width: 74px;
    height: 30px;
    color: #fff;
    font-weight: 600;
    background: #5631EB;
    border:1px #5631EB solid;
    border-radius: 20px;
    line-height: 30px;
}

#pageMain .historyWrapper .leftBox .listBody li div span.active{
    border:1px #C6B8FF solid;
    color:#5631EB;
    background: #F6F4FF;
}

#pageMain .historyWrapper .rightBox{
    background: #F6F4FF;
    border-radius: 20px;
    height: 338px;
    padding:70px 38px 0px;
}

#pageMain .historyWrapper .rightBox br.active{
    display:none;
}

#pageMain .historyWrapper .rightBox .textBox{
    z-index: 2;
}

#pageMain .historyWrapper .rightBox .iconBox{
    display:none;
}

#pageMain .historyWrapper .rightBox p{
    font-size: 48px;
    font-weight: 700;
    color: #5731EB;
    margin-bottom: 22px;
}

#pageMain .historyWrapper .rightBox span{
    display: block;
    font-size: 20px;
    color: #5A5A5A;
    line-height: 1.6;
}

#pageMain .historyWrapper .rightBox img{
    position: absolute;
    right: 0px;
    top: 62px;
    z-index: 0;
}

#pageMain .historyWrapper .flexWrap .item{
    background: #E8E3FF;
    width: 25%;
    height: 270px;
    text-align: center;
    padding-top: 50px;
}

#pageMain .historyWrapper .flexWrap .item:nth-child(even){
    background: #F9F9F9;
}

#pageMain .historyWrapper .flexWrap .item img{
    display: inline-block;
    margin-bottom: 15px;
}

#pageMain .historyWrapper .flexWrap .item span{
    display: block;
    margin-bottom: 9px;
    font-size: 20px;
}

#pageMain .historyWrapper .flexWrap .item h3{
    font-size: 48px;
    font-weight: 700;
    color: #5731EB;
}

#pageMain .historyWrapper .flexWrap .item p{
    font-size: 20px;
    color: #C6B8FF;
    margin-top: 4px;
    display: block;
}

#pageMain .typeWrapper{
    background: #F9F9F9;
    padding:100px 0px;
}

#pageMain .typeWrapper h2{
    font-size: 48px;
    text-align: center;
    font-weight: 400;
    margin-bottom: 60px;
}

#pageMain .typeWrapper h2 br{
    display: none;
}

#pageMain .typeWrapper h2 span{
    color: #A7E229;
    font-weight: 700;            
}

#pageMain .typeWrapper .leftBox{ 
    padding-right: 27px;
}

#pageMain .typeWrapper .rightBox{ 
    padding-left: 27px;
}

#pageMain .typeWrapper .inner{
    width: 100%;
    height: 920px;
    background: #fff;
    border-radius: 30px;
    overflow: hidden;
    text-align: center;
    top: 200px;
    padding:60px 60px 73px;
}

#pageMain .typeWrapper .inner.active{
    animation: imgEffect 0.5s forwards;
}

#pageMain .typeWrapper .inner.active2{
    animation: imgEffect 0.5s 0.2s forwards;
}

#pageMain .typeWrapper .rightBox .inner{
    border:1px #DADADA solid;
}

#pageMain .typeWrapper .leftBox .inner{
    box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.10);
    border:3px #5631EB solid;
}        

#pageMain .typeWrapper .inner .textBox{
    display: flex;
    flex-direction: column;             
    margin-bottom: 34px;
    text-align: left;
}

#pageMain .typeWrapper .inner .textBox p{
    font-size: 34px;
    margin-bottom: 24px;
}

#pageMain .typeWrapper .leftBox .inner .textBox p{
    color: #5631EB;
    font-weight: 700;
}

#pageMain .typeWrapper .inner .labelBox{
    background: #5631EB;
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    padding: 16px 0px;
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    display:flex;
    justify-content: center;
    align-items: center;
}

#pageMain .typeWrapper .inner .labelBox img{
    width: 62px;
    margin-right: 16px;
}

#pageMain .typeWrapper .inner .textBox span{
    display: inline-block;
    padding:10px 20px 8px;
    background: #EFEFEF;
    border:1px #DADADA solid;
    border-radius: 10px;
    font-size: 20px;
    margin-bottom: 16px;
}

#pageMain .typeWrapper .leftBox .inner .textBox span{
    background: #F1FFE6;
    border: 1px #64E200 solid;
}

#pageMain .typeWrapper .inner .textBox span img{
    vertical-align: bottom;
    margin-right: 4px;
}

#pageMain .systemWrapper{
    padding:100px 0px 120px;
    background: #F6F4FF;
}

#pageMain .systemWrapper h2{
    text-align: center;
    font-weight: 400;
    font-size: 48px;
    line-height: 1.4;
    margin-bottom: 60px;
}

#pageMain .systemWrapper h2 span{
    font-weight: 600;
    display: inline-block;
    z-index: 1;
}

#pageMain .systemWrapper h2 span.active{
    color:#5631EB;
    font-weight: 600;
}

#pageMain .systemWrapper .imgBox{
    margin-bottom: 60px;
}

#pageMain .systemWrapper .imgBox img{
    border-radius: 20px;
    box-shadow:0px 0px 10px rgba(0, 0, 0, 0.10);
}

#pageMain .systemWrapper .imgBox .mobileImg{
    display: none;
}

#pageMain .systemWrapper .imgBox .textBox{
    position: absolute;
    left: 30px;
    bottom: 40px;
}

#pageMain .systemWrapper .imgBox .textBox p{
    font-size: 24px;
    font-weight: 700;
    color: #C6B8FF;
    margin-bottom: 2px;
}

#pageMain .systemWrapper .imgBox .textBox h3{
    font-size: 34px;
    font-weight: 600;
    color: #fff;
}

#pageMain .systemWrapper .countBox{
    display: flex;
    justify-content: center;
}

#pageMain .systemWrapper .countBox .item{
    display: inline-block;
    background: #fff;
    max-width: 315px;
    width: 100%;
    border:1px #C6B8FF solid;
    margin:0px 10px;
    border-radius: 20px;
    padding:30px;
}

#pageMain .systemWrapper .countBox .item span{
    display: block;
    font-size: 20px;
    margin-bottom: 8px;
}

#pageMain .systemWrapper .countBox .item h3{
    font-size: 40px;
    font-weight: 700;
    color: #5731EB;
}

@media screen and (max-width:980px){
    #pageMain .historyWrapper{
        padding:60px 0px 70px;
    }

    #pageMain .historyWrapper h2{
        font-size: 24px;
        margin-bottom: 16px;
    }

    #pageMain .historyWrapper .flexWrap{
        flex-wrap: wrap;
    }

    #pageMain .historyWrapper .flexWrap.active{
        margin-bottom: 60px;
    }

    #pageMain .historyWrapper .flexWrap .inner:first-child{
        padding-right: 0px;
        width: 100%;
        margin-bottom: 40px;
    }

    #pageMain .historyWrapper .flexWrap .inner:last-child{
        padding-left: 0px;
        width: 100%;
    }

    #pageMain .historyWrapper .leftBox .listHeader li{
        padding:14px 0px;
        font-size: 16px;
    }

    #pageMain .historyWrapper .leftBox .hiddenBox{
        height: 220px;
    }

    #pageMain .historyWrapper .leftBox .hiddenBox.active::after{
        font-size:16px;
    }

    #pageMain .historyWrapper .leftBox .listBody li{
        padding:14px 0px;
        font-size: 16px;
    }

    #pageMain .historyWrapper .leftBox .listBody li div span{
        width: 66px;
        height: 26px;
        line-height: 26px;
    }

    #pageMain .historyWrapper .rightBox{
        height: auto;
        padding:70px 0px 70px 38px;
    }

    #pageMain .historyWrapper .rightBox br{
        display:none;
    }

    #pageMain .historyWrapper .rightBox br.active{
        display:block;
    }

    #pageMain .historyWrapper .rightBox .iconBox{
        display:block;
        position: absolute;
        bottom: -96px;
    }

    #pageMain .historyWrapper .rightBox .iconBox a{
        display:inline-block;
        width: 80px;
        height: 80px;
        border-radius: 50%;
        margin-right: 10px;
        background: #E8E3FF;
        box-shadow:0px 0px 10px rgba(0, 0, 0, 0.1);
    }

    #pageMain .historyWrapper .rightBox .iconBox a img{
        position: absolute;
        left: 50%;
        top:50%;
        width:50px;
        transform: translate(-50%,-50%);            
        text-align: center;
    }

    #pageMain .historyWrapper .rightBox .iconBox a:first-child{
        background: #50B848;
        color: #fff;
    }
    
    #pageMain .historyWrapper .rightBox .iconBox a:last-child{
        background: #5631EB;
        color: #fff;
    }

    #pageMain .historyWrapper .rightBox .iconBox a:first-child img{
        top: 53%;
        left: 51%;
    }

    #pageMain .historyWrapper .rightBox .iconBox a:nth-child(2) img{
        top: 54%;
        left: 48%;
        width: 55px;
    }    

    #pageMain .historyWrapper .rightBox p{
        font-size: 30px;
        margin-bottom: 20px;
    }

    #pageMain .historyWrapper .rightBox span{
        font-size: 18px;
    }

    #pageMain .historyWrapper .rightBox img{
        top: auto;
        right: auto;
        position: relative;
        display: block;
        margin-left: auto;
    }

    #pageMain .historyWrapper .flexWrap .item{
        background: #E8E3FF;
        width: 50%;
        height: 240px;
        text-align: center;
        padding-top: 56px;
    }

    #pageMain .historyWrapper .flexWrap .item:nth-child(2),
    #pageMain .historyWrapper .flexWrap .item:nth-child(3){
        background: #F9F9F9;
    }

    #pageMain .historyWrapper .flexWrap .item:nth-child(4){
        background: #E8E3FF;
    }

    #pageMain .historyWrapper .flexWrap .item img{
        display: inline-block;
        margin-bottom: 15px;
        width: 100px;
    }

    #pageMain .historyWrapper .flexWrap .item span{
        display: block;
        margin-bottom: 9px;
        font-size: 18px;
    }

    #pageMain .historyWrapper .flexWrap .item h3{
        font-size: 30px;
    }

    #pageMain .historyWrapper .flexWrap .item p{
        font-size: 18px;
    }

    #pageMain .typeWrapper{
        padding:60px 0px 70px;
    }

    #pageMain .typeWrapper h2{
        font-size: 30px;
        margin-bottom: 40px;
    }

    #pageMain .typeWrapper .leftBox{ 
        padding-right: 8px;
    }

    #pageMain .typeWrapper .rightBox{ 
        padding-left: 8px;
    }

    #pageMain .typeWrapper .inner{
        height: 640px;
        padding:40px;
    }

    #pageMain .typeWrapper .inner .textBox{
        margin-bottom: 18px;
    }

    #pageMain .typeWrapper .inner .textBox p{
        font-size: 24px;
        margin-bottom: 20px;
    }
    
    #pageMain .typeWrapper .inner .labelBox{
        font-size: 16px;
        padding: 14px 0px;
    }

    #pageMain .typeWrapper .inner .labelBox img{
        width: 44px;
        margin-right: 12px;
    }

    #pageMain .typeWrapper .inner .textBox span{
        padding:6px 14px 8px;
        font-size: 16px;
        margin-bottom: 12px;
    }

    #pageMain .typeWrapper .inner .textBox span img{
        vertical-align: bottom;
        width: 20px;
        margin-right: 4px;
    }

    #pageMain .typeWrapper .inner .contentImg{
        max-width: 200px;
        width: 100%;
    }

    #pageMain .systemWrapper{
        padding:60px 0px 70px;
    }

    #pageMain .systemWrapper h2{
        font-size: 30px;
        margin-bottom: 40px;
    }

    #pageMain .systemWrapper h2 em{
        bottom: 0px;
        height: 24px;
    }

    #pageMain .systemWrapper .imgBox{
        margin-bottom: 40px;
    }

    #pageMain .systemWrapper .imgBox .textBox{
        left: 20px;
        bottom: 20px;
    }

    #pageMain .systemWrapper .imgBox .textBox p{
        font-size: 18px;
    }

    #pageMain .systemWrapper .imgBox .textBox h3{
        font-size: 24px;
    }

    #pageMain .systemWrapper .countBox .item{
        max-width: 220px;
        width: 100%;
        padding:20px;
    }

    #pageMain .systemWrapper .countBox .item span{
        font-size: 16px;
        margin-bottom: 8px;
    }

    #pageMain .systemWrapper .countBox .item h3{
        font-size: 30px;
    }
}

@media screen and (max-width:720px){
    #pageMain .systemWrapper .logoTitle img{
        width:66px;
    }

    #pageMain .bannerWrapper{
        padding:40px 0px;
    }

    #pageMain .bannerWrapper .flexWrap .textBox{
        font-size: 24px;
        margin-bottom: 16px;
    }

    #pageMain .bannerWrapper .flexWrap .iconBox{                
        margin:0px auto;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        width: 232px;
    }

    #pageMain .bannerWrapper .flexWrap .iconBox .inner{
        padding: 0px;
        width: 116px;
        height: 100px;
        margin:0px;
        padding:0px 8px;                
    }

    #pageMain .bannerWrapper .flexWrap .iconBox .inner:nth-child(1),
    #pageMain .bannerWrapper .flexWrap .iconBox .inner:nth-child(2){
        margin-bottom:16px;
    }

    #pageMain .historyWrapper{
        padding:40px 0px 50px;
    }

    #pageMain .historyWrapper h2{
        font-size: 20px;
        margin-bottom: 14px;
    }

    #pageMain .historyWrapper .flexWrap.active{
        margin-bottom: 50px;
    }

    #pageMain .historyWrapper .leftBox .listHeader li{
        padding:14px 0px;
        font-size: 14px;
    }

    #pageMain .historyWrapper .leftBox .hiddenBox{
        height: 272px;
    }

    #pageMain .historyWrapper .leftBox .hiddenBox.active::after{
        font-size: 14px;
    }

    #pageMain .historyWrapper .leftBox .listBody li{
        padding:14px 0px;
        font-size: 14px;
        height: 68px;
    }

    #pageMain .historyWrapper .leftBox .listBody li div:nth-child(1) em{
        width: 100%;
        display: block;
    }

    #pageMain .historyWrapper .leftBox .listBody li div:nth-child(3) em{
        width: 45px;
        display: block;
        text-align: center;
        margin:auto;
    }

    #pageMain .historyWrapper .leftBox .listBody li div span{
        width: 54px;
        height: 22px;
        line-height: 22px;
        font-size: 12px;
    }

    #pageMain .historyWrapper .rightBox{
        padding: 24px 0px 24px 24px;
    }

    #pageMain .historyWrapper .rightBox .iconBox{
        bottom: -56px;
    }

    #pageMain .historyWrapper .rightBox .iconBox a{
        width: 44px;
        height: 44px;
        margin-right: 6px;
    }

    #pageMain .historyWrapper .rightBox .iconBox a:first-child img{
        top:54%;
        left:52%;
        width: 34px;
    }

    #pageMain .historyWrapper .rightBox .iconBox a:nth-child(2) img{
        width: 35px;
        top:52%;
    }    

    #pageMain .historyWrapper .rightBox .iconBox a:last-child img{
        left: 49%;
        top:52%;
        width: 34px;
    }

    #pageMain .historyWrapper .rightBox p{
        font-size: 24px;
        margin-bottom: 14px;
    }

    #pageMain .historyWrapper .rightBox span{
        font-size: 14px;
        line-height: 1.5;
    }

    #pageMain .historyWrapper .rightBox img{
        width: 140px;
    }

    #pageMain .historyWrapper .flexWrap .item{
        height: 180px;
        padding-top: 36px;
    }

    #pageMain .historyWrapper .flexWrap .item img{
        margin-bottom: 10px;
        width: 70px;
    }

    #pageMain .historyWrapper .flexWrap .item span{
        display: block;
        margin-bottom: 9px;
        font-size: 14px;
    }

    #pageMain .historyWrapper .flexWrap .item h3{
        font-size: 24px;
    }

    #pageMain .historyWrapper .flexWrap .item p{
        font-size: 14px;
    }

    #pageMain .typeWrapper{
        padding:40px 0px 50px;
    }

    #pageMain .typeWrapper h2{
        line-height: 1.4;
        font-size: 24px;
        margin-bottom: 30px;
    }

    #pageMain .typeWrapper h2 br{
        display: block;
    }

    #pageMain .typeWrapper .leftBox{ 
        padding-right: 0px;
        width: 100%;
        margin-bottom: 20px;
    }

    #pageMain .typeWrapper .rightBox{ 
        padding-left: 0px;
        width: 100%;
    }

    #pageMain .typeWrapper .inner{
        height: 520px;
        padding:30px;
    }

    #pageMain .typeWrapper .inner .textBox{
        margin-bottom: 14px;
    }

    #pageMain .typeWrapper .inner .textBox p{
        font-size: 18px;
        margin-bottom: 14px;
    }
    
    #pageMain .typeWrapper .inner .labelBox{
        font-size: 14px;
        padding: 10px 0px;
    }

    #pageMain .typeWrapper .inner .labelBox img{
        width: 34px;
        margin-right: 10px;
    }

    #pageMain .typeWrapper .inner .textBox span{
        padding:6px 10px;
        font-size: 14px;
        margin-bottom: 10px;
    }

    #pageMain .typeWrapper .inner .textBox span img{
        width: 16px;
    }

    #pageMain .typeWrapper .leftBox .inner{
        height: 500px;
    }

    #pageMain .typeWrapper .rightBox .inner .contentImg{
        max-width: 178px;
    }

    #pageMain .typeWrapper .inner .contentImg{
        max-width: 150px;
        width: 100%;
    }

    #pageMain .systemWrapper{
        padding:40px 0px 50px;
    }

    #pageMain .systemWrapper h2{
        font-size: 22px;
        margin-bottom: 30px;
        line-height:1.5;
    }

    #pageMain .systemWrapper h2 em{
        height: 18px;
    }

    #pageMain .systemWrapper .imgBox{
        margin-bottom: 0px;
    }

    #pageMain .systemWrapper .imgBox .pcImg{
        display: none;
    }

    #pageMain .systemWrapper .imgBox .mobileImg{
        display: block;
        border-radius: 14px;
    }

    #pageMain .systemWrapper .imgBox .fl{
        width: 100%;
        margin-bottom: 16px;
    }

    #pageMain .systemWrapper .imgBox .textBox{
        left: 20px;
        bottom: 20px;
    }

    #pageMain .systemWrapper .imgBox .textBox p{
        font-size: 18px;
    }

    #pageMain .systemWrapper .imgBox .textBox h3{
        font-size: 18px;
    }

    #pageMain .systemWrapper .countBox .item{
        max-width: none;
        width: 50%;
        padding:16px;
        margin:0px;
        border-radius: 14px;
    }

    #pageMain .systemWrapper .countBox .item:nth-child(1){
        margin-right: 8px;
    }

    #pageMain .systemWrapper .countBox .item:nth-child(2){
        margin-left: 8px;
    }

    #pageMain .systemWrapper .countBox .item span{
        font-size: 14px;
        margin-bottom: 2px;
    }

    #pageMain .systemWrapper .countBox .item h3{
        font-size: 24px;
    }

}
/* pageMain css end */


/* pageCompany css start */
#pageCompany .firsrWrapper{
    padding:100px 0px 190px; 
    text-align:center;
    word-break:keep-all;
}

#pageCompany .firsrWrapper h2{
    font-size:48px;
    font-weight:700;
    margin-bottom:60px;
}

#pageCompany .firsrWrapper h3{
    font-size:48px;
    margin-bottom:60px;
    font-weight:400;
    line-height:1.4;        
}

#pageCompany .firsrWrapper h3 span{
    font-weight:700;
}

#pageCompany .firsrWrapper h3 span em{
    position: absolute;
    bottom: 6px;
    left: 0px;
    width: 100%;
    height: 31px;
    background: #CAFF5B;
    z-index: -1;        
}

#pageCompany .firsrWrapper .imgBox{
    max-width:1050px;
    margin:auto;
    padding-left:520px;
}

#pageCompany .firsrWrapper .imgBox .subImg{
    position:absolute;
    left:0px;
    top:0px;
}

#pageCompany .firsrWrapper .imgBox a{
    position:absolute;
    left:147px;
    top:285px;
}

#pageCompany .firsrWrapper .imgBox .lastImg{
    position:absolute;
    right:-18px;
    bottom:47px;
}

#pageCompany .firsrWrapper .imgBox div{
    padding-top:34px;
    text-align:left;
}

#pageCompany .firsrWrapper .imgBox div span{
    display:block;
    margin-bottom:40px;
    font-size:20px;
    line-height:1.5;
    color:#5A5A5A;
}

#pageCompany .firsrWrapper .imgBox div h4 em{
    font-size:20px;
    font-weight:400;
    position:absolute;
    left:0px;
    top:50%;
    transform:translateY(-50%);
}

#pageCompany .firsrWrapper .imgBox div h4{
    padding-left:50px;
    font-weight:600;
    font-size:26px;
}

#pageCompany .secondWrapper{
    background:#F6F4FF;
    padding:100px 0px 120px;
    text-align:center;
}

#pageCompany .secondWrapper h2{
    font-size:48px;
    margin-bottom:60px;
    font-weight:400;
}

#pageCompany .secondWrapper .item .inner{
    border-radius:20px;
    overflow:hidden;
}

#pageCompany .secondWrapper .item .badgeImg{
    position:absolute;
    left:-10px;
    top:-10px;
    z-index:1;
    width:60px;
}

#pageCompany .secondWrapper .item:nth-child(odd) .inner p{
    padding:20px 0px; 
    color:#fff;
    background:#5631EB;
    font-size:24px;
    font-weight:600;
}

#pageCompany .secondWrapper .item:nth-child(even) .inner p{
    padding:20px 0px; 
    color:#5631EB;
    background:#C6B8FF;
    font-size:24px;
    font-weight:600;
}

#pageCompany .secondWrapper .item .inner img{
    display:block;
}

@media screen and (max-width:980px){
    #pageCompany .firsrWrapper{
        padding:60px 0px 160px; 
    }

    #pageCompany .firsrWrapper h2{
        font-size:30px;
        margin-bottom:40px;
    }

    #pageCompany .firsrWrapper h3{
        font-size:30px;
        margin-bottom:40px;
    }

    #pageCompany .firsrWrapper h3 span em{
        bottom: 0px;
        height: 24px;
    }

    #pageCompany .firsrWrapper .imgBox{
        max-width:100%;
        padding-left:416px;
    }

    #pageCompany .firsrWrapper .imgBox a{
        width:100px;
        left:116px;
        top:244px;
    }

    #pageCompany .firsrWrapper .imgBox .firstImg{
        width:380px;
    }

    #pageCompany .firsrWrapper .imgBox .lastImg{
        width:70px;
        bottom:30px;
    }

    #pageCompany .firsrWrapper .imgBox div{
        padding-top:30px;
        text-align:left;
    }

    #pageCompany .firsrWrapper .imgBox div span{
        display:block;
        margin-bottom:30px;
        font-size:16px;
        line-height:1.5;
    }

    #pageCompany .firsrWrapper .imgBox div h4 em{
        font-size:16px;
    }

    #pageCompany .firsrWrapper .imgBox div h4{
        padding-left:40px;
        font-size:20px;
    }

    #pageCompany .secondWrapper{
        padding:60px 0px 70px;
    }

    #pageCompany .secondWrapper h2{
        font-size:30px;
        margin-bottom:50px;
    }

    #pageCompany .secondWrapper .itemBox{
        max-width:700px;
        margin:auto;
    }

    #pageCompany .secondWrapper .item{ 
        width:50%;
    }

    #pageCompany .secondWrapper .item:nth-child(1),
    #pageCompany .secondWrapper .item:nth-child(2){
        margin-bottom:32px;
    }

    #pageCompany .secondWrapper .item .inner img{
        width:100%;
    }

    #pageCompany .secondWrapper .item .badgeImg{
        position:absolute;
        left:-10px;
        top:-10px;
        z-index:1;
        width:60px;
    }

    #pageCompany .secondWrapper .item:nth-child(odd) .inner p,
    #pageCompany .secondWrapper .item:nth-child(even) .inner p{
        padding:16px 0px; 
        font-size:18px;
    }
}

@media screen and (max-width:720px){
    #pageCompany .firsrWrapper{
        padding:40px 0px 50px; 
    }

    #pageCompany .firsrWrapper h2{
        font-size:24px;
        margin-bottom:30px;
    }

    #pageCompany .firsrWrapper h3{
        font-size:24px;
        margin-bottom:30px;
    }

    #pageCompany .firsrWrapper h3 span em{
        height: 18px;
    }

    #pageCompany .firsrWrapper .imgBox{
        max-width:100%;
        padding-left:0px;        
    }

    #pageCompany .firsrWrapper .imgBox a{
        width:94px;
        left:34%;
        top:53%;
    }

    #pageCompany .firsrWrapper .imgBox .subImg{
        position: relative;
        left:auto;
        top:auto;
        width:100%;
        max-width:400px;
        display:block;
        margin:0px auto 24px;
    }

    #pageCompany .firsrWrapper .imgBox .firstImg{
        width:100%;
    }

    #pageCompany .firsrWrapper .imgBox .lastImg{
        width:64px;
        bottom:24px;
    }

    #pageCompany .firsrWrapper .imgBox div{
        padding-top:0px;
    }

    #pageCompany .firsrWrapper .imgBox div span{
        margin-bottom:24px;
        font-size:14px;
    }

    #pageCompany .firsrWrapper .imgBox div span br{
        display:none;
    }

    #pageCompany .firsrWrapper .imgBox div h4 em{
        font-size:14px;
        top:53%;
    }

    #pageCompany .firsrWrapper .imgBox div h4{
        padding-left:40px;
        font-size:18px;
    }

    #pageCompany .secondWrapper{
        padding:40px 0px 50px;
    }

    #pageCompany .secondWrapper h2{
        font-size:24px;
        margin-bottom:30px;
    }

    #pageCompany .secondWrapper .itemBox{
        padding:0px 8px;
    }

    #pageCompany .secondWrapper .item:nth-child(1),
    #pageCompany .secondWrapper .item:nth-child(2){
        margin-bottom:16px;
    }

    #pageCompany .secondWrapper .item .imx{
        margin:0px 8px;
    }

    #pageCompany .secondWrapper .item .inner{
        border-radius:14px;
    }

    #pageCompany .secondWrapper .item .badgeImg{
        position:absolute;
        left:-10px;
        top:-10px;
        z-index:1;
        width:40px;
    }

    #pageCompany .secondWrapper .item:nth-child(odd) .inner p,
    #pageCompany .secondWrapper .item:nth-child(even) .inner p{
        padding:10px 0px; 
        font-size:14px;
    }
}
/* pageCompany css end */


/* pageVehicleFare css start */
#pageVehicleFare .contentWrapper{
    padding:100px 0px 120px;
}

#pageVehicleFare .contentWrapper h2{
    font-size:48px;
    font-weight:700;
    margin-bottom:80px;
    text-align:center;
}

#pageVehicleFare .contentWrapper .menuBox a{
    transition:all 0.2s;
    padding:25px 10px;
    font-size:34px;
    font-weight:700;
    background:#F6F4FF;
    color:#5631EB;
    text-align:center;
    margin-bottom:60px;
}

#pageVehicleFare .contentWrapper .menuBox a.active{
    background:#5631EB;
    color:#fff;
}

#pageVehicleFare .contentWrapper .content:last-child{
    display:none;
}

#pageVehicleFare .contentWrapper .content .typeBox{
    padding-bottom:80px;
    margin-bottom:100px;
    border-bottom:1px #EEEEEE solid;
}

#pageVehicleFare .contentWrapper .content .typeBox .imgBox{
    text-align:center;
    border-radius:25px;
    overflow:hidden;
}

#pageVehicleFare .contentWrapper .content .typeBox p{
    padding-left:60px;
}

#pageVehicleFare .contentWrapper .content .typeBox p span{
    font-size:24px;
    font-weight:600;
    margin-bottom:10px;
    display:block;
    color:#5631EB;
}

#pageVehicleFare .contentWrapper .content .typeBox p em{
    display:block;
    margin-bottom:40px;
    font-size:20px;
    line-height:1.5;
    color:#5A5A5A;
}

#pageVehicleFare .contentWrapper .content .typeBox p:last-child em{
    margin-bottom:0px;
}

#pageVehicleFare .contentWrapper .content .equipmentBox{
    display:flex;
    justify-content:flex-start;
    align-items:flex-start;
    flex-wrap:wrap;
    margin:0px -12px;
    padding-bottom:36px;
    margin-bottom:60px;
    border-bottom:1px #eee solid;
}

#pageVehicleFare .contentWrapper .content .equipmentBox h3{
    font-size:34px;
    font-weight:600;
    margin-bottom:40px;
    text-align:center;
    width:100%;
}

#pageVehicleFare .contentWrapper .content .equipmentBox .item{
    width:20%;
    padding:0px 12px;
}

#pageVehicleFare .contentWrapper .content .equipmentBox .item span{
    display:block;
    width:100%;
    padding:16px 0px;
    background:#E8E3FF;
    font-size:24px;
    margin-bottom:24px;
    font-weight:600;
    text-align:center;
    border-radius:16px;
}

#pageVehicleFare .contentWrapper .content .equipmentBox.active .item span{
    background:#E5FFAD;
}

#pageVehicleFare .contentWrapper .content .feeBox{
    text-align:center;
}

#pageVehicleFare .contentWrapper .content .feeBox h3{
    font-size:34px;
    font-weight:600;
    margin-bottom:60px;
    text-align:center;
}

#pageVehicleFare .contentWrapper .content .feeBox p{
    display:inline-block;
    font-size:24px;
    font-weight:600;
    padding:16px 40px;
    border-radius:16px;
    margin-bottom:40px;
    background:#CAFF5B;
}

#pageVehicleFare .contentWrapper .content .feeBox table{
    width:100%;
    border-collapse: collapse;
    margin-bottom:24px;
}

#pageVehicleFare .contentWrapper .content .feeBox table::before{
    content: '';
    background:url('../img/logo-big.png') no-repeat 90% 50%/30px auto;
    background-size:500px;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    display: block;
    left: 0px;
    top: 0px;
    height: 100%;
    width: 100%;
    z-index: 10;
    opacity: 8%;
}

#pageVehicleFare .contentWrapper .content .feeBox table.active2::before{
    background-size: 350px;
    background-position: center 80%;
}

#pageVehicleFare .contentWrapper .content .feeBox table.active{
    margin-bottom:82px;
}

#pageVehicleFare .contentWrapper .content .feeBox table.active2 td{
    padding:15px 5px;
}

#pageVehicleFare .contentWrapper .content .feeBox table th{
    font-weight:600;
    font-size:20px;
    color:#fff;
    padding:17px 5px;
    border-bottom:1px #DCD9E9 solid;
    border-right:1px #DCD9E9 solid;
}

#pageVehicleFare .contentWrapper .content .feeBox table th.weight{
    font-weight:400;
}

#pageVehicleFare .contentWrapper .content .feeBox table th.active{
    padding:24px 5px;
}

#pageVehicleFare .contentWrapper .content .feeBox table td{
    font-size:20px;
    padding:12px 5px;
    border-bottom:1px #DCD9E9 solid;
    border-right:1px #DCD9E9 solid;
}

#pageVehicleFare .contentWrapper .content .feeBox table td.active{
    border-right:1px #DCD9E9 solid !important;
}

#pageVehicleFare .contentWrapper .content .feeBox table td:last-child,
#pageVehicleFare .contentWrapper .content .feeBox table th:last-child{
    border-right:0px;
}

#pageVehicleFare .contentWrapper .content .feeBox table tr.active{
    background:#5631EB;
}

#pageVehicleFare .contentWrapper .content .feeBox table tr.active2{
    background:#8465FF;
}

#pageVehicleFare .contentWrapper .content .feeBox table tr.active3{
    background:#F6F4FF;
}

#pageVehicleFare .contentWrapper .content .feeBox table tr.active3 .colorActive{
    background:#8465FF;
    color:#fff;
}

#pageVehicleFare .contentWrapper .content .feeBox table tr.active4{
    background:#FCFFE8;
}

#pageVehicleFare .contentWrapper .content .feeBox table tr.active5{
    background:#F7FFC9;
}

#pageVehicleFare .contentWrapper .content .feeBox table tr.active6{
    background:#FFECE8;
}

#pageVehicleFare .contentWrapper .content .feeBox table tr.active6 .colorActive{
    background:#FFE3DD;
}

#pageVehicleFare .contentWrapper .content .feeBox table tr.active6 .colorActive2{
    background:#F6F4FF;
}

#pageVehicleFare .contentWrapper .content .feeBox .noticeBox li{
    text-align:left;
    margin-bottom:10px;
    padding-left:33px;
    font-size:20px;
}

#pageVehicleFare .contentWrapper .content .feeBox .noticeBox li:last-child{
    margin-bottom:0px;
}

#pageVehicleFare .contentWrapper .content .feeBox .noticeBox li img{
    position:absolute;
    left:0px;
    top:0px;
}

@media screen and (max-width:980px){
    #pageVehicleFare .contentWrapper{
        padding:60px 0px 70px;
    }
    
    #pageVehicleFare .contentWrapper h2{
        font-size:30px;
        margin-bottom:50px;
    }

    #pageVehicleFare .contentWrapper .menuBox a{
        padding:20px 10px;
        font-size:24px;
        margin-bottom:40px;
    }

    #pageVehicleFare .contentWrapper .content .typeBox{
        padding-bottom:40px;
        margin-bottom:60px;
    }

    #pageVehicleFare .contentWrapper .content .typeBox .w50{
        width:100%;
    }

    #pageVehicleFare .contentWrapper .content .typeBox .imgBox{
        margin-bottom:30px;
    }

    #pageVehicleFare .contentWrapper .content .typeBox p{
        padding-left:0px;
    }

    #pageVehicleFare .contentWrapper .content .typeBox p span{
        font-size:18px;
        margin-bottom:10px;
    }

    #pageVehicleFare .contentWrapper .content .typeBox p em{
        margin-bottom:30px;
        font-size:16px;
    }

    #pageVehicleFare .contentWrapper .content .equipmentBox{
        flex-wrap:wrap;
        margin:0px -6px;
        padding-bottom:28px;
        margin-bottom:60px;
        border-bottom:1px #eee solid;
    }

    #pageVehicleFare .contentWrapper .content .equipmentBox h3{
        font-size:24px;
        margin-bottom:30px;
    }

    #pageVehicleFare .contentWrapper .content .equipmentBox .item{
        width:20%;
        padding:0px 6px;
    }

    #pageVehicleFare .contentWrapper .content .equipmentBox .item span{
        padding:14px 0px;
        font-size:18px;
        margin-bottom:12px;
    }

    #pageVehicleFare .contentWrapper .content .equipmentBox.active .item span{
        background:#E5FFAD;
    }

    #pageVehicleFare .contentWrapper .content .feeBox{
        text-align:center;
    }

    #pageVehicleFare .contentWrapper .content .feeBox h3{
        font-size:24px;
        margin-bottom:40px;
    }

    #pageVehicleFare .contentWrapper .content .feeBox p{
        font-size:18px;
        padding:14px 30px;
        border-radius:16px;
        margin-bottom:30px;
    }

    #pageVehicleFare .contentWrapper .content .feeBox table{
        margin-bottom:20px;
    }

    #pageVehicleFare .contentWrapper .content .feeBox table.active{
        margin-bottom:60px;
    }

    #pageVehicleFare .contentWrapper .content .feeBox table.active2 td{
        padding:12px 5px;
    }

    #pageVehicleFare .contentWrapper .content .feeBox table th{
        font-size:16px;
        color:#fff;
        padding:14px 5px;
    }

    #pageVehicleFare .contentWrapper .content .feeBox table th.active{
        padding:20px 5px;
    }

    #pageVehicleFare .contentWrapper .content .feeBox table td{
        font-size:16px;
    }

    #pageVehicleFare .contentWrapper .content .feeBox .noticeBox li{
        padding-left:30px;
        font-size:16px;
    }

    #pageVehicleFare .contentWrapper .content .feeBox .noticeBox li img{
        top:-3px;
    }
}

@media screen and (max-width:720px){
    #pageVehicleFare .contentWrapper{
        padding:40px 0px 50px;
    }
    
    #pageVehicleFare .contentWrapper h2{
        font-size:24px;
        margin-bottom:30px;
    }

    #pageVehicleFare .contentWrapper .menuBox a{
        padding:14px 5px;
        font-size:18px;
        margin-bottom:20px;
    }

    #pageVehicleFare .contentWrapper .content .typeBox{
        padding-bottom:30px;
        margin-bottom:40px;
    }

    #pageVehicleFare .contentWrapper .content .typeBox .w50{
        width:100%;
    }

    #pageVehicleFare .contentWrapper .content .typeBox .imgBox{
        margin-bottom:20px;
        border-radius:20px;
    }

    #pageVehicleFare .contentWrapper .content .typeBox p span{
        font-size:16px;
        margin-bottom:6px;
    }

    #pageVehicleFare .contentWrapper .content .typeBox p em{
        margin-bottom:20px;
        font-size:14px;
    }

    #pageVehicleFare .contentWrapper .content .equipmentBox{
        flex-wrap:wrap;
        padding-bottom:18px;
        margin-bottom:40px;
        border-bottom:1px #eee solid;
    }

    #pageVehicleFare .contentWrapper .content .equipmentBox h3{
        font-size:18px;
        margin-bottom:20px;
    }

    #pageVehicleFare .contentWrapper .content .equipmentBox .item{
        width:50%;
    }

    #pageVehicleFare .contentWrapper .content .equipmentBox .item span{
        padding:10px 0px;
        font-size:14px;
        border-radius:10px;
    }

    #pageVehicleFare .contentWrapper .content .feeBox h3{
        font-size:18px;
        margin-bottom:30px;
    }

    #pageVehicleFare .contentWrapper .content .feeBox p{
        font-size:16px;
        padding:10px 20px;
        margin-bottom:20px;
        border-radius:10px;
    }

    #pageVehicleFare .contentWrapper .content .feeBox table{
        margin-bottom:14px;
    }

    #pageVehicleFare .contentWrapper .content .feeBox table::before{
        background-size: 300px;
    }

    #pageVehicleFare .contentWrapper .content .feeBox table.active2::before{
        background-size: 250px;
        background-position: center 70%;
    }

    #pageVehicleFare .contentWrapper .content .feeBox table.active{
        margin-bottom:40px;
    }

    #pageVehicleFare .contentWrapper .content .feeBox table.active2 td{
        padding:10px 5px;
    }

    #pageVehicleFare .contentWrapper .content .feeBox table th{
        font-size:14px;
        padding:12px 5px;
        line-height:1.3;
    }

    #pageVehicleFare .contentWrapper .content .feeBox table th.active{
        padding:14px 5px;
    }

    #pageVehicleFare .contentWrapper .content .feeBox table td{
        font-size:14px;
        line-height:1.3;
    }

    #pageVehicleFare .contentWrapper .content .feeBox .noticeBox li{
        padding-left:30px;
        font-size:14px;
        line-height:1.4;
    }

    #pageVehicleFare .contentWrapper .content .feeBox .noticeBox li img{
        top:0px;
        width:20px;
    }
}
/* pageVehicleFare css end */


/* pageOnlineQuote css start */
#pageOnlineQuote .contentWrapper{
    padding:72px 0px 120px;
}

#pageOnlineQuote .contentWrapper .bannerWrap{
    background:#F6F4FF;
    border-radius:20px;
    padding:73px 50px 73px 65px;
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin-bottom:73px;
}

#pageOnlineQuote .contentWrapper .bannerWrap .textBox h2{
    font-size:34px;
    line-height:1.4;
    font-weight:400;
    margin-bottom:24px;
}

#pageOnlineQuote .contentWrapper .bannerWrap .logoTitle img{
    width:82px;
}

#pageOnlineQuote .contentWrapper .bannerWrap .textBox h2 p{
    display:inline-block;
    z-index:2;
}    

#pageOnlineQuote .contentWrapper .bannerWrap .textBox h2 strong{
    color:#5631EB;
    font-weight:600;
}

#pageOnlineQuote .contentWrapper .bannerWrap .textBox span{
    display:block;
    font-size:20px;
    color:#5A5A5A;
    line-height:1.5;
}

#pageOnlineQuote .contentWrapper .titleBox{
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin-bottom:32px;
}

#pageOnlineQuote .contentWrapper .titleBox p{
    font-size:34px;
    font-weight:600;
}

#pageOnlineQuote .contentWrapper .titleBox a{
    transition:all 0.3s;
    display:inline-block;
    width:211px;
    height:60px;
    line-height:60px;
    color:#fff;
    font-weight:700;
    font-size:24px;
    border-radius:10px;
    background:#5631EB;
    text-align:center;
}

#pageOnlineQuote .contentWrapper .titleBox a:hover{
    background:#4724D1;
}

#pageOnlineQuote .contentWrapper .tableBox{
    margin-bottom:60px;
}    

#pageOnlineQuote .contentWrapper .tableBox .tableHead div{
    background:#F6F4FF;
    padding:24px 10px;
    border-top:1px #C6B8FF solid;
    border-right:1px #C6B8FF solid;
    border-bottom:2px #C6B8FF solid;
    font-size:20px;
    font-weight:600;
    float:left;
    text-align:center;
}

#pageOnlineQuote .contentWrapper .tableBox .tableBody .slideBtn{
    cursor:pointer;
}

#pageOnlineQuote .contentWrapper .tableBox .tableHead div:nth-child(1),
#pageOnlineQuote .contentWrapper .tableBox .tableBody .slideBtn div:nth-child(1){
    width:15%;
}

#pageOnlineQuote .contentWrapper .tableBox .tableHead div:nth-child(2),
#pageOnlineQuote .contentWrapper .tableBox .tableBody .slideBtn div:nth-child(2){
    width:35%;
}

#pageOnlineQuote .contentWrapper .tableBox .tableHead div:nth-child(3),
#pageOnlineQuote .contentWrapper .tableBox .tableBody .slideBtn div:nth-child(3){
    width:15%;
}

#pageOnlineQuote .contentWrapper .tableBox .tableHead div:nth-child(4),
#pageOnlineQuote .contentWrapper .tableBox .tableBody .slideBtn div:nth-child(4){
    width:20%;
}

#pageOnlineQuote .contentWrapper .tableBox .tableHead div:nth-child(5),
#pageOnlineQuote .contentWrapper .tableBox .tableBody .slideBtn div:nth-child(5){
    width:15%;
}

#pageOnlineQuote .contentWrapper .tableBox .tableHead div:last-child,
#pageOnlineQuote .contentWrapper .tableBox .tableBody .slideBtn div:nth-child(5){
    border-right:0px;
}    

#pageOnlineQuote .contentWrapper .tableBox .tableBody .slideBtn div{
    text-align:center;
    font-size:20px;
    padding:0px 10px;
    border-bottom:1px #DCD9E9 solid;
    border-right:1px #DCD9E9 solid;
    float:left;
    height:60px;
    line-height:60px;
}

#pageOnlineQuote .contentWrapper .tableBox .tableBody .slideBtn div:nth-child(2){
    text-align:left;
    padding:0px 10px 0px 30px;
}

#pageOnlineQuote .contentWrapper .tableBox .tableBody .slideBtn div a img{
    position:absolute;
    right:-23px;
    top:50%;
    transform:translateY(-50%);
}

#pageOnlineQuote .contentWrapper .tableBox .tableBody .slideBtn div span{
    display:inline-block;
    color:#fff;
    font-weight:600;
    background:#5631EB;
    border-radius:20px;
    border:1px #5631EB solid;
    font-size:16px;
    width:90px;
    height:34px;
    line-height:34px;
}

#pageOnlineQuote .contentWrapper .tableBox .tableBody .slideBtn div span.active{
    border:1px #C6B8FF solid;
    background:#F6F4FF;
    color:#5631EB;
}

#pageOnlineQuote .contentWrapper .tableBox .tableBody .answerBox{
    width:100%;
    border:none;
    border-top:1px #DCD9E9 solid;
    background:#F6F4FF;
    text-align:left;
    padding:40px 0px 60px 164px;
    display:none;
}

#pageOnlineQuote .contentWrapper .tableBox .tableBody .answerBox .lockBox{        
    padding-left:30px;
}

#pageOnlineQuote .contentWrapper .tableBox .tableBody .answerBox .lockBox h4{
    margin-bottom:16px;
    font-weight:600;
    font-size:20px;
}

#pageOnlineQuote .contentWrapper .tableBox .tableBody .answerBox .lockBox p{
    font-size:20px;
    color:#5A5A5A;
    margin-bottom:26px;
    line-height:1.5;
}

#pageOnlineQuote .contentWrapper .tableBox .tableBody .answerBox .lockBox input{
    max-width:230px;
    width:100%;
    height:46px;
    padding:0px 16px;
    border:1px #D9D9D9 solid;
    border-radius:8px;
    outline:none;
    background:#fff;
    font-size:18px;
    letter-spacing:8px;
    margin-right:10px;
}

#pageOnlineQuote .contentWrapper .tableBox .tableBody .answerBox .lockBox a{
    font-size:18px;
    color:#fff;
    font-weight:700;
    width:71px;
    height:46px;
    line-height:46px;
    text-align:center;
    display:inline-block;
    background:#5631EB;
    border-radius:8px;
}

#pageOnlineQuote .contentWrapper .tableBox .tableBody .answerBox .resultBox{
    display:none;
}

#pageOnlineQuote .contentWrapper .tableBox .tableBody .answerBox .resultBox h5{
    font-size:20px;
    font-weight:400;
    color:#5A5A5A;
    padding-left:30px;
    border-bottom:1px #DCD9E9 solid;
    padding-bottom:20px;
    margin-bottom:22px;
}

#pageOnlineQuote .contentWrapper .tableBox .tableBody .answerBox .resultBox h6{
    padding-left:146px;
}

#pageOnlineQuote .contentWrapper .tableBox .tableBody .answerBox .resultBox h6 span{
    display:block;
    font-size:20px;
    font-weight:400;
    color:#5A5A5A;
    line-height:1.5;
    margin-bottom:20px;
}

#pageOnlineQuote .contentWrapper .tableBox .tableBody .answerBox .resultBox h6 span::before{
    content:'답변완료';
    display:block;
    position:absolute;
    left:-94px;
    top:0px;
    color:#5631EB;
    font-weight:700;
    font-size:20px;
}

#pageOnlineQuote .contentWrapper .tableBox .tableBody .answerBox .resultBox h6 span:after{
    content:'';
    display:block;
    width:10px;
    height:10px;
    border-left:3px #5631EB solid;
    border-bottom:3px #5631EB solid;
    position:absolute;
    top:7px;
    left:-112px;
}

#pageOnlineQuote .contentWrapper .tableBox .tableBody .answerBox .resultBox em{
    font-size:20px;
    color:#9591A5;
    font-weight:400;
}

#pageOnlineQuote .contentWrapper .tableBox .tableBody .answerBox .resultBox em:nth-child(2){
    margin-right:32px;
}

#pageOnlineQuote .contentWrapper .tableBox .tableBody .answerBox .resultBox em:nth-child(2):after{
    content:'';
    display:block;
    position:absolute;
    right:-16px;
    top:50%;
    transform:translateY(-50%);
    height:14px;
    width:1px;
    background:#DCD9E9;
}

@media screen and (max-width:980px){
    #pageOnlineQuote .contentWrapper{
        padding:60px 0px 70px;
    }

    #pageOnlineQuote .contentWrapper .bannerWrap{
        padding:40px 30px 40px 35px;
        display:flex;
        margin-bottom:50px;
    }

    #pageOnlineQuote .contentWrapper .bannerWrap .textBox h2{
        font-size:24px;
        margin-bottom:24px;
    }    

    #pageOnlineQuote .contentWrapper .bannerWrap .logoTitle img{
        width:72px;
        vertical-align: sub;
    }

    #pageOnlineQuote .contentWrapper .bannerWrap .textBox span{
        font-size:16px;
    }

    #pageOnlineQuote .contentWrapper .bannerWrap .subImg{
        max-width:220px;
        width:100%;
    }

    #pageOnlineQuote .contentWrapper .titleBox{
        margin-bottom:24px;
    }

    #pageOnlineQuote .contentWrapper .titleBox p{
        font-size:24px;
    }

    #pageOnlineQuote .contentWrapper .titleBox a{
        width:160px;
        height:50px;
        line-height:50px;
        font-size:18px;
    }

    #pageOnlineQuote .contentWrapper .tableBox{
        margin-bottom:40px;
    }

    #pageOnlineQuote .contentWrapper .tableBox .tableHead div{
        padding:14px 5px;
        font-size:16px;
    }    

    #pageOnlineQuote .contentWrapper .tableBox .tableHead div:nth-child(1),
    #pageOnlineQuote .contentWrapper .tableBox .tableBody .slideBtn div:nth-child(1){
        width:10%;
    }

    #pageOnlineQuote .contentWrapper .tableBox .tableHead div:nth-child(2),
    #pageOnlineQuote .contentWrapper .tableBox .tableBody .slideBtn div:nth-child(2){
        width:30%;
    }

    #pageOnlineQuote .contentWrapper .tableBox .tableHead div:nth-child(3),
    #pageOnlineQuote .contentWrapper .tableBox .tableBody .slideBtn div:nth-child(3){
        width:15%;
    }

    #pageOnlineQuote .contentWrapper .tableBox .tableHead div:nth-child(4),
    #pageOnlineQuote .contentWrapper .tableBox .tableBody .slideBtn div:nth-child(4){
        width:25%;
    }

    #pageOnlineQuote .contentWrapper .tableBox .tableHead div:nth-child(5),
    #pageOnlineQuote .contentWrapper .tableBox .tableBody .slideBtn div:nth-child(5){
        width:20%;
    }

    #pageOnlineQuote .contentWrapper .tableBox .tableBody .slideBtn div{
        font-size:16px;
        padding:0px 5px;
        height:48px;
        line-height:48px;
    }

    #pageOnlineQuote .contentWrapper .tableBox .tableBody .slideBtn div:nth-child(2){
        padding:0px 5px 0px 15px;
    }

    #pageOnlineQuote .contentWrapper .tableBox .tableBody .slideBtn div a img{
        width:16px;
        top:47%;
        right:-20px;
    }

    #pageOnlineQuote .contentWrapper .tableBox .tableBody .slideBtn div span{
        border-radius:14px;
        font-size:14px;
        width:76px;
        height:30px;
        line-height:30px;
    }

    #pageOnlineQuote .contentWrapper .tableBox .tableBody .answerBox{
        padding:30px 0px 40px 64px;
    }

    #pageOnlineQuote .contentWrapper .tableBox .tableBody .answerBox .lockBox{        
        padding-left:30px;
    }

    #pageOnlineQuote .contentWrapper .tableBox .tableBody .answerBox .lockBox h4{
        margin-bottom:12px;
        font-size:16px;
    }

    #pageOnlineQuote .contentWrapper .tableBox .tableBody .answerBox .lockBox p{
        font-size:16px;
        margin-bottom:16px;
    }

    #pageOnlineQuote .contentWrapper .tableBox .tableBody .answerBox .lockBox input{
        max-width:200px;
        height:40px;
        font-size:16px;
    }

    #pageOnlineQuote .contentWrapper .tableBox .tableBody .answerBox .lockBox a{
        font-size:16px;
        font-weight:700;
        width:60px;
        height:40px;
        line-height:40px;
    }

    #pageOnlineQuote .contentWrapper .tableBox .tableBody .answerBox .resultBox{
        display:none;
    }

    #pageOnlineQuote .contentWrapper .tableBox .tableBody .answerBox .resultBox h5{
        font-size:16px;
        padding-left:30px;
        padding-bottom:16px;
        margin-bottom:20px;
    }

    #pageOnlineQuote .contentWrapper .tableBox .tableBody .answerBox .resultBox h6{
        padding-left:123px;
    }

    #pageOnlineQuote .contentWrapper .tableBox .tableBody .answerBox .resultBox h6 span{
        font-size:16px;
        margin-bottom:16px;
    }

    #pageOnlineQuote .contentWrapper .tableBox .tableBody .answerBox .resultBox h6 span::before{
        left:-74px;
        top:0px;
        font-size:16px;
    }

    #pageOnlineQuote .contentWrapper .tableBox .tableBody .answerBox .resultBox h6 span:after{
        width:8px;
        height:8px;
        border-left: 2px #5631EB solid;
        border-bottom: 2px #5631EB solid;
        top:1px;
        left:-92px;
    }

    #pageOnlineQuote .contentWrapper .tableBox .tableBody .answerBox .resultBox em{
        font-size:16px;
    }

    #pageOnlineQuote .contentWrapper .tableBox .tableBody .answerBox .resultBox em:nth-child(2){
        margin-right:26px;
    }

    #pageOnlineQuote .contentWrapper .tableBox .tableBody .answerBox .resultBox em:nth-child(2):after{
        right:-14px;
    }
}

@media screen and (max-width:720px){
    #pageOnlineQuote .contentWrapper{
        padding:40px 0px 50px;
    }

    #pageOnlineQuote .contentWrapper .bannerWrap{
        padding:30px;
        display:block;
        margin-bottom:40px;
    }

    #pageOnlineQuote .contentWrapper .bannerWrap .textBox{
        z-index:2;
    }

    #pageOnlineQuote .contentWrapper .bannerWrap .textBox h2{
        font-size:18px;
        margin-bottom:14px;
        line-height:1.5;
    }

    #pageOnlineQuote .contentWrapper .bannerWrap .logoTitle img{
        width:58px;
        vertical-align: sub;
    }

    #pageOnlineQuote .contentWrapper .bannerWrap .textBox span{
        font-size:14px;
    }

    #pageOnlineQuote .contentWrapper .bannerWrap .subImg{
        max-width:130px;
        position:absolute;
        right:10px;
        bottom:16px;
        z-index:0;
    }

    #pageOnlineQuote .contentWrapper .titleBox{
        margin-bottom:20px;
    }

    #pageOnlineQuote .contentWrapper .titleBox p{
        font-size:18px;
    }

    #pageOnlineQuote .contentWrapper .titleBox a{
        width:100px;
        height:36px;
        line-height:36px;
        font-size:14px;
    }

    #pageOnlineQuote .contentWrapper .tableBox{
        margin-bottom:30px;
    }

    #pageOnlineQuote .contentWrapper .tableBox .tableHead{
        display:none;
    }

    #pageOnlineQuote .contentWrapper .tableBox .tableBody > li{
        border:1px #DCD9E9 solid;
        margin-bottom:20px;
        border-radius:10px;
        overflow:hidden;
    }        

    #pageOnlineQuote .contentWrapper .tableBox .tableBody .slideBtn div{
        font-size:14px;
        height:auto;
        float:none;
        line-height:1.4;
        border:none;
        text-align:left;
        padding:0px;
    }

    #pageOnlineQuote .contentWrapper .tableBox .tableHead div:nth-child(1),
    #pageOnlineQuote .contentWrapper .tableBox .tableBody .slideBtn div:nth-child(1){
        width:100%;
    }

    #pageOnlineQuote .contentWrapper .tableBox .tableHead div:nth-child(2),
    #pageOnlineQuote .contentWrapper .tableBox .tableBody .slideBtn div:nth-child(2){
        width:auto;
    }

    #pageOnlineQuote .contentWrapper .tableBox .tableHead div:nth-child(3),
    #pageOnlineQuote .contentWrapper .tableBox .tableBody .slideBtn div:nth-child(3){
        width:100%;
    }

    #pageOnlineQuote .contentWrapper .tableBox .tableHead div:nth-child(4),
    #pageOnlineQuote .contentWrapper .tableBox .tableBody .slideBtn div:nth-child(4){
        width:auto;
    }

    #pageOnlineQuote .contentWrapper .tableBox .tableHead div:nth-child(5),
    #pageOnlineQuote .contentWrapper .tableBox .tableBody .slideBtn div:nth-child(5){
        width:auto;
    }

    #pageOnlineQuote .contentWrapper .tableBox .tableBody .slideBtn div:nth-child(2){
        padding:0px;
    }

    #pageOnlineQuote .contentWrapper .tableBox .tableBody .slideBtn div:nth-child(1){
        padding:14px 16px 12px;
        border-bottom:1px #DCD9E9 solid;
    }

    #pageOnlineQuote .contentWrapper .tableBox .tableBody .slideBtn div:nth-child(2){
        position:absolute;
        top:14px;
        left:40px;
    }

    #pageOnlineQuote .contentWrapper .tableBox .tableBody .slideBtn div:nth-child(3){
        padding:14px 16px 12px;
    }

    #pageOnlineQuote .contentWrapper .tableBox .tableBody .slideBtn div:nth-child(4){
        position:absolute;
        right:16px;
        top:61px;
    }

    #pageOnlineQuote .contentWrapper .tableBox .tableBody .slideBtn div:nth-child(5){
        position:absolute;
        top:10px;
        right:16px;
    }

    #pageOnlineQuote .contentWrapper .tableBox .tableBody .slideBtn div span{
        border-radius:14px;
        font-size:12px;
        width:64px;
        height:26px;
        line-height:26px;
        text-align:center;
    }

    #pageOnlineQuote .contentWrapper .tableBox .tableBody .answerBox{
        padding:24px 16px 26px;
        float:none;
    }

    #pageOnlineQuote .contentWrapper .tableBox .tableBody .answerBox .lockBox{        
        padding-left:0px;
    }

    #pageOnlineQuote .contentWrapper .tableBox .tableBody .answerBox .lockBox h4{
        margin-bottom:10px;
        font-size:14px;
    }

    #pageOnlineQuote .contentWrapper .tableBox .tableBody .answerBox .lockBox p{
        font-size:14px;
        margin-bottom:14px;
    }

    #pageOnlineQuote .contentWrapper .tableBox .tableBody .answerBox .lockBox input{
        max-width:180px;
        height:34px;
        font-size:16px;
        margin-right:6px;
    }

    #pageOnlineQuote .contentWrapper .tableBox .tableBody .answerBox .lockBox a{
        font-size:14px;
        width:50px;
        height:34px;
        line-height:34px;
    }

    #pageOnlineQuote .contentWrapper .tableBox .tableBody .answerBox .resultBox{
        display:none;
    }

    #pageOnlineQuote .contentWrapper .tableBox .tableBody .answerBox .resultBox h5{
        font-size:14px;
        padding-left:0px;
        padding-bottom:14px;
        margin-bottom:12px;
    }

    #pageOnlineQuote .contentWrapper .tableBox .tableBody .answerBox .resultBox h6{
        padding-left:0px;
    }

    #pageOnlineQuote .contentWrapper .tableBox .tableBody .answerBox .resultBox h6 span{
        font-size:14px;
        margin-bottom:14px;
    }

    #pageOnlineQuote .contentWrapper .tableBox .tableBody .answerBox .resultBox h6 span::before{
        display:block;
        position:relative;
        left:auto;
        top:auto;
        font-size:14px;
        padding-left:16px;
        margin-bottom:8px;
    }

    #pageOnlineQuote .contentWrapper .tableBox .tableBody .answerBox .resultBox h6 span:after{
        width:8px;
        height:8px;
        border-left: 2px #5631EB solid;
        border-bottom: 2px #5631EB solid;
        top:2px;
        left:0px;
    }

    #pageOnlineQuote .contentWrapper .tableBox .tableBody .answerBox .resultBox em{
        font-size:14px;
    }

    #pageOnlineQuote .contentWrapper .tableBox .tableBody .answerBox .resultBox em:nth-child(2){
        margin-right:22px;
    }

    #pageOnlineQuote .contentWrapper .tableBox .tableBody .answerBox .resultBox em:nth-child(2):after{
        right:-11px;
    }    
}

@media screen and (max-width:520px){    
    #pageOnlineQuote .contentWrapper .bannerWrap .textBox h2 br{
        display:none;
    }
    
    #pageOnlineQuote .contentWrapper .bannerWrap .textBox span{
        padding-right:100px;
    }

    #pageOnlineQuote .contentWrapper .bannerWrap .textBox span br{
        display:none;
    }

    #pageOnlineQuote .contentWrapper .bannerWrap .subImg{
        max-width:120px;
        bottom:22px;
    }
}
/* pageOnlineQuote css end */


/* pageAppIntro css start */
#pageAppIntro{
    overflow: hidden;
}

#pageAppIntro .bgWrapper{
    padding:100px 0px 182px;
    background:#F6F4FF;
    text-align:center;
}

#pageAppIntro .bgWrapper h2{
    font-size:48px;
    margin-bottom:44px;
    font-weight:700;        
}

#pageAppIntro .bgWrapper h3{
    font-size:103px;
    font-weight:700;
    color:#E8E3FF;  
}

#pageAppIntro .bgWrapper h3 em{
    display:inline-block;
    margin:0px 18px;
    background:#E8E3FF;
    height:10px;
    width:262px;
    vertical-align:super;
}

#pageAppIntro .bgWrapper p{
    font-size:34px;
    margin-bottom:119px;
}

#pageAppIntro .bgWrapper p br{
    display:none;
}

#pageAppIntro .bgWrapper p span{
    font-weight:600;
    color:#5631EB;
}

#pageAppIntro .bgWrapper p img{
    vertical-align:bottom;
    display:inline-block;
    margin:0px 7px 0px 19px;
    padding-bottom:2px;
    width:87px;
}

#pageAppIntro .bgWrapper .introImg{
    position:absolute;
    left:50%;
    bottom:-182px;
    transform:translateX(-50%);
}

#pageAppIntro .sldWrapper{
    padding:166px 0px 232px;
}

#pageAppIntro .sldWrapper .row,
#pageAppIntro .downWrapper .row{
    max-width:980px;
}

#pageAppIntro .sldWrapper .content{
    margin-bottom:263px;
}

#pageAppIntro .sldWrapper .content.active{
    display:flex;
    justify-content:right;
}

#pageAppIntro .sldWrapper .content.active .imgBox{
    right:auto;
    left:0px;
}

#pageAppIntro .sldWrapper .content:last-child{
    margin-bottom:0px;
}

#pageAppIntro .sldWrapper .textBox h4{
    font-weight:700;
    margin-bottom:21px;
    font-size:24px;
    color:#5631EB;
}

#pageAppIntro .sldWrapper .textBox p{
    font-size:48px;
    margin-bottom:100px;
}

#pageAppIntro .sldWrapper .textBox p strong{
    font-weight:600;
}

#pageAppIntro .sldWrapper .textBox p strong em{
    width:100%;
    height:31px;
    background:#CAFF5B;
    position:absolute;
    bottom:8px;
    left:0px;
    z-index:-1;
}

#pageAppIntro .sldWrapper .textBox p span{
    font-style: italic;
}

#pageAppIntro .sldWrapper .textBox .menuBox li a{
    display:inline-block;
    font-size:34px;
    font-weight:300;
    color:#9591A5;
    margin-bottom:50px;
    transition:all 0.2s;
    cursor:auto;
}

#pageAppIntro .sldWrapper .textBox .menuBox li:last-child a{
    margin-bottom:0px;
}

#pageAppIntro .sldWrapper .textBox .menuBox li a.active{
    color:#222;
    font-weight:600;
}

#pageAppIntro .sldWrapper .textBox .statusBox{
    width:213px;
    margin-top:62px;
}

#pageAppIntro .sldWrapper .textBox .statusBox span{
    height:4px;
    background:#D9D9D9;
    transition:all 0.2s;
}

#pageAppIntro .sldWrapper .textBox .statusBox span.active{
    background:#5631EB;
}

#pageAppIntro .sldWrapper .imgBox{
    position:absolute;
    right:0px;
    top:0px;
}

#pageAppIntro .sldWrapper .imgBox .phoneBox{
    max-width:311px;
    width:100%;
    transition:all 1s;
    overflow:hidden;
}

#pageAppIntro .sldWrapper .imgBox .phoneBox .sldBox{
    width:288px;
    height:579px;
    position:absolute;
    left:12px;
    top:12px;
    z-index:-1;        
}

#pageAppIntro .sldWrapper .imgBox .shadowImg{
    position:absolute;
    left:4px;
    top:21px;
    max-width:none;
    width:379px;
    z-index:-2;
}

#pageAppIntro .downWrapper{
    padding:100px 0px 120px;
    background:#F9F9F9;
}

#pageAppIntro .downWrapper .item{
    width:50%;
    margin:auto;
}

#pageAppIntro .downWrapper .fl{
    padding-right:10px;
}

#pageAppIntro .downWrapper .fr{
    padding-left:10px;
}

#pageAppIntro .downWrapper .inner{
    border-radius:20px;
    background:#fff;
    height:auto;
    display: block;
}

#pageAppIntro .downWrapper .item .inner{
    padding:40px 40px 40px 176px;
}

#pageAppIntro .downWrapper .imgBox{
    position: absolute;
    left:35px;
    top:40px;
    width:120px;
    height:120px;
}

#pageAppIntro .downWrapper .imgBox img{
    width:100%;
    height:100%;
    object-fit:cover;
}

#pageAppIntro .downWrapper .textBox h3{
    font-size:30px;
    font-weight:700;
    color:#5631EB;
    margin-bottom:25px;
}

#pageAppIntro .downWrapper .textBox h3.active{
    color:#222222;
}

#pageAppIntro .downWrapper .textBox p{
    font-size:18px;
    line-height:1.5;
    color:#5A5A5A;
}

#pageAppIntro .downWrapper .inputBox{
    max-width:328px;
    width:100%;
    height:60px;
    padding-right:60px;
    margin-bottom:22px;
}

#pageAppIntro .downWrapper .inputBox input{
    border:1px #D9D9D9 solid;
    border-right:0px;
    border-radius:10px 0px 0px 10px;
    padding:0px 20px;
    font-size:20px;
    outline:none;
    width:100%;
    height:100%;
    font-family: 'Pretendard', sans-serif;        
}

#pageAppIntro .downWrapper .inputBox a{
    position:absolute;
    right:0px;
    top:0px;
    width:60px;
    height:60px;
    display:flex;
    justify-content:center;
    align-items:center;
    background:#5631EB;
    border-radius:0px 10px 10px 0px;
}

#pageAppIntro .downWrapper .inputBox input::placeholder{
    color:#ccc;
}

#pageAppIntro .downWrapper span{
    display:block;
    font-size:18px;
    color:#5A5A5A;
}

@media screen and (max-width:980px){
    #pageAppIntro .bgWrapper{
        padding:60px 0px 140px;
    }

    #pageAppIntro .bgWrapper h2{
        font-size:30px;
        margin-bottom:30px;
    }

    #pageAppIntro .bgWrapper h3{
        font-size:60px;
        font-weight:700;
        color:#E8E3FF;  
    }

    #pageAppIntro .bgWrapper h3 em{
        display:inline-block;
        width:210px;
    }

    #pageAppIntro .bgWrapper p{
        font-size:24px;
        margin-bottom:100px;
    }

    #pageAppIntro .bgWrapper p img{
        margin:0px 7px 0px 10px;
        padding-bottom:0px;
        width:68px;
    }

    #pageAppIntro .bgWrapper .introImg{
        bottom:-140px;
        max-width:460px;
        width:100%;
    }

    #pageAppIntro .sldWrapper .row, 
    #pageAppIntro .downWrapper .row{
        max-width:720px;
    }
    
    #pageAppIntro .sldWrapper{
        padding:80px 0px 160px;
    }

    #pageAppIntro .sldWrapper .content{
        margin-bottom:180px;
    }

    #pageAppIntro .sldWrapper .textBox h4{
        margin-bottom:16px;
        font-size:18px;
    }

    #pageAppIntro .sldWrapper .textBox p{
        font-size:34px;
        margin-bottom:80px;
    }

    #pageAppIntro .sldWrapper .textBox p strong em{
        height:24px;
        bottom:0px;
    }

    #pageAppIntro .sldWrapper .textBox .menuBox li a{
        font-size:24px;
        margin-bottom:40px;
    }

    #pageAppIntro .sldWrapper .textBox .statusBox{
        width:200px;
        margin-top:50px;
    }

    #pageAppIntro .sldWrapper .imgBox .phoneBox{
        max-width:240px;
        width:100%;
        transition:all 1s;
        overflow:hidden;
    }

    #pageAppIntro .sldWrapper .imgBox .phoneBox .sldBox{
        width:222px;
        height:465px;
        position:absolute;
        left:9px;
        top:10px;
        z-index:-1;        
    }

    #pageAppIntro .sldWrapper .imgBox .shadowImg{
        top:4px;
        width:300px;
    }

    #pageAppIntro .downWrapper{
        padding:50px 0px 60px;
        background:#F9F9F9;
    }

    #pageAppIntro .downWrapper .w50 .inner{
        height:120px;
    }

    #pageAppIntro .downWrapper .item .inner{
        padding:20px 20px 20px 120px;
    }

    #pageAppIntro .downWrapper .imgBox{
        position: absolute;
        left:20px;
        top:20px;
        width:80px;
        height:80px;
    }

    #pageAppIntro .downWrapper .textBox h3{
        font-size:20px;
        margin-bottom:15px;
    }

    #pageAppIntro .downWrapper .textBox p{
        font-size:14px;
        line-height:1.5;
        color:#5A5A5A;
    }

    #pageAppIntro .downWrapper .inputBox{
        max-width:100%;
        width:100%;
        height:46px;
        padding-right:46px;
        margin-bottom:14px;
    }

    #pageAppIntro .downWrapper .inputBox input{
        padding:0px 14px;
        font-size:16px;
    }

    #pageAppIntro .downWrapper .inputBox a{
        width:46px;
        height:46px;
        border-radius:0px 10px 10px 0px;
    }

    #pageAppIntro .downWrapper .inputBox a img{
        width:30px;
    }

    #pageAppIntro .downWrapper span{
        font-size:14px;
        line-height:1.3;
    }
}

@media screen and (max-width:720px){
    #pageAppIntro .bgWrapper{
        padding:40px 0px 120px;
    }

    #pageAppIntro .bgWrapper h2{
        font-size:24px;
        margin-bottom:20px;
    }

    #pageAppIntro .bgWrapper h3{
        font-size:40px;
    }

    #pageAppIntro .bgWrapper h3 em{
        width:100px;
        height:5px;
        margin:0px 12px;
    }

    #pageAppIntro .bgWrapper p{
        font-size:24px;
        margin-bottom:74px;
        line-height:1.4;
    }

    #pageAppIntro .bgWrapper p br{
        display:block;
    }

    #pageAppIntro .bgWrapper p img{
        margin:0px;
        margin-right:7px;
        padding-bottom:3px;
        width:68px;
    }

    #pageAppIntro .bgWrapper .introImg{
        bottom:-120px;
        max-width:360px;
    }

    #pageAppIntro .sldWrapper{
        padding:40px 0px 80px;
    }

    #pageAppIntro .sldWrapper .content{
        text-align:center;
        margin-bottom:80px;
    }

    #pageAppIntro .sldWrapper .content.active{
        display:block;
    }

    #pageAppIntro .sldWrapper .textBox{
        margin-bottom:40px;
    }

    #pageAppIntro .sldWrapper .textBox h4{
        margin-bottom:12px;
        font-size:16px;
    }

    #pageAppIntro .sldWrapper .textBox p{
        font-size:24px;
        margin-bottom:36px;
    }

    #pageAppIntro .sldWrapper .textBox p strong em{
        height:18px;
    }

    #pageAppIntro .sldWrapper .textBox .menuBox li a{
        font-size:18px;
        margin-bottom:24px;
    }

    #pageAppIntro .sldWrapper .textBox .statusBox{
        margin:30px auto 0px;
        width:160px;
    }

    #pageAppIntro .sldWrapper .imgBox{
        position:relative;
        right:auto;
        top:auto;
        margin:auto;
    }

    #pageAppIntro .sldWrapper .imgBox .phoneBox{
        margin:auto;
    }

    #pageAppIntro .sldWrapper .imgBox .shadowImg{
        top:56%;
        left:56%;
        transform:translate(-50%,-50%);
        width:300px;
    }

    #pageAppIntro .downWrapper{
        padding:40px 0px 50px;
        background:#F9F9F9;
    }

    #pageAppIntro .downWrapper .item{
        width:100%;
    }

    #pageAppIntro .downWrapper .fl{
        padding-right:0px;
        width:100%;
        margin-bottom:16px;
    }

    #pageAppIntro .downWrapper .fr{
        padding-left:0px;
        width:100%;
    }

    #pageAppIntro .downWrapper .w50 .inner{
        height:112px;
    }

    #pageAppIntro .downWrapper .item .inner{
        padding:20px 20px 20px 110px;
    }

    #pageAppIntro .downWrapper .imgBox{
        width:74px;
        height:74px;
    }

    #pageAppIntro .downWrapper .textBox h3{
        font-size:18px;
        margin-bottom:12px;
    }

    #pageAppIntro .downWrapper .textBox p{
        font-size:14px;
    }

    #pageAppIntro .downWrapper .inputBox{
        height:40px;
        padding-right:40px;
        margin-bottom:12px;
    }

    #pageAppIntro .downWrapper .inputBox input{
        padding:0px 14px;
        font-size:14px;
    }

    #pageAppIntro .downWrapper .inputBox a{
        width:40px;
        height:40px;
    }

    #pageAppIntro .downWrapper .inputBox a img{
        width:24px;
    }
}
/* pageAppIntro css end */

/* pageNotice css start */
#pageNotice .noticeWrapper{
    padding:90px 0px 120px;
}

#pageNotice .noticeWrapper .titleBox{
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin-bottom:32px;
}

#pageNotice .noticeWrapper .titleBox p{
    font-size:34px;
    font-weight:600;
}

#pageNotice .noticeWrapper .inputBox{
    width:362px;
    height:60px;
    padding-right:60px;
    margin-left:16px;
    display:inline-block;
}

#pageNotice .noticeWrapper .inputBox input{
    border:1px #D9D9D9 solid;
    border-right:0px;
    border-radius:10px 0px 0px 10px;
    padding:0px 20px;
    font-size:20px;
    outline:none;
    width:100%;
    height:100%;
    font-family: 'Pretendard', sans-serif;        
}

#pageNotice .noticeWrapper select{
    display:inline-block;
    width:170px;
    height:60px;
    outline:none;
    padding:15px 20px;
    font-size:20px;
    border-radius:10px;
    border:1px #D9D9D9 solid;
    color:#222;
    background:url('../img/icon-down2.svg') no-repeat 90% 50%/30px auto;
    font-family: 'Pretendard', sans-serif;

}

#pageNotice .noticeWrapper .inputBox a{
    position:absolute;
    right:0px;
    top:0px;
    width:60px;
    height:60px;
    display:flex;
    justify-content:center;
    align-items:center;
    background:#5631EB;
    border-radius:0px 10px 10px 0px;
}

#pageNotice .noticeWrapper .inputBox input::placeholder{
    color:#ccc;
}

#pageNotice .noticeWrapper .tableBox{
    margin-bottom:60px;
}    

#pageNotice .noticeWrapper .tableBox .tableHead div{
    background:#F6F4FF;
    padding:24px 10px;
    border-top:1px #C6B8FF solid;
    border-right:1px #C6B8FF solid;
    border-bottom:2px #C6B8FF solid;
    font-size:20px;
    font-weight:600;
    float:left;
    text-align:center;
}

#pageNotice .noticeWrapper .tableBox .tableBody .slideBtn{
    cursor:pointer;
}

#pageNotice .noticeWrapper .tableBox .tableHead div:nth-child(1),
#pageNotice .noticeWrapper .tableBox .tableBody .slideBtn div:nth-child(1){
    width:10%;
}

#pageNotice .noticeWrapper .tableBox .tableHead div:nth-child(2),
#pageNotice .noticeWrapper .tableBox .tableBody .slideBtn div:nth-child(2){    
    width:10%;
}

#pageNotice .noticeWrapper .tableBox .tableHead div:nth-child(3),
#pageNotice .noticeWrapper .tableBox .tableBody .slideBtn div:nth-child(3){
    width:60%;
}

#pageNotice .noticeWrapper .tableBox .tableHead div:last-child,
#pageNotice .noticeWrapper .tableBox .tableBody .slideBtn div:nth-child(4){
    width:20%;
    border-right:0px;
}    

#pageNotice .noticeWrapper .tableBox .tableBody .slideBtn div{
    text-align:center;
    font-size:20px;
    padding:0px 10px;
    border-bottom:1px #DCD9E9 solid;
    border-right:1px #DCD9E9 solid;
    float:left;
    height:60px;
    line-height:60px;
}

#pageNotice .noticeWrapper .tableBox .tableBody .slideBtn div:nth-child(3){
    text-align:left;
    padding:0px 10px 0px 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}    

#pageNotice .noticeWrapper .tableBox .tableBody .slideBtn div span{
    display:inline-block;        
    border-radius:20px;
    font-size:18px;
    width:59px;
    height:34px;
    line-height:34px;
}

#pageNotice .noticeWrapper .tableBox .tableBody .slideBtn div span.active{
    background:#5631EB;
    color:#fff;
    font-weight:600;
    font-size: 16px;
}

#pageNotice .noticeWrapper .tableBox .tableBody .answerBox{
    width:100%;
    border:none;
    border-top:1px #DCD9E9 solid;
    background:#F6F4FF;
    text-align:left;
    padding:40px 0px 60px 260px;
    display:none;
}

#pageNotice .noticeWrapper .tableBox .tableBody .answerBox .resultBox h5{
    font-size:20px;
    font-weight:400;
    color:#5A5A5A;
    padding-left:30px;
    border-bottom:1px #DCD9E9 solid;
    padding-bottom:20px;
    margin-bottom:22px;
}

#pageNotice .noticeWrapper .tableBox .tableBody .answerBox .resultBox h6{
    padding-left:30px;
}

#pageNotice .noticeWrapper .tableBox .tableBody .answerBox .resultBox h6 span{
    display:block;
    font-size:20px;
    font-weight:400;
    color:#5A5A5A;
    line-height:1.5;
    margin-bottom:20px;
}

#pageNotice .noticeWrapper .tableBox .tableBody .answerBox .resultBox em{
    font-size:20px;
    color:#9591A5;
    font-weight:400;
}

#pageNotice .noticeWrapper .tableBox .tableBody .answerBox .resultBox em:nth-child(2){
    margin-right:32px;
}

#pageNotice .noticeWrapper .tableBox .tableBody .answerBox .resultBox em:nth-child(2):after{
    content:'';
    display:block;
    position:absolute;
    right:-16px;
    top:50%;
    transform:translateY(-50%);
    height:14px;
    width:1px;
    background:#DCD9E9;
}

@media screen and (max-width:980px){
    #pageNotice .noticeWrapper{
        padding:60px 0px 70px;
    }

    #pageNotice .noticeWrapper .titleBox{
        margin-bottom:24px;
    }

    #pageNotice .noticeWrapper .titleBox p{
        font-size:24px;
    }

    #pageNotice .noticeWrapper .inputBox{
        width:240px;
        height:46px;
        padding-right:46px;
        margin-left:12px;
    }

    #pageNotice .noticeWrapper .inputBox input{
        padding:0px 16px;
        font-size:16px;
    }

    #pageNotice .noticeWrapper select{
        width:140px;
        height:46px;
        padding:10px 16px;
        font-size:16px;
        background:url('../img/icon-down2.svg') no-repeat 90% 50%/24px auto;
    }

    #pageNotice .noticeWrapper .inputBox a{
        width:46px;
        height:46px;
    }

    #pageNotice .noticeWrapper .inputBox a img{
        width:28px;
    }

    #pageNotice .noticeWrapper .tableBox{
        margin-bottom:40px;
    }

    #pageNotice .noticeWrapper .tableBox .tableHead div{
        padding:14px 5px;
        font-size:16px;
    }    

    #pageNotice .noticeWrapper .tableBox .tableBody .slideBtn div{
        font-size:16px;
        padding:0px 5px;
        height:48px;
        line-height:48px;
    }

    #pageNotice .noticeWrapper .tableBox .tableBody .answerBox{
        padding:30px 0px 40px 136px;
    }

    #pageNotice .noticeWrapper .tableBox .tableBody .slideBtn div span{
        display:inline-block;
        border-radius:20px;
        font-size:16px;
        width:48px;
        height:26px;
        line-height:26px;
    }

    #pageNotice .noticeWrapper .tableBox .tableBody .slideBtn div span.active{
        font-size:14px;
    }

    #pageNotice .noticeWrapper .tableBox .tableBody .answerBox .resultBox h5{
        font-size:16px;
        padding-left:30px;
        padding-bottom:16px;
        margin-bottom:20px;
    }

    #pageNotice .noticeWrapper .tableBox .tableBody .answerBox .resultBox h6 span{
        font-size:16px;
        margin-bottom:16px;
    }

    #pageNotice .noticeWrapper .tableBox .tableBody .answerBox .resultBox h6 span::before{
        left:-74px;
        top:0px;
        font-size:16px;
    }

    #pageNotice .noticeWrapper .tableBox .tableBody .answerBox .resultBox h6 span:after{
        width:8px;
        height:8px;
        border-left: 2px #5631EB solid;
        border-bottom: 2px #5631EB solid;
        top:1px;
        left:-92px;
    }

    #pageNotice .noticeWrapper .tableBox .tableBody .answerBox .resultBox em{
        font-size:16px;
    }

    #pageNotice .noticeWrapper .tableBox .tableBody .answerBox .resultBox em:nth-child(2){
        margin-right:26px;
    }

    #pageNotice .noticeWrapper .tableBox .tableBody .answerBox .resultBox em:nth-child(2):after{
        right:-14px;
    }
}

@media screen and (max-width:720px){
    #pageNotice .noticeWrapper{
        padding:40px 0px 50px;
    }

    #pageNotice .noticeWrapper .titleBox{
        margin-bottom:20px;
    }

    #pageNotice .noticeWrapper .titleBox p{
        font-size:18px;
    }

    #pageNotice .noticeWrapper .inputBox{
        width:174px;
        height:36px;
        padding-right:36px;
        margin-left:6px;
    }

    #pageNotice .noticeWrapper .inputBox input{
        padding:0px 12px;
        font-size:12px;
    }

    #pageNotice .noticeWrapper select{
        width:80px;
        height:36px;
        padding:0px 12px;
        font-size:12px;
        background:url('./assets/img/icon-down2.svg') no-repeat 90% 50%/20px auto;        
    }

    #pageNotice .noticeWrapper .inputBox a{
        width:36px;
        height:36px;
    }

    #pageNotice .noticeWrapper .inputBox a img{
        width:24px;
    }

    #pageNotice .noticeWrapper .tableBox{
        margin-bottom:30px;
    }

    #pageNotice .noticeWrapper .tableBox .tableHead{
        display:none;
    }

    #pageNotice .noticeWrapper .tableBox .tableBody > li{
        border:1px #DCD9E9 solid;
        margin-bottom:20px;
        border-radius:10px;
        overflow:hidden;
    }

    #pageNotice .noticeWrapper .tableBox .tableBody .slideBtn div{
        font-size:14px;
        height:auto;
        float:none;
        line-height:1.4;
        border:none;
        text-align:left;
        padding:0px;
    }

    #pageNotice .noticeWrapper .tableBox .tableHead div:nth-child(1),
    #pageNotice .noticeWrapper .tableBox .tableBody .slideBtn div:nth-child(1){
        width:100%;
    }

    #pageNotice .noticeWrapper .tableBox .tableHead div:nth-child(2),
    #pageNotice .noticeWrapper .tableBox .tableBody .slideBtn div:nth-child(2){
        width:auto;
    }

    #pageNotice .noticeWrapper .tableBox .tableHead div:nth-child(3),
    #pageNotice .noticeWrapper .tableBox .tableBody .slideBtn div:nth-child(3){
        width:100%;
    }

    #pageNotice .noticeWrapper .tableBox .tableHead div:nth-child(4),
    #pageNotice .noticeWrapper .tableBox .tableBody .slideBtn div:nth-child(4){
        width:auto;
    }

    #pageNotice .noticeWrapper .tableBox .tableBody .slideBtn div:nth-child(1){
        padding:14px 16px 12px;
        border-bottom:1px #DCD9E9 solid;
    }

    #pageNotice .noticeWrapper .tableBox .tableBody .slideBtn div:nth-child(2){
        position:absolute;
        top:10px;
        right:16px;
    }

    #pageNotice .noticeWrapper .tableBox .tableBody .slideBtn div:nth-child(3){
        padding:14px 86px 12px 16px;
    }

    #pageNotice .noticeWrapper .tableBox .tableBody .slideBtn div:nth-child(4){
        position:absolute;
        right:16px;
        top:60px;
    }

    #pageNotice .noticeWrapper .tableBox .tableBody .slideBtn div:nth-child(5){
        position:absolute;
        top:10px;
        right:16px;
    }    

    #pageNotice .noticeWrapper .tableBox .tableBody .slideBtn div span{
        font-size:14px;
        width:44px;
        height:26px;
        line-height:26px;
        text-align:right;
    }

    #pageNotice .noticeWrapper .tableBox .tableBody .slideBtn div span.active{
        text-align:center;
        font-size:12px;
    }

    #pageNotice .noticeWrapper .tableBox .tableBody .answerBox{
        padding:24px 16px 26px;
        float:none;
    }

    #pageNotice .noticeWrapper .tableBox .tableBody .answerBox .resultBox h5{
        font-size:14px;
        padding-left:0px;
        padding-bottom:14px;
        margin-bottom:12px;
    }

    #pageNotice .noticeWrapper .tableBox .tableBody .answerBox .resultBox h6{
        padding-left:0px;
    }

    #pageNotice .noticeWrapper .tableBox .tableBody .answerBox .resultBox h6 span{
        font-size:14px;
        margin-bottom:14px;
    }

    #pageNotice .noticeWrapper .tableBox .tableBody .answerBox .resultBox h6 span::before{
        display:block;
        position:relative;
        left:auto;
        top:auto;
        font-size:14px;
        padding-left:16px;
        margin-bottom:8px;
    }

    #pageNotice .noticeWrapper .tableBox .tableBody .answerBox .resultBox h6 span:after{
        width:8px;
        height:8px;
        border-left: 2px #5631EB solid;
        border-bottom: 2px #5631EB solid;
        top:2px;
        left:0px;
    }

    #pageNotice .noticeWrapper .tableBox .tableBody .answerBox .resultBox em{
        font-size:14px;
    }

    #pageNotice .noticeWrapper .tableBox .tableBody .answerBox .resultBox em:nth-child(2){
        margin-right:22px;
    }

    #pageNotice .noticeWrapper .tableBox .tableBody .answerBox .resultBox em:nth-child(2):after{
        right:-11px;
    }
}
/* pageNotice css end */