@charset "utf-8";

.main_slider{
	display:block;
	clear:both;
	width:100%;
	height:100vh;
	background-color:#FFFFFF;
	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:100vh;
	display:block;
}
.main_slider,
.main_slider .slide {min-height: 720px; background-size: cover !important;}
.main_slider .txt_box{
	margin:164px 0px 0px 140px;
	width:564px;
	text-align:left;
	color:#0071bc;
	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:-25px
}

.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:540px;
	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: 1420px;
    line-height: unset;
    margin: 230px auto 0;
	font-size: 29px;
}
.main_slider .ico_more {margin: unset; margin-top: 40px;}
.main_slider .txt_box .txt_big {
    font-size: 69px;
    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 auto;
}

.main_slider .txt_box .caption {
	transition-delay: 0.8s;
    font-size: 17px;
    color: #9e9e9f;
	margin-bottom: 40px;
}
.main_slider .txt_box .caption strong {
    display: unset;
    color: #0071bc;
    font-weight: 500;
}
.main_slider .txt_box .sepa.line {
    border-top: solid 1px #0071bc;
    margin: 32px 0;
    width: 160px;
}
.main_slider .txt_box .btn-more {
    background-color: #01a29a;
    color: #ffffff;
    padding:8px 27px 9px 22px;
    border-radius: 30px;
    font-size: 21px;
    display: inline-flex;
    align-items: center;
}
.main_slider .txt_box .btn-more:before {
    content: '';
    display: inline-block;
    background-image: url(./img/btn-icon-more.png);
    width: 19px;
    height: 19px;
    background-repeat: no-repeat;
    background-position: center center;
    margin-right: 14px;
}
.main_slider .txt_box .caption img {
    max-width: 460px;
    width: 90%;
    margin-top: 30px;
}


/*애니메이션*/
/* 초기 상태 설정 */
.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); /* 원래 위치로 이동 */
}

#main-slide-bottom {
    position: absolute;
    bottom: 30px;
    width: 100%;
    text-align: center;
	filter: drop-shadow(2px 3px 4px #00000040);
}
#main-slide-bottom p {
	color:#FFFFFF;
    text-transform: uppercase;
	margin-top: 20px;
}

/*배너*/
#main-banner {
    position: absolute;
    top: 120px;
    right: 0;
	text-align: right;
	overflow: hidden;
 /*   display: flex;
    flex-direction: column;
    align-items: flex-end;*/
}

@media (max-width: 980px){
	#main-banner {display: none;}
}



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

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


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

}

@media (max-width: 767px) {

	.main_slider,
	.main_slider .slide {
        height: 100vh;
        min-height: 540px;
		background-size: 200% !important; 
		background-position: bottom center !important;
	}	
	.main_slider .txt_box {
        font-size: 16px;
        margin: 120px 0 0;
        padding: 0 24px;
        line-height: 1.3;
	}
	.main_slider .txt_box .txt_big {font-size: 24px; line-height: 10px; margin-bottom: 0;}
	.main_slider .txt_box .txt_big:after {margin: 10px auto;}
	.main_slider .txt_box .caption {font-size: 12px; margin-bottom: 25px; word-break: keep-all;}
	.main_slider .txt_box .caption br {display:none;}
	.main_slider .txt_box .sepa.line {
		border-top: solid 1px #0071bc;
		margin: 18px 0;
		width: 60px;
	}
	
	.main_slider .txt_box .btn-more {padding: 6px 20px 7px 15px; font-size: 14px;}
	.main_slider .txt_box .btn-more:before {width: 13px; height: 13px; margin-right: 9px;}

	#main-slide-bottom {bottom: 10px; filter: drop-shadow(2px 2px 2px #00000050);}
	#main-slide-bottom img.img-scroll {width: 26px;}
	#main-slide-bottom p {font-size: 8px;margin-top: 2px;}
	

}