.main_visual {
	position: relative;
}
.main_visual .swiper-slide{
	height:100vh;
	display:flex;
	justify-content:center;
	align-items:center;
}
.main_visual .swiper-slide .txt_box{
	width:100%;
	max-width:1630px;
	padding: 0 15px;
	margin:0 auto;
	color:#fff;
}
.main_visual .swiper-slide .txt_box h3{
	font-size:6.4rem;
	font-weight: 600;
}
.main_visual > .main_nav{
	width:100%;
	max-width:1630px;
	padding: 0 15px;
	position: absolute;
	bottom:30%;
	left:50%;
	transform:translatex(-50%);
	z-index:1;
}
.main_visual > .main_nav > ul {
	max-width:20rem;
}
.main_visual > .main_nav > ul > li > a{
	font-size:1.6rem;
	font-weight: 400;
	padding:1.5rem 0;
	border-bottom: 1px solid rgba(255,255,255,0.2);
	display:flex;
	justify-content:space-between;
	align-items:center;
	color:#fff;
}
@media(max-width:1199.98px){
	.main_visual .swiper-slide .txt_box h3{
		font-size:4.4rem;
		line-height: 1.4;
	}
}
@media(max-width:991.98px){
	.main_visual .swiper-slide .txt_box h3{
		font-size:3rem;
	}
	.main_visual > .main_nav{
		bottom:15%;
	}
}


/*****2차 작업전*******************************************************************************************************************************************************/

/*메인 타이틀*/
.main_tit{ margin-bottom:5rem;  }
.main_tit h2{ font-size:6rem; font-weight:700; line-height:1.1;  }
.main_tit p{ margin-top:2rem; font-size:2rem;  font-weight:300; }

@media all and (max-width:1199.98px) {
    .main_tit{ margin-bottom:4rem;  }
    .main_tit h2{ font-size:5rem; }
    .main_tit p{ font-size:1.8rem; } 
}

@media all and (max-width:991.98px) {
    .main_tit{ margin-bottom:3rem;  }
    .main_tit h2{ font-size:4rem; }
    .main_tit p{ font-size:1.6rem; } 
}

@media all and (max-width:767.98px) {
    .main_tit h2{ font-size:3rem; }
}

@media all and (max-width:575.98px) {
}


/*메인 비쥬얼*/
#main_visual{ position:relative; overflow:hidden; height:100vh; max-height:97rem;}
#main_visual .img_area{ position:absolute; top:50%; left:50%; width:100%; height:100%; background:url('../_img/main/main_visual_img01.jpg') no-repeat center / cover; 
    transform:translate(-50%,-50%)  scale(1.1);  -webkit-transform:translate(-50%,-50%)  scale(1.1);  -moz-transform:translate(-50%,-50%)  scale(1.1);
    animation-name:main_visual; animation-duration:7s; animation-iteration-count:1; animation-fill-mode: forwards;
}
#main_visual .txt_area{ position:absolute; top:50%; left:50%;
    transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%);
}
#main_visual .txt_area div{ overflow:hidden; margin-left:-3rem;}
#main_visual .txt_area div span{ display:block; padding-left:3rem; font-size:7.6rem; font-weight:700; color:#fff; text-shadow:0 0 2rem rgba(0,0,0,0.5); 
    transform:translateY(100%); -webkit-transform:translateY(100%); -moz-transform:translateY(100%);
    animation-name:main_visual_tit; animation-duration:2s; animation-iteration-count:1; animation-fill-mode: forwards;
}
#main_visual .txt_area p{ opacity:0; margin-top:6rem; font-size:1.8rem; color:#fff; 
    animation-name:main_visual_desc; animation-duration:2s; animation-delay:1s; animation-iteration-count:1; animation-fill-mode: forwards;
}

#main_visual .scoll_down{ position:absolute; bottom:4rem; right:4rem; 
    transform-origin:left bottom; -webkit-transform-origin:left bottom; -moz-transform-origin:left bottom;
    transform:translateX(100%) rotate(-90deg); -webkit-transform:translateX(100%) rotate(-90deg); -moz-transform:translateX(100%) rotate(-90deg);
}
#main_visual .scoll_down .txt{ display:inline-block; font-size:1.1rem; color:#fff; font-weight:500;
    animation-name:main_visual_scroll; animation-duration:.8s;  animation-iteration-count: infinite;
}
#main_visual .scoll_down .circle{ position:relative; display:inline-block; vertical-align:middle; margin-right:2rem; width:5rem; height:5rem; border-radius:100%; border:1px solid #fff;  }
#main_visual .scoll_down .circle:after{ content:""; position:absolute; top:50%; left:50%; width:.6rem; height:.6rem; border-radius:100%; background:#fff;
    transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%);
}

@keyframes main_visual{
    0%{ transform:translate(-50%,-50%)  scale(1.1); -webkit-transform:translate(-50%,-50%)  scale(1.1); -moz-transform:translate(-50%,-50%)  scale(1.1); }
    100%{ transform:translate(-50%,-50%)  scale(1); -webkit-transform:translate(-50%,-50%)  scale(1); -moz-transform:translate(-50%,-50%)  scale(1); }
}
@keyframes main_visual_tit{
    0%{ transform:translateY(100%); -webkit-transform:translateY(100%); -moz-transform:translateY(100%);}
    100%{ transform:translateY(0%); -webkit-transform:translateY(0%); -moz-transform:translateY(0%);}
}
@keyframes main_visual_desc{
    0%{ opacity:0;}
    100%{ opacity:1;}
}
@keyframes main_visual_scroll{
    0%{ transform:translateX(0rem); -webkit-transform:translateX(0rem); -moz-transform:translateX(0rem);}
    50%{ transform:translateX(.5rem); -webkit-transform:translateX(.5rem); -moz-transform:translateX(.5rem);}
    100%{ transform:translateX(0rem); -webkit-transform:translateX(0rem); -moz-transform:translateX(0rem); }
}


@media all and (max-width:1199.98px) {
    #main_visual{ max-height:80rem;}
    #main_visual .txt_area div span{ font-size:6rem;}
    #main_visual .txt_area p{ margin-top:3rem; }
    #main_visual .scoll_down .circle{ width:4rem; height:4rem;}
}

@media all and (max-width:991.98px) {
    #main_visual{ max-height:70rem;}
    #main_visual .txt_area div span{ font-size:5rem;}
    #main_visual .txt_area p{ margin-top:2rem; font-size:1.6rem; }
}

@media all and (max-width:767.98px) {
    #main_visual{ max-height:60rem;}
    #main_visual .txt_area div span{ font-size:4rem;}
    #main_visual .txt_area p br{ display:none; }
    #main_visual .scoll_down{ right:15px; bottom:15px; }
    #main_visual .scoll_down .circle{ margin-right:1rem;}
}

@media all and (max-width:575.98px) {
    #main_visual .txt_area div span{ font-size:3.5rem;}
}

/*메인 제품*/
#main_poroduct li{ display:flex; flex-wrap:wrap; margin-bottom:15rem;}
#main_poroduct li:last-child{ margin-bottom:0;}
#main_poroduct li:nth-child(even){ flex-direction:row-reverse; }
#main_poroduct li > div{ width:50%;}
#main_poroduct li .img_area{ height:50rem; background-position:center; background-size:cover; }
#main_poroduct li .img_area01{ background-image:url('../_img/main/main_product_img01.jpg');}
#main_poroduct li .img_area02{ background-image:url('../_img/main/main_product_img02.jpg');}
#main_poroduct li .img_area03{ background-image:url('../_img/main/main_product_img03.jpg');}
#main_poroduct li .img_area04{ background-image:url('../_img/main/main_product_img04.jpg');}
#main_poroduct li .txt_area{ display:flex; align-items:center; padding:0 10rem; }
#main_poroduct li .txt_area strong{ display:block; font-size:2.6rem; font-weight:500; margin-bottom:3rem; }
#main_poroduct li .txt_area p{ font-size:1.6rem; color:#555; margin-bottom:4rem;  }

@media all and (max-width:1630px) {
    #main_poroduct li .txt_area strong br,
    #main_poroduct li .txt_area p br{ display:none; }
}
@media all and (max-width:1199.98px) {
    #main_poroduct li{ margin-bottom:12rem;}
    #main_poroduct li .txt_area{ padding:0 4rem;}
    #main_poroduct li .txt_area strong{ margin-bottom:2rem; font-size:2rem;}
    #main_poroduct li .txt_area p{ margin-bottom:3rem; }
}

@media all and (max-width:991.98px) {
    #main_poroduct li{ margin-bottom:10rem;}
    #main_poroduct li > div{ width:100%;}
    #main_poroduct li .img_area{ height:0; padding-top:70%;  }
    #main_poroduct li .txt_area{ padding:0; margin-top:3rem; }
}

@media all and (max-width:767.98px) {
    #main_poroduct li{ margin-bottom:8rem;}
}

@media all and (max-width:575.98px) {
    #main_poroduct li{ margin-bottom:6rem;}
}



/*메인 비디오*/
#main_video{  position:relative; padding-top:12rem;  }
#main_video:after{ content:""; z-index:-1; position:absolute; top:0; left:0; width:100%; height:60%; background:#f5f8fb; }
#main_video .wid1200{ position:relative; }
#main_video .wid1200 span{ position:absolute; left:100%; bottom:0; font-size:6.4rem; white-space: nowrap; line-height:1; font-weight:700; color:#f5f8fb; 
    -webkit-text-stroke-width: 1px; -webkit-text-stroke-color: #79b9eb; -webkit-text-fill-color: rgba(255,255,255,0);
    transform-origin:right bottom;  -webkit-transform-origin:right bottom;  -moz-transform-origin:right bottom; 
    transform:translateX(-100%) rotate(90deg); -webkit-transform:translateX(-100%) rotate(90deg); -moz-transform:translateX(-100%) rotate(90deg);
}
#main_video #main_video_in{ position:relative; padding-top:56.25%; background:url('../_img/main/main_video_poster.jpg') no-repeat center / cover; box-shadow:0 5px 20px rgba(0,0,0,0.4);  }
#main_video #main_video_in button{ position:absolute; top:0; left:0; width:100%; height:100%; font-size:0; background:url('../_img/main/main_video_btn.png') no-repeat center; outline:none;  }
#main_video #main_video_in iframe,
#main_video #main_video_in video{ position:absolute; top:0; left:0; width:100%; height:100%; }

@media all and (max-width:1630px) {
    #main_video .wid1200 span{ left:unset; right:5rem; bottom:unset; top:100%;
        transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%);
    }
}
@media all and (max-width:1199.98px) {
    #main_video{ padding-top:10rem;  }
}

@media all and (max-width:991.98px) {
    #main_video{ padding-top:8rem;  }
    #main_video .wid1200 span{ font-size:4.5rem;}
    #main_video #main_video_in button{ background-size:6rem;}
}

@media all and (max-width:767.98px) {
    #main_video{ padding-top:6rem;  }
}

@media all and (max-width:575.98px) {
}


/*메인 테크*/
#main_tech{ padding:12rem 0; background:#030d29 url('../_img/main/main_tech_bak.jpg') no-repeat center / cover;}
#main_tech .main_tit h2{ color:#fff; }
#main_tech .main_tit p{ color:#ddd; }
#main_tech ul{ display:flex; flex-wrap:wrap; margin-top:10rem;}
#main_tech ul li{ width:16.66666666666667%; text-align:center;}
#main_tech ul li img{ width:50%; max-width:12rem; min-width:8rem; }
#main_tech ul li strong{ display:block; margin-top:1rem;  font-size:1.7rem; color:#ccc; font-weight:300; 
    transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s;
}
#main_tech ul li:hover strong{ color:#fff;}


@media all and (max-width:1199.98px) {
    #main_tech{ padding:10rem 0;}
    #main_tech ul li strong{ font-size:1.6rem;}
}

@media all and (max-width:991.98px) {
    #main_tech{ padding:8rem 0;}
    #main_tech ul{ margin-top:5rem;}
    #main_tech ul li{ width:33.33%; margin-top:3rem;  }
}

@media all and (max-width:767.98px) {
    #main_tech{ padding:6rem 0;}
    #main_tech ul{ margin-top:0rem;}
}

@media all and (max-width:575.98px) {
    #main_tech ul li{ width:50%; }
}



/*메인 pr*/
#main_pr .notice_area{ position:relative; margin-bottom:10rem; }
#main_pr .notice_area ul{ display:flex; flex-wrap:wrap;}
#main_pr .notice_area ul li{ width:calc( (100% - 6rem) / 3 ); margin-right:3rem;}
#main_pr .notice_area ul li:last-child{ margin-right:0; }
#main_pr .notice_area ul li a{ position:relative; display:block; padding-top:90%; background:#000; }
#main_pr .notice_area ul li a:after{ content:""; opacity:0; position:absolute; top:0; left:0; width:100%; height:100%; border:1rem solid #007ddd;
    transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s;
}
#main_pr .notice_area ul li a:hover:after{ opacity:1;}
#main_pr .notice_area .no_image{ position:absolute; top:50%; left:50%; font-size:1.8rem; color:#444;
    transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%);
}
#main_pr .notice_area .text_area{ position:absolute; bottom:0; left:0; display:flex; flex-wrap:wrap; align-items:end; width:100%; min-height:40%;  padding:3rem; 
    background: rgb(0,0,0);
    background: -moz-linear-gradient(0deg, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0.8) 22%, rgba(0,0,0,0.6) 40%, rgba(0,0,0,0.4) 59%, rgba(0,0,0,0.2) 79%, rgba(0,0,0,0) 100%);
    background: -webkit-linear-gradient(0deg, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0.8) 22%, rgba(0,0,0,0.6) 40%, rgba(0,0,0,0.4) 59%, rgba(0,0,0,0.2) 79%, rgba(0,0,0,0) 100%);
    background: linear-gradient(0deg, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0.8) 22%, rgba(0,0,0,0.6) 40%, rgba(0,0,0,0.4) 59%, rgba(0,0,0,0.2) 79%, rgba(0,0,0,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
}
#main_pr .notice_area .text_area div{ width:100%; margin-top:auto; }
#main_pr .notice_area .text_area .subj,
#main_pr .notice_area .text_area .content{ font-size:2rem; font-weight:300; color:#fff;}
#main_pr .notice_area .com_link01{ position:absolute; bottom:100%; right:0; margin-bottom:5rem;}

#main_pr .bnr_area{ display:flex; flex-wrap:wrap;}
#main_pr .bnr_area > div{ width:50%; padding:6rem;  background-position:center; background-size:cover;   }
#main_pr .bnr_area > div.about_area{ background-image:url('../_img/main/main_pr_about_bak.jpg');}
#main_pr .bnr_area > div.job_area{ background-image:url('../_img/main/main_pr_job_bak.jpg');}
#main_pr .bnr_area > div *{ color:#fff; }
#main_pr .bnr_area > div h3{ margin-bottom:2.5rem; font-size:4rem; font-weight:500;}
#main_pr .bnr_area > div p{ margin-bottom:5.5rem;  font-size:1.8rem; font-weight:300;}

@media all and (max-width:1199.98px) {
    #main_pr .notice_area{ margin-bottom:8rem;}
    #main_pr .notice_area ul li{ width:calc( (100% - 3rem) / 3); margin-right:1.5rem;}
    #main_pr .notice_area .text_area{ padding:2rem 3rem;}
    #main_pr .notice_area .text_area .subj, 
    #main_pr .notice_area .text_area .content{ font-size:1.8rem;}

    #main_pr .bnr_area > div{ padding:4rem;}
    #main_pr .bnr_area > div h3{ margin-bottom:2rem; font-size:3rem; }
    #main_pr .bnr_area > div p{ margin-bottom:3rem;  font-size:1.6rem; }

}

@media all and (max-width:991.98px) {
    #main_pr .notice_area{ margin-bottom:6rem;}
    #main_pr .notice_area .com_link01{ margin-bottom:3rem; }
}

@media all and (max-width:767.98px) {
    #main_pr .notice_area ul li{ width:calc( (100% - 1.5rem) / 2); }
    #main_pr .notice_area ul li:nth-child(2n+2){ margin-right:0;}
    #main_pr .notice_area ul li:last-child{ margin:1.5rem auto 0;}

    #main_pr .bnr_area > div{ width:100%; padding:4rem 3rem; }
}

@media all and (max-width:420px) {
    #main_pr .notice_area{ text-align:center; }
    #main_pr .notice_area ul li{ width:100%; margin-top:1.5rem; margin-right:0; text-align:left;   }
    #main_pr .notice_area ul li:first-child{ margin-top:0;}
    #main_pr .notice_area .com_link01{ position:relative; bottom:unset; right:unset; margin-top:3rem; margin-bottom:0;  }
}



/*메인 cs*/
#main_cs{ padding:12rem 0; background:#0e214c url('../_img/main/main_cs_bak.jpg') no-repeat center / cover; font-size:0; }
#main_cs h2{ margin-bottom:3rem; font-size:4rem; font-weight:300; line-height:1.4; color:#fff; }
#main_cs h2 b{ font-weight:700;}
#main_cs p{ display:inline-block; font-size:1.8rem; font-weight:300; color:#fff; margin-right:5rem; margin-top:1rem; }
#main_cs p b{ font-size:2rem; margin-left:1rem; }
#main_cs p i{ display:inline-block; vertical-align:middle; margin-right:2rem; width:4.5rem; height:4.5rem; line-height:4.5rem; font-size:1.7rem; text-align:center; background:rgba(255,255,255,0.1); border-radius:100%;}

@media all and (max-width:1199.98px) {
    #main_cs{ padding:10rem 0; }
    #main_cs h2{ font-size:3rem; }
    #main_cs p{ font-size:1.6rem;}
    #main_cs p b{ font-size:1.8rem;}
}

@media all and (max-width:991.98px) {
    #main_cs{ padding:8rem 0; }
    #main_cs h2{ margin-bottom:1rem;}
}

@media all and (max-width:767.98px) {
    #main_cs{ padding:6rem 0; }
}

@media all and (max-width:575.98px) {
    #main_cs p i{ display:block; width:3.5rem; height:3.5rem; margin:1rem 0; line-height:3.5rem; }
}