@charset "utf-8";
.mainvisual .swiper-container {width: 100%;height: 100%;background: #000;}
.mainvisual .swiper-slide { /*min-height:960px;*/ height:100vh; color: #fff; padding-top:340px; background-size:cover; text-align:center;
-webkit-box-sizing: border-box;box-sizing: border-box;}
.mainvisual .swiper-slide:after {position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.3); z-index:1; content:"";}

.mainvisual .swiper-slide .txt01,
.mainvisual .swiper-slide .txt02 { position:relative; z-index:2; width:100%; max-width:1680px; margin:0 auto; word-break:keep-all; text-shadow:0 0 8px rgba(0,0,0,0); text-align:left; text-shadow:0 0 8px rgba(0,0,0,0.8);}
.mainvisual .swiper-slide .txt01 {  font-size:70px; font-weight: 500; font-family: 'NanumGothicExtraBold';}
.mainvisual .swiper-slide .txt02 { font-size:26px; ; margin-top:20px;}

.mainvisual .swiper-button-next, 
.mainvisual .swiper-button-prev { top:auto; left:50%; bottom:100px; width:60px; height:60px; background-color:transparent; border-radius:50%; border:2px solid #fff; display:flex; justify-content:center; align-items:center; -webkit-transition: all 0.30s ease-in-out; -moz-transition: all 0.30s ease-in-out; -ms-transition: all 0.30s ease-in-out; -o-transition: all 0.30s ease-in-out;}
.mainvisual .swiper-button-prev {margin-left:510px;}
.mainvisual .swiper-button-next {margin-left:580px;}
.mainvisual .swiper-button-next:hover, 
.mainvisual .swiper-button-prev:hover {background-color:#000; border-color:#000;}
.mainvisual .swiper-button-prev, 
.mainvisual .swiper-container-rtl .swiper-button-next,
.mainvisual .swiper-button-next, 
.mainvisual .swiper-container-rtl .swiper-button-prev {background-image:none;}
.mainvisual .swiper-button-prev:after, 
.mainvisual .swiper-rtl .swiper-button-next:after,
.mainvisual .swiper-button-next:after, 
.mainvisual .swiper-rtl .swiper-button-prev:after {content:'';}

/*.mainvisual .swiper-pagination {margin-left:-600px; text-align:left; left:50% !important; bottom:200px !important;}
.mainvisual .swiper-pagination-clickable .swiper-pagination-bullet {margin-left:5px; }
.mainvisual .swiper-pagination-clickable .swiper-pagination-bullet-active {background-color:#364699 !important;}*/

.mainvisual .swiper-pagination { width:100%; background:#000; color:#fff; display:flex; bottom:0;}
.mainvisual .swiper-pagination .swiper-pagination-bullet {width:100%; height:60px; line-height:55px; margin:0; border-radius:0; border-bottom:5px solid #000;}
.mainvisual .swiper-pagination .swiper-pagination-bullet-active { background:#000; border-color:#0336f1;}

/* 화살표 */
@media (max-width:1680px){
	.mainvisual .swiper-slide {padding-top:280px;}
    .mainvisual .swiper-button-next, 
    .mainvisual .swiper-button-prev {left:5%;}
    .mainvisual .swiper-button-prev {margin-left:0px;}
    .mainvisual .swiper-button-next {margin-left:70px;}

	.mainvisual .swiper-slide .txt01,
	.mainvisual .swiper-slide .txt02 {  width:90%; }
}
/* 작은모니터 */
@media (max-width: 1279px){
	.mainvisual .swiper-slide .txt02 {}
}

/* 태블릿 */
@media (max-width: 969px){
	.mainvisual .swiper-slide{height: 600px; padding-top: 160px;}
	.mainvisual .swiper-slide .txt01 {font-size:60px;}
	.mainvisual .swiper-slide .txt02 {font-size:18px; line-height:26px;}
    .mainvisual .swiper-button-next, 
    .mainvisual .swiper-button-prev {width:50px; height:50px;}
    .mainvisual .swiper-button-next {margin-left:60px;}
}
/* 모바일 */
@media (max-width: 639px){ 
	.mainvisual .swiper-slide {height:100vh ;padding-top:200px;}
	.mainvisual .swiper-slide .txt01,
	.mainvisual .swiper-slide .txt02 {text-align:left;}
	.mainvisual .swiper-slide .txt01 {font-size:32px;}
	.mainvisual .swiper-slide .txt02 {font-size:15px;line-height: 20px;}

	.mainvisual .swiper-pagination .swiper-pagination-bullet {height:40px; line-height:35px; font-size:0.88rem;}
}
/* 작은 모바일 */
@media (max-width: 399px){
	.mainvisual .swiper-slide {  padding-top:200px;}
	.mainvisual .swiper-slide .txt01 {font-size:26px;}
	.mainvisual .swiper-slide .txt02 {font-size:14px; line-height: 18px;width: 90%;}
	.mainvisual .swiper-slide .txt02 br{display: none;}
	.mainvisual .swiper-button-next, 
	.mainvisual .swiper-button-prev {bottom:60px;}
}