.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 .main-swiper .swiper-slide.img1{ background:url(../img/sub3/1/image1.jpg); background-size:cover; background-position:center; display:block; }
#main-bn .main-swiper .swiper-slide.img2{ background:url(../img/sub3/1/image2.jpg); background-size:cover; background-position:center; display:block; }
#main-bn .main-swiper .swiper-slide.img3{ background:url(../img/sub3/1/image3.jpg); background-size:cover; background-position:center; display:block; }
#main-bn .main-swiper .swiper-slide.img4{ background:url(../img/sub3/1/image4.jpg); background-size:cover; background-position:center; display:block; }


#contents_01 .width_con.padding_con{padding-bottom:0;}
#contents_01 .width_con .inner{display: flex;flex-wrap: wrap; justify-content: flex-end;}
#contents_01 .width_con .inner .title_con{display: flex;flex-wrap: wrap; align-items: center; align-content:flex-end; width:66%; opacity: 1; padding:0 20px;}
#contents_01 .width_con .inner .title_con h4{width: 100%; margin-bottom: 10px;}
#contents_01 .width_con .inner .title_con .img_con{width: 100%; margin-top: 30px;}
#contents_01 .width_con .inner .title_con .img_con{width: 100%; aspect-ratio: 16/4.8; background:url(../img/sub3/1/image1.jpg) no-repeat 50% 30%/cover;}
#contents_01 .width_con .inner .sub3_sec1_swiper{width:28%; cursor: grab;}
#contents_01 .width_con .inner .sub3_sec1_swiper .swiper-slide{width: 100%; aspect-ratio: 7/9;}
#contents_01 .width_con .inner .sub3_sec1_swiper .img1{ background:url(../img/sub3/1/image1.jpg) 50% no-repeat; background-size: cover;}
#contents_01 .width_con .inner .sub3_sec1_swiper .img2{ background:url(../img/sub3/1/image2.jpg) 50% no-repeat; background-size: cover;}
#contents_01 .width_con .inner .sub3_sec1_swiper .img3{ background:url(../img/sub3/1/image3.jpg) 50% no-repeat; background-size: cover;}
#contents_01 .width_con .inner .sub3_sec1_swiper .img4{ background:url(../img/sub3/1/image4.jpg) 50% no-repeat; background-size: cover;}

#contents_01 .width_con .inner .sub3_sec1_swiper .swiper-pagination{ top:-40px !important; left:50% !important; transform: translateX(-50%) !important; transform-origin: center !important;}
.swiper-pagination .swiper-pagination-bullet{width: 10px; height: 10px; margin:0 6px !important;}
.swiper-pagination .swiper-pagination-bullet-active{background:#f08e65 !important;}

#contents_01 .width_con .inner .title_con h2{ font-family: 'Cormorant Garamond', serif; font-size: 36px; margin-bottom: 40px; letter-spacing: 4px; width: fit-content; }
#contents_01 .width_con .inner .title_con h2::after{ content:''; display:block; width:calc(100% + 10px); background-color:#f08e65; height:2px; margin-top: 20px;}
/*#contents_01 .width_con .inner .title_con h2::after{ content: ''; position: absolute; bottom: -14px; left: 0; width: calc(100% + 100px); background-color: #f08e65; height: 2px; }*/

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


@media screen and (max-width: 1440px){
    #sub3_swiper .sub3_img_swiper{height: 440px;}
}
@media screen and (max-width: 1200px){
    
    #sub3_swiper .sub3_img_swiper{height: 640px;}
    #contents_03 .width_con{height: 460px; }
    #sub3_swiper .swiper-arrow{ width: 66%; }
}
@media screen and (max-width: 1024px){
    #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;}

    #contents_01 .width_con .inner .title_con .img_con{ display: none;}
    #contents_01 .width_con .inner .sub3_sec1_swiper .swiper-slide{ aspect-ratio: 16 / 9;}
    
    #sub3_swiper .sub3_img_swiper{height: 540px;}
    #contents_03 .width_con{height: 400px; }
    #sub3_swiper .swiper-arrow{ width: 80%; }
}
@media screen and (max-width: 786px){
    #main-bn .main-swiper{ height:40vh; }
    #main-bn .main-bn-txt p{font-size: 20px;}
    #contents_01 .width_con .inner .title_con{ margin-bottom:30px;}
    *>h2{font-size: 30px !important;}
    #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;}
    .swiper-button-next, .swiper-button-prev{display: none !important;}
    #contents_02.section_02{ margin-bottom:0px; }
}
@media screen and (max-width: 520px){
    #contents_01 .width_con .inner .title_con .img_con{ display: block;}

    #sub3_swiper .sub3_img_swiper{height: 300px;}
}

@media screen and (max-width: 480px){
    
    #contents_01 .width_con .inner .title_con h2::after{ width: calc(100%); }
}