@charset "utf-8";
/* 동영상 매뉴얼 */
#main_utube > ul > li{width:270px;text-align:center;background:#ffffff}
#main_utube > ul > li:not(:last-child) {margin-right:12px}
#main_utube > ul > li img{width:100%}
#main_utube > ul > li .title{font-size:14px;font-weight:600;padding:2px 0}
#main_utube > ul > li .content{font-size:13px;letter-spacing:-1px;padding:2px 0}
#main_utube > ul > li > a {display:inline-block;color:#ffffff;background:#191919;padding:4px 7px;font-size:13px;font-weight:500;margin-top:2px}
#main_utube .swiper-button-next,
#main_utube .swiper-button-prev {top:calc(50% + 0px)}
#main_utube .swiper-pagination{position:unset;margin-top:5px}
/*
#main_utube > .swiper-button-next,
#main_utube > .swiper-button-prev,
#main_utube > .swiper-pagination{display:none}
*/

.youtube {
    background-color: #000;
    margin-bottom: 0;
    position: relative;
    padding-top: 56.25%;
    overflow: hidden;
    cursor: pointer;
}

.youtube img {
    width: 100%;
    top: -16.82%;
    left: 0;
    opacity: 0.7;
}

.youtube .play-button {
    width: 70px;
    height: 46px;
    background-color: #333;
    box-shadow: 0 0 30px rgba( 0,0,0,0.6 );
    z-index: 1;
    opacity: 0.8;
    border-radius: 6px;
}

.youtube .play-button:before {
    content: "";
    border-style: solid;
    border-width: 10px 0 10px 21.0px;
    border-color: transparent transparent transparent #fff;
}

.youtube img,
.youtube .play-button {
    cursor: pointer;
}

.youtube img,
.youtube iframe,
.youtube .play-button,
.youtube .play-button:before {
position: absolute;
}

.youtube .play-button,
.youtube .play-button:before {
    top: 50%;
    left: 50%;
    transform: translate3d( -50%, -50%, 0 );
}

.youtube iframe {
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
}


@media (max-width: 768px)
{
    /* 동영상 매뉴얼 */
    #main_utube > ul > li {width:100%!important;margin:0!important}
    #main_utube .swiper-button-next,
    #main_utube .swiper-button-prev {top:calc(50% + 44px);display:none}
    #main_utube .swiper-pagination{position:absolute;margin-top:0}
    #main_utube > ul > li .title{display:none}
    #main_utube > ul > li .content{display:none}
    #main_utube > ul > li a{display:none}
    /*
    #main_utube > .swiper-button-next,
    #main_utube > .swiper-button-prev,
    #main_utube > .swiper-pagination{display:block}
    */
}