@charset "utf-8";
*{margin:0; padding:0; list-style-type:none;}

.visual-text									{position:absolute; left:50%; top:80px; margin-left:-650px; word-break: keep-all; text-align:left;}
.visual-text .logo							{border-bottom:1px solid rgba(255,255,255,0.3);line-height:1.2;display:block;margin-bottom:30px;padding-bottom:20px;font-size:23px;}
.visual-text .title								{line-height:1.1;letter-spacing:-2px;}
.visual-text .title .m-text					{display:block; margin:10px 0 15px 0;}
.visual-text .subject							{width:450px;font-size:16px;line-height:1.6;margin-top: 30px;}
.visual-text .subject a						{display:block; font-size:15px; color:#fff; background:url(./../images/visualLInk.png) right bottom no-repeat; width:120px; height:30px;}

.video_btn {
	border-radius: 45px;
    width: 59px;
    height: 50px;
    bottom: 90px;
    right: 250px;
    z-index: 9999;
    position: absolute;
    background-color: cornflowerblue;
}
.video_btn:focus{
	opacity : 1;
}





#chosun_slickVisual											{position:relative; overflow:hidden; z-index:1;}
#chosun_slickVisual .slick-slide							{float: left}
#chosun_slickVisual .wrap .slider-inner					{position:relative; width:50%;}
#chosun_slickVisual .slick-arrow							{position:absolute; top:50%; margin-top:-40px; left:20px; z-index:1111; text-indent:-9999px; background:url(./../images/smallArr.png) left top no-repeat;; width:39px; height:48px; border:none; color:#fff; font-size:16px;}
#chosun_slickVisual .slick-arrow.next					{right:20px; left:inherit; background-position:right top;}
#chosun_slickVisual .slick-navigation					{position:absolute;bottom: 100px;width:100%;text-align:center;z-index:1000;}
#chosun_slickVisual .slick-navigation button,
#chosun_slickVisual .slick-navigation .slick-dots,
#chosun_slickVisual .slick-navigation ul li				{display:inline-block;}
#chosun_slickVisual .slick-navigation ul li				{margin:2px;}
#chosun_slickVisual .slick-navigation ul li button		{border:none; background-color:#9d9d9d; width:10px; height:10px; text-indent:-9999px; border-radius:10px; display:inline-block;}
#chosun_slickVisual .slick-navigation ul li.slick-active button	{background-color:#ff9801; width:32px; transition:ease all 0.2s;}
#chosun_slickVisual .slick-navigation .control				{background:url(./../images/btn_play.png) center center no-repeat; border-radius:10px; width:18px; height:12px; text-indent:-9999px;}
#chosun_slickVisual .slick-navigation .control.Pause		{background:url(./../images/btn_stop.png) center center no-repeat;}
#chosun_slickVisual .slick-navigation .control._on			{display:none;}



#chosun_slickVisual .slick-slide	{width:100%; margin:0 auto; height:560px; text-align:center;} 
#chosun_slickVisual .slick-dots li		{display:inline-block;}
@media (min-width:1024px){
	.visual-text .title .t-text{font-size:35px; display:block;}
	.visual-text .title .m-text{font-size:48px; display:block;}
	.visual-text .title .b-text{font-size:23px; display:block;}
}
@media (max-width:1366px){
	#chosun_slickVisual .slick-slide	{overflow:hidden;}
	#chosun_slickVisual .slick-slide img	{margin-left:-200px;}	
	#chosun_slickVisual .visual-text	{left:0; margin-left:20px;}
	#chosun_slickVisual .visual-text .logo img	{margin-left:0;}
}
@media (max-width:1024px){
	.visual-text .title .t-text{font-size:25px; display:block;}
	.visual-text .title .m-text{font-size:35px; display:block;}
	.visual-text .title .b-text{font-size:17px; display:block;}
	#chosun_slickVisual .visual-text .logo			{display:none;}
	#chosun_slickVisual .visual-text .subject a		{font-size:17px;background-size:100%;text-shadow: 2px 2px 2px #333;transform: scale(0.8);padding-bottom: 5px;}
	#chosun_slickVisual .slick-list						{height: 350px;overflow:hidden;}
	#chosun_slickVisual .slick-navigation			{bottom:20px;}
	#chosun_slickVisual .slick-slide img				{width:1300px;}
}
@media (max-width:639px){
	#chosun_slickVisual									{/*height:250px !important;*/ overflow:hidden;}
	#chosun_slickVisual .slick-list						{height:250px; overflow:hidden;}
	#chosun_slickVisual .slick-slide					{height:250px !important;}
	#chosun_slickVisual .visual-text					{margin: 0;top:10px;width: 100%;padding: 20px 0 0 15px;box-sizing: border-box;word-break: keep-all;}
	.visual-text .title .t-text{font-size:22px;display:block;margin: 15px 0 3px;}
	.visual-text .title .m-text{font-size:22px;display:block;margin: 5px 0;}
	.visual-text .title .b-text{font-size:16px; display:block; margin:3px 0;}
	#chosun_slickVisual .visual-text .subject		{margin-top:17px}		
	#chosun_slickVisual .visual-text .subject a		{font-size: 18px;width:100px;height:30px;margin-left: -10px;background: none;}
	#chosun_slickVisual .slick-slide img				{width:900px; margin-left:-250px;}
}





* {
	box-sizing: border-box;
}

body {
	margin: 0
}

/*#chosun_slickVisual	.video-container {
	position: relative;
	width:100%;
	height:533px;
}*/

#chosun_slickVisual	.video-container {
	position: relative;
	width:100%;
	height:640px;
}

#chosun_slickVisual	video {
	/* max-width: 100%; */
	max-height: 100vh;
	width: auto;
	height: 100%;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	z-index: 1;
}


/*#chosun_slickVisual .video-control {
	position: absolute;
	left: 70%;
	bottom: 15%;
	min-width: 7.5em;
	padding: 0.5em 1em;
	z-index: 2;
}*/

#chosun_slickVisual .video-control {
	position: absolute;
	left: 75%;
	bottom: 5%;
	min-width: 7.5em;
	padding: 0.5em 1em;
	z-index: 2;
}

#chosun_slickVisual .video-control:not(.playing) .video-control-pause,
#chosun_slickVisual .video-control.playing .video-control-play {
	display: none;
}

#chosun_slickVisual .video-control-symbol
{
	font: 1.75em/0 Apple Color Emoji;
}

#chosun_slickVisual .video_bg {
	width : 100%;
	height : 100%;
	background : #282945;
}
#chosun_slickVisual .video_img {
	position : absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	/* bottom : 43%;
	left : 47%; */
	width : 100px;
	z-index: 2;
}
#chosun_slickVisual .video_img > img {
	width : 100%;
	height : 100%;
	z-index : 999;
}
/*tablet*******/
@media screen and (max-width:1024px) {
    #chosun_slickVisual .video-container {
        position: relative;
        height: 70vh;
        width: 100%;
    }
    #chosun_slickVisual .video-container video {max-height: none;}
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
    #chosun_slickVisual .video-container {
        position: relative;
        height: 342px;
        width: 100%;
    }
    #chosun_slickVisual .video-container video {max-height: none;}

	#chosun_slickVisual	video {
		max-height: 100vh;
		width: 100%;
		height: 100%;
		position: absolute;
		left: 50%;
		top: 50%;
		transform: translate(-50%,-50%);
		z-index: 1;
	}

	#chosun_slickVisual .video_bg {
		background:unset !important;
	}
}

.video-control img {
	filter: drop-shadow(2px 2px 5px rgba(0, 0, 0, 0.9));
}