@charset "utf-8";

header{width: 100%; height: 100px; top:0; left:50%; opacity:0; background:rgba(0,0,0,.3);transform:translate(-50%, 0); transition: all .6s ease; position: fixed; z-index: 999999; opacity:1;}

#section1 .bg{width:100%; height: 71vh; background:url(../img/sub1/image5.jpg) 50% 0% no-repeat; background-size: cover; position: relative;}
#section1 .bg .tit{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-shadow: 0 1px 2px rgba(0,0,0,.6);}
#section1 .bg .tit h3{ color: #fff; font-size: 16px; font-family: 'BookkMyungjo-Lt'; text-align: center;}
#section1 .bg .tit h2{ color: #fff; margin-top: 20px; text-align: center; font-family: 'BookkMyungjo-Lt'; font-weight: 500; font-size: 50px; letter-spacing: 4px; }

#section2 .title_con { margin-bottom: 100px; }

/* travel-lst */
.travel-lst{ width: 100%; margin: 0 auto; }
.travel-lst .travel-con{ display: flex; justify-content: space-between; margin-bottom: 80px; }
.travel-lst .travel-con:nth-child(even){ flex-direction: row-reverse; }
.travel-lst .travel-con .travel-img{ width: 50%; height: 468px; background-color: darkseagreen; }
.travel-lst .travel-con:nth-child(1) .travel-img{background: url(../img/sub5/1.jpg) no-repeat center/cover;}
.travel-lst .travel-con:nth-child(2) .travel-img{background: url(../img/sub5/2.jpg) no-repeat center/cover;}
.travel-lst .travel-con:nth-child(3) .travel-img{background: url(../img/sub5/3.jpg) no-repeat center/cover;}
.travel-lst .travel-con:nth-child(4) .travel-img{background: url(../img/sub5/4.jpg) no-repeat center/cover;}
.travel-lst .travel-con:nth-child(5) .travel-img{background: url(../img/sub5/5.jpg) no-repeat center/cover;}
.travel-lst .travel-con:nth-child(6) .travel-img{background: url(../img/sub5/6.jpg) no-repeat center/cover;}
.travel-lst .travel-con:nth-child(7) .travel-img{background: url(../img/sub5/7.jpg) no-repeat center/cover;}
.travel-lst .travel-con:nth-child(8) .travel-img{background: url(../img/sub5/8.jpg) no-repeat center/cover;}
.travel-lst .travel-con:nth-child(9) .travel-img{background: url(../img/sub5/9.jpg) no-repeat center/cover;}
.travel-lst .travel-con:nth-child(10) .travel-img{background: url(../img/sub5/10.jpg) no-repeat center/cover;}


.travel-lst .travel-con .travel-txt{ width: 50%; margin-left: 50px; position: relative;}
.travel-lst .travel-con:nth-child(even) .travel-txt{ margin-left: 0; margin-right: 50px;}
.travel-lst .travel-con .travel-txt p{ font-size: 14px; }
.travel-lst .travel-con .travel-txt p:nth-child(1){ position: absolute; top: 50px; left: 0px;}
.travel-lst .travel-con .travel-txt p:nth-child(2){ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.travel-lst .travel-con .travel-txt p:nth-child(2) span{ display: block;}
.travel-lst .travel-con .travel-txt p:nth-child(2) span.txt-tit{ font-size: 24px; margin-bottom: 30px; }
.travel-lst .travel-con .travel-txt p:nth-child(3){ position: absolute; bottom: 0; right: 0;}

/* ---------------------------------------------반응형---------------------------------------------------------- */
@media all and (max-width: 1400px){
    .travel-lst{ width: 95%; }
}

@media all and (max-width: 1024px){
    #section2 .title_con { margin-bottom: 50px; }
    .travel-lst{ width: 100%; }
}

@media all and (max-width: 768px){
    .travel-lst .travel-con,
    .travel-lst .travel-con:nth-child(even){ flex-direction: column;}
    .travel-lst .travel-con .travel-img{ width: 100%;}
    .travel-lst .travel-con .travel-txt{ width: 100%; margin-left: 0;}
    .travel-lst .travel-con .travel-txt p:nth-child(1){ position: static; margin-top: 30px; margin-bottom: 8px;}
    .travel-lst .travel-con .travel-txt p:nth-child(2){ position: static;transform: none;}
    .travel-lst .travel-con .travel-txt p:nth-child(3){ position: static; float: right; margin-top: 30px;}
}

@media screen and (min-width:1px) and (max-width: 500px) { 
    .travel-lst .travel-con .travel-img { height: auto; aspect-ratio: 4/3; }
}