header.scroll{ background-color: rgba(34,34,34,.8);}


.black-bg{ display: none;}
.travel-wrap{ padding: 50px 0 40px; text-align: center;}
.travel-con{ display: none;}
.travel-con .tit h3{ font-size: 32px; padding-bottom: 10px; letter-spacing: 0.04em;}
.travel-con .tit p{ font-size: 16px; letter-spacing: 0.04em;}
.travel-con .flex-wrap{ justify-content: flex-start;}
.travel-con .con{ padding: 60px 0; width: 33.33%; border-bottom: 1px solid #d5e0eb;}
.travel-con .con:nth-child(3n+1){ padding-right: 26px;}
.travel-con .con:nth-child(3n+2){ padding-left:13px; padding-right:13px;}
.travel-con .con:nth-child(3n+3){ padding-left: 26px;}
.travel-con .con .img{ position: relative; width: 100%; height: 300px;}
.travel-con .con p{ padding: 30px 0; font-size: 18px; text-align: left;}
.travel-con .con .flex-wrap > div{ display: block; width: 33.33%; height: 40px; line-height: 40px; font-size: 13px; color: #3677b3; background-color: #f1f1f1; position: relative;}
.travel-con .con .flex-wrap > div i{ font-size: 18px; position: relative; top: 2px;}
.travel-con .con .flex-wrap > div:after{ content: ''; display: block; width: 0; height: 0;
    border-bottom: 8px solid transparent; border-top: 8px solid transparent;
    border-left: 8px solid #f1f1f1; border-right: 8px solid transparent;
    position: absolute; right: -16px; top: 12px; z-index: 10;
}
.travel-con .con .flex-wrap > div:nth-child(2n - 1):after{
    border-bottom: 8px solid transparent; border-top: 8px solid transparent;
    border-left: 8px solid #3677b3; border-right: 8px solid transparent;
}
.travel-con .con .flex-wrap > div:last-child:after{ display: none;}
.travel-con .con .flex-wrap > div:nth-child(2n - 1){ color: #fff; background-color: #3677b3;}
@media (max-width: 1023px) {
    header.scroll{ background-color: #fff;}
    
    .travel-wrap{ padding: 30px 0 30px;}
    .travel-con .tit h3{ font-size: 25px; }
    .travel-con .tit p{ font-size: 12px; }
    .travel-con .con{ padding: 30px 0; width: 100%; }
    .travel-con .con:nth-child(1), .travel-con .con:nth-child(4),
    .travel-con .con:nth-child(7){ padding-right: 0;}
    .travel-con .con:nth-child(2), .travel-con .con:nth-child(5),
    .travel-con .con:nth-child(8){ padding-left:0; padding-right:0;}
    .travel-con .con:nth-child(3), .travel-con .con:nth-child(6),
    .travel-con .con:nth-child(9){ padding-left: 0;}
    .travel-con .con .img{ height: 61.33vw;}
    .travel-con .con p{ padding: 20px 0; font-size: 16px; }
    .travel-con .con .flex-wrap > div{height: 32px; line-height: 32px; font-size: 12px; }
    .travel-con .con .flex-wrap > div i{ font-size: 15px; top: 2px;}
    .travel-con .con .flex-wrap > div:after{ content: ''; display: block; width: 0; height: 0;
        border-bottom: 6px solid transparent; border-top: 6px solid transparent;
        border-left: 6px solid #f1f1f1; border-right: 6px solid transparent;
        position: absolute; right: -12px; top: 10px; z-index: 10;
    }
    .travel-con .con .flex-wrap > div:nth-child(2n - 1):after{
        border-bottom: 6px solid transparent; border-top: 6px solid transparent;
        border-left: 6px solid #3677b3; border-right: 6px solid transparent;
    }
}