@charset "utf-8";

/*gw_theme01_main_video*/
#gw-theme01-main-video .gw-sns-container {display: flex;flex-wrap: wrap;}
#gw-theme01-main-video .gw-sns-container > li {overflow: hidden;}
#gw-theme01-main-video .gw-sns-container > li > a {position:relative;display: block;width: 100%;height:100%;}
#gw-theme01-main-video .gw-hover-container{position:absolute;top:100%;left:0;width:100%;height:100%;background:var(--main-color);transition: all .3s;}
#gw-theme01-main-video .play {display: flex;justify-content: center;color: var(--main-color);width: 50px;height: 50px;border-radius: 100%;background: #fff;transition: all 0.3s ease-in-out 0s;box-shadow: rgba(193, 244, 246, 0.698) 0px 0px 0px 0px;animation: 1.2s cubic-bezier(0.8, 0, 0, 1) 0s infinite normal none running pulse;align-items: center;border: 0;}
#gw-theme01-main-video .img {transition: all 1.5s;width:100%;object-fit: cover;}
#gw-theme01-main-video .gw-sns-container > li > a:hover img{transform: scale(1.05) rotate(0.01deg);}
#gw-theme01-main-video .video{width: 100%;height: 334px;}
#gw-theme01-main-video .video > iframe{width: 100%;height: 100%;}
#gw-theme01-main-video .modal-content{height: auto;text-align: center;}
#gw-theme01-main-video .modal-content .gw-info {place-content: center;}
#gw-theme01-main-video .modal-content .gw-sns {place-content: center;}
#gw-theme01-main-video .modal-content .gw-sns > li {width: 40px;height: 40px;line-height:40px;border: 1px solid #ddd;}
#gw-theme01-main-video .modal-content .gw-sns > li > a {display: block;width: 100%;height: 100%;color: #666;}
#gw-theme01-main-video .modal-content .gw-sns .share-kakaotalk > img {width: 24px;height: 24px;}
#gw-theme01-main-video .modal-content .gw-btn02{line-height: 55px;}
#gw-theme01-main-video .gw-sns-container > li > a:hover .gw-hover-container{top:0;opacity: 1;}
@keyframes pulse {
    100% {
        box-shadow: 0 0 0 45px rgba(193,244,246,0);
    }
}

/*내용없을경우------------------------------------------------------------------------------------------------------------------ */
#gw-theme01-main-video .gw-empty-list > h3 {font-size: var(--main-title03);}

@media screen and (max-width:1440px) {
    #gw-theme01-main-video .gw-sns-container > li {height: 300px;}
}

@media screen and (max-width:1024px){
    /*gw_theme01_main_video*/
    #gw-theme01-main-video .gw-sns-container .gw-w-25 {width: 50% !important;}
    #gw-theme01-main-video .gw-hover-container{top:0;background:transparent;}
}

@media screen and (max-width:576px){
    /*gw_theme01_main_video*/
    #gw-theme01-main-video .video{height: 40vw;}
    #gw-theme01-main-video .gw-sns-container > li{height: 200px;}
    #gw-theme01-main-video .play{width: 40px;height: 40px;}
    #gw-theme01-main-video .play > i{font-size: 1.25em;}
    #gw-theme01-main-video .modal-content .gw-info{flex-wrap: wrap;}
    #gw-theme01-main-video .gw-btn01 {width: calc(100% - 40px);}
}

@media screen and (max-width:320px){
    #gw-theme01-main-video .gw-sns-container > li{height: 150px;}
}