.indexIconbg{ width:63px; height:63px; margin:0 auto;}
.IAMicon{background:url(/sites/meweb/images/kr/active-directory-360/images/sprite-images.png) -14px -13px}
.complianceIcon{background:url(/sites/meweb/images/kr/active-directory-360/images/sprite-images.png) -109px -13px}
.ssoIcon{background:url(/sites/meweb/images/kr/active-directory-360/images/sprite-images.png) -204px -13px}
.autoIcon{background:url(/sites/meweb/images/kr/active-directory-360/images/sprite-images.png) -298px -13px}
.workflowIcon{background:url(/sites/meweb/images/kr/active-directory-360/images/sprite-images.png) -391px -13px}
.selfIcon{background:url(/sites/meweb/images/kr/active-directory-360/images/sprite-images.png) -485px -13px}
.trafficIcon{background:url(/sites/meweb/images/kr/active-directory-360/images/sprite-images.png) -573px -13px}

.hmFeabox{width:20.5%;margin:2px;padding:2%;background:#fff;float:left;height:460px}
.wd{margin-left: 130px;}
.hmFeabox h3{font-size:18px;margin:0}
.hmFeabox1{width:94%}
.hmFeabox{font-size:15px;line-height:22px}
.hmFeabox ul{line-height:30px!important}

.plusIcon{background:url(/sites/meweb/images/kr/active-directory-360/images/sprite-images.png) -685px -27px; width:13px; height:13px; margin:4px; }
.minusIcon{background:url(/sites/meweb/images/kr/active-directory-360/images/sprite-images.png) -685px -13px; width:13px; height:13px;margin:4px; }
.admpimage{background:url(/sites/meweb/images/kr/active-directory-360/images/sprite-images.png) -305px -94px; width:297px; height:233px;}
.adsspimage{background:url(/sites/meweb/images/kr/active-directory-360/images/sprite-images.png) -7px -328px; width:297px; height:233px;}
.adapimage{background:url(/sites/meweb/images/kr/active-directory-360/images/sprite-images.png) -305px -328px; width:297px; height:233px;}
.erpimage{background:url(/sites/meweb/images/kr/active-directory-360/images/sprite-images.png) -7px -94px; width:297px; height:233px;}
.ompimage{background:url(/sites/meweb/images/kr/active-directory-360/images/sprite-images.png) -7px -560px; width:297px; height:233px;}
.rmpimage{background:url(/sites/meweb/images/kr/active-directory-360/images/sprite-images.png) -305px -560px; width:297px; height:233px;}
.moreBtn{background:#e8edf1; padding:3px 10px 3px 5px;}
.linkCursor{cursor:pointer}
.hideFeDiv{display:none; padding:20px 35px; background:#e8edf1;}

.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}

@media screen and (max-width:767px) {
.hmFeabox{padding:2% 5%;border-radius:5px;box-sizing:border-box;box-shadow:0 2px 5px rgba(212,212,212,0.8)}
.hmFeabox p a{color:#444;font-size:18px;display:table;margin:0 auto}
.hmFeabox p{text-align:center}
.head{padding-top:40px;margin-bottom:10px}
#header-mainsec{top:33px}
.melogosvg img{width:125px!important}
#commonHeader{min-height:88px}
.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}
}
@media screen and (max-width:1020px) {
a.bnrDwn{display:none}
.bnrtxt1{font-size:30px;line-height:34px}
.bnrtxt2{font-size:20px;line-height:24px}
.prdbnr1{left:2%}
.lnkMob,
.lnkTab,
#lnk{display:none}
}

@media screen and (max-width:760px) {
.bnrdwn{display:none}
.hmFeabox{width:96%;margin:20px 0;padding:2%;background:#fff;float:none;height:auto}
.prdMobMenu ul li a{display:block !important;}
}
@media screen and (max-width:500px) {
.mobBanner{font-size:30px;line-height:50px;text-align:center;padding:20px 0;font-weight:300;display:block}
.bnrnav{display:none}
.lnkMob{display:block}
#lnk{display:block}
  .hmFeabox{width:100%;height:auto;}
  .hmFeabox p a{font-size:17px;}
  .hmFeabox p{font-size:13px;}
}