@charset "utf-8";

.p80{ padding: 60px 0; position: relative;}

/*main banner*/
.main-bn-swip .s1{background-image:url(../img/sub1/image1.jpg);}
.main-bn-swip .s2{background-image:url(../img/sub1/image2.jpg);}
.main-bn-swip .s3{background-image:url(../img/sub1/image3.jpg);}
.main-bn-swip .s4{background-image:url(../img/sub1/image4.jpg);}
.main-bn-swip .s5{background-image:url(../img/sub1/image5.jpg);}
.main-bn-swip .s6{background-image:url(../img/sub1/image6.jpg);}
.main-bn-swip .s7{background-image:url(../img/sub1/image7.jpg);}
.main-bn-swip .s8{background-image:url(../img/sub1/image8.jpg);}
.main-bn-swip .s9{background-image:url(../img/sub1/image9.jpg);}
.main-bn-swip .s10{background-image:url(../img/sub1/image10.jpg);}
.main-bn-swip .s11{background-image:url(../img/sub1/image11.jpg);}
.main-bn-swip .s12{background-image:url(../img/sub1/image12.jpg);}

/*intro*/
.intro .intro_in{display: flex; justify-content: space-between; margin-bottom: 40px; }
.intro .intro_in .left{width: 50%; max-width: 30%; }
.intro .intro_in .right{width: 50%; max-width: 30%;}
.intro .intro_in .left .img_con{width: 100%; position:relative; aspect-ratio:320 / 427; background:url(../img/sub1/image2.jpg) 50% no-repeat; background-size:cover;}
.intro .intro_in .right .img_con{width: 100%; position:relative; aspect-ratio:320 / 427; background:url(../img/sub1/image3.jpg) 50% no-repeat; background-size:cover;}
.intro .intro_in .center{ text-align: right; position:relative;display: flex; flex-direction: column; justify-content: center; width: 35%;}
.intro .intro_in .center h5{font-family: 'ELAND_Choice_M';  color:#333; font-size: 14px; line-height: 1.5em;}
.intro .intro_in .center h3{font-family: 'EBSHMJESaeronRA'; color:#333; font-size: 45px; line-height: 1.5em; margin-bottom: 48px;}
.intro .intro_in .center p{font-family: 'ELAND_Choice_L'; font-size: 14px; color:#888; line-height: 1.5em;}
.intro .intro_in .center .btn{ margin-top: 60px;}
.intro .full_img .img_con{width:100%; background:url(../img/sub1/image4.jpg) 50% no-repeat; aspect-ratio:1400 / 560; background-size:cover; }


/************************반응형****************************/
@media screen and (min-width:1px) and (max-width:1280px){
    .intro .intro_in .left{width: 27%; max-width: none; }
    .intro .intro_in .right{width: 27%; max-width: none; }
    .intro .intro_in .center{ width: 40% }

}

@media screen and (min-width:1px) and (max-width:1024px){
    .intro .intro_in{margin-bottom:2%;}
    .intro .intro_in{display: flex; justify-content: space-between; flex-wrap: wrap}
    .intro .intro_in .left{width: 49%; order:1; padding: 0;}
    .intro .intro_in .right{width: 49%; order:2; padding: 0;}
    .intro .intro_in .center{ width: 100%; margin:0 0 40px; order:0; text-align: left;}
    .intro .intro_in .center p{ font-size: 14px;}
    .intro .intro_in .center h3{font-size: 45px; margin-bottom: 30px;}


    

}
@media screen and (min-width:1px) and (max-width:768px){
    .intro .intro_in .center{ margin:0 0 60px; }
    .intro .intro_in .center p{font-size: 13px;}
    .intro .intro_in .center h3{font-size: 36px; margin-bottom: 20px;}
}

@media screen and (min-width:1px) and (max-width:520px){
    .p80{ padding: 40px; }
    .intro .intro_in .center{ margin:0 0 40px; }
    /* .intro .intro_in .center p{font-size: 0.625rem;} */
    .intro .intro_in .center h3{font-size: 32px; }
}