@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: 25px;
	left: 50%;
	transform: translateX(-50%);
	width: auto;
	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-navigation .control.Pause,
#chosun_slickVisual .slick-navigation .control.Play {
	display: none;
}

#chosun_slickVisual .slick-slide {
	width: 100%;
	margin: 0 auto;
	height: 640px;
	text-align: center;
}
#chosun_slickVisual .slick-slide > img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}
#chosun_slickVisual .slick-dots li {
	display: inline-block;
}

@media (min-width: 1921px) {
	#chosun_slickVisual .slick-slide {
		background: #282945;
	}
	#chosun_slickVisual .slick-slide > img {
		width: auto;
	}
}

@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;
		max-height: 100%;
	}
	#chosun_slickVisual .visual-text {
		left: 0;
		margin-left: 20px;
	}
	#chosun_slickVisual .visual-text .logo img {
		margin-left: 0;
	}
	#chosun_slickVisual .slick-navigation {
		bottom: 5.5%;
	}
	#chosun_slickVisual .video-control {
		bottom: 20%;
	}
}
@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;
	}
	#chosun_slickVisual .slick-navigation {
		bottom: 19%;
	}
}
@media (max-width: 767px) {
	#chosun_slickVisual .slick-list {
		height: 100%;
	}
	#chosun_slickVisual .slick-navigation {
		bottom: 30px;
	}
	#chosun_slickVisual .slick-slide {
		height: 70vh;
	}
	#chosun_slickVisual .slick-slide > img {
		width: 100%;
		height: 100%;
		object-fit: cover;
		margin-left: auto;
		object-position: center;
	}
}

* {
	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: 3%;
	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));
}

@media (max-width: 1366px) {
	#chosun_slickVisual .video-control {
		bottom: 5%;
	}
}
@media (max-width: 1023px) {
	#chosun_slickVisual .video-control {
		bottom: 15%;
	}
}
@media (max-width: 767px) {
	#chosun_slickVisual .video-control {
		bottom: 25px;
	}
}