@charset "utf-8";

/* 메인비주얼 */
.main_visual{position:relative;width:100%;height:100%;left:0;top:0;z-index:1;}
.main_visual .visual_slide{position:fixed;width:100%;height:100vh;z-index:-1;}
.main_visual .visual_slide a:first-child{background:url(../images/main/visual01.jpg);}
.main_visual .visual_slide a:nth-child(2){background:url(../images/main/visual02.jpg);}
.main_visual .visual_slide a:nth-child(3){background:url(../images/main/visual03.jpg);}
.main_visual .slide_pagination{margin:108px 0 0 0;}
.main_visual .swiper-pagination-bullet{width:85px;height:5px;border-radius:0;background:#fff;}
.main_visual .swiper-pagination-bullet-active{background:var(--accent-color);}

.main .contents{width:100%;padding:180px 0 0 0;z-index:1;}
.container.main .inner{display:flex;margin:0 auto 80px auto;gap:60px;align-items:center;}
.main .text_area{width:60%;word-break:break-all;}
.main .text_area .title{font-family:var(--secondary-title-font);font-size:80px;font-weight:bold;color:#fff;line-height:1.2;}
.main .text_area .line{display:block;color:transparent;-webkit-text-stroke: 1px #fff;}
.main .text_area .summary{display:block;font-size:32px;font-weight:400;color:#fff;line-height:1.5;text-shadow:0 0 4px rgba(0,0,0,0.5);margin:20px 0 0 0;}
.main .box_contents{display:flex;width:calc(100% - 700px);flex-direction:column;gap:32px;}
.main .box_contents .box{width:100%;color:#fff;padding:40px 60px;border-radius:40px;background-size:auto 100%;box-sizing:border-box;transition:all 0.3s ease-in-out;}
.main .box_contents .box .title{font-family:var(--secondary-title-font);font-size:32px;font-weight:bold;letter-spacing:1px;}
.main .box_contents .box .summary{display:block;font-size:16px;font-weight:400;margin:12px 0 0 0;opacity:0.6;word-break:keep-all;}

.main .purple{background:#5F48B0 url(../images/main/box_purple.png) no-repeat top right;background-blend-mode:overlay;}
.main .purple:hover{background:#523ba3 url(../images/main/box_purple.png) no-repeat top right;background-size:auto 100%;}
.main .blue{background:#3B5BB0 url(../images/main/box_blue.png) no-repeat top right;background-blend-mode:overlay;}
.main .blue:hover{background:#2c4998 url(../images/main/box_blue.png) no-repeat top right;background-size:auto 100%;}
.main .skyblue{background:#3BA0CC url(../images/main/box_skyblue.png) no-repeat top right;background-blend-mode:luminosity;}
.main .skyblue:hover{background:#2f8db6 url(../images/main/box_skyblue.png) no-repeat top right;background-size:auto 100%;}
/* //메인비주얼 */

.main+.footer{margin:80px 0 0 0;z-index:1;}


@media (max-width: 1400px) {
  /* 메인비주얼 */
  .main .text_area .title{font-size:60px;}
  .main .text_area .summary{font-size:24px;}
  .main_visual .slide_pagination{margin:50px 0 0 0;}

  .main .box_contents{width:calc(100% - 440px);}
  .main .box_contents .box{padding:30px 40px;border-radius:20px;}
  /* .main .box_contents .box .title{font-size:24px;} */
}

@media (max-width: 1280px){
  
  .main .inner{flex-direction:column;}
  .main .contents{padding:200px 0 0 0;}
  .main .text_area, .main .box_contents{width:100%;}

  .main_visual .visual_slide{height:100%;}
  .main .contents{position:relative;left:auto;top:auto;transform:none;}
}

@media (max-width: 640px){

  .main .contents{padding:160px 0 0 0;}

  .main_visual .slide_pagination{margin:20px 0 0 0;}

  .main .text_area .title{font-size:40px;}
  .main .text_area .summary{font-size:20px;}
  .main .text_area .summary br{display:none;}

  .main .box_contents .box .title{font-size:20px;}
  .main .box_contents .box .summary{margin:4px 0 0 0;}
}