@charset "utf-8";

/**

    #메인배너높이 :876px
    #포인트컬러 :#DB2A22
    #피시컨텐츠너비 :1440px

**/

.main_visual .bg_cover{background-size:auto 100%!important}

/* 메인 슬라이드 */
.main_visual{width:100%;height:876px!important;overflow:hidden;position:relative}

.main_visual .visual_slide,
.main_visual .visual_slide .slick-list,
.main_visual .visual_slide .slick-track,
.main_visual .visual_slide .list_box,
.main_visual .visual_slide a{height:100%}

.main_visual .visual_slide .slide_video{position:relative;background:#000;overflow:hidden;isolation: isolate;}
.main_visual .visual_slide .slide_video .video_box{position:absolute;left:0;top:0;width:100vw;height:100%;overflow:hidden;z-index:0;}
.main_visual .visual_slide .slide_video video,
.main_visual .visual_slide .slide_video source{position:absolute;bottom:0;left:0;min-height:100%;min-width:100%}
.main_visual .visual_slide .slide_video .bg_cover{background-size:cover!important}

.ytplayer-container.background{pointer-events:none;z-index: 0!important;position:relative;}
.main_visual .visual_slide .slide_video .ytplayer-player{position:absolute;bottom:0;height:100%;transform:scale(1.3);pointer-events:none;z-index: 0!important;}

.main_visual .visual_slide .list_box{position:relative}
.main_visual .visual_slide .list_box .bg_color{content:"";width:100%;height:100%;position:absolute;top:0;left:0;z-index:80;opacity:0.5}
.main_visual .visual_slide .img_box{display:inline-block;position:absolute;left:0;top:0;width:100%;height:100%;z-index:10}

.main_visual .visual_slide .slide_video .video_box.loaded .img_box{filter:alpha(opacity=0);opacity:0;z-index:-1;}

/* YouTube iframe과 관련된 모든 요소들의 z-index를 강제로 낮춤 */
.main_visual .visual_slide .slide_video .video_box,
.main_visual .visual_slide .slide_video .video_box iframe,
.main_visual .visual_slide .slide_video .ytplayer-container,
.main_visual .visual_slide .slide_video .ytplayer-player,
.main_visual .visual_slide .slide_video .video_box > div,
.main_visual .visual_slide .slide_video .video_box *,
.main_visual .visual_slide .slide_video [id*="ytplayer"],
.main_visual .visual_slide .slide_video [class*="ytplayer"] {
    z-index: -1 !important;
}

/* text_wrap의 z-index를 더 강하게 설정 */
.main_visual .visual_slide .text_wrap {
    z-index: 100 !important;
    position: relative !important;
}

/* 메인 슬라이드 > 텍스트 */
.main_visual .visual_slide .text_wrap {padding-top:170px;position:absolute;z-index:90}
.main_visual .visual_slide .text_wrap .title{font-family:'TmoneyRoundWindExtraBold';letter-spacing:-2px;color:#222;font-size:70px;/*font-weight:800;*/line-height:82px;text-align:left;width:45%;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;text-overflow:ellipsis;white-space:normal;overflow:hidden}
.main_visual .visual_slide .text_wrap .desc{color:#666;margin-top:20px;font-size:22px;font-weight:500;line-height:29px;text-align:left}
.main_visual .visual_slide .text_wrap .main_more{margin-top:80px}

/* 메인 슬라이드 > 좌우버튼 */
.main_visual .slide_btn{text-align:right;position:absolute;width:140px;height:70px;bottom:70px;right:calc(50% - 720px);z-index:100}
.main_visual .slide_btn .btn_slide{text-align:left;text-indent:-9999px;z-index:30;opacity:1;position:absolute;top:0;width:60px;height:60px;background:#fff url("./images/btn_slide.png") no-repeat center center;background-size:auto 12px;box-shadow:0px 0 8px rgba(0,0,0,0.2)}
.main_visual .slide_btn .btn_slide.prev{right:80px;border-top-right-radius:30px;border-bottom-left-radius:30px}
.main_visual .slide_btn .btn_slide.next{right:20px;transform:rotate(180deg);border-bottom-right-radius:30px;border-top-left-radius:30px}
.main_visual .slide_btn .btn_slide:hover{background-color:#DB2A22;background-image:url("./images/btn_slide_on.png")}

/* 메인 슬라이드 > 컨트롤 */
.main_visual .slide_thumb{text-align:left;z-index:50;overflow:hidden;margin:0 auto;padding:0 33px;width:1410px;position:absolute;bottom:90px;left:50%;transform:translateX(-50%)}
.main_visual .slide_thumb li{border:1px solid transparent;padding:14px;border-radius:36px;margin:0;height:auto;font-size:0;display:inline-block;margin-right:5px}
.main_visual .slide_thumb button{text-align:left;text-indent:-9999px;border:0;background:transparent;border:1px solid #ADADAD;opacity:1;margin:0;padding:0;width:8px;height:8px;border-radius:8px;font-size:0}
.main_visual .slide_thumb li.slick-active{border-color:rgba(0,0,0,0.15)}
.main_visual .slide_thumb li.slick-active button{opacity:1;background:#DB2A22;border-color:#DB2A22}

.main_visual .slide_thumb button:hover,
.main_visual .slide_thumb li.slick-active button:hover{background-color:#DB2A22;border-color:#DB2A22}

.main_visual .visual_slide .mobile_bg{position:absolute;left:0;top:0;width:100%;height:100%;z-index:10;background-size:100% auto!important;background-position:center bottom!important}


@media screen and (min-width:1024px){
    .main_visual .visual_slide .text_wrap .desc{line-height:1.3em;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
}

@media screen and (max-width:1440px){
    .main_visual .slide_thumb{width:100%;bottom:40px}
    .main_visual .slide_btn{bottom:40px;right:0}
}

@media screen and (max-width:1024px){
    .main_visual .slide_btn{display:none}

    .main_visual{height: 686px!important}
    .main_visual .visual_slide .text_wrap{padding-top:210px}
    .main_visual .visual_slide .text_wrap .title{width:56vw;font-size:60px;line-height:66px}
    .main_visual .visual_slide .text_wrap .main_more{margin-top:40px}

    .main_visual a.bg_cover{
        background-position-x: calc(50% + 70px) !important;
        background-position-y: bottom !important;
        background-size: auto calc(100% - 70px) !important;
    }
}

@media screen and (max-width:640px){
    /* .main_visual{height:calc(100vh - 70px)!important} */
    .main_visual{height: 660px!important}
    /* .main_visual{height: 90vh!important} */
    .main_visual .list_box.bg_cover{background-image:none!important}

    .main_visual a.bg_cover{
        background-position-x: center !important;
        background-position-y: bottom !important;
        background-size: cover !important;
    }

    .main_visual .slide_thumb li{padding:7px}

    .main_visual .visual_slide .text_wrap{padding-top:110px}
    .main_visual .visual_slide .text_wrap .title{width:78vw;font-size:36px;line-height:1.2em;font-weight:normal;word-break: break-all;}
    .main_visual .visual_slide .text_wrap .desc{font-size:18px;margin-top:10px;line-height:1.3em;width:100%;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;text-overflow:ellipsis;white-space:normal;overflow:hidden;/*word-break: auto-phrase;*/}

    /* .main_visual .visual_slide .text_wrap .title br{display:none} */
    .main_visual .visual_slide .text_wrap .desc br{display:none}

    .main_visual .visual_slide .text_wrap .main_more{margin-top:30px;padding:10px 10px 10px 15px}
    .main_visual .visual_slide .text_wrap .main_more .txt{font-size:14px}
    .main_visual .visual_slide .text_wrap .main_more .dot{transform:scale(0.7)}
    /* .main_visual .visual_slide .text_wrap .main_more{width:40px;height:40px;border-radius:40px;background:#fff url("./images/btn_more.png") center no-repeat;background-size:23% auto;box-shadow:0 5px 10px rgba(0,0,0,0.2);padding:10px 15px;margin-top:25px}
    .main_visual .visual_slide .text_wrap .main_more .txt{display:none}
    .main_visual .visual_slide .text_wrap .main_more .dot{display:none} */
}