@charset "utf-8";

#nav_main .inner{width:auto; float:right; margin:0 102px 0 0}

/*메인*/
.bt_scroll{position:absolute; left:50%; bottom:10px; z-index:10; color:#fff; margin-left:-35px; animation:animatedbang2 2s infinite}
.bt_scroll::after{content:''; position:absolute; width:15px; height:15px; border-top:2px solid #fff; border-right:2px solid #fff; transform:rotate(135deg); left:50%; margin-left:-8px; bottom:30px}
.bt_scroll::before{content:''; position:absolute; width:15px; height:15px; border-top:2px solid #fff; border-right:2px solid #fff; transform:rotate(135deg); left:50%; margin-left:-8px; bottom:38px}
@keyframes animatedbang2 

{ 

	0%{transform:translateY(5px);} 

	50%{transform:translateY(-5px);} 

	100%{transform:translateY(5px);} 

}

/*메인슬라이더*/
.main_slider{position:relative;z-index:0; clear:both}
.main_left_wrap.inner{position:relative;}
.main_text h1{font-size:48px;}
.main_text p{font-size:18px;margin-bottom:20px;color:#e9e9e9;font-size:24px;font-family:'PLAY', sans-serif; word-break:keep-all}
.main_text{color:#ffffff;position:absolute;top:200px;left:0;text-align:left !important;z-index:99;}
.main_text .font1{margin-bottom:80px;}
.slider_btn{margin-top:30px;}
.main_left_wrap{display:block;}
.main_slider .main_text .swiper-pagination-bullet {width: 12px!important;height: 12px!important;margin-right:13px!important;background-color: #fff;opacity: 1!important;transition:0.3s;}
.main_slider .main_text .swiper-pagination-bullet-active{border-radius: 20px;transition:0.3s;background:#04729e;}
.swiper-pagination{bottom:-40px;}
.swiper-slide img{width:100%;height: 100%;object-fit: cover;}



/*con01*/
.con01{background:#FAFAFA;text-align:center;padding-bottom:30px;}
.con01 h2{font-size:32px;padding:60px 0;}
.con01 p{font-size:18px;color:#666666;}
.con01 p span{font-weight:bold;}
.con01 img{max-width:100%}



/*con02*/
.con02_box{width:100%; word-break:keep-all}
.con02_box .box{width:50%;height:610px; float:left;text-align:center;display:table-cell; padding:1rem; word-break:keep-all; transition:all .3s,transform .3s !important }
.con02_box .box1{background:url(/img/bg_box1.jpg)no-repeat center; background-size:cover;}
.con02_box .box2{background:url(../images/con2_img2.png)no-repeat center; background-size:cover;}
.con02_box .box3{background:url(../images/con2_img3.png)no-repeat center; background-size:cover;}
.con02_box .box4{background:url(../images/con2_img4.png)no-repeat center; background-size:cover;}
.more_btn a{border:1px solid #666666;padding:5px 30px;}
.con02_box h2{font-size:36px;padding-top:200px; word-break:keep-all}
.con02_box .box1 h2, .con02_box .box1 p, .con02_box .box1 a{color:#fff;}
.con02_box .box1 .more_btn a{border:1px solid #fff}
.con02_box .box2{color:#ffffff;}
.con02_box .box2 .more_btn a{border:1px solid #ffffff;color:#ffffff;}
.con02_box .box3{color:#ffffff;}
.con02_box .box3 .more_btn a{border:1px solid #ffffff;color:#ffffff;}
.con02_box .box4 h2{color:#04729e;}
.con02_box .box:hover .more_btn a{ color:#fff; border:1px solid #fff; background:rgba(0,0,0,.5)}
.con02_box p{font-size:18px;padding:40px 0; word-break:keep-all}


.sub_vis {height:150px; background:url(/images/slider1.png) 50% 50%; background-size:cover;justify-content:center; align-items:center}
.sub_vis .main_text{position:relative; top:inherit}
.sub_vis .main_left_wrap.inner{display:flex; justify-content:center; align-items:center; height:100%; width:100%; background:rgba(0,0,0,.2); position:relative; left:0; margin-left:0}
.sub_vis .main_text .font1{ margin-bottom:0}
.sub_vis .main_text h1{text-align:center}
.sub_vis .main_text p{margin-bottom:0; text-align:center; word-break:keep-all}


@media(min-width:1300px){
.main_left_wrap.inner{position:absolute; height:100%; width:1300px; left:50%; margin-left:-650px; display:flex; align-items:center; justify-content:flex-start}	
.main_text{top:auto}
	}
@media(max-width:1299px){
.main_left_wrap.inner{position:absolute; height:100%; width:100%; left:0; margin-left:0; display:flex; align-items:center; justify-content:center}	
.main_text{top:auto; width:100%; text-align:center !important}	
.main_left_wrap.inner .swiper-pagination{width:100%}
.main_text .font1{margin-bottom:0}
.main_slider .main_text .swiper-pagination-bullet{margin-right:6px !important; margin-left:6px !important}
.bt_scroll{left:0; margin-left:0; width:100%; text-align:center}
	}	
@media(max-width:1200px){
.main_text{margin-top:-10px}	
.main_text p{margin-bottom:0}	
.main_text .swiper-pagination{margin:0 0 0 0; bottom:0}
	}