@charset "utf-8";

/* 팝업 */
.popup_layer_wrap{
    border-radius: 20px;
    overflow: hidden;
}
.popup_layer{
    width: max-content;
    flex-direction: column;
}
.popup_layer .popup_view{
    width: auto;
}
.popup_layer .popup_tabs{
    width: auto;
    display: flex;
}
.popup_layer .popup_tabs .popup_tab{
    color: #fff;
    text-shadow: none;
    padding: 0.5vw 0;

}
.popup_layer .popup_tabs .popup_tab.active{
    color: #fff;
    text-shadow: none;
}
.popup_layer .popup_view .popup_img_pc > img{
    display: block;
}
@media screen and (max-width:500px) {
    .popup_layer .popup_view .popup_img_mo{
        height: 90vw;
    }
    .popup_layer .popup_view .popup_cont .popup_img_mo > img{
        width: 100%;
        height: 100%;
    }
    .popup_layer .popup_tabs{
        width: 100%;
    }
    .popup_layer .popup_tabs .popup_tab{
        padding: 10px 0;
        font-size: 3vw;
    }
    .popup_layer .popup_tabs .popup_tab.active{
        padding: 10px 0;
    }
    .layer_close{
        padding: 5px 10px;
    }
    .layer_close > li{
        font-size: 14px;
    }
}
/* 팝업 */



/* main_visual */
.main_visual_swiper .state{
    cursor: pointer;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: 2px solid #153F91;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 99999;
    opacity: 0.3;
}
.main_visual_swiper .state.on{
    opacity: 1;
}
.main_visual_swiper .state figure{
    width: 30px;
    height: 30px;
}
.main_visual_swiper .state figure:nth-child(2){
    display: none;
}
.main_visual_swiper .state.on figure:nth-child(1){
    display: none;
}
.main_visual_swiper .state.on figure:nth-child(2){
    display: block;

}
.main_visual_swiper .state figure img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.main_visual.mobile{
    display: none;
}
.main_visual{
    width: 100%;
    height: 50vw;
    position: relative;
}
.main_visual .main_visual_swiper{
    width: 100%;
    height: 100%;
    
}
.main_visual .main_visual_swiper .swiper-wrapper{
    width: 100%;
    height: 100%;
}
.main_visual .main_visual_swiper .swiper-wrapper .swiper-slide{
    width: 100%;
    height: 100%;
    position: relative;
    padding-left: 15.5vw;
    display: flex;
    align-items: center;
}
.main_visual .main_visual_swiper .swiper-wrapper .swiper-slide > .bg{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
}
.main_visual .main_visual_swiper .swiper-wrapper .swiper-slide >.bg figure{
    width: 100%;
    height: 100%;
}
.main_visual .main_visual_swiper .swiper-wrapper .swiper-slide> .bg figure img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.main_visual .main_visual_swiper .swiper-wrapper .swiper-slide .text{
    z-index: 3;
}
.main_visual .main_visual_swiper .swiper-wrapper .swiper-slide .text > span{
    font-size: 1.03vw;
}
.main_visual .main_visual_swiper .swiper-wrapper .swiper-slide .text h1{
    color: #153F91;
    font-weight: 700;
    font-size: 2.60vw;
    margin-top: 1vw;
}
.main_visual .main_visual_swiper .swiper-wrapper .swiper-slide .text h1:nth-child(1){
    color: #000;
}
.main_visual .main_visual_swiper .swiper-wrapper .swiper-slide .text h1 span{
    font-weight: 700;
    color: #1191D0;
}

.main_visual .main_visual_swiper .swiper-wrapper .swiper-slide .text p{
    font-size: 1.04vw;
    line-height: 2;
    color: #000;
    margin-top: 3vw;
}
.main_visual .main_visual_swiper .swiper-wrapper .swiper-slide.slide2 .inner{
    width: 82%;
    position: relative;
}
.main_visual .main_visual_swiper .swiper-wrapper .swiper-slide.slide2 .inner h1{
    font-weight: 700;
    font-size: 2.60vw;
    line-height: 1.3;
    margin-bottom: 1vw;
    text-align: center;
    color: #fff;
}
.main_visual .main_visual_swiper .swiper-wrapper .swiper-slide.slide2 .inner h1 span{
    font-size: 3vw;
}
.main_visual .main_visual_swiper .swiper-wrapper .swiper-slide.slide2 .inner .cont{
    width: 100%;
    display: flex;
    justify-content: space-between;
}
.main_visual .main_visual_swiper .swiper-wrapper .swiper-slide.slide2 .inner .cont .box{
    width: 22.55vw;
    height: 21.77vw;
    display: flex;
    justify-content: center;
    padding-top: 2.60vw;
    position: relative;
    
}
.main_visual .main_visual_swiper .swiper-wrapper .swiper-slide.slide2 .inner .cont .box .bg{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;

}
.main_visual .main_visual_swiper .swiper-wrapper .swiper-slide.slide2 .inner .cont .box .bg figure{
    width: 100%;
    height: 100%;
}
.main_visual .main_visual_swiper .swiper-wrapper .swiper-slide.slide2 .inner .cont .box .bg figure img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.main_visual .main_visual_swiper .swiper-wrapper .swiper-slide.slide2 .inner .cont .box .text{
    text-align: center;
}
.main_visual .main_visual_swiper .swiper-wrapper .swiper-slide.slide2 .inner .cont .box .text p{
    font-size: 2.08vw;
    font-weight: 700;
    margin-bottom: 2.08vw;
    color: #fff;
    margin-top: 0;
    line-height: normal;
}
.main_visual .main_visual_swiper .swiper-wrapper .swiper-slide.slide2 .inner .cont .box .text h1{
    font-size: 2.60vw;
    font-weight: 700;
    margin: 0;
}
.main_visual .main_visual_swiper .swiper-wrapper .swiper-slide.slide2 a{
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 1vw;
    width: 15.625vw;
    height: 2.60vw;
    border: 1px solid #fff;
    font-size: 1.04vw;
    font-weight: 700;
    bottom: 4vw;
    left: 50%;
    transform: translateX(-50%);
    color: #fff;
    border-radius: 10px;
    font-family: 'jalnan';
    transition: 0.5s;
}
.main_visual .main_visual_swiper .swiper-wrapper .swiper-slide.slide2 a:hover{
    background-color: #e8f7fc31;
}
.main_visual .main_visual_swiper .swiper-wrapper .swiper-slide.slide3 a:hover{
    background-color: #e8f7fc31;
}
.main_visual .main_visual_swiper .swiper-wrapper .swiper-slide.slide4 a:hover{
    background-color: #e8f7fc31;
}
.main_visual .main_visual_swiper .swiper-wrapper .swiper-slide.slide3 .cont{
    width: 100%;
    position: relative;
    display: flex;
    justify-content: space-between;
    padding-right: 5vw;
    height: 30vw;
}
.main_visual .main_visual_swiper .swiper-wrapper .swiper-slide.slide3 .cont .left{
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.main_visual .main_visual_swiper .swiper-wrapper .swiper-slide.slide3 .cont .left .text h1{
    line-height: 1.5;
}
.main_visual .main_visual_swiper .swiper-wrapper .swiper-slide.slide3 .cont .right{
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.main_visual .main_visual_swiper .swiper-wrapper .swiper-slide.slide3 .cont .right li{
    display: flex;
    align-items: center;
}
.main_visual .main_visual_swiper .swiper-wrapper .swiper-slide.slide3 .cont .right li figure{
    width: 3.17vw;
    height: 4.63vw;
    margin-right: 2vw;
}
.main_visual .main_visual_swiper .swiper-wrapper .swiper-slide.slide3 .cont .right li figure img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.main_visual .main_visual_swiper .swiper-wrapper .swiper-slide.slide3 .cont .right li h1{
    font-size: 2.08vw;
    font-weight: 700;
}
.main_visual .main_visual_swiper .swiper-wrapper .swiper-slide.slide3 .cont .right li h1 span{
    font-size: 2.60vw;
    color: #153F91;
}

.main_visual .main_visual_swiper .swiper-wrapper .swiper-slide.slide3 a{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 1vw;
    width: 15.625vw;
    height: 2.60vw;
    border: 1px solid #1191D0;
    font-size: 1.04vw;
    font-weight: 700;
    color: #1191D0;
    border-radius: 10px;
    font-family: 'jalnan';
    transition: 0.5s;
}
.main_visual .main_visual_swiper .swiper-wrapper .swiper-slide.slide4 .text{
    position: relative;
    height: 30vw;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.main_visual .main_visual_swiper .swiper-wrapper .swiper-slide.slide4 .text h1{
    color: #fff;
    line-height: 1.5;
    font-weight: 700;
}
.main_visual .main_visual_swiper .swiper-wrapper .swiper-slide.slide4 .text h1 span{
    color: #0CEBEB;
    margin: 0;
}
.main_visual .main_visual_swiper .swiper-wrapper .swiper-slide.slide4 .text p{
    margin-bottom: 5vw;
    color: #fff;
    margin: 0;
}







.main_visual .main_visual_swiper .swiper-wrapper .swiper-slide.slide4 a{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 1vw;
    width: 15.625vw;
    height: 2.60vw;
    border: 1px solid #fff;
    font-size: 1.04vw;
    font-weight: 700;
    color: #fff;
    border-radius: 10px;
    font-family: 'jalnan';
    transition: 0.5s;


}
.main_visual .main_visual_swiper .swiper-wrapper .swiper-slide:nth-child(2) a figure{
    height: 0.9895vw;
    width: 0.46875vw;
}
.main_visual .main_visual_swiper .swiper-wrapper .swiper-slide:nth-child(2) a figure img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.main_visual .swiper-horizontal>.swiper-pagination-bullets, .main_visual .swiper-pagination-bullets.swiper-pagination-horizontal, .main_visual .swiper-pagination-custom, .main_visual .swiper-pagination-fraction{
    top: unset;
    bottom: 5vw;
    width: auto;
    left: 15.5vw;
    display: flex;
}
.main_visual .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .main_visual .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{
    width: 30px;
    margin: 0;
    height: 30px;
    margin-right: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: none;
    border: 1px solid #000;
    opacity: 1;
}
.main_visual .swiper-pagination-bullet-active{
    background: #153F91 !important;
    color: #fff;
    border: none !important;
}
/* main_visual */

/* main_quick */
.main_quick{
    width: 7.81vw;
    height: 39.94vw;
    position: absolute;
    top: 6.45vw;
    left: 20px;
    border-radius: 2.34vw;
    box-shadow: 0 0 10px 1px #00000059;
    background-color: #fff;
    z-index: 5;
}
.main_quick ul {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    padding: 2.08vw 0;
    
}
.main_quick ul li{
    width: 100%;
}
.main_quick ul li a{
    font-family: 'jalnan';
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.main_quick ul li a:hover figure{
    transform: scale(1.1);
}
.main_quick ul li a figure{
    height: 2.65vw;
    margin-bottom: 0.62vw;
    transition: 0.5s;
}
.main_quick ul li a figure img{
    height: 100%;
    object-fit: cover;
}
/* main_quick */



/* section1 */
.section1.mobile{
    display: none;
}

.section1{
    width: 100%;
    padding: 5.20vw 0;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.section1 .title{
    width: 100%;
    text-align: center;
}
.section1 .title p{
    letter-spacing: 0.1vw;
    font-size: 1.14vw;
    color: #999;

}
.section1 .title h1{
    font-family: 'jalnan';

    letter-spacing: 0.16vw;
    font-size: 1.66vw;
    color: #153F91;
    font-weight: 700;
    margin-top: 1.04vw;
    display: flex;
    justify-content: center;
}
.section1 .title h1 span{
    color: #1191D0;
}
.section1 .title h1 p{
    color: #000;
    font-size: 1.66vw;
}
.section1 .bg_fix{
    width: 100%;
    height: 27.5vw;
    background-image: url('/img/interior_sec03_img19.jpg');
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: 100%, 100%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 3vw 0;
    border-radius: 20px;

}
.section1 .bg_fix .box:nth-child(1){
    position: absolute;
    top: 0;
    right: 0;
    width: 48vw;
    height: 3.12vw;
    background-color: #fff;
    border-radius: 0 0 0 20px;
}
.section1 .bg_fix .box:nth-child(2){
    position: absolute;
    bottom: 0;
    left: 0;
    width: 48vw;
    height: 3.12vw;
    background-color: #fff;
    border-radius: 0 20px 0 0;
}
.section1 .bg_fix p{
    font-size: 1.45vw;
    color: #fff;
    font-weight: 700;
    letter-spacing: 1.6vw;
}
.section1 > a{
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 10.41vw;
    height: 2.34vw;
    border: 1px solid #153F91;
    padding: 0 1.2vw;
    color: #153F91;
    border-radius: 10px;
}
.section1 > a span{
    font-family: 'jalnan';
    font-size: 1.04vw;
}
.section1 > a:hover figure{
    transform: translateX(0.5vw);
}
.section1 > a figure{
    transition: 0.5s;
    width: 0.52vw;
}
.section1 > a figure img{
    width: 100%;
    object-fit: cover;
}
/* section1 */


/* section2 */
.section2{
    width: 100%;
    padding: 5.20vw 0;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.section2 .title p {
    font-size: 1.45vw;
    color: #153F91;
    text-align: center;
}
.section2 .title p span{
    color: #1191D0;
}
.section2 .title h1 {
    font-family: 'jalnan';

    font-weight: 700;
    font-size: 1.66vw;
    padding: 1.04vw 0 2.60vw;
    position: relative;
    color: #153F91;
    margin-bottom: 2.60vw;
}
.section2 .title h1::after{
    content: "";
    position: absolute;
    width: 7.29vw;
    height: 1px;
    background: #1191D0;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}
.section2 .cont{
    width: 68.80vw;
    height: 28.02vw;
    display: flex;
    justify-content: space-between;
}
.section2 .cont .box{
    border-radius: 20px;
    width: 11.19vw;
    border: 1px solid #1191D0;
    padding: 2.34vw 1.04vw 0 2.08vw;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.section2 .cont .box h1{
    font-family: 'jalnan';

    font-size: 2.34vw;
    font-weight: 900;
    color: #153F91;
    writing-mode: vertical-lr;
    letter-spacing: 0;
}
.section2 .cont .box:nth-child(6){
    border: 1px solid #fb9a00cc;
}
.section2 .cont .box:nth-child(6) h1{
    color: #fb9a00cc;
}
.section2 .cont .box:nth-child(6) .art .circle{
    background-color: #fbb64785;
}
.section2 .cont .box > figure{
    width: 2.60vw;
    height: 2.60vw;
    transition: 1s;
}
.section2 .cont .box:hover >figure{
    transform: rotate(360deg);
}
.section2 .cont .box > figure img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.section2 .cont .box .art{
    position: relative;
}
.section2 .cont .box .art figure img{
    width: 100%;
    object-fit: cover;
}
.section2 .cont .box:hover .art .circle{
    transform: scale(1.1);
}
.section2 .cont .box .art .circle{
    position: absolute;
    top: 0;
    left: 0;
    width: 6.25vw;
    height: 6.25vw;
    border-radius: 50%;
    transition: 1s;
    background-color: #00afaf7d;
    z-index: -1;
}
.section2 .cont .box:nth-child(1) .art figure{
    width: 7.96vw;
}
.section2 .cont .box:nth-child(2) .art figure{
    width: 7.23vw;
}
.section2 .cont .box:nth-child(3) .art figure{
    width: 8.07vw;

}
.section2 .cont .box:nth-child(4) .art figure{
    width: 8.80vw;
}
.section2 .cont .box:nth-child(5) .art figure{
    width: 6.51vw;
}
.section2 .cont .box:nth-child(6) .art figure{
    width: 7.76vw;
}
/* section2 */



/* section3 */
.section3.mobile{
    display: none;
}
.section3{
    position: relative;
}
.section3 .bg{
    width: 100%;
    height: 50vw;
}
.section3 .bg figure{
    width: 100%;
    height: 100%;
}
.section3 .bg figure img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.section3 .inner{
    width: 68.80vw;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
}
.section3 .inner > .up{
    width: 100%;
    display: flex;
    justify-content: space-between;
    height: 21.09vw;
    margin-bottom: 1.56vw;
}
.section3 .inner > .up > a{
    display: block;
    width: 16.19vw;
    height: 100%;
    border-radius: 10px;
    overflow: hidden;
}
.section3 .inner > .up .box01 figure{
    width: 100%;
    height: 100%;
}
.section3 .inner > .up .box01 figure img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.section3 .inner > .up .box02{
    width: 16.19vw;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.section3 .inner > .up .box02 .info{
    border-radius: 10px;
    width: 100%;
    height: 12.5vw;
    border: 1px solid #d6d6d6;
    display: flex;
    flex-direction: column;
    padding: 2vw 1vw;
}
.section3 .inner > .up .box02 .info p{
    font-family: 'jalnan';
    font-size: 1.30vw;
    font-weight: 700;
}
.section3 .inner > .up .box02 .info span{
    font-size: 0.93vw;
    color: #797979;
    margin-top: 0.8vw;
    position: relative;
    padding-bottom: 1.04vw;
    margin-bottom: 1.58vw;

}
.section3 .inner > .up .box02 .info span::after{
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #d9d9d9;
}
.section3 .inner > .up .box02 .info .line{
    width: 100%;
    height: 1px;
    background-color: #d9d9d9;
    margin: 1.04vw 0 1.5vw;
}
.section3 .inner > .up .box02 .info a{
    font-size: 2.08vw;
    font-weight: 800;
    color: #153F91;
}
.section3 .inner > .up .box02 .link{
    width: 100%;
    height: 8.07vw;
    display: flex;
    justify-content: space-between;
}
.section3 .inner > .up .box02 .link a{
    width: calc(100% / 2);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.section3 .inner > .up .box02 .link a:nth-child(1){
    border-radius: 10px 0 0 10px;
    border: 1px solid #153F91;
}
.section3 .inner > .up .box02 .link a:nth-child(2){
    border: 1px solid #00AFAF;
    border-radius: 0 10px 10px 0 ;

}
.section3 .inner > .up .box02 .link a:nth-child(1) span{
    color: #153F91;
}
.section3 .inner > .up .box02 .link a:nth-child(2) span{
    color: #00AFAF;
}
.section3 .inner > .up .box02 .link a figure{
    width: 3.125vw;
    margin-bottom: 0.625vw;
}
.section3 .inner > .up .box02 .link a figure img{
    width: 100%;
    object-fit: cover;
}
.section3 .inner > .up .box02 .link a span{
    font-size: 1.04vw;
    font-family: 'jalnan';
}
.section3 .inner .section3_swiper{
    border-radius: 10px;
    width: 100%;
    height: 20.47vw;
}
.section3 .inner .section3_swiper .swiper-wrapper{
    width: 100%;
    height: 100%;
}
.section3 .inner .section3_swiper .swiper-wrapper .swiper-slide{
    width: 100%;
    height: 100%;
}
.section3 .inner .section3_swiper .swiper-wrapper .swiper-slide figure{
    width: 100%;
    height: 100%;
}
.section3 .inner .section3_swiper .swiper-wrapper .swiper-slide figure img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.section3 .swiper-button-next, .section3 .swiper-button-prev{
    color: #fff;
}
.section3 .swiper-pagination-bullet{
    background-color: #fff;
    opacity: 1;
    width: 0.62vw;
    height: 0.625vw;
}
.section3 .swiper-pagination-bullet-active{
    background-color: #153F91;
}
/* section3 */



/* section4 */
.section4.mobile{
    display: none;
}
.section4 .title{
    margin: 0 auto;
    width: 85.93vw;
    height: 13.02vw;
    background-color: #153F91;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: #fff;
    border-radius: 2.08vw;
}
.section4 .title figure{
    position: absolute;
    top: 0;
    left: 7.03vw;
    height: 100%;
}
.section4 .title figure img{
    height: 100%;
    object-fit: cover;
}
.section4 .title h1{
    font-family: 'jalnan';
    font-size: 2.34vw;
    font-weight: 700;
}
.section4 .title p{
    font-size: 1.56vw;
    letter-spacing: 0.15vw;
    margin-top: 1.04vw;
}
.section4 .title > span{
    width: max-content;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 1.56vw;
    letter-spacing: 1.26vw;
    color: #ffffff3a;
    font-weight: 700;
}
.section4 .section4_swiper{
    width: 50.16vw;
    margin-top: 3.12vw;
    display: flex;
    justify-content: center;
    position: relative;
}
.section4 .section4_swiper .swiper-wrapper{
    width: 100%;
    height: 31.25vw;
}
.section4 .section4_swiper .swiper-wrapper .swiper-slide{
    width: 100%;
    display: flex;
    height: 100%;
    opacity: 0 !important;
}
.section4 .section4_swiper .swiper-wrapper .swiper-slide.swiper-slide-active{
    opacity: 1 !important;
}
.section4 .section4_swiper .swiper-wrapper .swiper-slide > div{

    height: 100%;
    position: relative;
}
.section4 .section4_swiper .swiper-wrapper .swiper-slide .left{
    border-radius: 20px;
    overflow: hidden;
    width: 35%;
}
.section4 .section4_swiper .swiper-wrapper .swiper-slide .left figure{
    width: 100%;
    height: 100%;
}
.section4 .section4_swiper .swiper-wrapper .swiper-slide .left figure img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.section4 .section4_swiper .swiper-wrapper .swiper-slide .right{
    padding: 0 0 0 3.64vw;
    width: 65%;
    display: flex;
    flex-direction: column;
    justify-content: center;

}
.section4 .section4_swiper .swiper-wrapper .swiper-slide .right h1{
    font-size: 2vw;   
    font-weight: 700;
    display: flex;
    align-items: flex-end;
    margin-bottom: 1.5vw;
}
.section4 .section4_swiper .swiper-wrapper .swiper-slide .right h1 p{

}
.section4 .section4_swiper .swiper-wrapper .swiper-slide .right h1 span{
    font-size: 1.52vw;   
    color: #153F91;
    margin: 0 0.5vw;
}
.section4 .section4_swiper .swiper-wrapper .swiper-slide .right h1 p{
    font-size: 1.3vw;
    color: #787878;
    font-weight: 500;
}
.section4 .section4_swiper .swiper-wrapper .swiper-slide .right ul li{
    font-size: 1.26vw;
    margin-bottom: 0.78vw;
}
.section4 .swiper-button-next, .section4 .swiper-button-prev{
    width: calc(100% / 2);
    height: 2.5vw;
    position: static;
    border: 1px solid #b9b9b9;
    margin: 0;
}
.section4 .swiper-button-next:after, .section4 .swiper-button-prev:after{
    font-size: 1.04vw;
    color: #b9b9b9;
}
.section4 .btn{
    position: absolute;
    bottom: 0;
    right: 5vw;
    display: flex;
    width: 4.68vw;
    height: 2.54vw;
}
.section4 .section4_swiper > a {
    border-radius: 10px;
    font-family: 'jalnan';
    position: absolute;
    left: 21vw;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 10.41vw;
    height: 2.34vw;
    z-index: 2;
    border: 1px solid #153F91;
    font-size: 1.04vw;
    color: #153F91;
}
/* section4 */

/* section5 */
.section5{
    margin-top: 13.51vw;
}
.section5 .title{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.section5 .title p{
    font-size: 1.30vw;
    letter-spacing: 1.30vw;
    font-weight: 600;
    color: #153F91;
}
.section5 .title p span{
    color: #00AFAF;
}
.section5 .title > span{
    display: block;
    width: 100%;
    text-align: center;
    font-size: 2.08vw;
    font-weight: 600;
    color: #153F91;
    margin: 1.04vw 0;
    position: relative;
}
.section5 .title > span::before{
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 7.03vw;
    width: 32.81vw;
    height: 2px;
    background-color: #153F91;
}
.section5 .title > span::after{
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 7.03vw;
    width: 32.81vw;
    height: 2px;
    background-color: #153F91;

}
.section5 .title h1{
    font-family: 'jalnan';
    position: relative;
    font-size: 2.60vw;
    font-weight: 600;
    padding-bottom: 1.56vw;
    margin-bottom: 2.08vw;
}
.section5 .title h1::after{
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 15.10vw;
    height: 1px;
    background-color: #d9d9d9;
}
.section5 .section5_swiper{
    width: 85.39vw;
    height: 31.25vw;
    margin-bottom: 2.08vw;
    position: relative;
}
.section5 .section5_swiper .swiper-wrapper{
    width: 100%;
    height: 100%;
}
.section5 .section5_swiper .swiper-wrapper .swiper-slide{
    width: 100%;
    height: 100%;
    opacity: 0 !important;
}
.section5 .section5_swiper .swiper-wrapper .swiper-slide figure{
    width: 100%;
    height: 100%;
}
.section5 .section5_swiper .swiper-wrapper .swiper-slide figure img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.section5 .section5_swiper .swiper-wrapper .swiper-slide.swiper-slide-active{
    opacity: 1 !important;
}
.section5 .swiper-pagination{
    position: static;
    margin-bottom: 10vw;
}
.section5 .swiper-pagination-bullet{
    width: 1.04vw;
    height: 1.04vw;
    margin: 0 0.3vw !important;
}
.section5 .swiper-pagination-bullet-active{
    background-color: #153F91;
}
.section5 .swiper-button-next:after, .section5 .swiper-button-prev:after{
    color: #fff;
}
/* section5 */





/* 반응형 */
@media screen and (max-width:500px) {



    /* main_visual */
    .main_visual.pc{
        display: none;
    }
    .main_visual.mobile{
        height: 180vw;
        display: block;
    }
    .main_visual .main_visual_swiper .swiper-wrapper .swiper-slide{
        align-items: flex-start;
        padding: 0;
        justify-content: center;
    }
    .main_visual .main_visual_swiper .swiper-wrapper .swiper-slide .text{
        margin-top: 100px;
        text-align: center;
    }
    .main_visual .main_visual_swiper .swiper-wrapper .swiper-slide .text > span{
        font-size: 5vw;
        color: #fff;
        font-weight: 600;
    }
    .main_visual .main_visual_swiper .swiper-wrapper .swiper-slide .text h1{
        font-size: 10vw;
        margin: 2.5vw 0 10vw 0;
    }
    .main_visual .main_visual_swiper .swiper-wrapper .swiper-slide .text h1 span{
        color: #1191D0;
    }
    .main_visual .main_visual_swiper .swiper-wrapper .swiper-slide .text p{
        font-size: 4vw;
        color: #000;
        font-weight: 700;
    }
    .main_visual .main_visual_swiper .swiper-wrapper .swiper-slide.slide2 a{
        position: absolute;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 0 3vw;
        width: 45vw;
        height: 9vw;
        border-radius: 50px;
        border: 1px solid #fff;
        font-size: 3.6vw;
        font-weight: 700;
        bottom: 60px;
        left: 50%;
        transform: translateX(-50%);
        color: #fff;
    }
    .main_visual .main_visual_swiper .swiper-wrapper .swiper-slide.slide3 a{
        position: absolute;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 0 3vw;
        width: 45vw;
        height: 9vw;
        border-radius: 50px;
        border: 1px solid #fff;
        font-size: 3.6vw;
        font-weight: 700;
        bottom: 60px;
        left: 50%;
        transform: translateX(-50%);
        color: #fff;
    }
    .main_visual .main_visual_swiper .swiper-wrapper .swiper-slide.slide4 a{
        position: absolute;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 0 3vw;
        width: 45vw;
        height: 9vw;
        border-radius: 50px;
        border: 1px solid #1191D0;
        font-size: 3.6vw;
        font-weight: 700;
        bottom: 60px;
        left: 50%;
        transform: translateX(-50%);
        color: #1191D0;
    }
    .main_visual .main_visual_swiper .swiper-wrapper .swiper-slide a figure{
        width: 1.8vw !important;
        height: 3.8vw !important;
    }
    .main_visual .main_visual_swiper .swiper-wrapper .swiper-slide a figure img{
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .main_quick{
        display: none;
    }
    .main_visual .swiper-horizontal>.swiper-pagination-bullets, .main_visual .swiper-pagination-bullets.swiper-pagination-horizontal, .main_visual .swiper-pagination-custom, .main_visual .swiper-pagination-fraction{
        left: 50%;
        transform: translateX(-50%);
    }
    .main_visual .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .main_visual .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{
        width: 8vw;
        height: 8vw;
        border: 1px solid #fff;
        color: #fff;
        font-size: 3vw;
        margin-right: 3vw;
    }
    .main_visual .swiper-pagination-bullet-active{
        background: #1191D0 !important;
        color: #fff;
        border: none !important;
    }
    /* main_visual */
    
    /* section1 */
    .section1.pc{
        display: none;
    }
    .section1.mobile{
        display: flex;
    }
    .section1{
        padding: 100px 0;
    }
    .section1 .title p{
        font-size: 4.4vw;
    }
    .section1 .title h1{
        font-size: 6.4vw;
        margin: 4vw 0 10vw;

    }
    .section1 .title h1 p{
        font-size: 6.4vw;
    }
    .section1 .bg_fix{
        width: 100%;
        height: 80vw;
        margin: 0;
        margin-bottom: 5vw;
        background-attachment: local;
        background-image: url('/img/mo_sec01_bg.png');
        background-size: auto;
        background-position: center;
    }
    .section1 .bg_fix .box:nth-child(1){
        height: 60px;
        top: -10px;
    }
    .section1 .bg_fix .box:nth-child(2){
        height: 60px;
        bottom: -10px;
    }
    .section1 .bg_fix p{
        font-size: 2.45vw;
        letter-spacing: 1.9vw;
    }
    .section1 > a{
        width: 22.41vw;
        height: 5.34vw;
        padding: 0 3vw;
    }
    .section1 > a figure{
        width: 1.52vw
    }
    .section1 > a:hover figure{
        transform: none;
    }
    .section1 > a span{
        font-size: 2.54vw;
    }
    /* section1 */



    /* section2 */
    .section2{
        padding: 100px 0;
    }
    .section2 .title p{
        font-size: 5.6vw;
    }
    .section2 .title h1{
        font-size: 6.4vw;
        padding-bottom: 8vw;
        margin: 4vw 0 10vw;
    }
    .section2 .title h1::after{
        width: 50%;
    }
    .section2 .cont{
        display: block;
        width: 100%;
        padding: 0 20px;
        height: max-content;
    }
    .section2 .cont .box{
        width: 100%;
        height: 30vw;
        margin-bottom: 10px;
        padding: 0;
        position: relative;
        overflow: hidden;
    }
    .section2 .cont .box:last-child{
        margin-bottom: 0;
    }
    .section2 .cont .box > figure{
        position: absolute;
        bottom: 4vw;
        left: 4vw;
        width: 10vw;
        height: 10vw;
    }
    .section2 .cont .box:hover >figure{
        transform: none;
    }
    .section2 .cont .box h1{
        writing-mode:unset;
        letter-spacing: 0;
        margin: 4vw 4vw 0;
        font-size: 6vw;
    }
    .section2 .cont .box:nth-child(1) .art figure{
        padding: 2vw 4vw 0 0;
        width: 27.96vw;
    }
    .section2 .cont .box:hover .art .circle{
        transform: none;
    }
    .section2 .cont .box:nth-child(2) .art figure{
        width: 24vw;
        margin: 2vw 10vw 0 0;
    }
    .section2 .cont .box:nth-child(3) .art figure{
        width: 24vw;
        margin: 2vw 8vw 0 0;
    }
    .section2 .cont .box:nth-child(4) .art figure{
        width: 31vw;
        margin: 2vw 4vw 0 0;
    }
    .section2 .cont .box:nth-child(5) .art figure{
        width: 18vw;
        margin: 2vw 10vw 0 0
    }
    .section2 .cont .box:nth-child(6) .art figure{
        width: 26vw;
        margin: 2vw 4vw 0 0;
    }
    .section2 .cont .box .art .circle{
        width: 21.25vw;
        height: 21.25vw;
    }
    /* section2 */
    

    /* section3 */
    .section3.pc{
        display: none;
    }
    .section3.mobile{
        display: block;
    }
    .section3{
        height: max-content;
        padding: 100px 0;
    }
    .section3 .bg{
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
    }
    .section3 .inner{
        width: calc(100% - 40px);
        margin: 0 auto;
        padding: 0;
        position: relative;
        transform: none;
        top: unset;
        left: unset;
    }
    .section3 .inner > .up > a:nth-child(2){
        display: none;
    }
    .section3 .inner > .up > a:nth-child(3){
        display: none;
    }
    .section3 .inner > .up{
        height: max-content;
        margin-bottom: 3.56vw;

    }
    .section3 .inner > .up .box01{
        width: calc(100% / 2 - 1vw);
        height: 100%;
        display: none;
    }
    .section3 .inner > .up .box01 figure{
        width: 100%;
        height: 100%;
    }
    .section3 .inner > .up .box02{
        width: 100%;
    }
    .section3 .inner > .up .box02 .link{
        height: 24.5vw;
    }
    .section3 .inner > .up .box02 .link a figure{
        width: 11.125vw;
        margin-bottom: 2.625vw;
    }
    .section3 .inner > .up .box02 .link a span{
        font-size: 3.04vw;
    }
    .section3 .inner > .up .box02 .info{
        height: max-content;
        padding: 4vw 3vw;
        margin-bottom: 3.56vw;
    }
    .section3 .inner > .up .box02 .info p{
        font-size: 5.3vw;
    }
    .section3 .inner > .up .box02 .info span{
        font-size: 3.5vw;
        line-height: 1.5;
        color: #797979;
        margin-top: 2.8vw;
        position: relative;
        padding-bottom: 4.04vw;
        margin-bottom: 4.58vw;
    }
    .section3 .inner > .up .box02 .info a{
        font-size: 7.08vw;
    }
    .section3 .inner .section3_swiper{
        height: calc(100vw - 40px);
    }
    .section3 .swiper-pagination-bullet{
        width: 2.62vw;
        height: 2.625vw;
    }
    .swiper-button-next:after, .swiper-button-prev:after{
        font-size: 5vw;
    }
    /* section3 */



    /* section4 */
    .section4.pc{
        display: none;
    }
    .section4.mobile{
        display: block;
    }
    .section4{
        background-color: #F3FDFF;
        padding: 100px 0;
    }
    .section4 .title{
        height: auto;
        background: none;

    }
    .section4 .title span{
        position: static;
    }

    .section4 .title p:nth-child(1){
        font-size: 2vw;
        color: #153F91;
        letter-spacing: 1.82vw;
        font-weight: 900;
        opacity: 0.5;
        margin-top: 0;
        display: flex;
    }
    .section4 .title p:nth-child(1) span{
        color: #1191D0;
        font-size: 2vw;
        letter-spacing: 1.82vw;
        font-weight: 900;
        transform: none;

    }
    .section4 .title h1{
        font-size: 6vw;
        font-weight: 700;
        color: #153F91;
        margin: 4vw 0;
    }
    .section4 .title h1 span{
        color: #1191D0;
        font-size: 6vw;
        font-weight: 700;
        letter-spacing: 0;

    }
    .section4 .title p:last-child{
        font-size: 4vw;
        margin-top: 0;
        margin-bottom: 14vw;
        color: #000;
    }
    .section4 .cont{
        padding: 0 20px;
    }
    .section4 .cont .box{
        width: 100%;
        height: calc(100vw - 40px);
        position: relative;
        margin-bottom: 10vw;
        overflow: hidden;
        border-radius: 20px;
    }
    .section4 .cont .box:last-child{
        margin-bottom: 0;
    }
    .section4 .cont .box .bg{
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
    .section4 .cont .box .bg::after{
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: #00000048;
    }
    .section4 .cont .box .bg figure{
        width: 100%;
        height: 100%;
    }
    .section4 .cont .box .bg figure img{
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .section4 .cont .box .text{
        width: max-content;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        color: #fff;
        text-align: right;
        display: flex;
        flex-direction: column;
        align-items: flex-end;    
    }
    .section4 .cont .box .text > span{
        font-size: 4vw;
    }
    .section4 .cont .box .text > h1{
        font-size: 7vw;
        margin: 2vw 0 4vw;
        letter-spacing: 1.2vw;
        font-weight: 700;
        line-height: normal;
    }
    .section4 .cont .box .text > ul {
        margin-bottom: 5vw;
    }
    .section4 .cont .box .text > ul li{
        font-size: 3.2vw;
        margin-bottom: 1.5vw;
        font-weight: 500;
        line-height: normal;
    }
    .section4 .cont .box .text > ul li:last-child{
        margin-bottom: 0;
    }
    .section4 .cont .box .text > a{
        width: 30vw;
        height: 8vw;
        display: flex;
        justify-content: space-between;
        align-items: center;
        font-size: 3.2vw;
        padding: 0 2vw;
        border: 1px solid #fff;
        border-radius: 40px;
        background-color: #fff;
        color: #153F91;
        font-family: 'jalnan';

    }
    /* section4 */


    /* section5 */
    .section5{
        padding: 100px 0;
        margin: 0;
    }
    .section5 .title{
        width: 100%;
    }
    .section5 .title p{
        display: none;
    }
    .section5 .title > span{
        font-size: 5vw;
        margin-bottom: 4vw;
        margin-top: 0;
    }
    .section5 .title > span::after{
        width: 25vw;
        transform: none;
        top: unset;
        bottom: -2vw;
        right: 20px;
    }
    .section5 .title > span::before{
        width: 25vw;
        transform: none;
        top: unset;
        bottom: -2vw;
        left: 20px;
    }
    .section5 .section5_swiper{
        width: calc(100vw - 40px);
        height: calc(100vw - 40px);
        border-radius: 40px;
    }

    .section5 .title h1{
        font-size: 6vw;
        margin-bottom: 10vw;
        padding-bottom: 10vw;
    }
    .section5 .title h1::after{
        width: 20vw;
    }
    .section5 .swiper-pagination-bullet{
        width: 3.04vw;
        height: 3.04vw;
        margin: 0 1vw !important;
    }
    .section5 .swiper-pagination{
        margin-bottom: 0;
        margin-top: 6vw;
    }
    /* section5 */


}
/* 반응형 */