@charset "utf-8";

	/* Main Visual */
	.mv_sec {position:relative;height:490px; overflow: hidden; display: block !important;}

	/* Main Slider Start Effect */
	.mv_list {transition:5s; display: block !important;}

	/* Main Slider Height */
	.mv_sec .owl-theme .item {position:relative;width:100%;height:490px;overflow:hidden;z-index:1;}
	.mv_sec .owl-theme .active .item {z-index:2;}
	.mv_sec .owl-theme .item img{display:block;width:auto;position:absolute;top:0;left:-8px;bottom:0;right:0;margin:auto;transform:scale(1.1); transition:2s;}
 	.mv_sec .owl-theme .active .item img {transform:scale(1);transform:rotate(0.02deg);margin: 0; opacity: 1;}   

	/* Main Slider Slogan */
	.mv_info {max-width:1510px; width: 100%;position: absolute;left: 50%;margin-left: -755px;top: 19%;text-align: left; padding-left: 80px; margin-top: -3px;}
	

	/* Text */
	.mv_info .t1 { position: relative; left: -50px; font-weight: 500;font-size: 36px;color: #9b9a99;text-align: left; height: 32px;margin-bottom: 16px; transition:1.3s; opacity: 0;}
	.mv_info .t1 img{display: inline-block !important; width: auto !important; position:static !important;;transform:scale(1) !important;}
	.mv_info .t2 {position: relative; left: -50px; ;color: #333333;font-size: 44px;line-height: 62px;margin-bottom: 11px; transition:1.3s; ; transition-delay:.5s;  opacity: 0;}
	.mv_info .t2 span{color: #1aade3;}
	.mv_info .t3 {position: relative; left: 0; ;font-size: 18px;line-height: 30px;color: #666; transition:.5s; transition-delay:1s; opacity: 0;}


	/* Text Effect 	 */ 
	.active .mv_info .t1 {opacity:1; left: 0; }
	.active .mv_info .t2 {opacity:1; left: 0;}  
	.active .mv_info .t3 {opacity:1; left: 0;}  
	
	/* Main Slider nav*/
	.mv_sec .owl-dots{display: block !important; position: absolute;max-width:1510px;width: 100%;left: 50%;top: 72.5%;margin-left: -755px;  text-align: left !important; padding-left: 80px;}
	.mv_sec .owl-theme .owl-dots .owl-dot{background: none;}
	.mv_sec .owl-theme .owl-dots .owl-dot:last-child span{margin-right: 0;}
	.mv_sec .owl-theme .owl-dots .owl-dot span{width: 13px; height: 13px; border-radius:50%; border:3px solid #1ea5d6; background-color: #fff;margin: 0; margin-right: 11px;}
	.mv_sec .owl-theme .owl-dots .owl-dot.active span,
	.mv_sec .owl-theme .owl-dots .owl-dot:hover span{background: #1ea5d6;}
	
	.mv_sec .owl-theme .owl-nav [class*="owl-"] { background: none;}
	.mv_sec .owl-nav{display: block !important; position: absolute;max-width:1510px; width: 100%;left: 50%;top: 50%;margin-left: -755px;  margin-top: -48px !important;}
	.mv_sec .owl-nav .owl-prev,
	.mv_sec .owl-nav .owl-next{width: 34px; height: 63px; background:url(../../images/main/owl_prev.png) no-repeat !important ; text-indent:-9999px; position: absolute;left: -47px;}
	.mv_sec .owl-nav .owl-next{background:url(../../images/main/owl_next.png) no-repeat !important ; position: absolute; right: -47px; left: auto;}

	/*공통*/		
	.w1510{max-width: 1510px; width: 100%;margin:0 auto;;}
	.af::after{display: block; content:''; clear: both;}		 

	/*mv_sec101*/
	.tab_a{display: none;position: relative;}
	.tab_a1{display: block;}
	.sec101{padding-top: 40px;}
	.sec101 .sec101_left{width: 40.46%; float: left; border:1px solid #dddddd;padding: 37px 40px; height: 297px;}
	.sec101 .sec101_left .sec101_ul{border-bottom: 1px solid #ddd;padding-bottom: 13px;}
	.sec101 .sec101_left .sec101_ul li:before{content:''; position: absolute;right: 0;  top: 50%; margin-top: -6.5px;width: 1px; height: 13px;background-color: #dddddd; }
	.sec101 .sec101_left .sec101_ul li:first-child{padding-left: 0;}
	.sec101 .sec101_left .sec101_ul li:last-child:Before{display: none;}
	.sec101 .sec101_left .sec101_ul li:after{content:''; position: absolute;left: 0; bottom:-14px; width: 69px; height: 2px;background-color: #18aee4; opacity: 0; transition:.3s;}
	.sec101 .sec101_left .sec101_ul li:last-child:after{ left: 20px; width: 117px;}
	.sec101 .sec101_left .sec101_ul li.on:after{opacity: 1;}
	.sec101 .sec101_left .sec101_ul li{font-weight: 500;color: #888;font-size: 20px;display: inline-block;padding: 0 20px; position: relative; cursor:pointer; transition:.3s;;}
	.sec101 .sec101_left .sec101_ul li.on{color: #18aee4;}
	.sec101 .sec101_left .sec101_ul li:last-child{padding-left: 14px;}
	.sec101 .sec101_left .sec101_ul li:last-child:after{left: 13px;}
	.tab_a .more{width: 59px;height: 30px;line-height: 28px;background-color: #18aee4;text-align: center;display: block;font-size: 14px;color: #fff;border-radius: 30px;position: absolute;right: 0;top: -47px;}
	.tab_a ul{padding-top: 20px;}
	.tab_a ul li:before{content:''; position: absolute;left: 0;  top: 13px;width: 4px; height: 4px; border-radius:50%;background-color: #1ea5d6; }
	.tab_a ul li{position: relative;}
	.tab_a ul li a{padding-left: 13px;}
	.tab_a ul li a p{font-size: 16px;color: #666;line-height: 30px;float: left;width: 85%;height: 30px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
	.tab_a ul li a span{float: right;font-size: 16px;line-height: 30px;color: #999;width: 15%;text-align: right;}

	.sec101 .sec101_right{width: 57.08%; float: right;}
	.sec101_right ul{border:1px solid #c6e0f9; border-radius:40px 0 40px 0;}
	.sec101_right ul li{width: 25%; float: left; text-align: center; background: #def1ff; height: 297px; border-right: 1px solid #fff; border-left: 1px solid #c6e0f9; position: relative;}
	.sec101_right ul li:after{content:''; position: absolute;left: 0;  top: 0px;width: 100%; height: 100%;background: url(../../images/main/sec101_over2.jpg) no-repeat; z-index: 0; opacity: 0; transition:.3s;}
	.sec101_right ul li.li2:after{content:''; position: absolute;left: 0;  top: 0px;width: 100%; height: 100%;background: url(../../images/main/sec101_over3.png) no-repeat; z-index: 0; opacity: 0; transition:.3s;}
	.sec101_right ul li.li3:after{content:''; position: absolute;left: 0;  top: 0px;width: 100%; height: 100%;background: url(../../images/main/sec101_over4.png) no-repeat; z-index: 0; opacity: 0; transition:.3s;}
	.sec101_right ul li.li4:after{content:''; position: absolute;left: 0;  top: 0px;width: 100%; height: 100%;background: url(../../images/main/sec101_over5.png) no-repeat; z-index: 0; opacity: 0; transition:.3s;}
	.sec101_right ul li.li1{border-radius:39px 0 0 0; border-left: none;}
	.sec101_right ul li.li4{border-radius:0 0 39px 0; border-right: #def1ff;}
	.sec101_right ul li a{padding-top: 30px;position: relative;z-index: 1;}
	.sec101_right ul li a:before{content:''; position: absolute;left: 50%; margin-left: -63px ;  top: 29px;width: 100%; height: 100%;background: url(../../images/main/sec101_r105.png) no-repeat; transition:.3s;opacity: 0;}
	.sec101_right ul li figure{margin-bottom: 15px; position: relative; transition:.3s;}
	.sec101_right ul li figure img{}
	.sec101_right ul li.li1:after{border-radius:39px 0 0 0;}
	.sec101_right ul li.li4:after{border-radius: 0 0 39px 0;}
	.sec101_right ul li.li2 a:before{content:''; position: absolute;left: 50%; margin-left: -63px ;  top: 29px;width: 100%; height: 100%;background: url(../../images/main/sec101_r106.png) no-repeat; transition:.3s; opacity: 0;}
	.sec101_right ul li.li3 a:before{content:''; position: absolute;left: 50%; margin-left: -63px ;  top: 29px;width: 100%; height: 100%;background: url(../../images/main/sec101_r107.png) no-repeat; transition:.3s; opacity: 0;}
	.sec101_right ul li.li4 a:before{content:''; position: absolute;left: 50%;margin-left: -63px ;  top: 29px;width: 100%; height: 100%;background: url(../../images/main/sec101_r108.png) no-repeat; transition:.3s; opacity: 0;}
	.sec101_right ul li.li2 h4{color: #18aee4;}
	.sec101_right ul li.li3 h4{color: #30bed2;}
	.sec101_right ul li.li4 h4{color: #3181d3;}
	.sec101_right ul li h4{font-weight: 500;font-size: 20px;color: #46bbe5;line-height: 30px;margin-bottom: 11px; transition:.3s;}
	.sec101_right ul li p{font-size: 16px;line-height: 26px;color: #666;transition:.3s;}
	
	.sec201{padding-top: 32px; overflow: hidden;}
	.sec201_left{width: 65.23%; float: left; padding-bottom: 30px; overflow: hidden; padding-right: 20px; box-sizing:initial}
	.sec201_left .sec201_more{float: right;width: 59px;height: 30px;line-height: 28px;background-color: #18aee4;text-align: center;border-radius: 30px;margin-top: 27px;}
	.sec201_left .sec201_more a{display: block;font-size: 14px;color: #fff;}
	.sec201_left h3{color: #333;font-weight: 500;font-size: 30px;float: left;margin-bottom: 16px;}
	.sec201_left h3 span{color: #1ea5d6;}
	.sec201_list .owl-stage-outer{overflow: visible !important;}
	.sec201_list{display: block !important; clear: both;}
	.sec201_list .item{box-shadow: 0 0 21px rgba(201,201,199,0.3);}
	.sec201_list .item figure{height: 199px; position: relative;}
	.sec201_list .item figure img{max-width: 100%; width: auto ; max-height: 100%; height: auto; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin:auto;} 
	.sec201_list .item div{border-radius: 0 0 30px 0;}
	.sec201_list .item div a p{font-size: 16px;color: #333333;float: left;width: 91%;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
	.sec201_list .item div a {line-height: 58px;padding: 0 20px;}
	.sec201_list .item div a span{float: right;width: 17px;height: 17px;border: 1px solid #37beee;border-radius: 50%;line-height: 14px;text-align: center;font-size: 15px;color: #18aee4;margin-top: 21px;}
	.sec201_list .owl-theme .owl-nav [class*="owl-"] { background: none;}
	.sec201_list .owl-nav{display: block !important; position: absolute;width:51px;top: -46px;right: 84px;left: auto;}
	.sec201_list .owl-nav .owl-prev,
	.sec201_list .owl-nav .owl-next{width: 13px; height: 24px; background:url(../../images/main/owl_prev2.png) no-repeat !important ; text-indent:-9999px; position: absolute;left: 0;}
	.sec201_list .owl-nav .owl-next{background:url(../../images/main/owl_next2.png) no-repeat !important ; position: absolute; right: 0; left: auto;}

	.sec201_right{width: 30.79%; float: right;}
	.sec201_right h3{color: #333;font-weight: 500;font-size: 30px;margin-bottom: 16px;}
	.sec201_right h3 span{color: #1ea5d6;}
	.sec201_right .sec201_popup{background: #31bef1;border-radius: 40px 0 40px 0;position: relative;padding: 23px 40px;}
	.sec201_right .sec201_popup figure{float: left;border: 3px solid #fb7f27;box-sizing: border-box;width: 158px; height: auto;}
	.sec201_right .sec201_popup figure img{width: 100%; }
	.sec201_right .sec201_popup div{float: left;padding-left: 39px;padding-top: 33px;}
	.sec201_right .sec201_popup div h4{font-weight: 500;font-size: 18px;line-height: 28px;color: #fff;margin-bottom: 14px;}
	.sec201_right .sec201_popup div p{font-size: 16px;color: rgba(255,255,255,0.6);}
	.sec201_right .sec201_popup a.btn_s2{position: absolute;right: 0;bottom: 0;background-color: #feb71f;width: 140px;height: 46px;line-height: 46px;text-align: center;color: #fff;font-weight: 500;font-size: 15px;border-radius: 40px 0 40px 0;}
	.sec201_right .sec201_popup a.pdf_btn {position: absolute;right: 0;bottom: 47px;background-color: #feb71f; width: 110px;height: 46px;line-height: 1.3;text-align: center; text-align: center;color: #fff;font-weight: 500;font-size: 14px;border-radius: 40px 0 0 0; display:flex; flex-flow:row wrap; justify-content:center; align-items:center;}
	.sec201_right .sec201_popup a.pdf_btn.m_btn {display:none}

	.sec301{padding-top: 22px; padding-bottom: 70px;}
	.sec301_left{width: 50%; float: left; height: 301px; background:url(../../images/main/sec301_left.jpg) no-repeat ; padding-left: 90px; padding-top: 51px; position: relative;  background-size:100%;}
	.sec301_left:before{content:''; position: absolute;right: 67px;  bottom: 36px;width: 100px; height: 99px;background: url(../../images/main/sec301_left1.png) no-repeat; background-size:100%}
	.sec301_left h4{font-size: 32px;font-weight: 500;color: #fff;margin-bottom: 2px;} 
	.sec301_left p{color: #fff;font-size: 18px;margin-bottom: 65px;}
	.sec301_left a{width: 160px;height: 45px; line-height: 45px;background-color: #fff;text-align: center;font-size: 16px;color: #18aee4;border-radius: 50px 0 50px 0; transition:.3s;}
	.sec301_right{width: 50%; float: left; height: 301px; background:url(../../images/main/sec301_right.jpg) no-repeat ; padding-left: 90px;padding-top: 41px;}
	.sec301_right h3{font-weight: 500;font-size: 32px;color: #333;margin-bottom: 1px;}
	.sec301_right h3 span{color: #1ea5d6;}
	.sec301_right p{font-size: 18px;color: #666;}
	.sec301_right h4 img{margin-right: 12px;}
	.sec301_right h4{font-size: 36px;color: #0aa7e2; text-shadow:-3px 0 #fff, 0 3px #fff, 3px 0 #fff, 0 -3px #fff; -moz-text-shadow: -3px 0 #fff, 0 3px #fff, 3px 0 #fff, 0 -3px #fff; ; -webkit-text-shadow: -3px 0 #fff, 0 3px #fff, 3px 0 #fff, 0 -3px #fff; ;line-height: 46px; margin-top: 7px;}
	.sec301_right ul{margin-top: 7px;}
	.sec301_right ul li:first-child:before{content:''; position: absolute;right: 14.5px;  top: 50%; margin-top: -8px;width: 2px; height: 16px;background-color: #8d8e81; }
	.sec301_right ul li{font-size: 18px;line-height: 30px;color: #666;display: block;float: left;padding-right: 29px; position: relative;}
	.sec301_right ul li:last-child{width: 100%;}


	@media (min-width:1024px){
		.tab_a ul li a p:hover{color: #18aee4;}
		.sec101_right ul li:hover:after{opacity: 1;}
		.sec101_right ul li:hover h4,
		.sec101_right ul li:hover p{color: #fff;}
		.sec101_right ul li:hover figure{ opacity: 0;}
		.sec101_right ul li:hover a:before{opacity: 1; z-index: 3;}
	}
	@media (min-width:800px){
		.sec101 .sec101_left .sec101_ul li:hover{color: #18aee4;}
		.sec101 .sec101_left .sec101_ul li:hover:after{opacity: 1;}
		.sec201_list .item div a:hover span{ background-color: #37beee; color: #fff;}
		.sec301_left a:hover{;background-color: #feb71f;color: #fff;}


	}