@charset "utf-8";

.main_slider{
	display:block;
	clear:both;
	width:100%;
	height:680px;
	background-color:#1f202a;
	position:relative;
	font-family: "Noto Sans KR", sans-serif;
}
.main_slider .slick-list{
	max-width:1920px;
	margin:0 auto
}
.main_slider .wrap{
	max-width:1920px;
	margin:0 auto
}
.main_slider .slide{
	width:100%;
	height:680px;
	display:block
}
.main_slider .txt_box{
	margin:164px 0px 0px 140px;
	width:564px;
	text-align:center;
	color:#ffffff;
	font-size:36px;
	line-height:40px
}
.main_slider .txt_box span,.main_slider .txt_box strong{
	display:block
}
.main_slider .txt_box .txt_big{
	font-weight:bold;
	font-size:90px;
	line-height:90px;
	margin-bottom:14px
}

.main_slider .ico_more{
	background:url("./img/ico_more.png") no-repeat 0 0;
	background-size:100%;
	content:"";
	margin:140px 0px 0px 380px;
	width:80px;
	height:80px;
	display:inline-block;
	position:relative;
	text-align:center;
	text-indent:-2000em;
}
@media (max-width: 992px){
	.main_slider .ico_more{
		width:72px;
		height:72px
	}
}
@media (max-width: 767px){
	.main_slider .ico_more{
		width:45px;
		height:45px;
		display:none
	}
}


.main_slider .ico_player{
	background:url("./img/ico_player.png") no-repeat 0 0;
	background-size:100%;
	content:"";
	margin:140px 0px 0px 380px;
	width:80px;
	height:80px;
	display:inline-block;
	position:relative;
	text-align:center;
	text-indent:-2000em;
}

.main_slider .slick-dots{
	position:absolute;
	top:460px;
	left:45%;
	width:100%;
	max-width:1920px;
	text-align:left;
	-webkit-transform:translateX(-50%);
	-ms-transform:translateX(-50%);
	transform:translateX(-50%)
}
.main_slider .slick-dots li{
	display:inline-block;
	margin-right:26px
}
.main_slider .slick-dots li:first-child{
	margin-left:378px
}
.main_slider .slick-dots li:last-child{
	margin-right:0px
}
.main_slider .slick-dots li button{
	width:30px;
	height:5px;
	border-radius:25px;
	background:#fff;
	opacity:0.5;
	text-indent:-2000em;
	font-size:1px;
	overflow:hidden;
	vertical-align:middle
}
.main_slider .slick-dots li.slick-active button{
	width:20px;
	height:20px;
	background:none;
	border:3px solid #ffffff;
	opacity:1
}

.main_slider button{
	border:none;
	background:none;
	cursor:pointer;
	outline:none;
	padding:0px;
	font-weight:100;
	letter-spacing:-0.05rem
}

.main_slider .btn_arrow{
	position:absolute;
	z-index:1;
	top:50%;
	-webkit-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	transform:translateY(-50%);
	width:100px;
	border-bottom:1px solid #ffffff;
	color:#ffffff;
	font-size:16px;
	line-height:38px;
	opacity:0.3;
	text-transform:uppercase
}
.main_slider .btn_arrow.btn_prev{
	left:0px;
	text-align:right;
	padding-right:10px
}
.main_slider .btn_arrow.btn_next{
	right:0px;
	text-align:left;
	padding-left:10px
}
.main_slider .btn_arrow.slick-disabled{
	opacity:0.3
}
.main_slider .btn_arrow:hover{
	opacity:1
}

/* 추가 */
.main_slider .txt_box {
    width: 100%;
    max-width: 1380px;
    text-align: left;
    line-height: unset;
    margin: 90px auto;
	font-size: 32px;
}
.main_slider .ico_more {margin: unset; margin-top: 40px;}
.main_slider .txt_box .txt_big {
    font-size: 78px;
    font-weight: 800;
    letter-spacing: -1px;
}
.main_slider .txt_box .txt_big:after {
	content: '';
    display: block;
    width: 60px;
    border-top: solid 1px #ffffff;
    margin: 20px 0;
}

/*애니메이션*/
/* 초기 상태 설정 */
.sl-right {
    opacity: 0;
    transform: translateX(150px); /* 오른쪽에서 슬라이딩되도록 위치 설정 */
    transition: opacity 2.0s ease-out, transform 1.0s ease-out;
}

/* 등장 애니메이션 */
.sl-right.show {
    opacity: 1;
    transform: translateX(0); /* 원래 위치로 이동 */
}
.sl-left {
    opacity: 0;
    transform: translateX(-150px); /* 오른쪽에서 슬라이딩되도록 위치 설정 */
    transition: opacity 2.0s ease-out, transform 1.0s ease-out;
}

/* 등장 애니메이션 */
.sl-left.show {
    opacity: 1;
    transform: translateX(0); /* 원래 위치로 이동 */
}
/* 아래에서 등장하는 sl-up */
.sl-up {
    opacity: 0;
    transform: translateY(100px); /* 아래쪽에서 시작 */
    transition: opacity 2.0s ease-out, transform 1.0s ease-out;
}

.sl-up.show {
    opacity: 1;
    transform: translateY(0); /* 원래 위치로 이동 */
}

/*********************/
/* RESPONSIVE
/* Mobile
/*********************/
@media (max-width: 1600px) {

}
@media (max-width: 1400px) {

}
@media (max-width: 1280px) {
}
@media (max-width: 1024px) {

}


@media (max-width: 767px) {

	.main_slider {height: 260px;}
	.main_slider .slide {height: 260px; background-size: cover !important;}
	.main_slider .txt_box {font-size:16px; margin: 30px auto; width: calc(100% - 30px);}
	.main_slider .txt_box .txt_big {font-size: 28px; line-height: 1.3;}
	.main_slider .txt_box .txt_big:after {width: 24px; margin: 10px 0;}

}