@charset "utf-8";

/****************************** technology ******************************/
.technology .sub-head h2{color:#fff}

.technology .header-sm .btn-menu .bar{background:#fff;}
.technology .header-sm h1 a{background: url(/images/common/h1_logo2.png) 0 0 no-repeat;background-size:70px;}
.technology header .header-md h1 a{background:url(/images/common/h1_logo_v2_pc.png) 0 0 no-repeat}
.technology header .header-md .gnb .menu li a{color:#fff}
.technology header .header-md .gnb .menu li .animate .obje{background:#fff}
.technology header .header-md .gnb .top li a{color:#999}

.technology{background:#f1f1f1}
.technology .cont-head{margin-bottom:3rem; padding:40px 23px 0; text-align:center}
.technology .cont-head p{position:relative; top:20px; color:#666; line-height:1.750rem; font-size:1.083rem; opacity:0}

.technology .cont-1{margin-bottom:5rem}
.technology .cont-1 .wrap-h3{width:75%; margin:0 auto; padding:0 0 60px 0; border-bottom:1px solid #ccc; background:url(/images/technology/cont1_bd.jpg) bottom center no-repeat; background-size:1px 60px}
.technology .cont-1 h3{position:relative; top:20px; width:146px; height:53px; margin:0 auto; background:url(/images/technology/cont1_h3.png) 0 0 no-repeat; opacity:0}
.technology .cont-1 .h3-border{position:relative; top:20px; width:1px; height:60px; margin:0 auto; background:#ccc; opacity:0}
.technology .cont-1 .h3-border2{position:relative; top:20px; width:75%; height:1px; margin:0 auto; background:#ccc; opacity:0}
.technology .cont-1 ul{position:relative; top:20px; opacity:0}
.technology .cont-1 ul li{padding-top:16px;}
.technology .cont-1 ul li.li1{padding-right:4px;padding-top:0;}
.technology .cont-1 ul li.li2{ padding-left:4px;padding-top:0;}
.technology .cont-1 ul li.li3{padding-right:4px;}
.technology .cont-1 ul li.li4{padding-left:4px}
.technology .cont-1 ul li .inner{position:relative; top:20px; opacity:0}
.technology .cont-1 ul li .top{padding:8rem 0 3rem 0;box-sizing:border-box; background:#fff; color:#111; line-height:1.7rem; font-size:1.3rem; font-weight:bold; text-align:center}
.technology .cont-1 ul li.li1 .top{background:#fff url(/images/technology/cont1_icon1.png) center 2.083rem no-repeat; background-size:4rem}
.technology .cont-1 ul li.li2 .top{background:#fff url(/images/technology/cont1_icon2.png) center 2.083rem no-repeat; background-size:4rem}
.technology .cont-1 ul li.li3 .top{background:#fff url(/images/technology/cont1_icon3.png) center 2.083rem no-repeat; background-size:4rem}
.technology .cont-1 ul li.li4 .top{padding-top:7.5rem;padding-bottom:1.75rem;background:#fff url(/images/technology/cont1_icon4.png) center 2.083rem no-repeat; background-size:4rem;}
.technology .cont-1 ul li .bottom{overflow:hidden; width:100%; height:10.5rem}
.technology .cont-1 ul li .bottom .imgbox{width:100%; height:100%; transition:all .2s ease-out}
.technology .cont-1 ul li:hover .bottom .imgbox{transform:scale(1.05); transition:all .2s ease-out}
.technology .cont-1 ul li.li1 .bottom .imgbox{background:url(/images/technology/cont1_img1.jpg) center center no-repeat; background-size:cover}
.technology .cont-1 ul li.li2 .bottom .imgbox{background:url(/images/technology/cont1_img2.jpg) center center no-repeat; background-size:cover}
.technology .cont-1 ul li.li3 .bottom .imgbox{background:url(/images/technology/cont1_img3.jpg) center center no-repeat; background-size:cover}
.technology .cont-1 ul li.li4 .bottom .imgbox{background:url(/images/technology/cont1_img4.jpg) center center no-repeat; background-size:cover}

.technology .cont-2{overflow:hidden; position:relative;}
.technology .cont-2 .bg{position:absolute; top:20px; left:0; z-index:1; width:100%; height:100%; background:url(/images/technology/cont2_img.png) center center no-repeat; background-size:100% auto; opacity:0}
.technology .cont-2 .bg + img{width:100%;}
.technology .cont-2 .wrap-textbox{position:absolute; left:50%; z-index:2;display: none;}
.technology .cont-2 .wrap-textbox.left{top:300px; margin-left:-110px}
.technology .cont-2 .wrap-textbox.right{top:29px; margin-left:22px}
.technology .cont-2 .wrap-textbox .textbox{position:relative}
.technology .cont-2 .wrap-textbox.left .textbox{padding:0 0 75px 50px}
.technology .cont-2 .wrap-textbox.right .textbox{padding:0 100px 0 0}
.technology .cont-2 .wrap-textbox .textbox .txt{color:#111; line-height:12px; font-size:12px; opacity:0}
.technology .cont-2 .wrap-textbox.right .textbox ul li{position:relative; top:0; color:#111; line-height:24px; font-size:12px; text-align:right; opacity:0}
.technology .cont-2 .wrap-textbox.right .textbox ul li.li1{top:24px}
.technology .cont-2 .wrap-textbox.right .textbox ul li.li3{top:-24px}
.technology .cont-2 .wrap-textbox .textbox .wrap-circle{position:absolute}
.technology .cont-2 .wrap-textbox.left .textbox .wrap-circle{bottom:0; left:0}
.technology .cont-2 .wrap-textbox.right .textbox .wrap-circle{top:15px; right:0}

.technology .cont-2 .wrap-textbox.right .border{position:absolute; top:35px; right:44px; width:0; height:1px; background:#ddd}
.technology .cont-2 .wrap-textbox.left .wrap-border{overflow:hidden; position:absolute; bottom:44px; left:22px; width:20px; height:0}
.technology .cont-2 .wrap-textbox.left .border{position:absolute; bottom:0; left:0; width:20px; height:30px; background:url(/images/technology/cont2_left_border.png) left bottom no-repeat;}


.technology .cont-2 .wrap-textbox .textbox .circle{position:relative; width:60px; height:61px}
.technology .cont-2 .wrap-textbox .textbox .circle .obje{position:absolute; top:0; left:0; width:40px; height:41px; opacity:0}
.technology .cont-2 .wrap-textbox .textbox .circle .obje-1{background:url(/images/technology/cont2_circle1.png) 0 0 no-repeat; background-size:40px 41px}
.technology .cont-2 .wrap-textbox .textbox .circle .obje-2{background:url(/images/technology/cont2_circle2.png) 0 0 no-repeat; background-size:40px 41px}
.technology .cont-2 .wrap-textbox .textbox .circle .obje-3{background:url(/images/technology/cont2_circle3.png) 0 0 no-repeat; background-size:40px 41px}

/* .technology .cont-3{position:relative; height:880px; background:#111 url(/images/technology/cont3_bg.jpg) center center no-repeat}
.technology .cont-3 .slick-slide{overflow:hidden; height:880px; box-sizing:border-box; outline:none} */
.technology .cont-3{position:relative; height:100%; background:#111 url(/images/technology/cont3_bg.jpg) center center no-repeat}
.technology .cont-3 .slick-slide{overflow:hidden; height:100%; box-sizing:border-box; outline:none}

.technology .cont-3 .slick-dots{overflow:hidden; position:absolute; bottom:55px; left:50%; margin-left:-50px}
.technology .cont-3 .slick-dots li{float:left; margin:0 5px}
.technology .cont-3 .slick-dots li button{overflow:hidden; width:9px; height:9px; border:1px solid #fff; box-sizing:border-box; background:none; text-indent:-9999px;border-radius: 50%;}
.technology .cont-3 .slick-dots li.slick-active button{background:#fff}

.technology .cont-3 .slick-arrow {position:absolute;top:60%;z-index: 1;width: .917rem;height: 1.667rem;text-indent: -9999%;font-size: 0;border: 0;background: rgba(255,255,255,0.15);transition:all .2s ease-out;}
.technology .cont-3 .slick-arrow.slick-prev{left:23px; background: url('/images/technology/btn_prev.png') 0 0 no-repeat;background-size: .917rem;}
.technology .cont-3 .slick-arrow.slick-next{right:23px; background: url('/images/technology/btn_next.png') 0 0 no-repeat;background-size: .917rem }

.technology .cont-3 .pause{position:absolute;bottom:59px;left:calc(50% + 30px);/* background: url('/images/technology/ico_pause.png') 0 0 no-repeat; */width:5px;height:9px;border:0;text-indent: -9999%;font-size: 0;background-size:6px;border-right:1px solid #fff;border-left:1px solid #fff;background: none;}
.technology .cont-3 .pause.paused{ width: 0; height: 0; border: 7px solid #fff;border-right-width: 0;background: none;border-top-color:transparent;border-bottom-color:transparent;border-top-width: 5px;border-bottom-width: 5px;}



.technology .cont-3 .slick-slide .inner{padding:5rem 23px 5rem; text-align:center;}
.technology .cont-3 .slick-slide .wrap-img img{width:500px;max-width: 100%; margin:0 auto 1.667rem auto}
.technology .cont-3 .slick-slide .wrap-txt{}
.technology .cont-3 .slick-slide .num{display:block; width:2.5rem; height:2.5rem; margin:0 auto 1.667rem auto; border:1px solid #ccc; box-sizing:border-box; color:#ccc; line-height:2.5rem; font-size:1rem; font-weight:bold; text-align:center;
	border-radius: 50%;
}
.technology .cont-3 .slick-slide .title{margin:0 0 1.5rem 0; color:#fff; line-height:1.6rem; font-size:1.3rem; font-weight:bold;letter-spacing: .05rem;}
.technology .cont-3 .slick-slide .txt{min-height:112px; color:#999; line-height:1.6rem; font-size:1rem}
.technology .cont-3 .slide4 .wrap-img .b-img{display:none}
.technology .cont-3 .slide4 .wrap-txt .txt .br{display:block}

.tech-top_visual{position: relative; background: url(/images/vol2/m_technology_top_bg.jpg) 50% 50% no-repeat;background-size:cover ;}
.tech-top_visual > img{width: 100%; opacity: 0;}
.tech-top_visual .tech-top{position: absolute;left: 0;right: 0;top: 0;bottom: 0;z-index:1;}
.tech-top_visual .tech-top img{width: 85.5%;margin: auto;}
.tech-top_visual .tech-top h3{position: relative; padding:65px 10% 0 10%;text-align: center; font-size:16px;font-weight: bold;color: #000;line-height: 1.3;}
.tech-top_visual .tech-top .item1 h3{background: url(/images/vol2/number_01.png) 50% 20px no-repeat;background-size:25px;} 
.tech-top_visual .tech-top .item2 h3{background: url(/images/vol2/number_02.png) 50% 20px no-repeat;background-size: 25px;} 
.tech-top_visual .tech-top .item3 h3{background: url(/images/vol2/number_03.png) 50% 20px no-repeat;background-size: 25px;} 
.tech-top_visual .tech-top .item4 h3{background: url(/images/vol2/number_04.png) 50% 20px no-repeat;background-size: 25px;} 
.tech-top_visual .tech-top p{display: inline-block;width: 100%;height: 155px;padding:20px 10% 0 10%;text-align: center;font-size:11px;color: #666666;line-height: 1.5}

.tech-top_visual .item{position: relative;}
.tech-top_visual .slick-arrow{position: absolute;z-index: 9; top: 67%; width: 22px; height: 40px;margin-top: -20px;}
.tech-top_visual .slick-arrow.right{right:3%;background: url(/images/vol2/m_main_next.png) 50% 50% no-repeat;background-size:11px 20px;}
.tech-top_visual .slick-arrow.left{left:3%;background: url(/images/vol2/m_main_prev.png) 50% 50% no-repeat;background-size:11px 20px;;}
/*.tech-top_visual .slick-arrow.right:hover{background: url(/images/vol2/m_main_next_on.png) 0 0 no-repeat;}
.tech-top_visual .slick-arrow.left:hover{background: url(/images/vol2/m_main_prev_on.png) 0 0 no-repeat;}*/
.tech-top_visual .slick-dots{position: absolute;z-index: 9;bottom: -30px;width: 100%;text-align: center;}
.tech-top_visual .slick-dots li{display: inline-block;position: relative;margin: 0 8px;width: 14px;height: 14px;cursor: pointer;}
.tech-top_visual .slick-dots li button{top: 0;left: 0;width: 100%;height: 100%;outline: none;border-radius: 50%;background-color: rgba(255, 255, 255, 0);text-indent: -999em;cursor: pointer;position: absolute;border: 2px solid #999;}
.tech-top_visual .slick-dots li.slick-active button{background-color: #1257ab;border: 2px solid #1257ab;}
.tech-top_visual .slick-slide, .slick-slide *{ outline: none !important; }
@media screen and (min-width: 400px) {
	.tech-top_visual .tech-top img{width: 85.75%;}
	.tech-top_visual .tech-top h3{padding:82px 10% 0 10%;font-size:17px;}
	.tech-top_visual .tech-top .item1 h3{background: url(/images/vol2/number_01.png) 50% 25px no-repeat;background-size:32px;} 
	.tech-top_visual .tech-top .item2 h3{background: url(/images/vol2/number_02.png) 50% 25px no-repeat;background-size:32px;} 
	.tech-top_visual .tech-top .item3 h3{background: url(/images/vol2/number_03.png) 50% 25px no-repeat;background-size:32px;} 
	.tech-top_visual .tech-top .item4 h3{background: url(/images/vol2/number_04.png) 50% 25px no-repeat;background-size:32px;} 
	.tech-top_visual .tech-top p{height: 175px;padding:25px 10% 0 10%;font-size:13px;line-height: 1.5}
	.tech-top_visual .slick-arrow{top: 67%; width:28px; height:52px;margin-top: -26px;}
	.tech-top_visual .slick-arrow.right{right:3%;background-size:14px 26px;}
	.tech-top_visual .slick-arrow.left{left:3%;background-size:14px 26px;}
	.tech-top_visual .slick-dots{bottom: -40px;}
	.tech-top_visual .slick-dots li{width: 14px;height: 14px;}
}
@media screen and (min-width: 500px) {
	.tech-top_visual .tech-top h3{padding:90px 10% 0 10%;font-size:20px;}
	.tech-top_visual .tech-top .item1 h3{background: url(/images/vol2/number_01.png) 50% 25px no-repeat;background-size:40px;} 
	.tech-top_visual .tech-top .item2 h3{background: url(/images/vol2/number_02.png) 50% 25px no-repeat;background-size:40px;} 
	.tech-top_visual .tech-top .item3 h3{background: url(/images/vol2/number_03.png) 50% 25px no-repeat;background-size:40px;} 
	.tech-top_visual .tech-top .item4 h3{background: url(/images/vol2/number_04.png) 50% 25px no-repeat;background-size:40px;} 
	.tech-top_visual .tech-top p{height: 235px;padding:25px 10% 0 10%;font-size:16px;line-height: 1.5}
	.tech-top_visual .slick-arrow{top: 67%; width:36px; height:64px;margin-top: -32px;}
	.tech-top_visual .slick-arrow.right{right:3%;background-size:18px 32px;}
	.tech-top_visual .slick-arrow.left{left:3%;background-size:18px 32px;}
	.tech-top_visual .slick-dots{bottom: -50px;}
	.tech-top_visual .slick-dots li{width: 14px;height: 14px;}
}
@media screen and (min-width: 600px) {
	.tech-top_visual .tech-top h3{padding:123px 10% 0 10%;font-size:24px;}
	.tech-top_visual .tech-top .item1 h3{background: url(/images/vol2/number_01.png) 50% 38px no-repeat;background-size:47px;} 
	.tech-top_visual .tech-top .item2 h3{background: url(/images/vol2/number_02.png) 50% 38px no-repeat;background-size:47px;} 
	.tech-top_visual .tech-top .item3 h3{background: url(/images/vol2/number_03.png) 50% 38px no-repeat;background-size:47px;} 
	.tech-top_visual .tech-top .item4 h3{background: url(/images/vol2/number_04.png) 50% 38px no-repeat;background-size:47px;} 
	.tech-top_visual .tech-top p{height: 265px;padding:38px 10% 0 10%;font-size:18px;line-height: 1.5}
	.tech-top_visual .slick-arrow{top: 67%; width:42px; height:76px;margin-top: -38px;}
	.tech-top_visual .slick-arrow.right{right:3%;background-size:21px 38px;}
	.tech-top_visual .slick-arrow.left{left:3%;background-size:21px 38px;}
	.tech-top_visual .slick-dots{bottom: -60px;}
	.tech-top_visual .slick-dots li{width: 18px;height: 18px;}
}

@media screen and (min-width: 700px) {
	.tech-top_visual .tech-top h3{padding:144px 10% 0 10%;font-size:28px;}
	.tech-top_visual .tech-top .item1 h3{background: url(/images/vol2/number_01.png) 50% 44px no-repeat;background-size:56px;} 
	.tech-top_visual .tech-top .item2 h3{background: url(/images/vol2/number_02.png) 50% 44px no-repeat;background-size:56px;} 
	.tech-top_visual .tech-top .item3 h3{background: url(/images/vol2/number_03.png) 50% 44px no-repeat;background-size:56px;} 
	.tech-top_visual .tech-top .item4 h3{background: url(/images/vol2/number_04.png) 50% 44px no-repeat;background-size:56px;} 
	.tech-top_visual .tech-top p{height: 305px;padding:44px 10% 0 10%;font-size:21px;line-height: 1.5}
	.tech-top_visual .slick-arrow{top: 67%; width:49px; height:88px;margin-top: -44px;}
	.tech-top_visual .slick-arrow.right{right:3%;background-size:24.5px 44px;}
	.tech-top_visual .slick-arrow.left{left:3%;background-size:24.5px 44px;}
	.tech-top_visual .slick-dots{bottom: -70px;}
	.tech-top_visual .slick-dots li{width: 18px;height: 18px;}
}
@media screen and (min-width: 768px) {
	.technology .cont-1{margin-bottom:0;}
	.technology .cont-2 {margin-top:0;}
	.technology .cont-2 .bg{background:url(/images/technology/cont2_img_tablet.png) bottom center no-repeat;background-size:100% auto;}
	.technology .cont-3 .slick-slide .inner{max-width:none;}

	.tech-top_visual .tech-top h3{padding:156px 10% 0 10%;font-size:31px;}
	.tech-top_visual .tech-top .item1 h3{background: url(/images/vol2/number_01.png) 50% 48px no-repeat;background-size:60px;} 
	.tech-top_visual .tech-top .item2 h3{background: url(/images/vol2/number_02.png) 50% 48px no-repeat;background-size:60px;} 
	.tech-top_visual .tech-top .item3 h3{background: url(/images/vol2/number_03.png) 50% 48px no-repeat;background-size:60px;} 
	.tech-top_visual .tech-top .item4 h3{background: url(/images/vol2/number_04.png) 50% 48px no-repeat;background-size:60px;} 
	.tech-top_visual .tech-top p{height: 345px;padding:48px 10% 0 10%;font-size:24px;line-height: 1.5}
	.tech-top_visual .slick-arrow{top: 67%; width:54px; height:97px;margin-top:-49px;}
	.tech-top_visual .slick-arrow.right{right:3%;background-size:27px 49px;}
	.tech-top_visual .slick-arrow.left{left:3%;background-size:27px 49px;}
	.tech-top_visual .slick-dots{bottom: -80px;}
	.tech-top_visual .slick-dots li{width: 18px;height: 18px;}
}

@media screen and (min-width: 992px) {
	.technology .cont-head{margin-bottom:92px; padding-top:103px}
	.technology .cont-head h2{line-height:50px; font-size:50px}
	.technology .cont-head p{line-height:32px; font-size:18px}

	.technology .cont-1{margin-bottom:79px}
	.technology .cont-1 ul li{/* padding-top:59px; background:url(/images/technology/cont1_bd.jpg) top center no-repeat; background-size:1px 59px */}
	.technology .cont-1 ul li.li1{padding-right:15px; /* padding-top:59px; */}
	.technology .cont-1 ul li.li2{padding-right:15px; padding-left:15px ; /* padding-top:59px ; */}
	.technology .cont-1 ul li.li3{padding-right:15px; padding-left:15px;padding-top:0;}
	.technology .cont-1 ul li.li4{padding-left:15px;padding-top:0;}

	.technology .cont-1 ul li .top{height:238px; padding-top:159px;padding-bottom:0; line-height:24px; font-size:24px}
	.technology .cont-1 ul li.li1 .top{background:#fff url(/images/technology/cont1_icon1.png) center 50px no-repeat; background-size:80px}
	.technology .cont-1 ul li.li2 .top{background:#fff url(/images/technology/cont1_icon2.png) center 50px no-repeat; background-size:80px}
	.technology .cont-1 ul li.li3 .top{background:#fff url(/images/technology/cont1_icon3.png) center 50px no-repeat; background-size:80px}
	.technology .cont-1 ul li.li4 .top{padding-top:145px; background:#fff url(/images/technology/cont1_icon4.png) center 50px no-repeat; background-size:80px; line-height:32px}
	
	.technology .cont-1 ul li .bottom{height:210px}

	.technology .cont-2{height:623px;z-index: 1;margin-top:0;}
	.technology .cont-2 .bg{background:url(/images/technology/cont2_img_pc.png) center center no-repeat; background-size:auto 100%}

	.technology .cont-2 .wrap-textbox{display: block;}
	.technology .cont-2 .wrap-textbox.right{top:49px; margin-left:43px}
	.technology .cont-2 .wrap-textbox.right{top:49px; margin-left:43px}
	.technology .cont-2 .wrap-textbox.left .textbox{padding-bottom:85px; padding-left:70px}
	.technology .cont-2 .wrap-textbox.right .textbox{padding-right:120px}
	.technology .cont-2 .wrap-textbox .textbox .txt{line-height:14px; font-size:14px}
	.technology .cont-2 .wrap-textbox.right .textbox ul li{line-height:28px; font-size:14px}
	.technology .cont-2 .wrap-textbox.right .textbox ul li.li1{top:27px}
	.technology .cont-2 .wrap-textbox.right .textbox ul li.li3{top:-27px}
	.technology .cont-2 .wrap-textbox.right .textbox .wrap-circle{top:10px}
	.technology .cont-2 .wrap-textbox .textbox .circle .obje{width:60px; height:61px}
	.technology .cont-2 .wrap-textbox .textbox .circle .obje-1{background:url(/images/technology/cont2_circle1.png) 0 0 no-repeat; background-size:60px 61px}
	.technology .cont-2 .wrap-textbox .textbox .circle .obje-2{background:url(/images/technology/cont2_circle2.png) 0 0 no-repeat; background-size:60px 61px}
	.technology .cont-2 .wrap-textbox .textbox .circle .obje-3{background:url(/images/technology/cont2_circle3.png) 0 0 no-repeat; background-size:60px 61px}

	.technology .cont-2 .wrap-textbox.right .border{top:39px; right:35px; width:0}
	.technology .cont-2 .wrap-textbox.left .wrap-border{bottom:33px; left:31px; width:32px; height:0}
	.technology .cont-2 .wrap-textbox.left .border{width:32px; height:47px; background:url(/images/technology/cont2_left_border_pc.png) left bottom no-repeat}
	
	.technology .cont-3 .slick-slide .inner{padding:70px 23px 70px;}
	.technology .cont-3 .slick-dots li button{overflow:hidden; width:15px; height:15px; border:2px solid #fff; box-sizing:border-box; background:none; text-indent:-9999px;border-radius: 50%;}
	.technology .cont-3 .slick-arrow {width:22px;height:40px;top:50%;}
	.technology .cont-3 .slick-arrow.slick-prev{left:50px; background-size:auto;}
	.technology .cont-3 .slick-arrow.slick-next{right:50px;background-size:auto;}
	.technology .cont-3 .slick-arrow.slick-prev:hover{background: url('/images/technology/btn_prev_over.png') 0 0 no-repeat;transform: scale(1.2) translateX(6px);}
	.technology .cont-3 .slick-arrow.slick-next:hover{background: url('/images/technology/btn_next_over.png') 0 0 no-repeat;transform: scale(1.2) translateX(-6px);}
	/* .technology .cont-3 .pause{position:absolute;bottom:55px;left:calc(50% + 55px);background: url('/images/technology/ico_pause.png') 0 0 no-repeat;width:9px;height:14px;border:0;text-indent: -9999%;font-size: 0;} */
	.technology .cont-3 .pause{position:absolute;bottom:55px;left:calc(50% + 55px);width:9px;height:14px;text-indent: -9999%;font-size: 0;border-right:2px solid #fff;border-left:2px solid #fff; transition:all .2s ease-out;background:none;}
	.technology .cont-3 .pause.paused{ width: 9px; height: 14px; border: 9px solid #fff;border-right-width: 0;background: none;border-top-color:transparent;border-bottom-color:transparent;border-top-width: 7.5px;border-bottom-width: 7.5px;}
	.technology .cont-3 .slick-slide .wrap-img img{margin:0 auto 32px auto}
	.technology .cont-3 .slick-slide .num{ width:46px; height:46px; margin:0 auto 30px auto; border:3px solid #ccc; line-height:43px; font-size:18px;}
	
	.tech-top_visual{position: relative; background: url(/images/vol2/technology_top_bg.jpg) 50% 50% no-repeat;background-size:cover; height: 437px;}
	.tech-top_visual .item{position: relative; }
	.tech-top_visual .tech-top .row-height .col-height .tech-slick .item .hidden-xs.hidden-sm{margin:auto 0 0 auto; max-width:299px; margin-right: -45px;}
	.tech-top_visual .tech-top{position: absolute;left:50%;right: auto;width:992px;margin-left: -496px;top: 0;bottom: 0;z-index:1;}
	.tech-top_visual .tech-top h3{padding:78px 35% 0 12.90322580645%;font-size:14px;line-height: 1.3;}
	.tech-top_visual .tech-top .item1 h3{background: url(/images/vol2/number_01.png) calc(50% - 55px) 32px no-repeat;background-size:28px;} 
	.tech-top_visual .tech-top .item2 h3{background: url(/images/vol2/number_02.png) calc(50% - 55px) 32px no-repeat;background-size:28px;} 
	.tech-top_visual .tech-top .item3 h3{background: url(/images/vol2/number_03.png) calc(50% - 55px) 32px no-repeat;background-size:28px;} 
	.tech-top_visual .tech-top .item4 h3{background: url(/images/vol2/number_04.png) calc(50% - 55px) 32px no-repeat;background-size:28px;} 
	.tech-top_visual .tech-top p{padding:20px 35% 0 12.90322580645%;font-size: 11px;line-height: 1.5; height: auto;}
	.tech-top_visual .slick-arrow{top: 57%; width:12px; height:22px;margin-top:-11px;}
	.tech-top_visual .slick-arrow.right{right:3%;background-size:12px 22px;}
	.tech-top_visual .slick-arrow.left{left:3%;background-size:12px 22px;}
	.tech-top_visual .slick-dots{bottom: -60px;}
	.tech-top_visual .slick-dots li{width: 9px;height: 9px;}

}

@media screen and (min-width: 1050px) {
	.technology .cont-3{height:720px}
	.technology .cont-3 .slick-slide{height:720px}

	.technology .cont-3 .slick-dots,
	.technology .cont-3 .pause{bottom:85px;}

	.technology .cont-3 .slick-slide .inner{max-width:1200px; margin:0 auto; padding-top:110px}
	.technology .cont-3 .slick-slide .num{width:50px; height:50px; line-height:47px; font-size:20px}
	.technology .cont-3 .slick-slide .title{margin-bottom:19px; line-height:26px; font-size:26px}
	.technology .cont-3 .slick-slide .txt{line-height:31px; font-size:18px}

	.technology .cont-3 .slide1 .inner{width:90%; margin:0 auto}
	.technology .cont-3 .slide1 .wrap-img{float:left; width:57%; margin-right:3%}
	.technology .cont-3 .slide1 .wrap-img img{width:100%; max-width:570px}
	.technology .cont-3 .slide1 .wrap-txt{float:right; width:40%; padding:145px 0 0 0}

	.technology .cont-3 .slide2 .inner{width:90%; margin:0 auto}
	.technology .cont-3 .slide2 .wrap-img{float:left; width:57%; margin-right:3%}
	.technology .cont-3 .slide2 .wrap-img img{width:100%; max-width:570px}
	.technology .cont-3 .slide2 .wrap-txt{float:right; width:40%; padding:89px 0 0 0}

	.technology .cont-3 .slide3 .inner{width:90%; margin:0 auto}
	.technology .cont-3 .slide3 .wrap-img{float:left; width:57%; margin-right:3%}
	.technology .cont-3 .slide3 .wrap-img img{width:100%; max-width:570px}
	.technology .cont-3 .slide3 .wrap-txt{float:right; width:40%; padding:104px 0 0 0}
	.technology .cont-3 .slide3 .wrap-txt .num{margin-bottom:25px}
	.technology .cont-3 .slide3 .wrap-txt .title{line-height:36px}
	.technology .cont-3 .slide3 .wrap-txt .title .br{display:block}

	.technology .cont-3 .slide4 .inner{width:90%; margin:0 auto}
	.technology .cont-3 .slide4 .wrap-img{float:left; width:57%; margin-right:3%}
	.technology .cont-3 .slide4 .wrap-img img{width:100%; max-width:570px}
	.technology .cont-3 .slide4 .wrap-txt{float:right; width:40%; padding:104px 0 0 0}
	.technology .cont-3 .slide4 .wrap-txt .num{margin-bottom:25px}
	.technology .cont-3 .slide4 .wrap-txt .title{line-height:36px}
	.technology .cont-3 .slide4 .wrap-txt .title .br{display:block}
}

@media screen and (min-width: 1200px) {
	.technology .cont-3{height:834px}
	.technology .cont-3 .slick-slide{height:834px}

	.technology .cont-3 .slick-dots,
	.technology .cont-3 .pause{bottom:120px;}

	.technology .cont-3 .slick-slide .num{margin-bottom:42px}
	.technology .cont-3 .slick-slide .title{margin-bottom:23px}

	.technology .cont-3 .slide1 .inner{position:relative; width:95%; padding-top:160px; padding-left:650px; box-sizing:border-box}
	.technology .cont-3 .slide1 .wrap-img{position:absolute; top:160px; left:0; width:700px; margin-right:0}
	.technology .cont-3 .slide1 .wrap-txt{width:100%; padding-top:128px}

	.technology .cont-3 .slide2 .inner{position:relative; width:95%; padding-top:160px; padding-left:650px; box-sizing:border-box}
	.technology .cont-3 .slide2 .wrap-img{position:absolute; top:160px; left:0; width:700px; margin-right:0}
	.technology .cont-3 .slide2 .wrap-txt{width:100%; padding-top:100px}

	.technology .cont-3 .slide3 .inner{position:relative; width:95%; padding-top:160px; padding-left:650px; box-sizing:border-box}
	.technology .cont-3 .slide3 .wrap-img{position:absolute; top:160px; left:0; width:700px; margin-right:0}
	.technology .cont-3 .slide3 .wrap-txt{width:100%; padding-top:100px}
	.technology .cont-3 .slide3 .wrap-txt .title{margin-bottom:18px; line-height:38px}
	.technology .cont-3 .slide3 .wrap-txt .txt .br{display:block}
	
	.technology .cont-3 .slide4 .inner{position:relative}
	.technology .cont-3 .slide4 .wrap-img{position:absolute; top:370px; left:0; clear:both; width:100%; margin-right:0}
	.technology .cont-3 .slide4 .wrap-img .s-img{display:none}
	.technology .cont-3 .slide4 .wrap-img .b-img{display:block; width:858px; max-width:858px}
	.technology .cont-3 .slide4 .wrap-txt{clear:both; width:100%; padding-top:0}
	.technology .cont-3 .slide4 .wrap-txt .title .br{display:none}
	.technology .cont-3 .slide4 .wrap-txt .txt .br{display:none}


	.tech-top_visual{height:528px;}
	.tech-top_visual .tech-top .row-height .col-height .tech-slick .item .hidden-xs.hidden-sm{max-width:361px; margin-right: -54px;}
	.tech-top_visual .tech-top{width:1200px;margin-left: -600px;}
	.tech-top_visual .tech-top h3{padding:78px 222px 0 64px;font-size:16px;line-height: 1.3;}
	.tech-top_visual .tech-top .item1 h3{background: url(/images/vol2/number_01.png) calc(50% - 80px) 32px no-repeat;background-size:32px;} 
	.tech-top_visual .tech-top .item2 h3{background: url(/images/vol2/number_02.png) calc(50% - 80px) 32px no-repeat;background-size:32px;} 
	.tech-top_visual .tech-top .item3 h3{background: url(/images/vol2/number_03.png) calc(50% - 80px) 32px no-repeat;background-size:32px;} 
	.tech-top_visual .tech-top .item4 h3{background: url(/images/vol2/number_04.png) calc(50% - 80px) 32px no-repeat;background-size:32px;} 
	.tech-top_visual .tech-top p{padding:20px 222px 0 64px;font-size: 12px;line-height: 1.5; height: auto;}
	.tech-top_visual .slick-arrow{top: 57%; width:15px; height:26px;margin-top:-13px;}
	.tech-top_visual .slick-arrow.right{right:3%;background-size:15px 26px;}
	.tech-top_visual .slick-arrow.left{left:3%;background-size:15px 26px;}
	.tech-top_visual .slick-dots{bottom: -60px;}
	.tech-top_visual .slick-dots li{width: 10px;height: 10px;}
}

@media screen and (min-width: 1500px) {
	.tech-top_visual{height:659px;}
	.tech-top_visual .tech-top .row-height .col-height .tech-slick .item .hidden-xs.hidden-sm{max-width:451px; margin-right: -68px;}
	.tech-top_visual .tech-top{width:1200px;margin-left: -600px;}
	.tech-top_visual .tech-top h3{padding:126px 180px 0 96px;font-size:20px;line-height: 1.3;}
	.tech-top_visual .tech-top .item1 h3{background: url(/images/vol2/number_01.png) calc(50% - 45px) 51px no-repeat;background-size:41px;} 
	.tech-top_visual .tech-top .item2 h3{background: url(/images/vol2/number_02.png) calc(50% - 45px) 51px no-repeat;background-size:41px;} 
	.tech-top_visual .tech-top .item3 h3{background: url(/images/vol2/number_03.png) calc(50% - 45px) 51px no-repeat;background-size:41px;} 
	.tech-top_visual .tech-top .item4 h3{background: url(/images/vol2/number_04.png) calc(50% - 45px) 51px no-repeat;background-size:41px;} 
	.tech-top_visual .tech-top p{padding:20px 180px 0 96px;font-size: 14px;line-height: 1.5; height: auto;}
	.tech-top_visual .slick-arrow{top: 57%; width:19px; height:33px; margin-top:-17px;}
	.tech-top_visual .slick-arrow.right{right:-10%;background-size:19px 33px;}
	.tech-top_visual .slick-arrow.left{left:-10%;background-size:19px 33px;}
	.tech-top_visual .slick-dots{bottom: -60px;}
	.tech-top_visual .slick-dots li{width: 12px;height: 12px;}
}

@media screen and (min-width: 1700px) {
	.tech-top_visual{height:747px;}
	.tech-top_visual .tech-top .row-height .col-height .tech-slick .item .hidden-xs.hidden-sm{max-width:511px; margin-right: -77px;}
	.tech-top_visual .tech-top{width:1200px;margin-left: -600px;}
	.tech-top_visual .tech-top h3{padding:143px 120px 0 109px;font-size:23px;line-height: 1.3;}
	.tech-top_visual .tech-top .item1 h3{background: url(/images/vol2/number_01.png) calc(50% - 9px) 58px no-repeat;background-size:46px;} 
	.tech-top_visual .tech-top .item2 h3{background: url(/images/vol2/number_02.png) calc(50% - 9px) 58px no-repeat;background-size:46px;} 
	.tech-top_visual .tech-top .item3 h3{background: url(/images/vol2/number_03.png) calc(50% - 9px) 58px no-repeat;background-size:46px;} 
	.tech-top_visual .tech-top .item4 h3{background: url(/images/vol2/number_04.png) calc(50% - 9px) 58px no-repeat;background-size:46px;} 
	.tech-top_visual .tech-top p{padding:20px 120px 0 109px;font-size: 16px;line-height: 1.6; height: auto;}
	.tech-top_visual .slick-arrow{top: 57%; width:21px; height:37px; margin-top:-19px;}
	.tech-top_visual .slick-arrow.right{right:-20%;background-size:21px 37px;}
	.tech-top_visual .slick-arrow.left{left:-20%;background-size:21px 37px;}
	.tech-top_visual .slick-dots{bottom: -60px;}
	.tech-top_visual .slick-dots li{width: 14px;height: 14px;}
}
@media screen and (min-width: 1900px) {
	.tech-top_visual{height:834px;}
	.tech-top_visual .tech-top .row-height .col-height .tech-slick .item .hidden-xs.hidden-sm{max-width:570px; margin-right: -85px;}
	.tech-top_visual .tech-top{width:1200px;margin-left: -600px;}
	.tech-top_visual .tech-top h3{padding:155px 60px 0 121px;font-size:26px;line-height: 1.3;}
	.tech-top_visual .tech-top .item1 h3{background: url(/images/vol2/number_01.png) calc(50% - -26px) 63px no-repeat;background-size:50px;} 
	.tech-top_visual .tech-top .item2 h3{background: url(/images/vol2/number_02.png) calc(50% - -26px) 63px no-repeat;background-size:50px;} 
	.tech-top_visual .tech-top .item3 h3{background: url(/images/vol2/number_03.png) calc(50% - -26px) 63px no-repeat;background-size:50px;} 
	.tech-top_visual .tech-top .item4 h3{background: url(/images/vol2/number_04.png) calc(50% - -26px) 63px no-repeat;background-size:50px;} 
	.tech-top_visual .tech-top p{padding:20px 60px 0 121px;font-size: 18px;line-height: 1.7; height: auto;}
	.tech-top_visual .slick-arrow{top: 57%; width:22px; height:40px; margin-top:-20px;}
	.tech-top_visual .slick-arrow.right{right:-25%;background-size:22px 40px;}
	.tech-top_visual .slick-arrow.left{left:-25%;background-size:22px 40px;}
	.tech-top_visual .slick-dots{bottom: -60px;}
	.tech-top_visual .slick-dots li{width: 15px;height: 15px;}
}