@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');
.main_slide  {margin-top:0px;}
.swiper-slide div.bg1{height:100%; background:url('/theme/IDEN03/img/bg2.jpg') bottom center  no-repeat; background-position:center; background-size:cover;}
.swiper-slide div.bg2{height:100%; background:url('/theme/IDEN03/img/bg3.jpg') top center no-repeat; background-position:center; background-size:cover;}
.swiper-container .swiper-slide {width:100%; height:850px; margin:0 auto; padding:0; overflow:hidden;}

.swiper-container .swiper-slide img {width:100%;}
	.swiper-container .swiper-slide .slide_m {display:none;}
	.swiper-container .swiper-slide .txt_box{color:#333; position:absolute; z-index:10000;left:50%; transform:translateX(-50%); top:35%; text-align:left;width:1200px;;}
	.swiper-container .swiper-slide .txt_box p {font-size:32px; font-weight:400; color:#333;padding:5px 0 30px 0;font-family: 'Noto Sans KR', sans-serif; font-weight: 700; }
	.swiper-container .swiper-slide .txt_box div {max-width:70px; margin:30px auto; height:1px; background:#333}
	.swiper-container .swiper-slide .txt_box h2 {font-size:50px; font-weight:400;  line-height:1.6em;font-family: 'Noto Sans KR', sans-serif;font-weight: 700; }
	.swiper-container .swiper-slide .txt_box p .mo {display:none;}
	.swiper-container .swiper-slide .txt_box a {background:#06ceec; color:#fff; padding:8px 30px; border-radius:50px; font-size:1.2em; display:inline-block; margin:30px 0 0 0; letter-spacing:1px; transition:0.3s; border:1px solid #06ceec}
	.swiper-container .swiper-slide .txt_box a:hover {background:none; border:1px solid #fff;}
	.swiper-container .swiper-slide .txt_box img {width:350px; margin-left:130px;}
	.swiper-container .swiper-slide .txt_box img.mo {display: none;}
	.swiper-container .swiper-button-prev{left:20px; display:block;}
	.swiper-container .swiper-button-next{right:20px; display:block;}
	
	.txt_animate {animation-delay:1s; opacity: 0; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
	@-webkit-keyframes fade_down { 
		0% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); }
	  100% { opacity: 1; -webkit-transform: none; transform: none; } 
	}
	@keyframes fade_down { 
		0% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); }
	  100% { opacity: 1; -webkit-transform: none; transform: none; }
	}
	.fade_down { -webkit-animation-name: fade_down; animation-name: fade_down; }
	
	@-webkit-keyframes fade_up { 
		0% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); }
	  100% { opacity: 1; -webkit-transform: none; transform: none; } 
	}
	@keyframes fade_up { 
		0% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); }
	  100% { opacity: 1; -webkit-transform: none; transform: none; }
	}
	.fade_down { -webkit-animation-name: fade_down; animation-name: fade_down; }
	.fade_up { -webkit-animation-name: fade_up; animation-name: fade_up; }
	.delay_1 { animation-delay: 1.5s; }
	.delay_2 { animation-delay: 1.9s; }
	
	@media screen and (max-width:1400px) {
	}
	@media screen and (max-width:1200px) {
		.swiper-container .swiper-slide .txt_box{top:40%; width:100%; padding:0 70px;}
		.swiper-container .swiper-slide .txt_box p {}
		.swiper-container .swiper-slide .txt_box h1 {}
		.swiper-container .swiper-slide .txt_box h2 {}
	}
	@media screen and (max-width:992px) {
		.swiper-container  {margin-top:-58px;}
		.swiper-container .swiper-slide  {height:500px; }
		.swiper-container .swiper-slide .txt_box{top:35%; text-align:center;width:100%;}
		.swiper-container .swiper-slide .txt_box p {font-size:25px;}
		.swiper-container .swiper-slide .txt_box h2 {font-size:35px; padding-top:10px;}
		.swiper-container .swiper-slide .txt_box a {font-size:1.05em;}
	}
	@media screen and (max-width:550px){
		.swiper-container .swiper-slide  {height:420px;  }
		.swiper-container .swiper-slide img {height:100%; width:100%; }
		.swiper-slide div.bg1{height:100%; background:url('/theme/IDEN03/img/bg2.jpg') bottom right 25% no-repeat; background-size:cover;}
		.swiper-slide div.bg2{height:100%; background:url('/theme/IDEN03/img/bg3_mo.jpg') top center no-repeat; background-position:center; background-size:cover;}
		.swiper-container .swiper-slide .txt_box{top:30%; text-align:center;width:100%; padding:0 0 10px 0; background-color: rgba(0,0,0,.3);}
		.swiper-container .swiper-slide .txt_box p {font-size:20px; color:#fff; padding:5px 0 10px 0}
		.swiper-container .swiper-slide .txt_box a {margin-top:20px;}
		.swiper-container .swiper-slide .txt_box h2 {font-size:26.5px; padding-top:15px;color:#fff}
		.swiper-container .swiper-slide .txt_box p .mo {display:block;}

		.swiper-container .swiper-button-prev, .swiper-container .swiper-button-next {display:none;}
		.swiper-container .swiper-slide .slide_m {display:block;}
		.swiper-container .swiper-slide .slide_pc {display:none;}
		.swiper-container .swiper-slide .txt_box img {display: none;}
		.swiper-container .swiper-slide .txt_box img.mo {display: block; width:210px; margin: 0 auto;}

	}