.flexslider{width:100%!important}

/* Index Page */
.NewBan{position:relative}
.innerOpt{bottom:-70px;margin:0 20%;position:absolute;width:60%}
.innerOpt p{color:#fff;font-size:38px;font-weight:100;line-height:55px;margin:0 0 60px}
.innerOpt img{width:719px}
.colDivider .container{padding:5px;width:90%}
.oraCol{background:#f78f1f;height:255px}
.bluCol{background:#05a8e6;height:255px}
.colDivider p{color:#fff;font-size:17px;font-weight:100;line-height:30px}
.colDivider p.hea{font-size:24px;font-weight:400}
.colDivider p a{color:#fff;opacity:.6;filter:alpha(opacity=60);position:relative}
.colDivider p a:hover{text-decoration:none}
.colDivider p a img{width:5px}
.colDivider p a::before {background-color:#fff;bottom:0;content:"";height:1px;left:0;position:absolute;transform:scaleX(0);transition:all 0.3s ease-in-out 0s;visibility:hidden;width:100%;}
.colDivider p a:hover::before{transform:scaleX(1);visibility:visible;}
.feaCont p{font-weight:100}
.feaCont .hea{font-size:16px;font-weight:400}
.feaCont .per30{padding:3%;width:25%}
.feaCont .per50{padding:0 2%}

.feaBgCol{background:#e7eaee;}
.feaCloBg{background:#e7eaee;height:150px;width:100%}
.feaCloBg img{height:150px;width:100%}
.imgTrans{background:#000;display:noneheight:500px;left:63px;position:absolute;top:55px;width:768px;opacity:0.2;filter:alpha(opacity=20);}
.oraColSec p,
.bluColSec p{font-size:16px;font-weight:100}
.oraColSec{border-bottom:1px solid #e5e5e5;margin:0 0 30px;padding:0 0 30px}
.oraColSec .hea{color:#000;font-size:22px;font-weight:bold}
.bluColSec .hea{color:#000;font-size:22px;font-weight:bold}
.oraColSec p{color:#8d8d8d;position:relative;}
.per80{float:left;margin:0 1%;width:78%}
.oraColSec .per50,
.bluColSec .per50{padding:10px 0 0 20px}
.oraColSec .per50 ul li,
.bluColSec .per50 ul li{padding:0 0 5px 0}
#feaSlider{margin:0 auto;max-width:800px;position:relative}
#feaSlider ul{margin:0;padding:0}
#feaSlider ul li{display:inline-block;font-weight:600;list-style:none;position:relative;text-align:left;}
.arrowAnimation1{animation-name:ani1;animation-duration:3s;-webkit-animation-name:ani1;-webkit-animation-duration:3s;left:-27%;position:absolute;top:56px;}
.arrowAnimation1 .ima img{width:90px}
.arrowAnimation1 .txt{margin:0 10px 0 0;width:220px;}
.arrowAnimation2{position:absolute;left:-20%;top:56px;-webkit-animation-name:ani1;animation-name:ani1;-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-delay:2s;animation-delay:2s;animation-fill-mode:forwards;-webkit-animation-fill-mode:forwards;opacity:0;filter: alpha(opacity=0);}
.arrowAnimation2 .ima img{width:234px}
.arrowAnimation2 .txt{margin:94px 10px 0 0;width:165px}
.arrowAnimation3{position:absolute;left:-23%;top:265px;opacity:0;filter: alpha(opacity=0);-webkit-animation-name:ani1;animation-name:ani1;-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-delay:4s;animation-delay:4s;animation-fill-mode:forwards;-webkit-animation-fill-mode:forwards;}
.arrowAnimation3 .ima img{width:197px}
.arrowAnimation3 .txt{margin:0 10px 0 0;width:195px}
.arrowAnimation4{position:absolute;right:-26%;top:39px;opacity:0;filter: alpha(opacity=0);-webkit-animation-name:ani1;animation-name:ani1;-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-delay:6s;animation-delay:6s;animation-fill-mode:forwards;-webkit-animation-fill-mode:forwards;}
.arrowAnimation4 .ima img{margin:17px 0 0 0;width:116px}
.arrowAnimation4 .txt{margin:0 0 0 10px;width:195px}
.arrowAnimation5{position:absolute;right:-27%;top:240px;opacity:0;filter: alpha(opacity=0);-webkit-animation-name:ani1;animation-name:ani1;-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-delay:8s;animation-delay:8s;animation-fill-mode:forwards;-webkit-animation-fill-mode:forwards;}
.arrowAnimation5 .ima img{margin:17px 0 0 0;width:219px}
.arrowAnimation5 .txt{margin:0 0 0 10px;width:195px}
.arrowAnimation6{position:absolute;right:-26%;top:329px;opacity:0;filter: alpha(opacity=0);-webkit-animation-name:ani1;animation-name:ani1;-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-delay:10s;animation-delay:10s;animation-fill-mode:forwards;-webkit-animation-fill-mode:forwards;}
.arrowAnimation6 .ima img{margin:17px 0 0 0;width:112px}
.arrowAnimation6 .txt{margin:0 0 0 10px;width:195px}
.spbor{border-top: 1px solid #e5e5e5;padding-top: 30px;margin-top: 30px; }

.upgradeTbl{width:100%}
.upgradeTbl td{padding:5px 10px;border:1px solid #ddd;border-collapse:collapse}
.upgradeTbl tr.headTbl{background:#efefef}

@-webkit-keyframes ani1{
from{opacity:0;filter: alpha(opacity=0);}
to{opacity:1;filter: alpha(opacity=100);}
}
@keyframes ani1{
from{opacity:0;filter: alpha(opacity=0);}
to{opacity:1;filter: alpha(opacity=100);}
}

.dwn-menu{display:block}
.dwn-menu > span{margin:0 0 0 1px;padding:8px 0;width:24.8%;position:relative;float:left;background:#C4C8CC;text-align:center;font-size:18px;cursor:pointer;display:inline-block}
.dwn-menu > span:first-child{margin:0;}
.dwn-menu > span a{display:block;color:#000}
.dwn-menu > span.act{background:#f1f1f1}
.dwn-cont-div{padding:40px}
[data-dirshow]{display:none;text-align:center}
[data-dirshow].dirshow{display:block}
.percent{margin:0 auto;width:60%}
.other-option-head span{padding:5px 20px;font-size:18px;line-height:28px;cursor:pointer;display:inline-block}
.other-option-head span.act{background:#fff}
.other-option{background:#fff;padding:20px 2%}
.other-option-cont{display:none}
.other-option-cont .otr-dwn-cont li{font-size:14px}

.dsk-spa{background:none repeat scroll 0 0 #ECEDEE;margin:50px 0;width:100%}
.dsk-spa td{background:none repeat scroll 0 0 #fff;padding:10px; border:1px solid #efefef; vertical-align:middle}
.dsk-spa th{ padding:10px 0}
.thsec .per50{width:29.33%;min-height:300px;}
.yelCol{background: #72cbd2;}

.head{font-size:33px;font-weight:100;margin:100px 0 0 0}
.head span{font-weight:bold}
.NewBan img {width: 100%;}
.hom-why-cs h2{text-align:center;font-weight:700;font-size:28px}
.hom-saf-han ul li{float:left;width:50%}
.hom-saf-han ul li div{border:1px solid #f3f3f3;margin:10px;box-sizing:border-box;height:260px;padding:25px 50px 25px 25px;box-shadow:0 0 10px -3px rgba(150,150,150,0.24);position:relative;transition:all .5s ease}
.hom-saf-han ul li div i{width:85px;height:48px;display:inline-block;background:url(/sites/meweb/images/kr/cloud-security/images/cloud-security-plus-home-sprite-19.png);background-repeat:no-repeat;background-size:400px}
.hom-saf-han ul li div h4{margin:0;font-size:18px;font-weight:700;padding-top:15px}
.hom-saf-han ul li div p{color:#333;font-weight:400}
.hom-saf-han ul li div span{color:#0494df;position:absolute;bottom:20px}
.hom-saf-han ul li div a{position:absolute;top:0;left:0;bottom:0;width:100%;height:100%}
.hom-saf-han ul li div:hover{transform:translateY(-5px);transition:all .5s ease;box-shadow:0 33px 38px -34px rgba(0,0,0,0.61)}
.hom-saf-han ul li:nth-child(2) div i{background-position:-99px 0}
.hom-saf-han ul li:nth-child(3) div i{background-position:-201px 0}
.hom-saf-han ul li:nth-child(4) div i{background-position:-297px 0}
.hom-why-cs{float:left;width:100%;padding-bottom:50px}
.hom-why-cs .per30{padding:0;width:33.3333%}
.hom-why-cs ul li{margin-bottom:10px}
.hom-why-cs ul li div{border:1px solid #f1f1f1;margin:10px;box-sizing:border-box;padding:30px 20px 20px;margin-bottom:20px;border-radius:2px}
.hom-why-cs ul li div i{width:78px;height:50px;display:inline-block;background:url(/sites/meweb/images/kr/cloud-security/images/cloud-security-plus-home-sprite-19.png);background-repeat:no-repeat;background-size:400px;background-position:0 -60px}
.hom-why-cs ul li div h4{margin-top:15px;font-weight:600;line-height:25px;color:#000}
.hom-why-cs ul li div p{font-weight:500}
.hom-why-cs .p1 ul li:nth-child(2) div i{background-position:-237px -60px}
.hom-why-cs .p1 ul li:nth-child(3) div i{background-position:-97px -119px}
.hom-why-cs .p2 ul li:nth-child(1) div i{background-position:-88px -60px;width:63px}
.hom-why-cs .p2 ul li:nth-child(2) div i{background-position:-324px -60px}
.hom-why-cs .p3 ul li:nth-child(1) div i{background-position:-152px -60px}
.hom-why-cs .p3 ul li:nth-child(2) div i{background-position:-1px -119px}


@media screen and (max-width:1153px){
.colDivider p.hea{font-size:20px;}
.colDivider p{font-size:13px;}
}
@media screen and (max-width:1020px){
.homefeaBox{width:calc(50% - 2px);border:none;border-top:#ddd solid 1px!important}
}
@media screen and (max-width:620px){
.homefeaBox{width:calc(100% - 2px);}
}
@media screen and (max-width:1025px){
#feaSlider{width:65%;}
.colDivider p.hea{font-size:18px;}
.colDivider p{font-size:12px;}
}
@media screen and (max-width:767px){
.emailLnktxt{display:block;margin:0 0 10px}
.emailLnktxt a{color:#7bbb2a;text-decoration:underline}
.flexMobile{display:block;background:#004c73;color:#fff;font-size:25px;line-height:36px;background:-webkit-linear-gradient(to bottom,#195f9c,#013d88);background:linear-gradient(to bottom,#195f9c,#004c73);padding:20px 30px}
.mob-dwn-btn{border:1px solid #c41d2f;padding:5px 50px;border-radius:2px;color:#fff;font-weight:600;margin:0 auto;display:table;background:#eb283d;margin-top:18px;box-sizing:border-box;font-size:18px}
.botBg{display:none;}
.zsiq_theme1 div.zsiq_cnt{display:none;}
.NewBan{display:none;}
.thsec .per50{width: 100%;height: 300px;float: left;box-sizing: border-box;}
.per30{padding: 5% 3px 3% 3px;width: 100% !important;float: left;text-align: center;box-sizing: border-box;margin-bottom: 20px;border-radius: 3px;}
.colDivider p.hea{font-size:20px;}
.colDivider p{font-size:16px;}
.hom-saf-han ul li{max-width:600px;width:80%;margin:0 auto;float:none; box-sizing:border-box;}
.head{font-size:28px;line-height:35px;margin:0;}
.feaCont .per30 {padding: 0;width: 100%;float: left;text-align: center;border: unset;box-sizing: border-box;margin-bottom: 0;background:none;border-radius: 3px}
.hom-why-cs ul li div{background:#f7f7f7;border:1px solid #f3f3f3;}
}
@media screen and (max-width:500px){
.thsec .per50{box-sizing:border-box;}
.hom-saf-han ul li{width:100%;}
}