@import url(//fonts.googleapis.com/earlyaccess/nanummyeongjo.css);
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css');

.mainWrap *{
    line-height: 100%;
    letter-spacing: -1px;
}

.disN{
	display:none;
}
.slick-slide img{
    width:100%;
}
.mainWrap{
    /* overflow: hidden; */
    width: 100%;
}

/*another*/
#header{
    background: rgba(28,30,29,0.5);
    opacity: 0;
    animation: fadeIn 1s 1s forwards;
}
.header_m{
	background: rgba(28,30,29,0.5);
}
#quick{
}
#quick .list_wrap{
	/* opacity:0;
	animation: fadeIn 1s 4s forwards; */
}
#quick .list_wrap .list_con.btn{
    opacity: 1;
    animation: none;
}
#quick .scroll{
    opacity: 0;
    animation: fadeInUp 1s 2.5s forwards;
}

/*popup_delay*/
[data-aos][data-aos][data-aos-delay='6000'].aos-animate, 
body[data-aos-delay='6000'] [data-aos].aos-animate {
	transition-delay: 6s;
}
.quickWrap_m .list_wrap {
	display: flex;
    flex-direction: column;
}

.mainVisual {
    width: calc(100% - 100px);
    position: relative;
    height: 100vh;
    display: flex;
    align-items: flex-start;
    overflow: hidden;
    justify-content: center;
    position: relative;
	z-index:1;
}
/* @keyframes mainVisual{
	to{
		width:calc(100% - 100px);
	}
} */
.mainVisual .content{
    position: relative;
    display: flex;
    height: 100%;
    width:100%;
}
.mainVisual .mainSlider {
	 position: relative;
	height: 100%;
    width:100%;
}
.mainVisual .slideCon{
    position: relative;
    overflow: hidden;
    justify-content: center;
    display: flex;
    align-items: center;
}
.mainVisual .mainSlider .slick-list,
.mainVisual .mainSlider.slick-slider,
.mainVisual .mainSlider .slick-track{
	height: 100%;
	clear:both;
}
.mainVisual .mainSlider .slideCon {
	width:100%;
	height: 100%;
}
.mainVisual .slideCon01 .content{
	justify-content: center;
    align-items: flex-start;
}
.mainVisual .slideCon01 .content .bg{
	height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
	 font-family: 'Pretendard';
	 background: url(../images/mainVisual2_img.jpg?v=1) center center / cover no-repeat;
}
.mainVisual .slideCon01.slick-active.--realshow_2dp .content .bg {
	opacity:0;
	animation: main2 1.5s forwards;
}
.mainVisual .slideCon01 .content .bg_back{
    width: 100%;
	height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
	background: url(../images/mainVisual2_img_back.jpg?v=1) center center / cover no-repeat;
	
}
.mainVisual .slideCon01.slick-active.--realshow_2dp .content .bg_back {
	transform: scale(1.1);
	animation: mainback 1.5s forwards;
}
.mainVisual .slideCon01 .content .bg2{
	height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 4;
	background: url(../images/mainVisual2_img_02.jpg?v=2) center bottom / cover no-repeat;
	opacity:0;
}
.mainVisual .slideCon01.slick-active.--realshow_2dp .content .bg2{
	animation:fadeIn 1.5s 3s forwards;
}
.mainVisual .slideCon01 .content .bg3{
	height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 5;
	background: url(../images/mainVisual2_img_03.jpg?v=2) center bottom / cover no-repeat;
	opacity:0;
}
.mainVisual .slideCon01.slick-active.--realshow_2dp .content .bg3{
	animation:fadeIn 1s 5s forwards;
}

.mainVisual .slideCon01 .text {
	position: absolute;
	right: 20%;
	bottom: 35%;
	z-index: 10;
	width: 30%;
}
.mainVisual .slideCon01.slick-active.--realshow_2dp .text{
	animation:mainVisual_slideCon01_text 1s 4.5s forwards
}
@keyframes mainVisual_slideCon01_text{
	0%{
		right:20%;
		opacity:1;
	}
	33%{
		right: 20%;
		opacity:0;
	}
	66%{
		right: 55%;
		opacity:0;
	}
	100%{
		right:55%;
		opacity:1;
	}
}
.mainVisual .slideCon01 .slogan {
	width: 60%;
}
.mainVisual .slideCon01.slick-active.--realshow_2dp .slogan{
	width: 60%;
	opacity: 0;
	transform:  translateY(20%);
	animation: slogan_ani 1s 1.5s forwards;
}
.mainVisual .slideCon01 .slogan img {width:100%;}

.mainVisual .slideCon01 .main_txt {
	 margin-top: 6%;
    margin-left: 16%;
}
.mainVisual .slideCon01.slick-active.--realshow_2dp .main_txt {
	  transform: scale(1.2);
	  opacity:0;
	animation: main_txt 1s 2s forwards;
    margin-top: 6%;
    margin-left: 16%;
}

.main_txt {}

@keyframes mainback{
    0%{
        transform: scale(1.1);
    }
	50%{
    }
    80%{
        transform: scale(1);
		 opacity:1;
    }
	90%{
        opacity:0.3;
		transform: scale(1);
    }
	100%{
		opacity:0;
		transform: scale(1);
    }
}

@keyframes main2{
    0%{
	   	opacity:0;
    }
	100%{
		opacity:1;
    }
}

@keyframes slogan_ani{
    0%{
		transform:  translateY(20%);
	   	opacity:0;
    }
	100%{
		transform:  translateY(0);
		opacity:1;
    }
}
@keyframes main_txt{
    0%{
	  opacity:0;
	   transform: scale(1.2);
    }
	100%{
	  opacity:1;
		transform: scale(1);
    }
}




.mainVisual .slideCon {
	width:100%;
	height:100%;
	position:relative;
}
.mainVisual .slideCon .bg{
	position: absolute;
    left: 0;
    top: 0;
	width:100%;
	height:100vh;
}
.mainVisual .slideCon02 .bg {
	background: url(../images/re_mainVisual_02_img.jpg?v=10) center center / cover no-repeat;
}
.mainVisual .slideCon03 .bg {
	background: url(../images/re_mainVisual_03_img.jpg?v=10) center center / cover no-repeat;
}
.mainVisual .slideCon04 .bg {
	background: url(../images/mainVisual03_img2.jpg?v=10) center center / cover no-repeat;
}
.mainVisual .slideCon05 .bg {
	background: url(../images/mainVisual04_img3.jpg?v=10) center center / cover no-repeat;
}

.mainVisual .slideCon .slideBox {
	/* display: flex; */
	width: 100%;
	/* position: relative; */
	height: 100vh;
	/* justify-content: center; */
	/* align-items: center; */
}
.mainVisual .slideCon .subText {
	opacity:0;
}

.mainVisual .slideCon .subImage {
	opacity:0;
	transform: translateY(30%);
	filter: drop-shadow(5px 7px 8px #0000006e);
	
}
.mainVisual .slideCon.slick-active .subText {
	animation: fadeIn 1s  1s forwards;
	position: absolute;
	
}
.mainVisual .slideCon.slick-active .subImage {
	animation: prsub 1s 1.45s forwards;
	position: absolute;
}
.mainVisual .slideCon.slick-active .bg{
    animation: fadeIn 1.5s forwards;
}

.mainVisual .slideCon02 .subText,
.mainVisual .slideCon04 .subText
{
    top: 30%;
    left: 22%;
}
.mainVisual .slideCon03 .subText,
.mainVisual .slideCon05 .subText 
{
    top: 34%;
    right: 22%;
}
.mainVisual .slideCon05 .subText {
	right: 20%;
}

.mainVisual .slideCon02 .subImage,
.mainVisual .slideCon04 .subImage
{
   top: 32%;
   right: 18%;
}
.mainVisual .slideCon03 .subImage,
.mainVisual .slideCon05 .subImage 
{
	 top: 33%;
	 left: 20%;
}
@keyframes prbg{
    0%{
        background: transparent;
    }
    100%{
        background: #00000066;
    }
}
@keyframes prsub{
    0%{
        opacity:0;
		transform: translateY(30%);
    }
    100%{
        opacity:1;
		transform: translateY(0);
    }
}




.mainVisual .subSlider.slick-slider{
    position: absolute;
    left:50%;
    transform: translateX(-50%);
    bottom:5%;
    width: calc(150px * 4);
    height: auto;
    z-index: 10;
    opacity: 0;
    animation: fadeIn 1s 2.5s forwards;
}
.mainVisual .subSlider .slideCon{
    width: 220px;
    height: 70px;
    border:6px solid transparent;
    transition: 0.75s all;
    cursor: pointer;
}
.mainVisual .subSlider .slideCon.slick-current {
    border-color: #002d43;
}
.mainVisual .subSlider .slideCon .image{
  
    width: 100%;
    height: 100%;
}
.mainVisual .subSlider .subCon01 .image{
    background: url(../images/mainVisual2_img_mini.jpg?v=2) center top / cover no-repeat;
}
.mainVisual .subSlider .subCon02 .image{
    background: url(../images/re_mainVisual_02_img.jpg?v=6) center top / cover no-repeat;
}
.mainVisual .subSlider .subCon03 .image{
    background: url(../images/re_mainVisual_03_img.jpg?v=6) center top / cover no-repeat;
}
.mainVisual .subSlider .subCon04 .image{
    background: url(../images/mainVisual01_mini2.jpg?v=6) center top / cover no-repeat;
}
.mainVisual .subSlider .subCon05 .image{
    background: url(../images/mainVisual04_mini3.jpg?v=6) center top / cover no-repeat;
}

.mainVisual .mainnotice{
     position: absolute;
    left: 1.5%;
    bottom: 1.5%;
    color: #fff;
    font-weight: 200;
    word-break: keep-all;
    font-size: 13px;
    letter-spacing: -0.5px;
}




/* -----------------mainContent----------------- */
.mainContent{
    text-align: center;
    position: relative;
    background: #fff;
    width: 100%;
	
}

/* -----------------premium----------------- */
.mainContent .premium{
    background: url(../images/premium_back01.jpg?v=4) center center / cover no-repeat;
    width: 100%;
    height: 100%;
    position: relative;
    padding: 18% 0 10%;
}
.mainContent .premium .content{
	/* padding: 20% 0 5%; */
}
.mainContent .premium .content .top {
    position: absolute;
    top: 3%;
    left: 50%;
    transform: translateX(-50%);
}
.mainContent .premium .content .top .title {
	width: 554px;
}
.mainContent .premium .content .top .title img {
	width:100%;
}

.mainContent .premium .content .slideWrap{
	padding: 0% 0 5%;
}
.mainContent .premium .content .slideWrap.slick-slider{
	
}
.mainContent .premium .content .premiumBox{
 /*  display: grid;
  grid-template-columns: 1fr;
  gap: 120px 60px;
  width: 1620px;
   */
 /* padding: 10% auto; */
 padding-top: 6%;
}
.mainContent .premium .content .premiumBox .premiumCon{
    display: flex;
    align-items: center;
    opacity:0;
    margin-bottom: 8%;
}
.mainContent .premium .content .premiumBox .premiumCon.dis_r {
	justify-content: flex-end;
	margin-right: 3%;
}
.mainContent .premium .content .premiumBox .premiumCon.dis_l {
	justify-content: flex-start;
}
.mainContent .premium .content .premiumBox .premiumCon .image{
    filter: drop-shadow(5px 7px 8px #0000006e);
    width: 35%;
}
.mainContent .premium .content .premiumBox .premiumCon .text{
   text-align: left;
   color: #1c2856;
   margin-left: 3%;
}
.mainContent .premium .content .premiumBox .premiumCon .text .line{
   width: 65px;
   height: 5px;
   background: #1c2856;
   margin-bottom: 5px;
}
.mainContent .premium .content .premiumBox .premiumCon .text .sub_title{
   font-size: 20px;
   font-weight: 500;
   margin-bottom: 10%;
}
.mainContent .premium .content .premiumBox .premiumCon .text .title{
   font-size: 40px;
   font-weight: 600;
   margin-bottom: 5%;
}
.mainContent .premium .content .premiumBox .premiumCon .text .expalin{
   color: #6f6f6f;
   font-size: 21px;
   font-weight: 500;
}
.mainContent .premium .content .premiumBox .premiumCon .text .expalin b {
    font-size: 28px;
}
.mainContent .premium .content .premiumBox .premiumCon .text .expalin .con{
   margin-bottom: 2%;
   display: flex;
   align-items: center;
}
.mainContent .premium .content .premiumBox .premiumCon .text .expalin .con:last-child{
    margin-bottom: 0;
 }
 .mainContent .premium .content .premiumBox .premiumCon .text .expalin .txt_r {
 	    flex: 0 0 3%;
 	    display: inline-block;
 }
 .mainContent .premium .content .premiumBox .premiumCon .text .expalin .txt_l {
	    flex: 1 1 auto;
    display: inline-block;
 }
.mainContent .premium .content .premiumBox .premiumCon.txt_right .text .line,
.mainContent .premium .content .premiumBox .premiumCon.txt_right .text {
    text-align: right;
    display: inline-block;
    margin-left: 0;
    margin-right: 3%;
}
 .mainContent .premium .content .slideWrap .slideCon.slick-active .premiumCon:nth-child(1){
    animation: fade_right .75s  .25s forwards;
}
.mainContent .premium .content .slideWrap .slideCon.slick-active .premiumCon:nth-child(2){
    animation: fade_right .75s .5s forwards;
}
.mainContent .premium .content .slideWrap .slideCon.slideCon02.slick-active .premiumCon:nth-child(1){
    animation: fade_right .75s .7s forwards;
}
.mainContent .premium .content .slideWrap .slideCon.slideCon02.slick-active .premiumCon:nth-child(2){
    animation: fade_right .75s  .9s forwards;
}

 .mainContent .premium .content .slideWrap .slideCon.slideCon03.slick-active .premiumCon:nth-child(1){
    animation: fade_right .75s  .25s forwards;
}
.mainContent .premium .content .slideWrap .slideCon.slideCon03.slick-active .premiumCon:nth-child(2){
    animation: fade_right .75s .5s forwards;
}
.mainContent .premium .content .slideWrap .slideCon.slideCon04.slick-active .premiumCon:nth-child(1){
    animation: fade_right .75s .7s forwards;
}
.mainContent .premium .content .slideWrap .slideCon.slideCon04.slick-active .premiumCon:nth-child(2){
    animation: fade_right .75s  .9s forwards;
}

.mainContent .premium .SliderWrap{
    /* display: flex;
    align-items: center;
    width: 50%;
    flex: 0 0 50%; 
    justify-content: center;*/
}
.mainContent .premium .Slider{
   /*  width: 50%;
    flex: 0 0 50%; */
}
.mainContent .premium .slideCon {
    flex-direction: column;
}

.mainContent .premium .arrowWrap {
    
}
.mainContent .premium .arrowWrap .con {
    width: 84px;
    height: 84px;
    cursor: pointer;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    transition: .5s;
    filter: drop-shadow(3px 2px 1.5px #0000006e);
}
.mainContent .premium .arrowWrap .con:hover {
    opacity: .8;
}
.mainContent .premium .arrowWrap .con img {width: 100%;}
.mainContent .premium .arrowWrap .arrow_prev {
    left: 5%;
}
.mainContent .premium .arrowWrap .arrow_next {
    right: 7.5%;
}

/* -----------------contact----------------- */
.mainContent .contact{
    padding: 10% 0;
    background: url(../images/contact_back.jpg) center center / cover no-repeat fixed;
}

.mainContent .contact .wrap{
    display: flex;
    justify-content: center;
}
.mainContent .contact .wrap .text{
    color: #2b2b2b;
    text-align: left;
    margin-right: 5%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: left;
    opacity: 0;
}
.mainContent .contact.aos-animate .wrap .text {
    animation: fadeIn 1s forwards;
}
.mainContent .contact .wrap .text .title {
    font-size: 78px;
    font-weight: 600;
    margin-bottom: 5.5%;
}
.mainContent .contact .wrap .text .slogan {
    font-size: 42px;
}
.mainContent .contact .wrap .text .slogan .bold{
    font-weight: 800;
}
.mainContent .contact .wrap .text .explain {
    margin-top: 20%;
}
.mainContent .contact .wrap .text .explain .line {
    width: 100px;
    height: 8px;
    background: #006aa1;
    margin-bottom: 20px;
}
.mainContent .contact .wrap .text .explain > .con {
    font-size: 26px;
    margin-bottom: 10%;
}
.mainContent .contact .wrap .text .explain .con .color {
    color: #006aa1;
    margin-bottom: 3%;
    font-size: 30px;
    font-weight: 600;
}
.mainContent .contact .wrap .text .explain .num {
    font-size: 70px;
    color: #006aa1;
    font-weight: 600;
}
.mainContent .contact .wrap .image {
    opacity: 0;
}
.mainContent .contact.aos-animate .wrap .image {
    animation: fade_up 1s .5s forwards;
}
/* -----------------animation----------------- */

@keyframes scale-up-ver-center {
    0% {
      -webkit-transform: translate(-50%, -50%) scaleY(0);
              transform: translate(-50%, -50%) scaleY(0);
    }
    25% {
        -webkit-transform: translate(-50%, -50%) scaleY(0);
                transform: translate(-50%, -50%) scaleY(0);
      }
    50% {
      -webkit-transform: translate(-50%, -50%) scaleY(1);
              transform: translate(-50%, -50%) scaleY(1);
              opacity: 1;
    }
    80% {
    -webkit-transform: translate(-50%, -50%) scaleY(1);
            transform: translate(-50%, -50%) scaleY(1);
            opacity: 0;
    }
    95% {
        -webkit-transform: translate(-50%, -50%) scaleY(1);
                transform: translate(-50%, -50%) scaleY(1);
                
        }
    100% {
       opacity: 0;
    }
  }

  @keyframes scale-up-ver-center2 {
    0% {
      -webkit-transform: scaleY(0);
              transform:  scaleY(0);
    }
    25% {
        -webkit-transform:  scaleY(0);
                transform:  scaleY(0);
      }
    50% {
      -webkit-transform:  scaleY(1);
              transform:  scaleY(1);
    }
    85% {
    -webkit-transform:  scaleY(1);
            transform:  scaleY(1);
            
    }
    100% {
        -webkit-transform:  scaleY(1);
                transform:  scaleY(1);
              opacity: 1;
        }
   
  }

  @keyframes slide_up {
    0% {
        height: 100vh;
      }
     50% {
        height: 100vh;
      }
      100% {
        height: 0;
      }
  }
@keyframes fade_up {
    0% {
        opacity: 0;
        transform: translateY(30%);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
  }
  @keyframes fade_right{
    0%{
        transform: translateX(30%);
        opacity: 0;
    }
    100%{
        transform: translateX(0);
        opacity: 1;
    }
}
@keyframes mainVisual_bg{
    0%{
        transform: scale(1.5);
    }
    100%{
        transform: scale(1);
    }
}


/*loader*/
body{
	overflow-x:hidden;
}
.loading{
    width:100%;
    height:100%;
    position:fixed;
    left:0px;
    top:0px;
    background:#fff;
    z-index:1000;
}
.loading img{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
@media(max-width:1080px){
.loader{width:calc(100% - 30px);}
}

.slick-slide img.PC_V{
    display: block;
}
.slick-slide img.MB_V{
    display: none;
}

/*mobile*/
.mobileMain{position:relative;padding-top:75px;}
.MB_V img{width:100%;}

/*responsive*/
@media (max-width:1900px){
	.mainVisual .slideCon01 .content .contentBox .text .explain .txt_bottom .text{
		 font-size: 26px;
	}
}
@media (max-width:1850px){
	.mainContent .premium .content .premiumBox {
    gap: 120px 0px;
    width: 85%;
}
	.mainContent .premium .content .premiumBox .premiumCon .image {
		width: 40%;
	}
	.mainContent .premium .content .premiumBox .premiumCon .text .title {
		font-size: 32px;
	}
	.mainContent .premium .content .premiumBox .premiumCon .text .expalin {
		font-size: 20px;
	}
	.mainContent .premium .content .top {
		top: 3%;
	}
	.mainContent .premium .content .top .title {
		width: 80%;
		margin: 0 auto;
	}
	.mainVisual .slideCon04 .subText {
		left: 10%;
	}
}

@media (max-width:1680px){
    .mainVisual .slideCon01 .content .contentBox .text .slogan {
        font-size: 46px;
    }
    .mainVisual .slideCon01 .content .contentBox .text .explain .txt_bottom .text {
        font-size: 24px;
    }
    .mainVisual .slideCon01 .content .contentBox .image {
        width: 35%;
    }
	.mainContent .premium .content .premiumBox .premiumCon.dis_r {
		margin-right: 0;
	}
	.mainVisual .slideCon02 .subText {
		left: 10%;
	}
	.mainVisual .slideCon03 .subText {
		right: 10%;
	}
	.mainVisual .slideCon04 .subText {
		left: 5%;
	}
	.mainVisual .slideCon04 .subImage {
		right: 14%;
	}
	.mainVisual .slideCon05 .subText {
		right: 15%;
	}
}
@media (max-width:1540px){
    .mainVisual .slideCon01 .content .contentBox .text .explain .txt_bottom .text {
        font-size: 23px;
    }
    .mainVisual .slideCon02 .subText {
        left: 6%;
    }
	.mainVisual .slideCon02 .subImage {
		right: 12%;
	}
	.mainVisual .slideCon04 .subText {
        left: 1%;
    }
	.mainVisual .slideCon04 .subImage {
        right: 10%;
    }
}
@media (max-width:1470px){
    .mainVisual .slideCon01 .content .contentBox .text .slogan {
        font-size: 36px;
    }
    .mainVisual .slideCon01 .content .contentBox .text .explain .txt_bottom .text {
        font-size: 20px;
    }
	.mainContent .contact .wrap .text .title {
	    font-size: 58px;
	
	}
	.mainContent .premium .content .premiumBox {
        width: 80%;
    }
	.mainContent .premium .content .top .title {
		width: 60%;
    }
	.mainContent .premium .content .premiumBox .premiumCon .text .line {
		width: 55px;
		height: 3px;
	}
	.mainContent .premium .content .premiumBox .premiumCon .text .sub_title {
		font-size: 18px;
		font-weight: 500;
		margin-bottom: 10%;
	}
	.mainContent .premium .content .premiumBox .premiumCon .text .expalin {
        font-size: 16px;
    }
	.mainContent .contact .wrap .text .slogan {
		font-size: 32px;
	}
	.mainContent .contact .wrap .image {width:100%;}
	.mainContent .contact .wrap .image img {width:100%;}
	.mainContent .contact .wrap .text .explain .num {
		font-size: 60px;
	}
	
	.mainContent .premium .content .premiumBox .premiumCon .text .title {
        font-size: 24px;
    }
	.mainContent .premium .content .premiumBox .premiumCon .text .expalin b {
		font-size: 18px;
	}
	.mainContent .premium .arrowWrap .con {width:64px;}
	.mainContent .premium .arrowWrap .arrow_prev {
		left: 2.5%;
	}
	.mainContent .premium .arrowWrap .arrow_next {
		right: 9.5%;
	}
	
}
@media (max-width:1080px){
    html,body{
        width:100%;
        height:100%;
    }
    .mainWrap{
        width: 100%;
    }
    .mainWrap img{
        width:100%;
    }
    .slick-slide img.PC_V{
        display: none;
    }
    .slick-slide img.MB_V{
        display: block;
    }

    .mainWrap{
        overflow: hidden;
    }

    .mainVisual{
        width: 100%;
        height: 100vh;
    }

	.mainVisual .content {
		height: 100vh;
        overflow: hidden;
	}
	
	.mainVisual .slideCon01 .content .bg.--front{
		/* background: url(../images/re_mainVisual_01_only.jpg?v=9) center center / cover no-repeat; */

	}
	.mainVisual .slideCon01 .content .bg.--back{
		background: url(../images/re_mainVisual_01_back_m.jpg?v=9) center center / cover no-repeat;
	}

	.mainVisual .slideCon01.slick-active .content .bg {
		background: url(../images/mainVisual2_img_m.jpg?v=1) center center / cover no-repeat;
	}
	.mainVisual .slideCon01.slick-active .content .bg_back {
		background: url(../images/mainVisual2_img_back_m.jpg?v=1) center center / cover no-repeat;
	}
	.mainVisual .slideCon01 .content .bg2{
		background: url(../images/mainVisual2_img_02_m.jpg?v=2) center bottom / cover no-repeat;
	}
	.mainVisual .slideCon01 .content .bg3{
		background: url(../images/mainVisual2_img_03_m.jpg?v=2) center bottom / cover no-repeat;
	}
	.mainVisual .slideCon01 .text{
		padding-top:25vh;
	}
	.mainVisual .slideCon01 .text .slogan{
		font-size:24px;
	}
	.mainVisual .slideCon01 .text .logo{
		width:30%;
	}
    .mainVisual .slideCon01 .text {
        padding-top: 0px;
        width: 50%;
        bottom: auto;
        top: 12.5%;
        left: 50%;
        right: auto;
        transform: translateX(-50%);
    }
	.mainVisual .slideCon01.slick-active.--realshow_2dp .text{
		animation:none;
	}
	.mainVisual .slideCon01 .text .slogan {
        width: 80%;
    }
	.mainVisual .slideCon01.slick-active .main_txt {
        margin-left: 0px;
    }


.mainVisual .slideCon02 .subText, .mainVisual .slideCon04 .subText{    margin-right: 9%;}

.mainVisual .slideCon02 .bg{background: url(../images/re_mainVisual_02_img_m.jpg?v=9) center center / cover no-repeat;}
.mainVisual .slideCon03 .bg{background: url(../images/re_mainVisual_03_img_m.jpg?v=9) center center / cover no-repeat;}
.mainVisual .slideCon04 .bg{background: url(../images/mainVisual03_img2_m.jpg?v=9) center center / cover no-repeat;}
.mainVisual .slideCon05 .bg{background: url(../images/mainVisual04_img3_m.jpg?v=9) center center / cover no-repeat;}

/* .mainVisual .slideCon .slideBox {display:none;} */

/* premium */
.mainContent .premium {
	background: url(../images/premium_back01_m.jpg?v=2) center center / cover no-repeat;
	padding: 30% 0 5%;
}
    .mainContent .premium .content .top .title {
        width: 80%;
    }
.mainContent .premium .content .premiumBox {
        width: 100%;
        margin: 0 auto;
}
.mainContent .premium .content .premiumBox .premiumCon.dis_l,
.mainContent .premium .content .premiumBox .premiumCon.dis_r {
	justify-content: center;
	        width: 100%;
}
.mainContent .premium .controllTower{
	display: flex;
	justify-content: center;
	position: absolute;
	z-index: 10;
	top: 12%;
	left: 50%;
	width: 30%;
	transform: translateX(-50%);
}
.mainContent .premium .controllTower .con {
	width: 43px;
	filter: invert(100%) sepia(100%) saturate(2%) hue-rotate(24deg) brightness(104%) contrast(101%);
	margin: auto;
	cursor: pointer;
}
.mainContent .premium .controllTower .arrow_next_m{
}
.mainContent .premium .controllTower .arrow_prev_m {
	
}

.mainContent .premium .controllTower .pagingInfo {
	color: #fff;
    display: flex;
	 align-items: center;
}


.mainContent .premium .content .slideWrap .slideCon.slideCon02.slick-active .premiumCon:nth-child(1){
  animation: fade_right .75s  .25s forwards;
}
.mainContent .premium .content .slideWrap .slideCon.slideCon02.slick-active .premiumCon:nth-child(2){
   animation: fade_right .75s .5s forwards;
}

.mainContent .premium .content .slideWrap .slideCon.slideCon04.slick-active .premiumCon:nth-child(1){
     animation: fade_right .75s  .25s forwards;
}
.mainContent .premium .content .slideWrap .slideCon.slideCon04.slick-active .premiumCon:nth-child(2){
    animation: fade_right .75s .5s forwards;
}

/* contact */
.mainContent .contact {padding:15% 0 ;}
.mainContent .contact .wrap {
    flex-direction: column;
    align-items: center;
}
.mainContent .contact .wrap .text {
	margin-right: 0;
	margin-bottom: 5%;
	text-align:center;
}
.mainContent .contact.aos-animate .wrap .image {
	margin-bottom: 5%;
	width: 100%;
	padding: 0 7%;
}
.mainContent .contact .wrap .num.MB_V {
	font-size: 40px;
    color: #006aa1;
    font-weight: 600;
}
.mainContent .contact .wrap .text .title {
	font-size: 48px;
}
.mainContent .contact .wrap .text .slogan {
	font-size: 26px;
}
	
}
@media (max-width:640px){
	.mainVisual .slideCon01 .text .slogan{
		font-size:4.5vw;
	}
	@keyframes mainVisual_01_slogan_01{
		0%{
			transform: translate(32.5vw, 30px);
			opacity:0;
		}
		35%{
			transform: translate(32.5vw, 0);
			opacity:1;
		}
		100%{
			transform: translate(0, 0);
			opacity:1;
		}
	}
	.mainVisual .slideCon01 .text .slogan_con.--01{
	}
	.mainVisual .slideCon01 .content .contentBox .text .explain .txt_bottom .text {
        font-size: 15px;
    }
		.mainVisual .slideCon01 .content .contentBox .text .shape.MB_V .line{
		height:50px;
	}
	.mainVisual .slideCon01 .content .contentBox .text .shape.MB_V .circle{
		width:8px;
		height: 8px;
	}
	.mainContent .premium .controllTower .con {
		width: 33px;
		
	}
	 .mainContent .premium .content .premiumBox .premiumCon .text .sub_title {
        font-size: 17px;
        font-weight: 500;
        margin-bottom: 10%;
    }
	 .mainContent .premium .content .premiumBox .premiumCon .text .title {
        font-size: 22px;
    }
	.mainContent .premium .content .premiumBox .premiumCon .text .expalin {
        font-size: 13px;
    }
	.mainContent .premium .content .premiumBox .premiumCon .text .expalin .txt_r {
		flex: 0 0 2.5%;
	}

	.mainVisual .subSlider.slick-slider{
        width: 75%;
        bottom:7.5%
    }
	 .mainVisual .subSlider .slideCon{
        height: 40px;
    }
}

@media (max-width:499px){
     .mainVisual .slideCon01 .content .contentBox .text .slogan {
        font-size: 20px;
    }
	.mainVisual .slideCon01 .content .contentBox .text .explain .txt_bottom .text {
        font-size: 14px;
    }
	.mainContent .premium .content .premiumBox .premiumCon .text .sub_title {
		font-size: 16px;
	}
	 .mainContent .premium .content .premiumBox .premiumCon .text .title {
        font-size: 20px;
    }

	.mainContent .premium .content .premiumBox .premiumCon .image {
        width: 38%;
    }
	.mainContent .premium .controllTower .con {
		width: 30px;
		
	}
}