.feaImg{background:url(/sites/meweb/images/kr/support-center/images/common-sprite.png) no-repeat 0 0;}

.bnrcont-mb{display:none}
.newbnr{position:relative;overflow:hidden;max-height:380px;width:100%; background: #d5f1f1 url(/sites/meweb/images/kr/support-center/images/scp-index-banner5.png) repeat-x;}
.newbnrdiv{max-height:380px;width:100%;display:block}
.newbnrdiv>li{background:#efefef:cover;text-align:center}
.newbnrdiv>li img{max-width:100%}
.newbnrdiv>li .bnrcont{width:1000px;max-width:100%;position:relative;margin:0 auto}
.newbnrtxt{position:absolute;z-index:90;display:block;transition:all 0.2s ease-in-out 0s;text-align:left;color:#000;font-size:34px;font-weight:300;line-height:50px;padding:0}

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

.feaImg{width:34px;height:34px}
.fea-scp1{background-position:0 0}
.fea-scp2{background-position:-34px 0}
.fea-scp3{background-position:-68px 0}
.fea-scp4{background-position:-102px 0}
.fea-scp5{background-position:-136px 0}
.fea-scp6{background-position:-170px 0}
.fea-scp7{background-position:0 -34px}
.fea-scp8{background-position:-34px -34px}
.fea-scp9{background-position:-68px -34px}
.fea-scp10{background-position:-102px -34px}
.fea-scp11{background-position:-136px -34px}
.fea-scp12{background-position:-170px -34px}
.fea-scp13{background-position:0 -68px}
.fea-scp14{background-position:-34px -68px}
.fea-scp15{background-position:-68px -68px}
.fea-scp16{background-position:-102px -68px}
.fea-scp17{background-position:-136px -68px}
.fea-scp18{background-position:-170px -68px}
.fea-scp19{background-position:0 -102px}
.fea-scp20{background-position:-34px -102px}
.fea-scp21{background-position:-68px -102px}

.hmedndiv a{ color:#333; text-decoration:none;}
.hmedndiv h2{font-size:30px;font-weight:lighter;margin:0;color:#7bbb2a;padding-top:2%}
.fre-edn{font-size:13px;color:#7bbb2a; font-weight:normal;}
.hm-edi-col1 div{font-size:14px;color:#fff; font-weight:lighter; padding:10px;}
.hm-edi-col2 div,.hm-edi-col3 div{font-size:14px;color:#fff; font-weight:lighter; padding:10px;}
.hm-edi-col1 div span{ color:#fff; font-weight:lighter;}
.hm-edi-col1 ul li,.hm-edi-col2 ul li,.hm-edi-col3 ul li{background:url(/sites/meweb/images/kr/support-center/images/bullet-points.png) no-repeat 0;line-height:33px;margin-left:20px;padding:0 0 5px 25px}
.hm-edi-col1{ background:#888;width:30%;float:left;margin-right:5%; margin-top:5%;}
.hm-edi-col2{background:#ddd;width:30%;float:left;margin-right:5%; margin-top:5%;}
.hm-edi-col3{background:#ddd;width:30%;float:left; margin-top:5%;}
.hm-std-edn{width:70%;float:left}
.hm-std-txt{float:left;width:60%}
.hm-5fre-edn{float:left;background:url(../images/service-desk-plus-sprite.png) no-repeat -406px -58px;width:110px;height:51px}
.hm-edi-col1 ul {background:#888;min-height:354px;margin-top:20px;padding:5% 0;color:#fff;}
.hm-edi-col1 ul a{color:#fff; text-decoration:none;}
.hm-edi-col2 ul,.hm-edi-col3 ul{background:#ddd;min-height:305px;margin-top:20px;padding:5% 0;}
.edn-hdr-box{ background:#4F565E; padding:10px}
.trynow-btmbox{ background:#777; padding:25px 0 !important}
.trynow-btmbox a{ background:#7BBB2A; color:#fff; text-align:center; text-decoration:none; padding:7px 25px; font-size:20px; font-weight:lighter}
.trynow-btmbox2{ background:#ccc; padding:25px 0 !important}
.trynow-btmbox2 a{ background:#4F565E; color:#fff; text-align:center; text-decoration:none; padding:7px 25px; font-size:20px; font-weight:lighter}

.tick,.cross,.doll{background:url(/sites/meweb/images/kr/support-center/images/support-center.png) no-repeat 0 0}
.tick,.cross,.doll{display:block;height:20px;width:20px;margin:0 auto}
.tick{background-position:-238px 0}
.cross{background-position:-257px -2px}
.doll{background-position:-273px -2px}

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

.whyscp-box h3 a{font-size:15px;text-decoration:none; padding-left:6px; font-weight:bold}
.whyscp-col{text-align:left;width:96%;padding:2%}
.whyscp-col1{text-align:left;width:30%;float:left;margin-right:4%}
.whyscp-col2{text-align:left;width:30%;float:left;margin-right:4%}
.whyscp-col3{text-align:left;width:30%;float:left}
.custspek{font-style: italic;text-align: left;font-size: 22px;line-height: 30px;color: #555;}
.morebn-box h3 a{font-size:17px;text-decoration:none; font-weight:bold}
.morebn-col{text-align:left;width:96%;padding:2%}
.morebn-col1{text-align:left;width:30%;float:left;margin-right:4%}
.morebn-col2{text-align:left;width:30%;float:left;margin-right:4%}
.morebn-col3{text-align:left;width:30%;float:left}


/******* Feature *******/

.ftricon-img{background:url(/sites/meweb/images/kr/support-center/images/support-center-features-icon.png) no-repeat 0 0;margin:5px 10px 0 0;float:left;display:inline-block}
.ftr-icon1{background-position:0 0;height:30px;width:36px;}
.ftr-icon2{background-position:-40px -3px;height:30px;width:30px;}
.ftr-icon3{background-position:-74px -1px;height:30px;width:34px;}
.ftr-icon4{background-position:-105px -3px;height:30px;width:34px;}
.ftr-icon5{background-position:-142px -3px;height:30px;width:37px;}
.ftr-icon6{background-position:-186px -1px;height:30px;width:30px;}
.ftr-icon7{background-position:-222px -1px;height:30px;width:30px;}
.ftr-icon8{background-position:-252px -1px;height:31px;width:30px;}
.ftr-icon9{background-position:-289px -3px;height:30px;width:33px;}
.ftr-icon10{background-position:-6px -32px;height:31px;width:30px;}
.ftr-icon11{background-position:-37px -33px;height:31px;width:31px;}
.ftr-icon12{background-position:-71px -33px;height:31px;width:33px;}

.feature-box{margin-top:20px;color:#424f56}
.feature-box p{margin:15px 0 5px 0;color:#777}
.feature-col1{width:31%;float:left;margin-right:3%;padding:20px 0}
.feature-col2{width:31%;float:left;margin-right:3%;padding:20px 0}
.feature-col3{width:32%;float:left;padding:20px 0}

/***************DEMOS PAGE**************/
.demos-page table{max-width:700px;width:100%;margin:0 auto;box-sizing:border-box;}
.msg{background: rgb(255, 255, 255) none repeat scroll 0 0;color: rgb(0, 0, 0);font-size: 16px;line-height: 28px;margin: 0 auto;padding: 20px;position: relative;text-align: center;top: 300px;width: 620px;}
.demos-page .overlay{background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;height: 720px;left: 3px;position: relative;top: -720px;width: 700px;z-index:3;display:none;}
.input-group {width: 110px;margin-bottom: 10px;}
#datepicker{font-size:14px;padding:1px 0 0 5px}
.ui-datepicker-trigger{margin:-1px 22px 0 -22px}
.btn-hover {background: #000 none repeat scroll 0 0;border: 1px solid #ddd;color: #fff;cursor: pointer;font-size: 15px;padding: 7px 20px !important;margin-top:5px;width:auto !important;}
.demos-page .reset,.get-quote-page .reset {font-size: 15px;background: rgba(0, 0, 0, 0) none repeat scroll 0 0;border: medium none;cursor: pointer;outline: medium none;padding: 7px 20px !important;margin-top:5px;width:auto !important;border: 1px solid
#ccc;border-radius: 5px;}
.form-div {padding: 0 40px;}
#maindiv input {border: 1px solid #ccc;border-radius: 5px;font-size: 15px;padding:5px 10px;width: 235px;}
.demos-page .per30 {float: left;padding: 0;width: 28%;}
.demos-page .per70 {float: left;width: 70%;padding: 0 1%;}
.form-head {font-size: 20px;font-weight: 300;margin: -5px 0 25px;text-align: center;}
.form-div .clearfix {margin: 20px 0;}
.demos-page select {background:#fff;border: 1px solid #bbb;height: 40px;width: 250px;}
.sml {font-size: 10px;font-weight: 300;}
@media screen and (max-width:500px){
.demos-page .per30,.demos-page .per70,.demos-page select{width:100%;float:none;}
#maindiv input{width:94%;}
.form-div{padding:0 10px;}
}

/************************GET QUOTE*********************/
.get-quote-page{max-width: 730px; background: #F8F8F8; border-top: 5px solid #7CC19E; margin: 0 auto; padding: 20px 0;width:100%;box-sizing:border-box;}
.get-quote-page .detail{cursor:pointer}
.get-quote-page .det{display:none;}
.get-quote-page .add-ons{display:none}
.get-quote-page .btn-hover{background: #000;color: #fff;border: 1px solid #ddd;padding: 5px 10px;font-size: 15px;cursor:pointer;}
.get-quote-page textarea{width: 60%;height: 50px;border: 1px solid #ddd;}
.get-quote-page .form-div{padding:0 30px}
.get-quote-page .form-div .clearfix{margin:20px 0}
.get-quote-page .form-head{font-size: 20px;font-weight: 300;text-align: center;margin: -5px 0px 25px 0px;}
.get-quote-page .per30{float:left;width:31%;}
.get-quote-page .per70{float:left;width:66%;padding:0}
.get-quote-page .sml{font-size: 10px;font-weight: 300;}
.get-quote-page select{background:#fff;border: 1px solid #bbb;height: 40px;width:60%;}
.get-quote-page.fc{padding-left: 50px;font-size: 15px;font-weight: 300;}
.get-quote-page input{border: 1px solid #ccc;border-radius: 5px;font-size: 15px;padding:7px 10px;width:55%;}
.get-quote-page input[type="radio"]{width:auto;}
input#datepicker{margin-right:5px;}
.get-quote-page input[type="checkbox"]{width:auto;}
@media screen and (max-width:767px){
.whyscp-col1,.whyscp-col2,.whyscp-col3{width:100%;}
.morebn-col1,.morebn-col2,.morebn-col3{width:96%;text-align:center;}
.hm-edi-col1,.hm-edi-col2,.hm-edi-col3{width:100%;}
.feature-col1,.feature-col2,.feature-col3{width:100%;}
}
@media screen and (max-width:760px){
.get-quote-page .per30{width:40%;}
.get-quote-page .per70{width:55%;}
}

@media screen and (max-width:560px){
.get-quote-page .per30,.get-quote-page .per70{width:100%;float:none;}
.get-quote-page input{width:94%;}
.get-quote-page textarea,.get-quote-page select{width:99%;}
}