
/*유투브*/
.sub_youtube_wrap1{width:100%;clear:both; background-size:cover; padding:10px 0;position: relative; margin:0 auto;z-index: 1;}
.sub_youtube_wrap2 {width:1200px; margin:0 auto;}
.sub_youtube_left {box-sizing:border-box; background:#fff;width:67%; height:460px;min-height:525px; margin-right:2%; display:inline-block; padding:20px 20px;border: 3px solid #fff;background-color: rgba(255, 255, 255, 0.6);border-radius: 20px;-webkit-box-shadow: 3px 7px 18px 0px rgba(0, 0, 0, 0.21);box-shadow: 3px 7px 18px 0px rgba(0,0,0,0.21);}
.sub_youtube_right {box-sizing:border-box;background:#fff;width:31%;  border-radius:20px; height:525px; display:inline-block;  float:right; padding:20px 20px;border: 3px solid #fff;background-color: rgba(255, 255, 255, 0.6);border-radius: 20px;-webkit-box-shadow: 3px 7px 18px 0px rgba(0, 0, 0, 0.21);box-shadow: 3px 7px 18px 0px rgba(0,0,0,0.21);}
.sub_youtube_right_innner {background:#fff; width:98%; height:98%; margin:1%;overflow-y:scroll;overflow-x:hidden;}

.sub_youtube_right ul {width:100%; clear:both;float:left;margin-top:10px;}
.sub_youtube_right ul li {width:100%; border-radius:5px; display:inline-block;clear:both;background-color:#f6f6f6;border-bottom:1px solid #f6f6f6;margin-bottom:5px;height:100%;line-height:130%;}
.sub_youtube_right ul img {float:left; width:90px; height:70px; padding:13px 0 10px 13px; margin-right:10px;}
.sub_youtube_right ul p {display:block;font-size:16px;font-weight:bold; margin-top:10px;padding:2px 0;  white-space: nowrap; text-overflow: ellipsis; overflow: hidden;-webkit-line-clamp: 2; line-height: 1.4em;height: 3em;}
.sub_youtube_right ul span {font-size:15px;text-overflow:ellipsis; overflow:hidden;display:inline-block;  float:left;padding:0px;color:#414141;white-space: nowrap; white-space:nowrap; }

.youtube_h2 {
    font-size: 1.5em;
    margin: 0 0 15px 0;
    text-align: center;
    color: #1F750A;
    padding: 20px 0 15px 0px;
    border-bottom: 1px solid #f6f6f6;
}

.point_blue {color:#ffe400;}

.line01 {border-bottom:1px solid #f6f6f6;}
.entry {margin-bottom:10px;}
.col-12_{position: relative;width: 100%;padding-right: 15px;padding-left: 5px;}

.fl {float:left;}

.m_title_youtube p{color:#fff; text-align:center; font-size:3.0em; font-weight:bold; margin-bottom:40px;}
.m_title_youtube span {color:#fff; padding:10px 30px 10px 70px; border-radius:60px;background:#1F750A url("/images/main/youtube_ico.png") no-repeat 15px 50%;}

.youtube_title {color:#fff; text-align:center;font-size:2.0em; margin-bottom:20px;}
.youtube_title span {font-size:1.4em;font-weight:600;}

.youtube_title a {vertical-align:middle;display:inline-block; color:#fff; font-size:0.5em;padding:5px 10px; background-color:#89031E; border-radius:10px; margin-left:10px;}





/* style.css  */

/*실시간생방송*/
.sub_youtube_wrap{width:100%;background-color:#f6f6f6;padding:50px 0;position: relative; margin:0 auto;z-index: 1;}
.sub_youtube_wrap .btn_tva {margin-bottom:15px; border:1px solid #f6f6f6;padding:20px; border-radius:15px;}
.youtube_h2 {font-size:2.0em;margin:0 0 15px 0; text-align:center;color:#222;padding:0 0 15px 0px; border-bottom:1px solid #f6f6f6;}
.youtube_h2 span {color:#222!important;}


.btn_wrap {position: relative;text-align:center;width: 100%;clear:both;margin:40px auto 0 auto; }
.btn_wrap li {}
.youtube_btn1 {margin-right:10px; width:400px; font-size:1.4em;text-align:center; padding:20px 0px; background:#009fe1 url(/images/youtube_btn_bg.png) 0 0 no-repeat; color:#fff; border-radius:5px; display:inline-block;}
.youtube_btn2 {font-size:1.4em; width:400px;  padding:20px 0px; background:#c000ff url(/images/youtube_btn_bg.png) 0 0 no-repeat; color:#fff; border-radius:5px; display:inline-block;}


.entry {margin-bottom:10px;}

.col-12_{position: relative;width: 100%;padding-right: 15px;padding-left: 5px;}
/*유투브*/
.video_round {position: relative;padding: 15px; background-color: #fafafa; border-radius: 10px; max-height:620px;}
.video_round2 {position: relative;padding: 11px; background-color: #fafafa; border-radius: 8px;overflow-y:scroll;overflow-x:hidden;height:100%;max-height:620px;}




/* desktop device-xl  device-lg device-md device-sm device-xs */
body.device-lg .video_round2 {
	overflow-y:scroll;
	padding-bottom:38px;
	height:auto;
}
body.device-md .video_round2 {
	height:auto;
	overflow-y:scroll;
	padding-bottom:38px;
}
body.device-sm .video_round2 {
	height:auto;
	overflow-y:scroll;
	padding-bottom:38px;
}
body.device-xs .video_round2 {
	height:auto;
	overflow-y:scroll;
	padding-bottom:38px;
}






/*제품 구매하기*/
.button_buy {background:#032983; color:#fff; margin-top:10px; transition: .3s all ease;padding:10px 20px;  border-radius:5px; width:70%; text-align:center;display:inline-block; font-size:15px;}
.button_buy:hover{background:#0183cf;transition: .3s all ease;}
.shop_title {font-size:1.2em;}
.shop_title2 {font-size:1.6em; color:#032983;}



.entry-title {margin:0;padding:0;}
.entry-title span{text-overflow:ellipsis; overflow:hidden;display:block;  max-width:100%; 
-webkit-line-clamp: 3; /* ���μ� */-webkit-box-orient: vertical;word-wrap:break-word; line-height: 1.2em; height: 3.6em; 
}

.posts-sm .entry-image {width: 90px;}

.col-mb-30 > .col,
.col-mb-30 > [class*="col-"] {padding-bottom: 0px;}

.entry-image img { border:1px solid #f6f6f6; }
.color-white{color:white;}




/* ----------------------------------------------------------------
	Widgets
-----------------------------------------------------------------*/


.widget {
	position: relative;
	margin-top: 50px;
}

.widget p { line-height: 1.7; }

.sidebar-widgets-wrap .widget {
	padding-top: 50px;
	border-top: 1px solid #EEE;
}

.widget:first-child { margin-top: 0; }

.sidebar-widgets-wrap .widget:first-child {
	padding-top: 0;
	border-top: 0;
}

@media (min-width: 768px) and (max-width: 991.98px) {
	.sidebar-widgets-wrap {
		position: relative;
		display: -ms-flex;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		margin: 0 -20px -40px -20px;
	}

	.sidebar-widgets-wrap .widget {
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
		margin: 0 0 40px 0;
		padding-top: 0;
		padding-left: 20px;
		padding-right: 20px;
		border-top: 0;
	}
}

.widget > h4 {
	margin-bottom: 25px;
	font-size: 15px;
	font-weight: 600;
	letter-spacing: 2px;
	text-transform: uppercase;
}

.sidebar-widgets-wrap .widget > h4 { letter-spacing: 1px; }



.line-xs.line-home {
    border-bottom-color: #ff8600 !important;
}
.line-xs {
    margin: 4px 0 20px;
    border-bottom: 3px solid #EEE;
}
.line-xs.line-home::after {
    border-top-color: #ff8600 !important;
}
.line-xs::after {
    top: 100%;
    left: 30px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(51,51,51,0);
    border-top-color: #EEE;
    border-width: 8px;
    margin-left: -8px;
    z-index: 1;
    background: none;
}






::-webkit-scrollbar {
    width: 12px;
}

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px     rgba(0,0,0,0.3); 
    border-radius: 10px;
}

::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px     rgba(0,0,0,0.5); 
}


.fluid-width-video-wrapper {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    font-size: 0;

}
.line-xs.line-home {
    border-bottom-color: #ff8600 !important;

}
.line-xs {
    margin: 4px 0 20px;
    border-bottom: 3px solid #EEE;
}
.line-xs.line-home::after {
    border-top-color: #ff8600 !important;
}
.line-xs::after {
    top: 100%;
    left: 30px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(51,51,51,0);
    border-top-color: #EEE;
    border-width: 8px;
    margin-left: -8px;
    z-index: 1;
    background: none;
}





:root {
	--color1: #EC008B;
	--color2: #F3317A;
	--color3: #FB6567;
--sports: #dc3545;
}





.line,
.double-line {
	clear: both;
	position: relative;
	width: 100%;
	margin: 4rem 0;
	border-top: 1px solid #EEE;
	margin-top:10px;
	margin-bottom:10px;
}

.line.line-sm { margin: 2rem 0; }

span.middot {
	display: inline-block;
	margin: 0 5px;
}

.double-line { border-top: 3px double #E5E5E5; }


.line-xs.line-home::after {
    border-top-color: #ff8600 !important;
}
.line-xs::after {
    top: 100%;
    left: 30px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(51,51,51,0);
    border-top-color: #EEE;
    border-width: 8px;
    margin-left: -8px;
    z-index: 1;
    background: none;
}






.line-xs.line-sports {
    border-bottom-color: var(--sports) !important;
}

.line-xs.line-sports::after {
    border-top-color: var(--sports) !important;
}




@media screen and (max-width:1380px){
.container {width:100%!important;}

/*유투브*/
.video_round {}
.video_round2 {height:100%;max-height:510px;}






.col-mb-30 > .col,
.col-mb-30 > [class*="col-"] {
	padding-bottom: 0px;
}




}




@media screen and (max-width:1280px){


.container {width:100%!important;}





}


@media screen and (max-width:967px){

.youtube_btn1 {width:250px;margin-right:0; padding:20px;font-size:1.3em;text-align:center;}
.youtube_btn2 {width:250px; margin:10px 0 0 10px;padding:20px;font-size:1.3em; text-align:center; }


.youtube_h2 {font-size:1.7em;}

}




@media only screen and (max-width:767px){

.button_buy {width:100%; padding:5px 20px;}

.youtube_btn2 {margin:10px 0 0 0; }




}


@media (max-width:589px) {

.btn_wrap {position: relative;text-align:center;width: 100%;clear:both;margin:0px auto 0 auto; }
.btn_wrap ul {text-align:center;}






/*제품 구매하기*/
.shop_title {font-size:1.0em;}
.shop_title2 {font-size:1.2em;}





}






/* Tablet Device 최소 590 ~ 899  */
@media (min-width:590px) and (max-width:899px) {



/*유투브*/
.m_title_youtube p{font-size:1.7em; margin-bottom:30px;}
.m_title_youtube span {background-size:30px;padding:3px 20px 3px 50px;}




/*유투브*/
.sub_youtube_wrap1{width:100%;clear:both; background-size:cover; padding:80px 0;height:auto; padding:30px 0}
.sub_youtube_wrap2 {width:100%; margin:0 auto;}
.sub_youtube_left {width:96%; min-height:auto; height:440px; margin:0 2%;padding:10px;}
.sub_youtube_right {width:96%; margin:10px 2%; height: 400px;padding:10px;}
.sub_youtube_right2 {width:96%; margin:10px 2%;height:auto;}

.sub_youtube_right2 ul li {width: 46%;margin: 0 1% 0 2%;}
.sub_youtube_right2 ul li a { padding: 7px 0 7px 13px;}


.sub_youtube_left #youtube_iframe {height:200px;}
.youtube_h2 {
    padding: 10px 0 5px 0;
    margin: 0 0 5px 0;
    font-size: 1.3em;
	}

}












/* Mobile Device 최소 ~ 최대 589 */
@media (max-width:589px) {




/*유투브*/
.m_title_youtube p{font-size:1.7em; margin-bottom:30px;}
.m_title_youtube span {background-size:30px;padding:3px 20px 3px 50px;}




/*유투브*/
.sub_youtube_wrap1{height:auto; padding:30px 0}
.sub_youtube_wrap2 {width:100%; margin:0 auto;}
.sub_youtube_left {width:96%; min-height:auto; height:260px; margin:0 2%;padding:10px;}
.sub_youtube_right {width:96%; margin:10px 2%; height: 400px;padding:10px;}
.sub_youtube_right2 {width:96%; margin:10px 2%;height:auto;}

.sub_youtube_right2 ul li {width: 46%;margin: 0 1% 0 2%;}
.sub_youtube_right2 ul li a { padding: 7px 0 7px 13px;}


.sub_youtube_left #youtube_iframe {height:200px;}
}









