/*유튜브*/
@charset "utf-8";


*{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
html, body{margin: 0; padding: 0;background:#fff;}
header, section, article, nav, aside, main, footer{display: block;}
header:after, section:after, article:after, nav:after, aside:after, main:after, footer:after{content: ""; display: block; clear: both;}
h1, h2,h3, h4, h5, h6, p{margin: 0;}
ul, ol{margin: 0;padding: 0;list-style: none;}
a{text-decoration: none;}
.frame1200{width: 1200px; margin: 0 auto;}
.sub_banner_bg {background: url(/resources/brandsite/img/center_banner02.png);}

.youtube_menu{
	padding-top: 80px;
	padding-bottom: 40px;
	font-size: 0;
	text-align: center;
}
.youtube_menu ul{width: 100%;height: 42px;line-height: 42px;text-align: center;display: inline-block;}
.youtube_menu ul li{width: 100px;display: inline-block; vertical-align: top; font-size: 15px;margin: 0 10px;box-shadow: 0px 0px 12px 0px rgb(0 0 0 / 10%);    border-radius: 10px;}
/* .youtube_menu ul li:first-child a {color: #84bfff;} */
/* .youtube_menu ul li:first-child{border-bottom: 3px solid #84bfff;} */

/* .youtube_menu ul li:hover a{font-weight: 900;color: #84bfff;} */
/* .youtube_menu ul li:hover{border-bottom: 3px solid #84bfff;} */
.youtube_menu ul li a{font-size: 16px;color: #595757;display: block;}


/*유튜브 갤러리*/
.youtube{width: 100%;  height:  auto; text-align: center;}
.youtube .youtube_box{
	width: calc(33.33% - 60px);
	display: inline-block; 
	vertical-align: top;
	cursor: pointer;    
	font-size: 0;
	margin: 30px 0; 
}
.youtube .youtube_box:nth-child(3n-1){margin: 30px 30px;}
/* .youtube .youtube_box .youtube_img{height: 250px; border-radius: 10px;cursor: pointer; background:no-repeat; background-size:contain;} */
.youtube .youtube_box .youtube_img{height: auto;border-radius: 10px;overflow:hidden}
.youtube .youtube_box .youtube_img img{width:100%; border-radius: 10px;}
.youtube .youtube_box .youtube_img:hover img { transform: scale(1.1);transition: 0.5s;}
.youtube .youtube_box .youtube_txt{padding-top: 25px; text-align: left;}
.youtube .youtube_box .youtube_txt p{margin-bottom: 5px;}
.youtube .youtube_box .youtube_txt p:first-child{font-size: 18px; font-weight: bold;color: #595757;}
.youtube .youtube_box .youtube_txt p:last-child{
	font-size: 15px; 
	font-weight: 600;
	color: #727171;
}
.gallery .frame1200{background: #fff;}


/****************youtube POPUP*********************/
.dark{position:fixed; width: 100%;height: 100%; top: 0;left: 0;background:rgba(0,0,0,0.5) ;z-index: -1; opacity: 0;}
.dark.active{z-index:200; opacity: 1;}




.video_gallery_player{width: 900px;height: 600px;padding:0 10px 10px 10px; background:#fff;position: absolute;top:50%;left: 50%;transform:translate(-50%, -38%);}
.video_gallery_player .pop_title{ height: 50px;line-height: 50px;text-align:center;font-size: 17px; font-weight: bold; color: #515151;}
.video_gallery_player .pop_title .close{position: absolute; top:0px; right:10px; font-size: 25px; color: #787878; line-height: 50px;cursor: pointer; z-index: 8;}




.video_gallery_player .pop-main{height: auto;background:#ececec;margin-bottom: 5px;background-size: contain;background-repeat:no-repeat;background-position: center; position: relative;}




.video_wrap{ position:relative; width:100%; height:0; padding-bottom:56.25%; }
.video_wrap iframe { position:absolute; width:100%; height:100%; }

/* 반응형 */
@media screen and (max-width: 920px){
	.video_gallery_player {
    width: 95%;
    height: auto;
    transform: translate(-50%, -58%);
	}
}