/* ===============================================================
    * main1
=============================================================== */
.main1 {position:relative;  height:auto; width:100%; padding-top:56.25%;  overflow:hidden; margin:0; }
.main1 iframe{ position:absolute; top:0; left:0; width:100%; height: 100%; }
.main1 .width-max {position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.main1-txt {text-align: center;}
.main1-txt h1 {position: relative; display: inline-block; font-size: 90px; color: #fff; margin-bottom: 20px; letter-spacing: 0.02em;}
.main1-txt h1:after {content: ''; position: absolute; left: 100%; top: -50px; width: 64px; height: 70px; background: url(/img/index/main1-deco.png) no-repeat center / 64px 70px;}
.main1-txt p {font-size: 20px; font-weight: 300; line-height: 26px; letter-spacing: 0.15em; color: #fff;}
.main1 .scroll-icon {position: absolute; bottom: 12%; left: 50%; transform: translateX(-50%);}
@media (max-width: 820px){
    .main1 {height: auto; margin-top: 60px;}
    .main1-txt h1 {font-size: 35px;}
    .main1-txt h1:after, .main1-txt p, .main1 .scroll-icon {display: none;}
    .main1 .control{ display: none;}
}



.main1 .control{ font-size: 0; position: absolute; bottom: 210px; left: 0; right: 0; margin: 0 auto; width: 170px; text-align: center;}
.main1 .control li{ display: inline-block; padding: 0 5px;}
.main1 .control li a{ display: block; font-size: 18px; color: #fff; width: 40px; height: 40px; line-height: 42px; border-radius: 50%; border: 2px solid #fff; text-align: center;}
.main1 .control li i{ color: #fff;}

.main1 .control .play-pause a.hide{ display: none;}
.main1 .control .mute-onoff a.hide{ display: none;}
.vidbox .ratio, .end-video .vimeoWrap {pointer-events: none;}
#ivideo1, #ivideo2 { pointer-events: none;}


.main2-row__inner .img-icon i{ margin-right: 10px;  }

.main2-wrap { position: relative; width: 100%; margin: 0 auto; margin-bottom:10px; } 
.clb:after{content:"";display:block;clear:both;} 
.vp-controls{display:none!important;} 
.ta-l{text-align: left;padding-left:100px;padding-right:50px;} 
.ta-r{text-align: right;padding-right:100px;padding-left:50px;} 
.lato{font-family: 'Lato', sans-serif!important;} 
.noto{font-family: 'Noto Sans KR'!important; } 
.lora{font-family: 'Lora', serif!important; } 
.ratio{width:100%;position:relative;} 
.ratio:before{content:"";display:block; padding-top:56.2555555555%;} 
.ratio__box{position:absolute;width:100%; height:100%;left:0;top:0;} 
.video-box{width:100%;height:100%;} 
.main2-row{position:relative} 
.main2-row__inbox{width:50%;height:100%; position:absolute;overflow:hidden;position:relative; margin-top:2px;} 
.main2-row__inbox.type-vid.right{margin-left:50%;} 
.main2-row__inbox.type-vid.left{} 
.main2-row__inbox.type-txt{position:absolute;width:50%} 
.main2-row__inbox.type-txt.type-a{/*background: url(http://img.einet.kr/P202105023/main_bg.jpg) no-repeat center center/cover;*/ right:0; height:100%; } 
.main2-row__inbox.type-txt.type-b{/*background: url(http://img.einet.kr/P202105023/main_bg.jpg) no-repeat center center/cover;*/ left:0; height:100%;} 
.main2-row__table{width:100%;height:100%; display:table;} 
.main2-row__cell{display:table-cell;vertical-align: middle;width:1%} 
.main2-row__inner{display:inline-block} 
.main2-row__inner h2 {font-size: 40px; font-weight: 300; line-height: 50px;}
.main2-row__inner p {font-size: 16px; line-height: 30px; letter-spacing: 0.02em; color: #888; margin: 20px 0 50px;}
.main2-row__tit.type-fff, .main2-row__sub.type-fff, .main2-row__btn.type-fff{color:#fff!important;} 

.vimeoWrap{padding-top: 56.2555555%;} 

@media (max-width: 1024px) { 
    .main2-wrap {  margin-top:0px;  margin-bottom:10px;  } 
    .none-1024{display:none;} 
    .none-pc{display:block} 
        
    .ta-l{text-align: left;padding-left:15px;padding-right:15px;} 
    .ta-r{text-align: right;padding-right:15px;padding-left:15px;}     
        
    /*.main1-row{height:250px;}*/ 
    .main2-row__inbox{width:auto} 
    .main2-row__inbox.type-vid{width:56%} 
    .main2-row__inbox.type-txt{width:44%} 
    .main2-row__tit{font-size:16px;line-height:20px} 
    .main2-row__sub{font-size:10px;line-height:12px;margin-top:10px;} 
    .main2-row__btn{font-size:10px;margin-top:10px;} 
    .main2-row__inner h2 {font-size: 14px; line-height: 20px;}
    .main2-row__inner p {font-size: 10px; line-height: 20px; margin: 20px 0; display: none;}
} 

@media (max-width: 550px) { 
        .vimeoWrap iframe{display:block;position:absolute;top:0;left:0;width:100%;height:100%;} 
    
}







#main-slider{text-align: center; width: 100%; height: auto; box-sizing: border-box; position: relative; overflow: hidden; }/*비율 맞춰서 줄어들고 늘어나게*/


#main-slider .main-title{ position: absolute; color: #fff; right: 38%; z-index: 2; bottom: 47%;}
#main-slider .main-title h2{ font-size: 55px;font-weight: 400; }
#main-slider .main-title p{ font-size: 16px; margin-top: 10px;}

#main-slider .main-swiper-container{width: 100%; height: auto; overflow: hidden;  position: relative; }
#main-slider .swiper-wrapper{width: 100%; }

#main-slider .img{ background-size: cover; background-position: center; background-repeat: no-repeat; width: 100%; padding-top: 55.9%; }


#main-slider .main-pagination{ color: #fff; bottom: 40px}


#main-slider .swiper-pagination-bullet { width: 8px; height: 8px; display: inline-block; border-radius: 100%; background: #fff; opacity: 1; }
#main-slider .swiper-pagination-bullet-active{ opacity: 1; width: 40px; border-radius: 8px; animation: pag .5s ease-in 1; }
@keyframes pag{
    0%{
        transform: scaleX(0);
        border-radius: 100%;
        transform-origin:left;
    }
    100%{
        border-radius: 8px;
        transform: scaleX(1);
    }
}

.main-next, .main-prev{ width: 70px; height: 130px; top: calc(50% - 60px);  background-position: center; background-size: cover; background-repeat: no-repeat; background-color: rgba(38, 38, 38, 0); transition: .3s; }
.main-next:hover, .main-prev:hover{ background-color: rgba(38, 38, 38, 0.4); }
.main-next{ background-image: url(../img/mslider/next_btn.png); right: 50px;}
.main-prev{ background-image: url(../img/mslider/prev_btn.png); left: 50px;}
/* =================== 1400px =================== */
@media (min-width: 1700px) {
    #main-slider .img{ background-size: cover; background-position: center; background-repeat: no-repeat; width: 100%; padding-top: 51%; }
}

/* =================== 1024px =================== */
@media (max-width: 1024px) {
    #main-slider{ width: 100%; padding: 60px 0 5.33vw; }
    
    #main-slider .main-swiper-container{ padding-bottom: 5.33vw; }

    .main-next, .main-prev{ width: 30px; height: 70px; top: calc(50% - 30px);  }
    .main-next{ right: 15px;}
    .main-prev{ left: 15px;}


    #main-slider .main-pagination{ color: #fff; bottom: 0}
    #main-slider .swiper-pagination-bullet { width: 4px; height: 4px; display: inline-block; border-radius: 100%; background: #6A833B; opacity: 1; }
    #main-slider .swiper-pagination-bullet-active{ opacity: 1; width: 20px; border-radius: 8px; animation: pag .5s ease-in 1; }

}