@charset "utf-8";

.gnb{ width: 100%; margin: 0 auto; background-color: rgba(0, 0, 0, 0.3);  top: 0px; transition: top 0.3s ease-in-out; display: none; position: relative; z-index: 99999;}

.secContainer{ width: 100%; margin: 80px auto;}
.secContainer .allTit{ width: 1400px; margin: 0 auto;}
.secContainer .allTit h3{ font-family: 'Paperlogy4'; font-size: 24px; font-weight: 400; color: #44484c; margin-bottom: 0px;}
.secContainer .allTit h2{ font-family: 'GyeonggiR'; font-size: 48px; font-weight: 600;}

/* travelLst */
.travelLst{ width: 1400px; margin:  0 auto; display: flex; justify-content: space-between; flex-direction: column;}
.travelLst .travelWrap{ width:100%; display: flex; justify-content: space-between; align-items: center; margin-bottom: 50px;}
.travelLst .travelWrap:nth-of-type(even){ flex-direction: row-reverse;}
.travelWrap .travelImg{ width: 50%; padding-right: 25px;}
.travelWrap:nth-of-type(even) .travelImg{ width: 50%; padding-left: 25px; padding-right: 0;}
.travelWrap .travelImg .tImg1{ width: 100%; aspect-ratio: 4/3; background: url(../img/sub5/image1.jpg) no-repeat center/cover;}
.travelWrap .travelImg .tImg2{ width: 100%; aspect-ratio: 4/3; background: url(../img/sub5/image2.jpg) no-repeat center/cover;}
.travelWrap .travelImg .tImg3{ width: 100%; aspect-ratio: 4/3; background: url(../img/sub5/image3.jpg) no-repeat center/cover;}
.travelWrap .travelImg .tImg4{ width: 100%; aspect-ratio: 4/3; background: url(../img/sub5/image4.jpg) no-repeat center/cover;}
.travelWrap .travelImg .tImg5{ width: 100%; aspect-ratio: 4/3; background: url(../img/sub5/image5.jpg) no-repeat center/cover;}
.travelWrap .travelImg .tImg6{ width: 100%; aspect-ratio: 4/3; background: url(../img/sub5/image6.jpg) no-repeat center/cover;}
.travelWrap .travelImg .tImg7{ width: 100%; aspect-ratio: 4/3; background: url(../img/sub5/image7.jpg) no-repeat center/cover;}
.travelWrap .travelImg .tImg8{ width: 100%; aspect-ratio: 4/3; background: url(../img/sub5/image8.jpg) no-repeat center/cover;}
.travelWrap .travelImg .tImg9{ width: 100%; aspect-ratio: 4/3; background: url(../img/sub5/image9.jpg) no-repeat center/cover;}
.travelWrap .travelImg .tImg10{ width: 100%; aspect-ratio: 4/3; background: url(../img/sub5/image10.jpg) no-repeat center/cover;}
.travelWrap .travelImg .tImg11{ width: 100%; aspect-ratio: 4/3; background: url(../img/sub5/image11.jpg) no-repeat center/cover;}
.travelWrap .travelImg .tImg12{ width: 100%; aspect-ratio: 4/3; background: url(../img/sub5/image12.jpg) no-repeat center/cover;}
.travelWrap .travelImg .tImg13{ width: 100%; aspect-ratio: 4/3; background: url(../img/sub5/image13.jpg) no-repeat center/cover;}
.travelWrap .travelImg .tImg14{ width: 100%; aspect-ratio: 4/3; background: url(../img/sub5/image14.jpg) no-repeat center/cover;}
.travelWrap .travelImg .tImg15{ width: 100%; aspect-ratio: 4/3; background: url(../img/sub5/image15.jpg) no-repeat center/cover;}
.travelWrap .travelTxt{ width: 50%; padding-left: 25px;}
.travelWrap:nth-of-type(even) .travelTxt{ padding-left: 10px; padding-right: 25px;}
.travelWrap .travelTxt .travelTit{ position: relative; margin-bottom: 30px;}
.travelWrap .travelTxt .travelTit::before{ content: ""; display: block; width: 20px; height: 20px; border-radius: 20%; position: absolute; top: -5px; left: -10px; background-color: #cccac4;z-index: -1;}
.travelWrap .travelTxt .travelTit h5{ font-family: 'Paperlogy4'; font-size: 18px;  color: #44484c; }
.travelWrap .travelTxt .travelTit h6{ font-family: 'Paperlogy5'; font-size: 14px;  color: #646a70; margin-top: 10px; }
.travelWrap .travelTxt p{  font-family: 'Paperlogy4'; font-size: 14px; color: #646a70; }

/* 반응형 */
@media all and (max-width: 1400px){
    .secContainer .allTit{ width: 95%;}
    .travelLst{ width: 95%;}
    .travelLst .travelWrap{ align-items: flex-start;}
    .travelWrap .travelTxt{ margin-top: 10px;}
    .travelWrap .travelImg .tImg1,
    .travelWrap .travelImg .tImg2,
    .travelWrap .travelImg .tImg3,
    .travelWrap .travelImg .tImg4,
    .travelWrap .travelImg .tImg5,
    .travelWrap .travelImg .tImg6,
    .travelWrap .travelImg .tImg7,
    .travelWrap .travelImg .tImg8,
    .travelWrap .travelImg .tImg9,
    .travelWrap .travelImg .tImg10,
    .travelWrap .travelImg .tImg11,
    .travelWrap .travelImg .tImg12,
    .travelWrap .travelImg .tImg13,
    .travelWrap .travelImg .tImg14,
    .travelWrap .travelImg .tImg15{ aspect-ratio: 1;}
}

@media all and (max-width: 768px){
    .secContainer{ margin: 60px auto 30px;}
    .travelLst .travelWrap{ flex-direction: column; padding-bottom: 50px; border-bottom: 1px solid #cccac4;}
    .travelWrap .travelTxt{ width: 100%; padding-left: 10px; }
    .travelWrap .travelTxt .travelTit{ margin-bottom: 20px;}
    .travelWrap .travelImg{ width: 100%; padding-right: 0;}
    .travelWrap .travelImg .tImg1,
    .travelWrap .travelImg .tImg2,
    .travelWrap .travelImg .tImg3,
    .travelWrap .travelImg .tImg4,
    .travelWrap .travelImg .tImg5,
    .travelWrap .travelImg .tImg6,
    .travelWrap .travelImg .tImg7,
    .travelWrap .travelImg .tImg8,
    .travelWrap .travelImg .tImg9,
    .travelWrap .travelImg .tImg10,
    .travelWrap .travelImg .tImg11,
    .travelWrap .travelImg .tImg12,
    .travelWrap .travelImg .tImg13,
    .travelWrap .travelImg .tImg14,
    .travelWrap .travelImg .tImg15{ aspect-ratio: 16/9; margin-bottom: 30px;}
    .travelLst .travelWrap:nth-of-type(even){ flex-direction: column;}
    .travelWrap:nth-of-type(even) .travelImg{ padding-left: 0; width: 100%;}
}

@media all and (max-width: 520px){
    .secContainer .allTit h3{ font-size: 18px; margin-bottom: 10px;}   
    .secContainer .allTit h2{ font-size: 36px;}
}