File name
Commit message
Commit date
File name
Commit message
Commit date
File name
Commit message
Commit date
File name
Commit message
Commit date
File name
Commit message
Commit date
File name
Commit message
Commit date
@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;}
}