@charset "utf-8";
#resTxtBtn a{ background: #2E3A3E;}

#mainBn{ width: calc( 100% - 160px); height: auto; position: relative; margin: 100px auto; padding: 0 0px;}
#mainBn #mainWrap{ padding: 0 30px;}
#mainWrap h2{ font-family: "Vollkorn", serif; font-size: 3.5rem; line-height: 1.5em; }
#mainWrap h3{ font-size: 1rem; line-height: 1.5em; }

/* travelLst */
#travelLst{ margin: 0 auto 100px; padding: 0 30px; display: flex; justify-content: center; flex-direction: column; gap: 30px 0;}
#travelLst .travelConWrap{ display: flex; justify-content: space-between; align-items: center; gap: 0 20px;}
#travelLst .travelConWrap:nth-child(even){ flex-direction: row-reverse;}
.travelConWrap .travelImgCon{ width: 50%; aspect-ratio: 4/3; background: #2E3A3E;}
.travelConWrap .travelImgCon.ti1{ background: url(../img/sub6/image1.jpg) no-repeat center/cover;}
.travelConWrap .travelImgCon.ti2{ background: url(../img/sub6/image2.jpg) no-repeat center/cover;}
.travelConWrap .travelImgCon.ti3{ background: url(../img/sub6/image3.jpg) no-repeat center/cover;}
.travelConWrap .travelImgCon.ti4{ background: url(../img/sub6/image4.jpg) no-repeat center/cover;}
.travelConWrap .travelImgCon.ti5{ background: url(../img/sub6/image5.jpg) no-repeat center/cover;}
.travelConWrap .travelImgCon.ti6{ background: url(../img/sub6/image6.jpg) no-repeat center/cover;}
.travelConWrap .travelImgCon.ti7{ background: url(../img/sub6/image7.jpg) no-repeat center/cover;}
.travelConWrap .travelImgCon.ti8{ background: url(../img/sub6/image8.jpg) no-repeat center/cover;}
.travelConWrap .travelImgCon.ti9{ background: url(../img/sub6/image9.jpg) no-repeat center/cover;}
.travelConWrap .travelImgCon.ti10{ background: url(../img/sub6/image10.jpg) no-repeat center/cover;}
.travelConWrap .travelImgCon.ti11{ background: url(../img/sub6/image11.jpg) no-repeat center/cover;}
.travelConWrap .travelImgCon.ti12{ background: url(../img/sub6/image12.jpg) no-repeat center/cover;}
.travelConWrap .travelTxtCon{ width: 50%; display: flex; justify-content: center; align-items: center; flex-direction: column; }
.travelTxtCon .travelTit{ margin-bottom: 30px;}
.travelTit h3{ font-family: 'Pretendard Variable'; font-weight: 600; text-align: center; font-size: 1.5rem; margin-bottom: 10px;}
.travelTit h4{ font-size: 1rem; text-align: center;}
.travelTxt p{ width: 80%; text-align: center; font-size: 1rem; margin: 0 auto;}

/* 반응형 */
@media all and (max-width: 1024px){
    .travelTxt p{ width: 90%;}
}
@media all and (max-width: 768px){
    #mainBn{ margin: 60px auto;}
    #travelLst .travelConWrap{ flex-direction: column; gap: 30px 0;}
    #travelLst .travelConWrap:nth-child(even){ flex-direction: column;}
    .travelConWrap .travelImgCon{ width: 100%;}
    .travelConWrap .travelTxtCon{ width: 100%;}
    .travelTxt p{ width: 95%;}
}
@media all and (max-width: 520px){
    #mainBn{ width: calc(100% - 120px); margin: 80px auto 30px;}
    #mainWrap h2{ font-size: 1.875rem; line-height: 1.5em;}
    #mainBn #mainWrap{ padding: 0 10px;}

    #travelLst{ margin: 0 auto 60px; padding: 0 10px;}
    .travelTxtCon .travelTit{ margin-bottom: 15px;}
    .travelTit h3{ font-size: 1.25rem; margin-bottom: 0;}
    .travelTit h4{ font-size: 0.875rem;}
    .travelTxt p{ font-size: 0.875rem; text-align: left;}
}