@font-face { font-family: 'NEXON Lv1 Gothic OTF'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON Lv1 Gothic OTF.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'NEXON Lv1 Gothic OTF Light'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON Lv1 Gothic OTF Light.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'NEXON Lv1 Gothic OTF Bold'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON Lv1 Gothic OTF Bold.woff') format('woff'); font-weight: normal; font-style: normal; }
            	
.swiper-slide div.backgroundimg1{height:100%; background:url('/theme/IDEN02/img/bg0.jpg')no-repeat center; background-size:cover;}
.swiper-slide div.backgroundimg2{height:100%; background:url('/theme/IDEN02/img/bg1.jpg')no-repeat center; background-size:cover;}
.swiper-slide div.backgroundimg3{height:100%; background:url('/theme/IDEN02/img/bg2.jpg')no-repeat center; background-size:cover;}
.swiper-slide div.backgroundimg4{height:100%; background:url('/theme/IDEN02/img/bg3.jpg')no-repeat center; background-size:cover;}
.swiper-slide div.backgroundimg5{height:100%; background:url('/theme/IDEN02/img/bg4.jpg')no-repeat center; background-size:cover;}
.main_slide2 .swiper-slide {width:100%;height:660px;  margin:0 auto; padding:0; overflow:hidden; text-align:left; overflow:hidden; position:relativel;}
.main_slide2 .swiper-slide img {position:fixed;top:0; left:50%; transform:translate(-50%,0);}
.main_slide2 .swiper-slide .txt_box{color:#fff; z-index:10000; position:absolute;top:44.5%;width:1200px;margin:0 auto; text-align:left; left:50%;transform:translate(-50%, -50%);}
	.main_slide2 .swiper-slide .txt_box h1 { font-size:4.2em;font-weight:800;color:#fff;  line-height:1.25em; text-shadow:0px 2px 4px rgba(0,0,0,.7);  letter-spacing:.5px; margin-bottom:45px; position:relative; margin-top:45px;}
	.main_slide2 .swiper-slide .txt_box h1 span {color:#c0deff}
	.main_slide2 .swiper-slide .txt_box h1 b {font-weight:600; color:#fff; font-size:1.15em; display:inline-block; MARGIN-TOP:5px; position:relative; top:0px; font-family: 'Noto Sans KR', sans-serif; letter-spacing:0px; line-height:1.25em;}
	.main_slide2 .swiper-slide .txt_box h1 b span {color:#e1cc6d;;}
	.main_slide2 .swiper-slide .txt_box .he_line {height:35px; width:1px; margin:15px auto 8px auto; background:#fff; }
	.main_slide2 .swiper-slide .txt_box h2 span {width:200px; height:2px; background:#fff; display:inline-block; position:relative; top:-5px; margin-right:7px;}
	.main_slide2 .swiper-slide .txt_box h2 { font-size:3.5em; padding-top:2px; line-height:1.7em; font-weight:600;color:#444;  margin-left:6px; }
	.main_slide2 .swiper-slide .txt_box p {font-size:1.8em; margin:-10px 0 0 4px; font-weight:500;color:#fff; line-height:1.4em;  text-shadow:0px 1px 2px rgba(0,0,0,.7);}
	.main_slide2 .swiper-slide .txt_box a {background:#07347d; color:#fff; display:inline-block; padding:12px 35px 14px 35px; border-radius:100px;text-align:center; margin:25px 3px 0 3px; font-size:1.5em;font-weight:500; letter-spacing:.5px; letter-spacing:1px;}
	.main_slide2 .swiper-slide .txt_box a b {font-size:1.4em;}
	.main_slide2 .swiper-slide .txt_box a i {margin-left:15px; transition:.3s;}
	.main_slide2 .swiper-slide .txt_box a:hover i {margin-left:34px;}
	.main_slide2 .swiper-button-prev{left:20px; margin-top:10px; display:block;}
	.main_slide2 .swiper-button-next{right:20px; margin-top:10px; display:block;}
	.main_slide2 .swiper-slide img.mo {display:none;}
	
	.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: 2.0s; }
	.delay_3 { animation-delay: 2.5s; }
	
	@media screen and (max-width:1200px) {
		.main_slide2 .swiper-slide {width:100%;}
		.main_slide2 .swiper-slide .txt_box {width:100%;}
		.main_slide2 .swiper-slide {width:100%;height:550px;}
		.main_slide2 .swiper-slide img {height:320px; width:auto}
	}
	@media screen and (max-width:992px) {
		.main_slide2 {margin-top:-65px;}
		.main_slide2 .swiper-slide {width:100%; height:550px;}
		.main_slide2 .swiper-slide img.pc {display:none;}
		.main_slide2 .swiper-slide img.mo {display:block;}
		.main_slide2 .swiper-slide img {width:100%; height:auto; top:-30px;}
		.main_slide2 .swiper-slide .txt_box{top:45%; width:100%; padding:0 60px; text-align:center;}
		.main_slide2 .swiper-slide .txt_box h1 { font-size:3.3em;}
		.main_slide2 .swiper-slide .txt_box p {font-size:1.1em; }
		.main_slide2 .swiper-slide .txt_box a {font-size:1.2em;}
	}
	@media screen and (max-width:700px) {
		.main_slide2 .swiper-slide {width:100%; height:420px;}
		.main_slide2 .swiper-slide img {width:100%; height:auto; top:0px;}
	}
	@media screen and (max-width:550px){
		.main_slide2 .swiper-slide .txt_box {padding:0 20px;}
		.main_slide2 .swiper-slide .txt_box h1 { font-size:1.8em;}
		.main_slide2 .swiper-slide .txt_box a {font-size:1.2em; padding:8px 23px 10px 23px; }
		.main_slide2 .swiper-button-prev, .main_slide2 .swiper-button-next {display:none;}
	}
	
	@media screen and (max-width:380px){
		.main_slide2 .swiper-slide {width:100%; height:380px;}
	}