@charset "utf-8";
/*reset+font
body, p, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, table, caption, form, fieldset, legend, input {margin:0;padding:0} img, fieldset {border:0} ul, ol, li{list-style-type:none;} li img{vertical-align:top;}
@font-face {
font-family: 'SamsungIFBd';
src: url('../font/SamsungIF_Bd.eot');
src: url('../font/SamsungIF_Bd.eot?#iefix') format('embedded-opentype'),
	 url('../font/SamsungIF_Bd.woff') format('woff'),
	 url('../font/SamsungIF_Bd.ttf') format('truetype'),
	 url('../font/SamsungIF_Bd.svg#SamsungIF_Bd') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
    font-family: 'SamsungIFRg';
    src: url('../font/SamsungIF_Rg.eot');
    src: url('../font/SamsungIF_Rg.eot?#iefix') format('embedded-opentype'),
         url('../font/SamsungIF_Rg.woff') format('woff'),
         url('../font/SamsungIF_Rg.ttf') format('truetype'),
         url('../font/SamsungIF_Rg.svg#SamsungIF_Rg') format('svg');
    font-weight: normal;
    font-style: normal;
}*/
/**/
.header-wrap {position: initial !important;}
#knox_content .clearfix:after{content:"";display:block;clear:both;visibility:hidden;line-height:0;height:0;}
#knox_content .clearfix{display:block;}
#knox_content{width:100%; max-width:1366px; margin:0px auto;}
#knox_content .knox_wrap{padding:0 28px;}
#knox_content p,  #knox_content li,  #knox_content span{font-weight:normal; font-family:'SamsungIFRg', 'Arial', 'sans-serif';}
#knox_content h2, #knox_content h3, #knox_content h4, #knox_content strong{font-weight:normal; font-family:'SamsungIFBd', 'Arial', 'sans-serif';}
#knox_content p, #knox_content li{font-size:20px; text-align:left;color:#414655;letter-spacing:-0.4px;}
#knox_content .main_title{text-transform:uppercase;font-size:40px;text-align:left;color:#414655;letter-spacing:-0.5px;}
#knox_content .main_title2{padding-bottom:5px;font-size:32px;text-align:left;color:#414655;letter-spacing:-0.5px;font-weight:normal; font-family:'SamsungIFRg', 'Arial', 'sans-serif';}
#knox_content .line{display:block;width:140px;height:2px;background-color:#03acf0;margin:10px 0 20px;}
#knox_content a{color:#0d77d5;text-decoration:none;}
#knox_content a:hover{text-decoration:underline}
#knox_content .mobile_header{display:none;}

#knox_content .item_top_btn{width:100%; padding:15px 0 70px; text-align:right;}
#knox_content .item_top_btn a{display:inline-block;padding:12px 45px 12px 20px;background:#0d77d5 url(/ae/b2b4/img/solution/knox/knox_my_top_btn.png) no-repeat right center;text-transform:uppercase;}
#knox_content .item_top_btn span{color:#fff;font-size:16px;}

#knox_content .item_basic{width:100%;padding-bottom:40px;}
#knox_content .item_basic.left .thumbnail,
#knox_content .item_basic.left .txt_inner{float:left;}
#knox_content .item_basic.left .thumbnail{padding-right:10%;}
#knox_content .item_basic.right .thumbnail,
#knox_content .item_basic.right .txt_inner{float:right;}
#knox_content .item_basic.right .thumbnail{padding-left:10%;}
#knox_content .item_basic .thumbnail{width:40%;}
#knox_content .item_basic .thumbnail .thumb_inner{position:relative; overflow:hidden; height:300px;display:block;}
#knox_content .item_basic .thumbnail .thumb_inner a,
#knox_content .item_basic .thumbnail .thumb_inner span{float:left; position:relative; left:50%; height:100%;}
#knox_content .item_basic .thumbnail .thumb_inner img{position:relative;left:-50%; height:100%;}
#knox_content .item_basic .txt_inner{width:50%; box-sizing:border-box}

#knox_content .item1 .thumbnail{padding:0 !important;}
#knox_content .item1 .thumbnail .thumb_inner span{float:left; position:relative; left:0;width:100%;height:100%;}
#knox_content .item1 .thumbnail .thumb_inner{margin:1px;}
#knox_content .item1 .txt_inner{width:60%; padding-left:40px;}

#knox_content .item2{padding-bottom:40px;margin-bottom:50px;text-align:center;background-color:#f9f9f9;}
#knox_content .item2 h3{font-size:26px;text-align:left;color:#414655;padding:30px 0;text-align:center;}
#knox_content .item2 .color{display:block; color:#008ddf;}
#knox_content .item2 p{text-align:center;padding-top:20px;}
#knox_content .item2 li{display:inline-block; width:20%; padding:0 3%; vertical-align:top;text-align:center;}
#knox_content .item2 img{width:100%; max-width:161px;}
#knox_content .item2 a{color:#0267c1;}

#knox_content .item3{position:relative;border-bottom:1px solid #ededed;padding-bottom:40px;margin-bottom:70px;}
#knox_content .item3 .main_title{text-align:center;}
#knox_content .item3 .line{margin:10px auto 40px;}
#knox_content .item3 .feature_box{overflow:hidden; visibility:hidden; position:relative;}
#knox_content .item3 .animation{overflow:hidden; position:relative;}
#knox_content .item3 .animation li{position:relative; overflow:hidden; float:left;}
#knox_content .item3 .animation .on{position:static;display:block;}

#knox_content .item3 li:after{content:"";display:block;clear:both;visibility:hidden;}
#knox_content .item3 .mov_area{position:relative;float:left;width:45%;margin-left:5%;}
#knox_content .item3 .mov_area img{width:100%;}
#knox_content .item3 .mov_area .off{position:absolute;left:0;top:0;display:none;}
#knox_content .item3 .mov_area .num1{z-index:1;}
#knox_content .item3 .mov_area .num2{z-index:2;}
#knox_content .item3 .mov_area .num3{z-index:3;}

#knox_content .item3 .ani2 .off,
#knox_content .item3 .ani3 .off{display:block;opacity :0;}

#knox_content .item3 .desc{float:left;width:50%;box-sizing:border-box;padding:0 40px;}
#knox_content .item3 .desc h4{font-size:32px;padding-bottom:15px;}
#knox_content .item3 .desc p{line-height:1.2;}

#knox_content .item3 .item3_wrap{position:relative;}
#knox_content .item3 .btn_ani{position:absolute;left:50%;top:40%;padding-left:40px;z-index:10;}
#knox_content .item3 .btn_ani a{display:inline-block; width:120px; height:120px; background-repeat:no-repeat; background-size:100% auto; font-size:0;}
#knox_content .item3 .btn_ani .btn_click1{background-image:url(/ae/b2b4/img/solution/knox/ico_my_btn1.png);}
#knox_content .item3 .btn_ani .btn_click2{background-image:url(/ae/b2b4/img/solution/knox/ico_my_btn2.png);}
#knox_content .item3 .btn_ani .btn_click3{background-image:url(/ae/b2b4/img/solution/knox/ico_my_btn3.png);}
#knox_content .item3 .btn_ani .btn_click1.on{background-image:url(/ae/b2b4/img/solution/knox/ico_my_btn1_on.png);}
#knox_content .item3 .btn_ani .btn_click2.on{background-image:url(/ae/b2b4/img/solution/knox/ico_my_btn2_on.png);}
#knox_content .item3 .btn_ani .btn_click3.on{background-image:url(/ae/b2b4/img/solution/knox/ico_my_btn3_on.png);}

#knox_content .item4{padding-bottom:100px;}
#knox_content .item4 .thumbnail .thumb_inner{height:375px; }
#knox_content .item4 .txt_inner p{max-width:520px;}

#knox_content .item5{border-bottom:1px solid #ededed;padding-bottom:60px;margin-bottom:70px;text-align:center;}
#knox_content .item5 .main_title{text-align:center;text-transform: inherit;}
#knox_content .item5 .line{margin:10px auto 40px;}
#knox_content .item5 li{position:relative;display:inline-block; width:32%;  margin:0 -3px; vertical-align:top;text-align:center;}
#knox_content .item5 .left p{text-align:left;}
#knox_content .item5 .center p{text-align:center;}
#knox_content .item5 p{padding-top:15px;}
#knox_content .item5 .btn_download{display:inline-block;margin-top:20px;}
#knox_content .item5 .txt_inner{padding:0 2%;}
#knox_content .item5 .txt_inner img{width:80%; max-width:242px;}
#knox_content .item5 .top{padding-bottom:60px;}
#knox_content .item5 .top p{text-align:center;}
#knox_content .item5 .top span,
#knox_content .item5 .top a{font-weight:normal; font-family:'SamsungIFBd', 'Arial', 'sans-serif';}

#knox_content .item5 .number{position:relative;display:block;width:100%;margin:30px 0 70px;}
#knox_content .item5 .number .bar{position:absolute;left:0;top:45%;width:100%;height:2px;background-color:#03acf0;}
#knox_content .item5 .number .bar.half{width:50%;}
#knox_content .item5 .number .bar.right{left:50%;}
#knox_content .item5 .number img{position:relative;z-index:10;}

#knox_content .item6{border-bottom:1px solid #ededed;padding-bottom:40px;margin-bottom:40px;}
#knox_content .item6 p{padding-bottom:20px;}

#knox_content .item_video{padding-bottom:80px;}
#knox_content .item_video li{float:left;width:33.3%;padding-right:10px;box-sizing:border-box;}
#knox_content .item_video .btn_play{display:block; width:100%;height:280px;background-repeat:no-repeat;background-position:center center;font-size:0;}
#knox_content .item_video .btn_play span {width:100%;height:100%;}
#knox_content .item_video .title{display:block;font-size:22px;padding-top:10px;text-align:left;font-family:'SamsungIFBd', 'Arial', 'sans-serif';}

#knox_content .item_seap{position:relative;background-color:#f1f1f1;padding:20px 30px 20px;}
#knox_content .item_seap .img{float:left; width:24%;}
#knox_content .item_seap .img img{width:90%; max-width:250px;}
#knox_content .item_seap .txt_inner{float:left; width:76%;}
#knox_content .item_seap .txt_inner h3{font-size:22px; color:#000; padding-bottom:5px; border-bottom:1px solid #000; margin-bottom:5px;}
#knox_content .item_seap .txt_inner p{font-size:18px; color:#000;margin-bottom:10px;}
#knox_content .item_seap .txt_inner .btn_link{font-size:16px;color:#0057a4;padding-right:20px; background:url(/ae/b2b4/img/solution/knox/knox_btn_link.png) no-repeat right center;}

#knox_content .item_insights{overflow:hidden; margin-bottom:50px;}
#knox_content .item_insights .box{float:left; width:25%;  padding:0 10px 0 0; box-sizing:border-box;}
#knox_content .item_insights .box:nth-child(4){padding-right:0;}
#knox_content .item_insights .box_inner{position:relative; height:210px; padding:20px; background-color:#f1f1f1; color:#000;}
#knox_content .item_insights .type{font-size:14px;}
#knox_content .item_insights h3{display:-webkit-box; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical; width:100%; height:58px; overflow:hidden;  margin-bottom:15px;font-family:'SamsungIFRg', 'Arial', 'sans-serif'; font-size:24px;line-height:1.2;}
#knox_content .item_insights p{display:-webkit-box; text-overflow:ellipsis; -webkit-line-clamp:5; -webkit-box-orient:vertical; width:100%; height:80px; overflow:hidden;font-size:14px;line-height:1.2;}
#knox_content .item_insights a{position:absolute;left:20px;bottom:20px; font-size:16px; color:#0057a4; padding-right:22px;}
#knox_content .item_insights .btn_link{background:url(/ae/b2b4/img/solution/knox/knox_btn_link.png) no-repeat right center;}
#knox_content .item_insights .btn_link_pdf{background:url(/ae/b2b4/img/solution/knox/knox_btn_pdf.png) no-repeat right center;}

html, body{height:100%;}
#knox_content .overlay{display:none;position:fixed;left:0;top:0;width:100%;height:100%;background-color:#000;opacity:0.3;z-index:1000;}
#knox_content .video_group{display:none;position:absolute;left:0;top:0;padding:35px 10px 10px;background-color:#000; z-index:1001;}
#knox_content .video_group .box{display:none;width:640px;height:360px;}
#knox_content .video_group .box iframe, #knox_content .video_group .box object, #knox_content .video_group .box span, #knox_content .video_group .box video{width:100%;height:100%;}
#knox_content .video_group .btn_layer_close{display:block;position:absolute;right:10px;top:10px;width:16px;height:17px;background:url(/ae/b2b4/img/solution/knox/knox_btn_x.png) no-repeat;font-size:0;}
@media (max-width:640px) {
	#knox_content .video_group{padding:35px 5px 10px;}
	#knox_content .video_group .box{display:none;width:310px;height:180px;}
}

@media (max-width:1100px) {
	#knox_content .item3 .btn_ani{top:60%;}
	#knox_content .item3 .btn_ani a{width:100px; height:100px;}
}
@media (max-width:980px) {
	#knox_content .item3 .btn_ani{top:68%;}
	#knox_content .item3 .btn_ani a{width:70px; height:70px;}
}
@media (max-width:900px) {
	#knox_content .item3 .mov_area{margin-bottom:12%}
	#knox_content .item3 .btn_ani{top:70%;}
	#knox_content .item3 .btn_ani a{width:70px; height:70px;}
}

/*mobile*/
@media (max-width:767px) {
	#knox_content{margin:0px auto;}
	#knox_content .knox_wrap{padding:0 10px;}
	#knox_content .mobile_header{display:block;padding-bottom:10px;}
	#knox_content .txt_inner h3,
	#knox_content .txt_inner .line{display:none;}
	#knox_content .txt_inner p{padding-top:30px;}

	#knox_content .item_top_btn{width:100%; padding:40px 0px; border-bottom:1px solid #ededed; text-align:center;margin-bottom:40px;}
	#knox_content .item_top_btn a{display:block; width:100%; max-width:640px;padding:20px 0px; background:#0d77d5;text-align:center; margin:0 auto 10px;}

	#knox_content .item_basic{width:100%;padding-bottom:40px;}
	#knox_content .item_basic.left .thumbnail,
	#knox_content .item_basic.left .txt_inner{float:none;}
	#knox_content .item_basic.left .thumbnail{padding-right:0%;}
	#knox_content .item_basic.right .thumbnail,
	#knox_content .item_basic.right .txt_inner{float:none;}
	#knox_content .item_basic.right .thumbnail{padding-left:0%;}
	#knox_content .item_basic .thumbnail{width:100%;}
	#knox_content .item_basic .txt_inner{width:100%;}
	#knox_content .item_basic .thumbnail .thumb_inner{position:relative; overflow:hidden; height:auto; width:100%; }
	#knox_content .item_basic .thumbnail .thumb_inner a,
	#knox_content .item_basic .thumbnail .thumb_inner span{float:left; position:relative; left:50%; width:100%; height:auto;}
	#knox_content .item_basic .thumbnail .thumb_inner img{position:relative;left:-50%; height:auto; width:100%;}

	#knox_content .item1 .txt_inner{width:100%; padding-left:0px;}
	#knox_content .item1.item_basic .thumbnail .thumb_inner {width:100%;height:450px;}
	#knox_content .item1.item_basic .thumbnail .thumb_inner span {left:0;width:100%;height:100%;}
	#knox_content .item2{padding-bottom:40px;margin-bottom:50px;text-align:center;background-color:#f9f9f9;}
	#knox_content .item2 h3{font-size:26px;color:#414655;padding:50px 5%;}
	#knox_content .item2 p{padding:20px 0 40px;}
	#knox_content .item2 li{display:block; width:40%; padding:0; margin:0 auto; max-width:308px;}
	#knox_content .item2 img{max-width:308px;}

	#knox_content .item3{position:relative;border:0;padding-bottom:40px;margin-bottom:0px;}
	#knox_content .item3 .main_title{text-align:left;}
	#knox_content .item3 .line{margin:10px 0 40px;}
	#knox_content .item3 .mov_area{position:relative;float:none;width:100%;margin-left:0%;margin-bottom:0;padding-bottom:100px;}

	#knox_content .item3 .desc{float:none;width:100%;box-sizing:border-box;padding:0;}
	#knox_content .item3 .btn_ani{display:block;position:absolute;left:0;top:0; width:100%; text-align:center;padding:20px 0 40px 12px;box-sizing:border-box;z-index:10;}
	#knox_content .item3 .btn_ani a{display:inline-block; width:16px;height:16px;margin:0 8px;background-image:url(/ae/b2b4/img/solution/knox/ico_my_swipe.png); background-position:0 0; background-repeat:no-repeat;font-size:0;background-size:20px auto;}
	#knox_content .item3 .btn_ani .btn_click1,
	#knox_content .item3 .btn_ani .btn_click2,
	#knox_content .item3 .btn_ani .btn_click3{background-image:url(/ae/b2b4/img/solution/knox/ico_my_swipe.png);}
	#knox_content .item3 .btn_ani .btn_click1.on,
	#knox_content .item3 .btn_ani .btn_click2.on,
	#knox_content .item3 .btn_ani .btn_click3.on{background-image:url(/ae/b2b4/img/solution/knox/ico_my_swipe.png);background-position:0 -20px;}

	#knox_content .item5{padding-bottom:60px;border:0;margin:0;}
	#knox_content .item5 .main_title{text-align:left;text-transform: inherit;}
	#knox_content .item5 .line{margin:10px 0 10px;}
	#knox_content .item5 .top p{font-size:26px;padding-bottom:40px;text-align:left;}
	#knox_content .item5 .top .block{display:block;}
	#knox_content .item5 li{position:relative;display:block; width:60%; margin:0 auto; padding-bottom:40px;}
	#knox_content .item5 .left p{text-align:center;}
	#knox_content .item5 .txt_inner{padding:0 2%; margin-top:-10px;}
	#knox_content .item5 .txt_inner img{width:100%; max-width:344px;}
	#knox_content .item5 .number{position:relative;display:block;width:100%;margin:0;}
	#knox_content .item5 .number .bar{display:none;}
	#knox_content .item5 .number img{position:relative;z-index:10;width:20%;max-width:62px;}

	#knox_content .item6{border-bottom:0;padding-bottom:40px;margin-bottom:0px;}

	#knox_content .item_video{padding-bottom:50px;border:0;}
	#knox_content .item_video li{float:none;width:100%;padding-right:0px;}
	#knox_content .item_video .btn_play{display:block; width:100%;height:360px;background-size:cover;}
	#knox_content .item_video .title{display:block; font-size:26px;padding:10px;margin-bottom:30px; text-align:left; background-color:#f1f1f1;color:#414655;font-family:'SamsungIFRg', 'Arial', 'sans-serif';}

	#knox_content .item_seap .img{width:40%;}
	#knox_content .item_seap .txt_inner{width:60%;}
	#knox_content .item_seap .txt_inner h3{display:block;}
	#knox_content .item_seap .txt_inner p{padding-top:0;}
	#knox_content .item_seap .txt_inner .btn_link{position:absolute;left:30px;bottom:30px;}

	#knox_content .item_insights .box{width:50%; padding:0 10px 10px 0;}
	#knox_content .item_insights .box:nth-child(2n){padding-right:0;}
}

@media (max-width:600px) {
	#knox_content .item_seap .txt_inner .btn_link{position:static;}
}

@media (max-width:480px) {

	#knox_content{margin:0px auto;}
	#knox_content p,
	#knox_content li{font-size:14px;}
	#knox_content .main_title,
	#knox_content .main_title2{font-size:20px;}
	#knox_content .mobile_header{padding-bottom:0px;}
	#knox_content .txt_inner p{padding-top:15px;}

	#knox_content .item_top_btn{padding:20px 0px; margin-bottom:20px;}
	#knox_content .item_top_btn a{padding:10px 0px; text-align:center; margin:0 auto 5px; font-size:13px;}
	#knox_content .item1.item_basic .thumbnail .thumb_inner {width:100%;height:260px;}
	#knox_content .item2{padding-bottom:20px;margin-bottom:25px;}
	#knox_content .item2 h3{font-size:18px;padding:25px 5%;}
	#knox_content .item2 p{padding:10px 0 20px;}

	#knox_content .item3{padding-bottom:40px;}
	#knox_content .item3 .mov_area{padding-bottom:60px;}
	#knox_content .item3 .desc h4{font-size:20px;}
	#knox_content .item3 .btn_ani{padding:0px 0 30px 10px;}
	#knox_content .item3 .btn_ani a{display:inline-block; width:10px;height:10px;background-image:url(/ae/b2b4/img/solution/knox/ico_my_swipex2.png); background-size:100% auto;}
	#knox_content .item3 .btn_ani .btn_click1,
	#knox_content .item3 .btn_ani .btn_click2,
	#knox_content .item3 .btn_ani .btn_click3{background-image:url(/ae/b2b4/img/solution/knox/ico_my_swipex2.png);}
	#knox_content .item3 .btn_ani .btn_click1.on,
	#knox_content .item3 .btn_ani .btn_click2.on,
	#knox_content .item3 .btn_ani .btn_click3.on{background-image:url(/ae/b2b4/img/solution/knox/ico_my_swipex2.png);background-position:0 -10px;}

	#knox_content .item5{padding-bottom:0px;}
	#knox_content .item5 .mobile_header p{font-size:14px;padding-bottom:20px;padding-top:5px;}
	#knox_content .item5 .top p{font-size:16px;padding-bottom:20px;}

	#knox_content .item6 p{padding-bottom:10px;}

	#knox_content .item_video .btn_play{display:block;width:100%;height:180px;background-size:cover;}
	#knox_content .item_video .title {display:block;font-size:14px;padding:8px;margin-bottom:10px;}
	#knox_content .item_video{padding-bottom:40px;margin-bottom:0px;}

	#knox_content .item_seap{padding:10px 15px 10px;}
	#knox_content .item_seap .img{float:none; width:100%;}
	#knox_content .item_seap .img img{width:90%; max-width:250px;}
	#knox_content .item_seap .txt_inner{float:none; width:100%;}
	#knox_content .item_seap .txt_inner h3{font-size:18px;}
	#knox_content .item_seap .txt_inner p{font-size:14px;}
	#knox_content .item_seap .txt_inner .btn_link{font-size:13px;}

	#knox_content .item_insights{margin-bottom:30px;}
	#knox_content .item_insights .box_inner{height:210px;}
	#knox_content .item_insights a{font-size:13px;}
	#knox_content .item_insights h3{font-size:18px; height:45px;}
}