.width_con{width: 100%; box-sizing: border-box; /*padding: 0 30px;*/ position: relative; }
.padding_con{padding-top: 120px; padding-bottom: 120px;}

/*main-bn*/
#main-bn{ width:100%; height: 60vh; background: url(../img/main/image4.jpg) 50% 45% no-repeat; background-size: cover; position: relative; top:30px; z-index:-1; margin-bottom:120px; }

#travel{ width:75%; margin:0 auto; }
#travel .travel-in{ width:100%;  }
#travel .travel-in .travel-in-lst{ width:100%;  display: flex; justify-content: center; flex-direction: column;}
#travel .travel-in .travel-in-lst .travel-con{ width:100%; display:flex; justify-content:center; margin-bottom:80px; }
#travel .travel-in .travel-in-lst .travel-con .travel-img{ width:50%; aspect-ratio: 4/3;}
#travel .travel-in .travel-in-lst .travel-con .travel-img img{ width: 100%; aspect-ratio: 4/3;}
#travel .travel-in .travel-in-lst .travel-con .travel-txt{ width:50%; border-top: 2px solid #f4bca4; border-bottom: 2px solid #f4bca4; padding: 50px 30px; margin-left: 30px;}
#travel .travel-in .travel-in-lst .travel-con .travel-txt h2{  font-size: 24px; font-weight: 700; color: #9c958b; margin-bottom: 20px;}
#travel .travel-in .travel-in-lst .travel-con .travel-txt h3{  font-size: 14px; font-weight: 400; color: #9c958b; margin-bottom: 20px;}
#travel .travel-in .travel-in-lst .travel-con .travel-txt p{  font-size: 14px; font-weight: 300; color: #747474; margin-bottom: 20px; line-height: 20px;}

#travel .travel-in .travel-in-lst .travel-con2{ width:100%; display:flex; justify-content:center; margin-bottom:80px; }
#travel .travel-in .travel-in-lst .travel-con2 .travel-img{ width:50%; aspect-ratio: 4/3;}
#travel .travel-in .travel-in-lst .travel-con2 .travel-img img{ width:100%; aspect-ratio: 4/3;}
#travel .travel-in .travel-in-lst .travel-con2 .travel-txt{ width:50%; border-top: 2px solid #f4bca4; border-bottom: 2px solid #f4bca4; padding: 50px 30px; margin-right: 30px;}
#travel .travel-in .travel-in-lst .travel-con2 .travel-txt h2{ font-size: 24px; font-weight: 700; color: #9c958b; margin-bottom: 20px;}
#travel .travel-in .travel-in-lst .travel-con2 .travel-txt h3{ font-size: 14px; font-weight: 400; color: #9c958b; margin-bottom: 20px;}
#travel .travel-in .travel-in-lst .travel-con2 .travel-txt p{ font-size: 14px; font-weight: 300; color: #747474; margin-bottom: 20px; line-height: 20px;}

footer .flex_con:after{ bottom:-40px; }


@media screen and (max-width: 1440px){
}
@media screen and (max-width: 1200px){
    
}
@media screen and (max-width: 1024px){
    #travel{ width: 100%;}
    #contents_01 .width_con .inner .title_con{display: flex;flex-wrap: wrap; align-items: center; align-content:flex-end; width:100%; opacity: 1; padding:0; margin-bottom:40px;}
    #contents_01 .width_con .inner .sub3_sec1_swiper{width:100%; cursor: grab;}
    
    #sub3_swiper .sub3_img_swiper{height: 540px;}
    #contents_03 .width_con{height: 400px; }
    #sub3_swiper .swiper-arrow{ width: 80%; }
    
    #travel .travel-in .travel-in-lst .travel-con .travel-txt h2{ font-size: 18px;}
	#travel .travel-in .travel-in-lst .travel-con .travel-txt h3{ font-size: 12px;}
	#travel .travel-in .travel-in-lst .travel-con .travel-txt p{ font-size: 12px; line-height: 16px;}

	#travel .travel-in .travel-in-lst .travel-con2 .travel-txt h2{ font-size: 18px;}
	#travel .travel-in .travel-in-lst .travel-con2 .travel-txt h3{ font-size: 12px;}
	#travel .travel-in .travel-in-lst .travel-con2 .travel-txt p{ font-size: 12px; line-height:16px; }
}
@media screen and (max-width: 786px){
    #contents_01 .width_con .inner .title_con{ margin-bottom:30px;}
    #sub3_swiper .sub3_img_swiper{height: 440px;}
    #contents_03 .width_con{height: 340px; }
    #sub3_swiper .swiper-arrow{ width: 100%; top:100%;}
    #sub3_swiper .sub3_text_swiper .swiper-arrow .sub3_next, #sub3_swiper .sub3_text_swiper .swiper-arrow .sub3_prev{ top:-36px;}
    .swiper-pagination{top:14px !important;}

    #contents_02.section_02{ margin-bottom:0px; }
    
    #travel{ width:100%; }
	#travel .travel-in .travel-in-lst .travel-con{ flex-direction:column; margin-bottom: 50px; }
	#travel .travel-in .travel-in-lst .travel-con2{ flex-direction:column-reverse; margin-bottom: 50px;}
	#travel .travel-in .travel-in-lst .travel-con .travel-txt{ width:100%; height: auto; margin-left: 0; margin-top: 30px; padding: 30px 0px;}
	#travel .travel-in .travel-in-lst .travel-con2 .travel-txt{ width:100%; height: auto; margin-left: 0; margin-top: 30px; padding: 30px 0px;}

    #travel .travel-in .travel-in-lst .travel-con .travel-img{ width: 100%; aspect-ratio: 4 / 3;}
    #travel .travel-in .travel-in-lst .travel-con2 .travel-img{ width: 100%; aspect-ratio: 4 / 3;}
	#travel .travel-in .travel-in-lst .travel-con .travel-img img{ width: 100%; aspect-ratio: 4 / 3;}
	#travel .travel-in .travel-in-lst .travel-con2 .travel-img img{ width: 100%; aspect-ratio: 4 / 3;}
}
@media screen and (max-width: 520px){
    
    #sub3_swiper .sub3_img_swiper{height: 300px;}
}