@charset "utf-8";

/****************************** product ******************************/
.product .sub-head h2{color: #fff;}
.product .sub-head .sub-head-bg{background:url(/images/product/m_head_bg.jpg) 50% 50% no-repeat !important;background-size:100% auto !important;}

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

.product{background:#f1f1f1}
.product .cont-head{position:relative; margin:0 0 3.333rem 0; padding:7rem 0 2rem 0; text-align:center}
.product .cont-head h2{margin:0 0 40px 0; color:#111; line-height:46px; font-size:46px; font-weight:bold}
.product .cont-head .main-img{display:block; position:relative; z-index:2; top:100px; width:570px; max-width: 100%;margin:0 auto 9px auto; opacity:0;padding:0 3.5rem;}
.product .cont-head .pro_name{display:block; position:relative; z-index:3; top:20px !important; width:auto !important; max-width: 100%;margin:0 auto 9px auto; opacity:0;padding:0 3.5rem;height: 45px !important;}
.product-lite .cont-head .pro_name{width:auto !important;}
.product-lite-kids .cont-head .pro_name{width:auto !important;}
.product-on .cont-head .pro_name{width:auto !important; height: 45px !important;}
.product .cont-head .nirsit{position:relative; top:20px; width:180px; height:41px; margin:0 auto; background:url(/images/product/head_nirsit.png) 0 0 no-repeat; background-size:180px 41px; opacity:0}
.product .cont-head .bg{position:absolute; left:0; z-index:1; width:100%; height:252px; opacity:0}
.product .cont-head .bg-1{top:158px; background:url(/images/product/head_bg1.png) center 0 no-repeat; background-size:auto 110px}
.product .cont-head .bg-2{top:385px; background:url(/images/product/head_bg2.png) center 0 no-repeat; background-size:auto 110px}

.product .cont-0{background: #fff; margin-bottom: ;}
.product .cont-0 .visual{overflow:hidden; position:relative; width:100%;}


.product .cont-0 .visual{height:27rem}
.product-lite .cont-0 .visual{height:22rem}
.product-lite-kids .cont-0 .visual{height:22rem}
.product-on .cont-0 .visual{height:35rem}

.product-on .cont-0 .visual{overflow:hidden; position:relative; width:100%;}
.product .cont-0 .visual .img{display:block; position:absolute; left:50%}
.product-on .cont-0 .visual .img{display:block; position:absolute; left:50%}

.product .cont-0 .visual .img-1{top:30%; z-index:2; width:65.625%; margin-left:-120.313%; opacity:1}
.product .cont-0 .visual .img-2{top:15%; z-index:1; width:50%; margin-left:50%; opacity:1}

.product-on .cont-0 .visual .img-1{top:30%; z-index:2; width:65.625%; margin-left:-120.313%; opacity:1}


.product-on .cont-0 .visual .img-1{top:10%; z-index:2; width:65.625%; margin-left:-120%; opacity:1; }

.product .cont-1{padding-bottom:4.584rem; background:#fff url(/images/product/cont1_bg.png) right bottom no-repeat; background-size:100%; text-align:center}
.product .cont-1 h3{position:relative;z-index: 1; top:20px; margin:0 0 2.5rem 0; color:#111; line-height:2.5rem; font-size:1.9rem;letter-spacing: .1rem; font-weight:bold; opacity:0}
.product .cont-1 ul{max-width:1000px; margin:0 auto}
.product .cont-1 ul li{position:relative; top:20px; margin:0 0 2.5rem 0; opacity:0}
.product .cont-1 ul li .thumb{width:470px;max-width:100%; margin:0 auto 1rem auto; background:none}
.product .cont-1 ul li .thumb video{max-width: 100%;height:100%;}
.product .cont-1 ul li .thumb img{max-width: 100%;}
.product .cont-1 ul li .title{margin:0 0 1rem 0; color:#111; line-height:1.2rem; font-size:1.2rem; font-weight:bold;letter-spacing: 0.05rem;}
.product .cont-1 ul li .txt{color:#666; line-height:1.5rem; font-size:1rem}

.product .cont-2{padding-bottom:5rem; background:#fff}
.product .cont-2 .visual{overflow:hidden; position:relative; width:100%; height:27rem}

.product .cont-2 .visual {height: 27rem;}
.product .cont-2 .visual .img{display:block; position:absolute; left:50%}
.product .cont-2 .visual .img-1{top:49%; z-index:2; width:55%; margin-left:100%; opacity:0}
.product .cont-2 .visual .img-2{top:15%; z-index:1; width:55%; margin-left:-100%; opacity:0}


.product-lite .cont-0 .visual{height:22rem}
.product-lite-kids .cont-2 .visual{height:28rem;}
.product-on .cont-2 .visual{height:29rem;}

.product-lite .cont-2 .visual .img-1{top:53%; z-index:2; width:50%; margin-left:100%; opacity:0}
.product-lite .cont-2 .visual .img-2{top:15%; z-index:1; width:50%; margin-left:-100%; opacity:0}

.product-lite-kids .cont-2 .visual .img-1{top:53%; z-index:2; width:50%; margin-left:100%; opacity:0}
.product-lite-kids .cont-2 .visual .img-2{top:15%; z-index:1; width:50%; margin-left:-100%; opacity:0}

.product-on .cont-2 .visual .img-1{top:10%; z-index:1; width:65.625%; margin-left:-33%; opacity:1}

.product .cont-2 ul{width:100%; margin:0 auto}
.product .cont-2 ul li{position:relative; top:20px; padding-top: 5.5rem;/* padding-left:95px; */ opacity:0; background-size:4rem !important; text-align: center;}
.product .cont-2 ul li.li1{margin-bottom:2rem; padding-right:5px; background:url(/images/product/cont2_icon1.png) 55% 2px no-repeat}
.product .cont-2 ul li.li2{margin-bottom:2rem; padding-left:5px; background:url(/images/product/cont2_icon2.png) 45% 2px no-repeat}
.product .cont-2 ul li.li3{margin-bottom:2rem; padding-right:5px; background:url(/images/product/cont2_icon3.png) 55% 2px no-repeat}
.product .cont-2 ul li.li4{margin-bottom:2rem; padding-left:5px; background:url(/images/product/cont2_icon4.png) 45% 2px no-repeat}
.product .cont-2 ul li.li5{margin-bottom:2rem; padding-right:5px;background:url(/images/product/cont2_icon5.png) 55% 2px no-repeat}
.product .cont-2 ul li.li6{padding-left:5px; background:url(/images/product/cont2_icon6.png) 45% 2px no-repeat}
.product .cont-2 ul li .title{margin:0 0 .5rem 0; color:#111; line-height:1.8rem; font-size:1.2rem; font-weight:bold}
.product .cont-2 ul li .txt{/* min-height:104px; */ padding:0 0 0 3px; color:#666; line-height:1.5rem; font-size:.9rem}

.product .cont-3{overflow:hidden; padding:5rem 0 10rem; background:url(/images/product/cont3_bg.jpg) center center no-repeat; background-size:cover}
.product .cont-3 .videobox{width:100%; max-width:970px; margin:0 auto 30px auto; padding:0 15px}
.product .cont-3 .videobox .inner{position:relative; width:100%}
.product .cont-3 .videobox .inner iframe{position:absolute; top:0; left:0; width:100%; height:100%}
.product .cont-3 .videobox .inner .bg{display:block; width:100%}
.product .cont-3 .thumb-slide{width:100%; max-width:970px; margin:0 auto; padding:0 2rem;}
.product .cont-3 .thumb-slide .slick-slide{padding:0 10px; outline:none;}
.product .cont-3 .thumb-slide .slick-slide a{display:block}
.product .cont-3 .thumb-slide .slick-slide .imgbox{position:relative; margin-bottom:10px}
.product .cont-3 .thumb-slide .slick-slide .imgbox .cover{position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.4) url(/images/product/cont3_btn_play.png) center center no-repeat;background-size:1.75rem;}
/* .product .cont-3 .thumb-slide .slick-current .imgbox .cover, */
.product .cont-3 .thumb-slide .slick-slide:hover .imgbox .cover{opacity:0;
	transition: all .3s ease-out;
}
.product .cont-3 .thumb-slide .slick-slide .imgbox img{width:100%}
.product .cont-3 .thumb-slide .slick-slide .animate{display:block; position:relative; width:100%; height:4px; margin-bottom:13px; background:#666}
.product .cont-3 .thumb-slide .slick-slide .animate .obje{display:block; position:absolute; top:0; left:0; width:0; height:4px; background:#1257ab}
/* .product .cont-3 .thumb-slide .slick-current  .animate .obje, */
.product .cont-3 .thumb-slide .slick-slide:hover .animate .obje{width:100%;
	transition: all .3s ease-out;
}
.product .cont-3 .thumb-slide .slick-slide .title{color:#666; line-height:1.583rem; font-size:0.917rem; font-weight:bold; text-align:center} 
/* .product .cont-3 .thumb-slide .slick-current .title, */
.product .cont-3 .thumb-slide .slick-slide:hover .title{color:#1257ab;
	transition: all .3s ease-out;
}
.product .cont-3 .thumb-slide .slick-arrow {position:absolute;top:4.5rem;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;}
.product .cont-3 .thumb-slide .slick-arrow.slick-prev{left:1rem; background: url('/images/technology/btn_prev.png') 0 0 no-repeat;background-size: .917rem;}
.product .cont-3 .thumb-slide .slick-arrow.slick-next{right:1rem; background: url('/images/technology/btn_next.png') 0 0 no-repeat;background-size: .917rem }

.product .cont-3 .thumb-slide .slick-dots{overflow:hidden; position:absolute; bottom:-2.5rem; left:0;right:0;width:100%;margin:0 auto;text-align: center;}
.product .cont-3 .thumb-slide .slick-dots li{/* float: left; */display: inline-block; margin:0 5px}
.product .cont-3 .thumb-slide .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%;}
.product .cont-3 .thumb-slide .slick-dots li.slick-active button{background:#fff}

.product .cont-3 .thumb-slide .slick-slide a.active{}
.product .cont-3 .thumb-slide .slick-slide a.active .cover{opacity: 1;background: none;transition:.2s}
.product .cont-3 .thumb-slide .slick-slide a.active .title{color:#1257ab;transition:.2s;}
.product .cont-3 .thumb-slide .slick-slide a.active .obje{background:#1257ab;transition:.2s;width:100%;}


.product .cont-2-1{overflow:hidden; position:relative; padding:3.333rem 0 0 0; background:#f1f1f1; text-align:center}
.product .cont-2-1 .bg{position:absolute; top:-80px; left:50%; margin-left:-330px; width:660px; height:429px; opacity:0}
.product .cont-2-1 .bg-obje{width:100%; height:100%}
.product .cont-2-1 .bg-before{width:100%; height:100%; background:url(/images/main/cont2_img.png) 50% 0 no-repeat; background-size:27.5rem auto}
.product .cont-2-1 .bg-after{position:absolute; top:0; left:0; width:100%; height:100%; background:url(/images/main/cont2_img_2.png) 50% 0 no-repeat; background-size:27.5rem auto; opacity:0}

.product-lite .cont-2-1 .bg-before{width:100%; height:100%; background:url(/images/main/cont2_img_2_lite.png) 50% 0 no-repeat; background-size:27.5rem auto}
.product-lite .cont-2-1 .bg-after{position:absolute; top:0; left:0; width:100%; height:100%; background:url(/images/main/cont2_img_2_lite.png) 50% 0 no-repeat; background-size:27.5rem auto; opacity:0}

.product-lite-kids .cont-2-1 .bg-before{width:100%; height:100%; background:url(/images/main/cont2_img_2_lite.png) 50% 0 no-repeat; background-size:27.5rem auto}
.product-lite-kids .cont-2-1 .bg-after{position:absolute; top:0; left:0; width:100%; height:100%; background:url(/images/main/cont2_img_2_lite.png) 50% 0 no-repeat; background-size:27.5rem auto; opacity:0}


.product-on .cont-2-1 .bg-before{width:100%; height:100%; background:url(/images/main/cont2_img_2_on.png) 50% 0 no-repeat; background-size:27.5rem auto}
.product-on .cont-2-1 .bg-after{position:absolute; top:0; left:0; width:100%; height:100%; background:url(/images/main/cont2_img_2_on.png) 50% 0 no-repeat; background-size:27.5rem auto; opacity:0}

.product .cont-2-1 h3{position: absolute; width: 100%;margin:0 0 1.875rem 0; color:#111; line-height:2.416rem; font-size:1.916rem; font-weight:bold; opacity:0;z-index: 2;top:10% !important;}
.product .cont-2-1 .in-section{margin: 9.167rem auto;}
.product .cont-2-1 ul {max-width:320px;margin:0 auto}
.product .cont-2-1 ul li{position:relative; top:40px; margin-bottom:15px; opacity:0}
.product .cont-2-1 ul li.li1,
.product .cont-2-1 ul li.li3{padding-right:7.5px}
.product .cont-2-1 ul li.li2,
.product .cont-2-1 ul li.li4{padding-left:7.5px}
.product .cont-2-1 ul li .inner{display:block; position:relative; height:25rem; padding:7.25rem 10px 0 10px;  background:#fff
	transition:all .2s ease-out;
	-o-transition:all .2s ease-out;
	-ms-transition:all .2s ease-out;
	-moz-transition:all .2s ease-out;
	-webkit-transition:all .2s ease-out;
	background-size:4rem !important;
	background-position: 50% 2.083rem !important;
}
.product .cont-2-1 ul li:hover .inner{
	transition:all .2s ease-out;
	-o-transition:all .2s ease-out;
	-ms-transition:all .2s ease-out;
	-moz-transition:all .2s ease-out;
	-webkit-transition:all .2s ease-out;
}
.product .cont-2-1 ul li.li1 .inner{background:#fff url(/images/main/cont2_icon1_off.png) center 50px no-repeat}
.product .cont-2-1 ul li.li1:hover .inner{background:#fff url(/images/main/cont2_icon1_on.png) center 50px no-repeat}
.product .cont-2-1 ul li.li2 .inner{background:#fff url(/images/main/cont2_icon2_off.png) center 50px no-repeat}
.product .cont-2-1 ul li.li2:hover .inner{background:#fff url(/images/main/cont2_icon2_on.png) center 50px no-repeat}
.product .cont-2-1 ul li.li3 .inner{background:#fff url(/images/main/cont2_icon3_off.png) center 50px no-repeat}
.product .cont-2-1 ul li.li3:hover .inner{background:#fff url(/images/main/cont2_icon3_on.png) center 50px no-repeat}
.product .cont-2-1 ul li.li4 .inner{background:#fff url(/images/main/cont2_icon4_off.png) center 50px no-repeat}
.product .cont-2-1 ul li.li4:hover .inner{background:#fff url(/images/main/cont2_icon4_on.png) center 50px no-repeat}


.product-lite .cont-2-1 ul li.li1 .inner		{background:#fff url(/images/main/cont2-lite_icon1_off.png) center 50px no-repeat}
.product-lite .cont-2-1 ul li.li1:hover .inner	{background:#fff url(/images/main/cont2-lite_icon1_on.png) center 50px no-repeat}
.product-lite .cont-2-1 ul li.li2 .inner        {background:#fff url(/images/main/cont2-lite_icon2_off.png) center 50px no-repeat}
.product-lite .cont-2-1 ul li.li2:hover .inner  {background:#fff url(/images/main/cont2-lite_icon2_on.png) center 50px no-repeat}
.product-lite .cont-2-1 ul li.li3 .inner        {background:#fff url(/images/main/cont2-lite_icon3_off.png) center 50px no-repeat}
.product-lite .cont-2-1 ul li.li3:hover .inner  {background:#fff url(/images/main/cont2-lite_icon3_on.png) center 50px no-repeat}
.product-lite .cont-2-1 ul li.li4 .inner        {background:#fff url(/images/main/cont2-lite_icon4_off.png) center 50px no-repeat}
.product-lite .cont-2-1 ul li.li4:hover .inner  {background:#fff url(/images/main/cont2-lite_icon4_on.png) center 50px no-repeat}

.product-lite-kids .cont-2-1 ul li.li1 .inner		{background:#fff url(/images/main/cont2-lite_kids_icon1_off.png) center 50px no-repeat}
.product-lite-kids .cont-2-1 ul li.li1:hover .inner	{background:#fff url(/images/main/cont2-lite_kids_icon1_on.png) center 50px no-repeat}
.product-lite-kids .cont-2-1 ul li.li2 .inner        {background:#fff url(/images/main/cont2-lite_kids_icon2_off.png) center 50px no-repeat}
.product-lite-kids .cont-2-1 ul li.li2:hover .inner  {background:#fff url(/images/main/cont2-lite_kids_icon2_on.png) center 50px no-repeat}
.product-lite-kids .cont-2-1 ul li.li3 .inner        {background:#fff url(/images/main/cont2-lite_kids_icon3_off.png) center 50px no-repeat}
.product-lite-kids .cont-2-1 ul li.li3:hover .inner  {background:#fff url(/images/main/cont2-lite_kids_icon3_on.png) center 50px no-repeat}
.product-lite-kids .cont-2-1 ul li.li4 .inner        {background:#fff url(/images/main/cont2-lite_kids_icon4_off.png) center 50px no-repeat}
.product-lite-kids .cont-2-1 ul li.li4:hover .inner  {background:#fff url(/images/main/cont2-lite_kids_icon4_on.png) center 50px no-repeat}



.product-on .cont-2-1 ul li.li1 .inner		  {background:#fff url(/images/main/cont2-on_icon1_off.png) center 50px no-repeat}
.product-on .cont-2-1 ul li.li1:hover .inner  {background:#fff url(/images/main/cont2-on_icon1_on.png) center 50px no-repeat}
.product-on .cont-2-1 ul li.li2 .inner        {background:#fff url(/images/main/cont2-on_icon2_off.png) center 50px no-repeat}
.product-on .cont-2-1 ul li.li2:hover .inner  {background:#fff url(/images/main/cont2-on_icon2_on.png) center 50px no-repeat}
.product-on .cont-2-1 ul li.li3 .inner        {background:#fff url(/images/main/cont2-on_icon3_off.png) center 50px no-repeat}
.product-on .cont-2-1 ul li.li3:hover .inner  {background:#fff url(/images/main/cont2-on_icon3_on.png) center 50px no-repeat}
.product-on .cont-2-1 ul li.li4 .inner        {background:#fff url(/images/main/cont2-on_icon4_off.png) center 50px no-repeat}
.product-on .cont-2-1 ul li.li4:hover .inner  {background:#fff url(/images/main/cont2-on_icon4_on.png) center 50px no-repeat}



.product .cont-2-1 ul li .title{display: inline-block;width: 100%;min-height:36px; margin:0; color:#111; line-height:1.7rem; font-size:1.3rem; font-weight:bold}
.product .cont-2-1 ul li .txt{color:#666; line-height:1.6rem; font-size:1rem}
			
.product .cont-2-1 ul li .wrap-btn-more{position:absolute; bottom:1.786rem; left:0; width:100%; text-align:center}
.product .cont-2-1 ul li .btn-more{display:inline-block; position:relative; padding:0 .917rem .333rem 0; background:url(/images/main/btn_more.png) right .167rem no-repeat; color:#111; line-height:0.75rem; font-size:0.75rem;background-size:6px;
	transition:all .2s ease-out;
	-o-transition:all .2s ease-out;
	-ms-transition:all .2s ease-out;
	-moz-transition:all .2s ease-out;
	-webkit-transition:all .2s ease-out;
}
.product .cont-2-1 ul li:hover .btn-more{background:url(/images/main/btn_more_on.png) right .167rem no-repeat; color:#1257ab;background-size:6px;
	transition:all .2s ease-out;
	-o-transition:all .2s ease-out;
	-ms-transition:all .2s ease-out;
	-moz-transition:all .2s ease-out;
	-webkit-transition:all .2s ease-out;
}
.product .cont-2-1 ul li .btn-more .animate{display:block; position:absolute; bottom:0; left:0; width:100%; height:2px; background:#111}
.product .cont-2-1 ul li .btn-more .animate .obje{display:block; position:absolute; top:0; width:0; height:2px; background:#1257ab;
	transition:all .2s ease-out;
	-o-transition:all .2s ease-out;
	-ms-transition:all .2s ease-out;
	-moz-transition:all .2s ease-out;
	-webkit-transition:all .2s ease-out;
}
.product .cont-2-1 ul li:hover .btn-more .animate .obje{width:100%;
	transition:all .2s ease-out;
	-o-transition:all .2s ease-out;
	-ms-transition:all .2s ease-out;
	-moz-transition:all .2s ease-out;
	-webkit-transition:all .2s ease-out;
}


.product .cont2-1-pop{padding-right:0 !important}
.product .cont2-1-pop .modal-dialog{width:85%; margin:10px auto !important;}
.product .cont2-1-pop .modal-content{position:relative; padding:60px 0 0 0; text-align:center;}
.product .cont2-1-pop h4{margin:0 0 1.667rem 0; padding:5rem 0 0 0; color:#111; line-height:1.917rem; font-size:1.917rem; font-weight:bold;background-size: 3.333rem !important;}
.product .cont2-1-pop1 h4{background:url(/images/main/cont2_icon1_on.png) center top no-repeat;}
.product .cont2-1-pop2 h4{background:url(/images/main/cont2_icon2_on.png) center top no-repeat;}
.product .cont2-1-pop3 h4{background:url(/images/main/cont2_icon3_on.png) center top no-repeat;}
.product .cont2-1-pop4 h4{background:url(/images/main/cont2_icon4_on.png) center top no-repeat;}

.product-lite .cont2-1-pop1 h4{background:url(/images/main/cont2-lite_icon1_on.png) center top no-repeat;}
.product-lite .cont2-1-pop2 h4{background:url(/images/main/cont2-lite_icon2_on.png) center top no-repeat;}
.product-lite .cont2-1-pop3 h4{background:url(/images/main/cont2-lite_icon3_on.png) center top no-repeat;}
.product-lite .cont2-1-pop4 h4{background:url(/images/main/cont2-lite_icon4_on.png) center top no-repeat;}

.product-lite-kids .cont2-1-pop1 h4{background:url(/images/main/cont2-lite_kids_icon1_on.png) center top no-repeat;}
.product-lite-kids .cont2-1-pop2 h4{background:url(/images/main/cont2-lite_kids_icon2_on.png) center top no-repeat;}
.product-lite-kids .cont2-1-pop3 h4{background:url(/images/main/cont2-lite_kids_icon3_on.png) center top no-repeat;}
.product-lite-kids .cont2-1-pop4 h4{background:url(/images/main/cont2-lite_kids_icon4_on.png) center top no-repeat;}



.product-on .cont2-1-pop1 h4{background:url(/images/main/cont2-on_icon1_on.png) center top no-repeat;}
.product-on .cont2-1-pop2 h4{background:url(/images/main/cont2-on_icon2_on.png) center top no-repeat;}
.product-on .cont2-1-pop3 h4{background:url(/images/main/cont2-on_icon3_on.png) center top no-repeat;}
.product-on .cont2-1-pop4 h4{background:url(/images/main/cont2-on_icon4_on.png) center top no-repeat;}

.product .cont2-1-pop p{margin:0 0 3.333rem 0; color:#666; line-height:1.75rem; font-size:1.083rem;padding:0 1.083rem;}
.product .cont2-1-pop img{display:block;max-width:100%;width: 100%;}
.product .cont2-1-pop .btn-close{overflow:hidden; position:absolute; top:1.417rem; right:1.417rem; width:1.75rem; height:1.75rem; background:url(/images/main/pop_btn_close.png) 0 0 no-repeat;background-size: 1.75rem; text-indent:-9999px}

.cont-2 .in-section{ text-align: center;}
.cont-2 .in-section h3{font-size:24px; margin-bottom: 30px; font-weight: bold;}
.cont-2 .in-section a{display: inline-block; margin: 0 5px;border:2px solid #000; padding:0 27px ; font-size:12px;font-weight: bold;height:32px;line-height:29px;}

.brochure-pop{padding-right:0 !important;}
.brochure-pop .modal-dialog{width:85%;margin-top: 0;margin-bottom: 0;}
.brochure-pop .modal-dialog{position: fixed !important;top: 50% !important;left: 50% !important;transform: translateY(-50%) translateX(-50%) !important;}

.brochure-pop .modal-content{position:relative; padding:30px 20px 40px 20px; text-align:center}

.brochure-pop h4{margin:0 0 1.667rem 0; padding:5rem 0 0 0; color:#111; line-height:1.917rem; font-size:1.917rem; font-weight:bold;}
.brochure-pop .btn-close{overflow:hidden; position:absolute; top:1.417rem; right:1.417rem; width:1.75rem; height:1.75rem; background:url(/images/main/pop_btn_close.png) 0 0 no-repeat; background-size: 1.75rem;text-indent:-9999px}
.brochure-pop .modal-content ul{padding: 2.083rem;border-top: none;background: #e5e5e5;}
.brochure-pop .modal-content ul li{display: inline-block;width: 100%;border-bottom: 1px solid #ccc;text-align: left; padding: 1.25rem 0;}
.brochure-pop .modal-content ul li a{display: inline-block;width: 100%;font-size: 1.1rem; font-weight: bold;color: #111; background: url(/images/support/down_ico_down.png) 100% 0 no-repeat;
    background-size: 1.15rem;}
.sub-head .pc-bg{display: none !important;}
.sub-head .mobile-bg{display: block !important;}
@media screen and (min-width: 425px) {
		.product .cont-2-1 ul {max-width: 420px;}

	.product .cont-0 .visual{height:30rem}
	.product-lite .cont-0 .visual{height:25rem}
	.product-lite-kids .cont-0 .visual{height:25rem}
	.product-on .cont-0 .visual{height:37rem}

	.product .cont-0 .visual .img-1{top:30%; width:65.625%;}
	.product .cont-0 .visual .img-2{top:15%; width:50%;}

	.product .cont-2 .visual {height: 33rem;}
	.product .cont-2 .visual .img{display:block; position:absolute; left:50%}
	.product .cont-2 .visual .img-1{top:52%; width:55%; }
	.product .cont-2 .visual .img-2{top:15%; width:55%; }


	.product-lite .cont-2 .visual {height: 33rem;}
	.product-lite .cont-2 .visual .img-1{top:56%; width:55%; }
	.product-lite .cont-2 .visual .img-2{top:15%; width:55%; }

	.product-lite-kids .cont-2 .visual {height: 33rem;}
	.product-lite-kids .cont-2 .visual .img-1{top:56%; width:55%; }
	.product-lite-kids .cont-2 .visual .img-2{top:15%; width:55%; }

	.product-on .cont-2 .visual {height: 28rem;}
	.product-on .cont-0 .visual .img-1{top:10%; width:65.625%;}
	.product-on .cont-2 .visual .img-1{top:10%; width:65.625%; }

	.product .cont-2-1 ul li .title{min-height:45px;}
}

@media screen and (min-width: 500px) {
	.product .cont-2-1 ul li .title{min-height:49px;}
}
@media screen and (min-width: 600px) {
	.product .cont-0 .visual{height:35rem}
	.product-lite .cont-0 .visual{height:35rem}
	.product-lite-kids .cont-0 .visual{height:35rem}
	.product-on .cont-0 .visual{height:48rem}

	.product .cont-2 .visual{height:34rem}
	.product .cont-2 .visual .img-1{top:52%;width:55.625%;}


	.product-lite .cont-2 .visual{height:33rem;}
	.product-lite-kids .cont-2 .visual{height:33rem;}
	.product-on .cont-2 .visual{height:35rem;}
	.product-on .cont-2 .visual .img-1{top:10%; width:65.625%; }
	.product .cont-2-1 ul li .title{min-height:51px;}

}
@media screen and (min-width: 700px) {
	.product .cont-2-1 ul li .title{min-height:55px;}
}
@media screen and (min-width: 768px) {
	/*.product .sub-head h2{width:210px; height:40px; margin:0 auto 130px auto; background:url(/images/product/head_h2.png) 0 0 no-repeat;background-size:147px; text-indent:-9999px}*/
	.product .cont-head .bg-1{background-size:auto 210px;}
	.product .cont-head .bg-2{background-size:auto 210px;}

	.product .cont-0 .visual{overflow:hidden; position:relative; width:100%;  height:45rem}
	.product-on .cont-0 .visual{padding: 50px 0;}
	.product .cont-0 .visual .img{display:block; position:absolute; left:50%}
	.product-on .cont-0 .visual .img{left:0; top: 50px;}
	

	.product .cont-0 .visual .img-1{top:10%; width:90%;}
	.product .cont-0 .visual .img-2{top:15%; width:50%;}

	
	.product-on .cont-0 .visual{overflow:hidden; position:relative; width:100%;  height:auto;margin: auto; padding: 100px 0;}

	.main .cont-2 ul{max-width:none }

	.brochure-pop .modal-dialog{width:85%; max-width:655px}

	.product .cont-head .pro_name{top:20px !important; width:auto !important; margin:0 auto 9px auto; opacity:0;padding:0 3.5rem;height: 48px !important;}
	.product-lite .cont-head .pro_name{width:auto !important;}
	.product-lite-kids .cont-head .pro_name{width:auto !important;}
	.product-on .cont-head .pro_name{width:auto !important; height: 48px !important;}

	
	.product .cont-2-1 ul {max-width:550px;}

	.sub-head .pc-bg{display: block !important;}
	.sub-head .mobile-bg{display:none !important;}
	.product .cont-2-1 h3{top: 10% !important;}
	.cont-2 .in-section h3{font-size:32px; margin-bottom: 30px;}

	.product .cont-0 .visual{height:37rem}
	.product-lite .cont-0 .visual{height:35rem}
	.product-lite-kids .cont-0 .visual{height:35rem}
	.product-on .cont-0 .visual{height:88rem}
	
	.product .cont-2 .visual{height:48rem}
	.product-lite .cont-2 .visual{height:44rem;}
	.product-lite-kids .cont-2 .visual{height:44rem;}
	.product-on .cont-2 .visual{height:46rem;}
	
	.product .cont-2-1 ul li .title{min-height:51px;}

}

@media screen and (min-width: 992px) {


	.product .sub-head h2{overflow:hidden; width:270px; height:44px; margin:0 auto 89px auto; /*background:url(/images/product/head_h2.png) 0 0 no-repeat; text-indent:-9999px*/}
	.product .sub-head .sub-head-bg{background:none !important;}

	.product .cont-head{padding-top:116px;margin:0 0 115px 0}
	.product .cont-head h2{margin-bottom:58px; line-height:50px; font-size:50px}
	.product .cont-head .main-img{width:742px;padding:0;}
	.product-lite .cont-head .main-img{width:697px;padding:0;}
	.product-lite-kids .cont-head .main-img{width:697px;padding:0;}
	.product .cont-head .pro_name{padding:0;}
	.product .cont-head .bg{position:absolute; left:0; z-index:1; width:100%; height:332px}
	.product .cont-head .bg-1{top:38px; background:url(/images/product/head_bg1.png) center 0;background-size:auto;}
	.product .cont-head .bg-2{top:305px; background:url(/images/product/head_bg2.png) center 0;background-size:auto;}

	
	.product .cont-head .pro_name{top:40px !important; width:auto !important; margin:0 auto 9px auto; opacity:0;padding:0 3.5rem;height: 65px !important;}
	.product-lite .cont-head .pro_name{width:auto !important;}
	.product-lite-kids .cont-head .pro_name{width:auto !important;}
	.product-on .cont-head .pro_name{width:auto !important; height: 65px !important;}

	.product .cont-1{padding-bottom:60px; background:#fff url(/images/product/cont1_bg.jpg) right 100% no-repeat; background-size:auto 967px}
	.product-lite .cont-1{padding-bottom:60px; background:#fff url(/images/product/cont1-lite_bg.jpg) right bottom no-repeat; background-size:auto 967px}
	.product-lite-kids .cont-1{padding-bottom:60px; background:#fff url(/images/product/cont1-lite_bg.jpg) right bottom no-repeat; background-size:auto 967px}
	.product-on .cont-1{padding-bottom:363px; background:#fff url(/images/product/cont1-on_bg.jpg) right bottom no-repeat; background-size:auto 967px}
	.product .cont-1 h3{line-height:40px; font-size:40px;margin:0 0 51px 0;letter-spacing:3px;padding-top: 40px;}
	.product .cont-1 ul li {margin-bottom:60px;;}
	.product .cont-1 ul li .thumb{width:470px;height:248px; margin:0 auto 19px auto; }
	.product .cont-1 ul li .thumb video{display: block;background-size:auto 100%;;}
	.product .cont-1 ul li .thumb img{display: ;}
	.product .cont-1 ul li .title{margin:0 0 15px 0; line-height:22px; font-size:22px;letter-spacing: 1px;}
	.product .cont-1 ul li .txt{line-height:25px; font-size:14px}

	.product .cont-2{padding-bottom:120px}
	.product .cont-2 .visual{margin-bottom:40px; height:880px}
	.product-lite .cont-2 .visual{margin-bottom:40px; height:840px}
	.product-lite-kids .cont-2 .visual{margin-bottom:40px; height:840px}
	.product .cont-2 .visual .img-1{top:440px; width:711px; margin-left:-607px; opacity:0}
	.product .cont-2 .visual .img-2{top:109px; width:640px; margin-left:0; opacity:0}
	
	.product-lite .cont-2 .visual .img-1{top:465px; width:628px; margin-left:-607px; opacity:0}
	.product-lite .cont-2 .visual .img-2{top:89px; width:640px; margin-left:-57px; opacity:0}

	.product-lite-kids .cont-2 .visual .img-1{top:465px; width:628px; margin-left:-607px; opacity:0}
	.product-lite-kids .cont-2 .visual .img-2{top:89px; width:640px; margin-left:-57px; opacity:0}

	.product-on .cont-2 .visual{margin-bottom:40px; height:925px;}
	.product-on .cont-2 .visual .img-1{opacity:1; margin-left: -450px; margin-top: 0;width: 901px;}
	.product-on .cont-2 .visual .img-1{top:110px; }

	.product .cont-2 ul li{position:relative; top:20px; padding-top: 0;padding-left:95px !important; padding-right:20px; opacity:0;background-size:auto !important; text-align: left;}
	.product .cont-2 ul li.li1{margin-bottom:72px; padding-right:20px; background:url(/images/product/cont2_icon1.png) 0 2px no-repeat}
	.product .cont-2 ul li.li2{margin-bottom:72px; background:url(/images/product/cont2_icon2.png) 0 2px no-repeat}
	.product .cont-2 ul li.li3{margin-bottom:72px; padding-right:15px;background:url(/images/product/cont2_icon3.png) 0 2px no-repeat}
	.product .cont-2 ul li.li4{margin-bottom:0; background:url(/images/product/cont2_icon4.png) 0 2px no-repeat}
	.product .cont-2 ul li.li5{padding-right:20px; background:url(/images/product/cont2_icon5.png) 0 2px no-repeat}
	.product .cont-2 ul li.li6{padding-right:15px; background:url(/images/product/cont2_icon6.png) 0 2px no-repeat}
	.product .cont-2 ul li .title{margin:0 0 21px 0; color:#111; line-height:22px; font-size:22px; font-weight:bold;letter-spacing: 1px;}
	.product .cont-2 ul li .txt{min-height:104px; padding:0 0 0 3px; color:#666; line-height:26px; font-size:14px}

	.product .cont-3{padding:120px 0;}
	.product .cont-3 .thumb-slide{padding:0 100px;}
	.product .cont-3 .thumb-slide .slick-slide .title{color:#666; line-height:26px; font-size:14px; font-weight:bold; text-align:center} 
	.product .cont-3 .thumb-slide .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%;}
	.product .cont-3 .thumb-slide .slick-arrow {width:22px;height:40px;top:62px;}
	.product .cont-3 .thumb-slide .slick-arrow.slick-prev{left:0; background-size:auto;}
	.product .cont-3 .thumb-slide .slick-arrow.slick-next{right:0;background-size:auto;}
	.product .cont-3 .thumb-slide .slick-arrow.slick-prev:hover{background: url('/images/technology/btn_prev_over.png') 0 0 no-repeat;transform: scale(1.2) translateX(6px);}
	.product .cont-3 .thumb-slide .slick-arrow.slick-next:hover{background: url('/images/technology/btn_next_over.png') 0 0 no-repeat;transform: scale(1.2) translateX(-6px);}

	.product .cont-0 .visual{height:740px}
	.product .cont-0 .visual .img-1{top:37%; z-index:2; width:632px; margin-left:-120.313%; opacity:1}
	.product .cont-0 .visual .img-2{top:24%; z-index:1; width:527px; margin-left:50%; opacity:1}

	.product-lite .cont-0 .visual .img-1{top:37%; z-index:2; width:632px; margin-left:-120.313%; opacity:1}
	.product-lite .cont-0 .visual .img-2{top:24%; z-index:1; width:527px; margin-left:50%; opacity:1}
	
	.product-lite-kids .cont-0 .visual .img-1{top:37%; z-index:2; width:632px; margin-left:-120.313%; opacity:1}
	.product-lite-kids .cont-0 .visual .img-2{top:24%; z-index:1; width:527px; margin-left:50%; opacity:1}

	
	.product .cont-2 .visual .img-1{margin-left:100%;}
	.product .cont-2 .visual .img-2{margin-left:-120.313%;}

	.product-lite .cont-2 .visual .img-1{margin-left:100%;}
	.product-lite .cont-2 .visual .img-2{margin-left:-120.313%;}

	.product-lite-kids .cont-2 .visual .img-1{margin-left:100%;}
	.product-lite-kids .cont-2 .visual .img-2{margin-left:-120.313%;}

	.product-on .cont-2 .visual .img-1{margin-left:-120.313%;}

	.product-on .cont-0 .visual{height: 1386px;}
	.product-on .cont-0 .visual .img-1{top:175px; z-index:2; width:86%; margin-left:200px;  height: auto;opacity:1}

	.product .cont-2-1{padding-top:10px; padding-bottom: 0;}
	.product-on .cont-2-1{padding-top:0}
	.product .cont-2-1 .bg{margin-left:-463px; width:925px; height:600px; top: -100px;}
	.product .cont-2-1 .bg-before{background:url(/images/main/cont2_img.png) 0 0 no-repeat; background-size:860px; top:-100px}
	.product .cont-2-1 .bg-after{background:url(/images/main/cont2_img_2_.png) 0 0 no-repeat; background-size:860px; top:-100px}
	
	.product-lite-kids .cont-2-1 .bg-before{background:url(/images/main/cont2_img_lite_kids.png) 0 0 no-repeat; background-size:899px; top:-100px}
	.product-lite-kids .cont-2-1 .bg-after{background:url(/images/main/cont2_img_2_lite_kids.png) 0 0 no-repeat; background-size:899px; top:-100px}

	.product-lite .cont-2-1 .bg-before{background:url(/images/main/cont2_img_lite.png) 0 0 no-repeat; background-size:899px; top:-100px}
	.product-lite .cont-2-1 .bg-after{background:url(/images/main/cont2_img_2_lite.png) 0 0 no-repeat; background-size:899px; top:-100px}
	.product-on .cont-2-1 .bg-before{background:url(/images/main/cont2_img_on.png) 0 0 no-repeat; background-size:925px; top:-100px}
	.product-on .cont-2-1 .bg-after{background:url(/images/main/cont2_img_2_on.png) 0 0 no-repeat; background-size:925px; top:-100px}
	.product .cont-2-1 h3{line-height:62px; font-size:40px;z-index: 2;top:110px !important;}
	.product .cont-2-1 .in-section{margin: 283px auto 100px auto;}
	.product .cont-2-1 ul {max-width: none;}
	.product .cont-2-1 ul li{margin-bottom:0}
	.product .cont-2-1 ul li.li2{padding-right:7.5px}
	.product .cont-2-1 ul li.li3{padding-left:7.5px}
	.product .cont-2-1 ul li .inner{height:484px; padding:155px 10px 0 10px;background-size: auto !important;background-position: 50% 50px !important;}
	.product .cont-2-1 ul li .wrap-btn-more{bottom:50px;}
	.product .cont-2-1 ul li .btn-more {padding:0 16px 9px 0;background-size: auto;background-position: right 4px !important;}
	.product .cont-2-1 ul li:hover .btn-more {background-size: auto;background-position: right 4px !important;}
	.product .cont-2-1 ul li .btn-more .animate{ height:4px;}
	.product .cont-2-1 ul li .btn-more .animate .obje{ height:4px; }	
	.product .cont2-1-pop .modal-dialog{width:570px;margin:30px auto !important}
	.product .cont2-1-pop h4{margin:0 0 27px 0; padding:118px 0 0 0; line-height:30px; font-size:30px;background-size: auto !important; }
	.product .cont2-1-pop p{margin:0 0 54px 0; line-height:28px; font-size:16px;padding:0;}
	.product .cont2-1-pop .btn-close{top:25px; right:25px; width:28px; height:28px; background-size: auto;}
	
	.cont-2 .in-section h3{font-size:36px; margin-bottom: 30px;}	
	.cont-2 .in-section a{display: inline-block; margin: 0 5px;border: 3px solid #000; padding:0 27px ; font-size:19px;font-weight: bold;height: 45px;line-height: 42px;}
	
	.product .cont-2-1 ul li .title{min-height:65px;}
	.product .cont-2-1 ul li .txt{font-size:0.83rem}
}
@media screen and (min-width: 1000px){
	.product-on .cont-0 .visual {
		height: 1336px;
	}
}
@media screen and (min-width: 1200px) {
	.product .cont-head .pro_name{width:auto !important; height: 74px !important;}
	.product .cont-2-1 ul li.li1{padding-right:15px}
	.product .cont-2-1 ul li.li2,
	.product .cont-2-1 ul li.li3{padding-right:15px; padding-left:15px}
	.product .cont-2-1 ul li.li4{padding-left:15px}
	.product .cont-2-1 ul li .title{min-height:64px;line-height:32px; font-size:24px;}
	.product .cont-2-1 ul li .txt{color:#666; line-height:28px; font-size:16px}
	.product .cont-2-1 ul li .inner{}
	.product .cont-2-1 ul li .btn-more{padding:0 16px 9px 0; line-height:14px; font-size:14px;}
	.product-on .cont-0 .visual{width: 1200px;height: 1456px;}
	.product .cont-2-1 h3{line-height:62px; font-size:45px;z-index: 2;top:110px !important;}
	.product .cont-2-1 .in-section{margin: 283px auto 130px auto;}
	.cont-2 .in-section h3{font-size:40px; margin-bottom: 65px;}
	.product .cont-2-1 ul li .title{min-height:69px;}
}
@media screen and (min-width: 1500px){
	.product-on .cont-0 .visual {
		height: 1556px;
	}
}
@media screen and (min-width: 1900px) {
	.product .cont-2-1 h3{line-height:62px; font-size:50px;}
	.product .cont-2-1 .in-section{margin: 283px auto 150px auto;}
	.product .cont-1 ul li .txt{font-size:16px}
}