@charset "utf-8"; 

@import "managed.css";

/* 마크 추가 */
.service_mark {position: absolute; right: 0;}
.service_mark img {width:100%}

/* 메인 */
.quick-bnr {position: relative; background: #eee; }
.quick-bnr .slides{width: 680px; height: 594px; overflow: hidden; z-index: 1;}
.quick-bnr img {width: 100%;}

.flexslider{position: relative; }
.flexslider .slides{width: 680px; height: 594px; overflow: hidden; z-index: 1;}
.flexslider .slides li a{display: block; width: 680px; height:594px;}
.flexslider .slides li > a > div{position: relative; height: 534px; padding: 60px 77px 0px;}
.flexslider .slides li h1{font-size: 54px; margin-bottom: 35px;}
.flexslider .slides li h2{font-size: 24px;margin-bottom: 10px;font-family: 'Nanum Barun Gothic Light';}
.flexslider .slides li p{line-height: 1.3;}
.flexslider .slides li.slides1{background: #fccebf url(../images/main/visual_170701.png) no-repeat 100% 100%;}
.flexslider .slides li.slides2{background: #fae78d url(../images/main/visual_170702.png) no-repeat 100% 100%;}
.flexslider .slides li.slides3{background: #a7e4f9 url(../images/main/visual_170703.png) no-repeat 100% 100%;}
.flexslider .slides li.slides4{background: url(../images/main/visual_180209.jpg) no-repeat 0% 0%;} /* NCP추가 */
.flexslider .slides li.slides5{background: url(../images/main/visual_190325.jpg) no-repeat 0% 0%;} /* 인증 수상 추가 */

.flexslider .slides li.slides1 h1,.flexslider .slides li.slides1 h2{color: #3c3229;}
.flexslider .slides li.slides2 h1,.flexslider .slides li.slides2 h2,.flexslider .slides li.slides2 p{color: #441661;}
.flexslider .slides li.slides3 h1{color: #2b3c7b;}
.flexslider .slides li.slides3 p{color: #0068b2;}
.flexslider .slides li.slides4 h1,.flexslider .slides li.slides4 h2,.flexslider .slides li.slides4 p{color: #fff;}
.flexslider .slides li.slides5 h1,.flexslider .slides li.slides5 h2,.flexslider .slides li.slides5 p{color: #fff;}
.flexslider .slides li.slides5 h2{line-height: 1.3;}
.flexslider .slides li.slides5 p{line-height: 1.5;}

.flexslider .flex-control-nav{position: absolute;top: 550px; /* left: 293px; */ /*<-이미지3개일때 */ /*left: 286px; */ /* <-이미지4개일때 */   left: 274px;  /*<-이미지5개일때 */ z-index: 50;}
.flexslider .flex-control-nav li{position: relative;float: left;padding-left: 4px;}
.flexslider .flex-control-nav li a{display: block; text-indent: -999em; width: 14px; height: 14px; cursor: pointer; margin-right: 4px;background: url(../images/main/dot_off.png) no-repeat 0px 0px;}
.flexslider .flex-control-nav li a.flex-active{background: url(../images/main/dot_on.png) no-repeat 0px 0px;}

.flexslider .flex-pauseplay{position: absolute;	top: 547px; /* left: 363px; */ /* <-이미지3개일때 */ /* left: 374px; */ /* <-이미지4개일때 */  left: 390px;  /* <-이미지5개일때 */ z-index: 50;}
.flexslider .flex-pauseplay a{display: block;overflow: hidden;text-indent: -999em;width: 20px;height: 20px;cursor: pointer;}
.flexslider .flex-pauseplay a.flex-play{	background:url(../images/main/ico_play.png) no-repeat 0 0;}
.flexslider .flex-pauseplay a.flex-pause{background:url(../images/main/ico_pause.png) no-repeat 0 0;}

.flexslider .flex-direction-nav a{position: absolute;top: 260px;z-index: 50;display: block;overflow: hidden;text-indent: -999em;width: 62px;height: 74px;cursor:pointer;}
.flexslider .flex-direction-nav a.flex-prev{position: absolute;left: 0px;background:url(../images/main/ico_prev.png) no-repeat 0 0;}
.flexslider .flex-direction-nav a.flex-next{position: absolute;left: 618px;background:url(../images/main/ico_next.png) no-repeat 0 100%;}
.flexslider .flex-direction-nav a.flex-prev:hover{position: absolute;left: 0px;background:url(../images/main/ico_prev_on.png) no-repeat 0 0;}
.flexslider .flex-direction-nav a.flex-next:hover{position: absolute;left: 618px;background:url(../images/main/ico_next_on.png) no-repeat 0 100%;}

.serCon{position: relative; }
.serCon .list li{float: left; margin: 0 0 20px 20px; width: 118px; border: 1px solid #ddd; transition:all ease 0.4s; }
.serCon .list li a{display: block; width: 120px; height: 120px;}
.serCon .list li.list01{background: #f9f9f9 url(../images/main/img_ser01.png) no-repeat 0 0;}
.serCon .list li.list02{background: #f9f9f9 url(../images/main/img_ser02.png) no-repeat 0 0;}
.serCon .list li.list03{background: #f9f9f9 url(../images/main/img_ser03.png) no-repeat 0 0;}
.serCon .list li.list04{background: #f9f9f9 url(../images/main/img_ser04.png) no-repeat 0 0;}
.serCon .list li.list05{background: #f9f9f9 url(../images/main/img_ser05.png) no-repeat 0 0;}
.serCon .list li.list06{background: #f9f9f9 url(../images/main/img_ser06.png) no-repeat 0 0;}
.serCon .list li.list07{background: #f9f9f9 url(../images/main/img_ser07.png) no-repeat 0 0;}
.serCon .list li.list08{background: #f9f9f9 url(../images/main/img_ser08.png) no-repeat 0 0;}
.serCon .list li.list09{background: #f9f9f9 url(../images/main/img_ser09.png) no-repeat 0 0;}
.serCon .list li p{font-size: 11px; color: #555; text-align: center; padding:0 0 17px;padding-top: 90px;}
.serCon .list li.list01:hover{background-color: #ddf0d3; border: 1px solid #ddf0d3;}
.serCon .list li.list02:hover{background-color: #feeed6; border: 1px solid #feeed6;}
.serCon .list li.list03:hover{background-color: #dae6ed; border: 1px solid #dae6ed;}
.serCon .list li.list04:hover{background-color: #fce7e3; border: 1px solid #fce7e3;}
.serCon .list li.list05:hover{background-color: #e3e3e3; border: 1px solid #e3e3e3;}
.serCon .list li.list06:hover{background-color: #f9ebdb; border: 1px solid #f9ebdb;}
.serCon .list li.list07:hover{background-color: #daeaf9; border: 1px solid #daeaf9;}
.serCon .list li.list08:hover{background-color: #eeeeee; border: 1px solid #eeeeee;}
.serCon .list li.list09:hover{background-color: #c4edfb; border: 1px solid #c4edfb;}
.serCon .list li:hover p{color: #333;}

.productArea li{position: relative;}
.productArea li a{display: block; width: 540px; height: 245px; }
.productArea li.product_Rx100S7{background: url(../images/main/product_Rx100S7.jpg) no-repeat 0 0;}
.productArea li.product_x3550M5{background: url(../images/main/product_x3550M5.jpg) no-repeat 0 0;}
.productArea li.product_R640{background: url(../images/main/product_R630.jpg) no-repeat 0 0;}
.productArea li.product_SR530{background: url(../images/main/product_SR530.jpg) no-repeat 0 0;}
.productArea li.product_R230 {background: url(../images/main/product_R230.jpg) no-repeat 0 0;}
.productArea li.product_SR250{background: url(../images/main/product_SR250.jpg) no-repeat 0 0;}

.productArea li h1{font-size: 36px; color: #392f2a; font-family: 'Nanum Barun Gothic Light'; }
.productArea li .pro_info{position: absolute; top: 142px;} 
.productArea dl{margin-bottom: 3px; margin-left: 17px; }
.productArea dt, .productArea dd{display: inline-block; font-size: 12px; }
.productArea dt{width: 48px; text-align: center; border-radius: 9px; color: #fff; padding: 5px 0px 2px; margin-right: 4px;}

.productArea li.product_Rx100S7 h1{position: absolute; top: 88px; left: 17px; }
.productArea li.product_x3550M5 h1,
.productArea li.product_R640 h1,
.productArea li.product_SR530 h1{position: absolute; top: 18px; left: 96px; }
.productArea li.product_R230 h1 {position: absolute; top: 18px; left: 96px; }
.productArea li.product_SR250 h1 {position: absolute; top: 18px; left: 96px; }
.productArea .price{position: absolute; bottom:15px; right: 40px; }
.productArea .price .cost{font-size:24px; text-decoration: line-through; margin-bottom: 5px;}
.productArea .price .sale{font-size:40px; color: #392f2a; font-family: 'Nanum Barun Gothic Bold';}
.productArea li.product_x3550M5 .price .cost,
.productArea li.product_SR530 .price .cost{color: #ff726f; }
.productArea li.product_R630 .price .cost{color: #9ac72c; }

.productArea li dt.red{background: #fe534f;} 
.productArea li dt.green{background: #99c62e;} 
.productArea li dt.blue{background: #05a6f0;} 

.etcArea{position: relative;}
.etcArea .history dl{position: relative; float: left; width: 132px; height: 192px; border: 1px solid #d6d6d6; border-width: 1px 1px 1px 0; background: #f5f5f5;}
.etcArea .history dl.first{border-left: 1px solid #d6d6d6;}
.etcArea .history dt{font-size: 14px; line-height: 18px; color: #555; text-align: center;}
.etcArea .history dd.txt{font-size: 24px; color: #333; text-align: center;}
.etcArea .history dd.img img{position: absolute; bottom: 0px;}
.etcArea .history dl.line2 dt{padding-top: 13px; padding-bottom: 7px;} 
.etcArea .history dl.line1 dt{padding-top: 22px; padding-bottom: 16px;} 
.certificate{position: absolute; top: 0px; left: 400px; width: 139px; height: 192px; border: 1px solid #d6d6d6; border-left: none; background: #fff; }
.docuBox{position: absolute; top: 0px; width: 258px; height: 192px; border: 1px solid #d6d6d6; background: #fff; }
.patch{left: 560px;}
.notice{right: 0px; }

.cusSlider{	position: relative;width: 100%;min-width: 1100px; padding-top: 45px; background: #f0f0f0;}
.cusSlider > div{position: relative;width: 1100px;margin: 0 auto; padding-bottom: 50px;}
.cusSlider .cusList{margin-left: -28px;}
.cusSlider .cusList li{float: left; margin-left: 28px;}
.cusSlider .cusList li p{text-align: center; margin-top: 15px;}

/* 팝업 */
/* 33-popup(아이디찾기).html */
.popupWrap{position: relative; width: 420px; background: #e8edf3;}
.popupCon{width: 328px;border: 1px solid #ccc; border-top: 2px solid #666; background: #fff; padding: 50px 45px;}
.popupCon li{position: relative; padding-bottom: 20px; border-bottom: 1px solid #ddd;}
.popupCon .tit{display: inline-block; color: #666; width: 60px;}
.popupCon button{position: absolute; right: 0px; top: -8px;}
.pop_notice{width: 400px; margin: 15px 10px;}
.pop_notice li{font-size: 13px; color: #ea002c; margin-bottom: 5px; line-height: 1.5;}
.pop_notice span{padding-left: 8px;}

/* 세팅세부정보 팝업 */
#popup{position: relative; width:100%; height:100%; z-index: 100;display: block;}
#popup .bodal_bg{background:#000;opacity:0.5;filter:alpha(opacity=50);	height:100%;width:100%;position:fixed;top:0;left:0;z-index:1;}
#popup .popContent{position: fixed;z-index: 10;left: 50%;top: 130px;width: 610px;margin-left: -305px; background-color: #fff;}
#popup .popContent .titArea{background: #434159; width: 100%; height: 46px;}
#popup .popContent .titArea h1{color: #fff; font-size: 18px; line-height: 46px; padding-left: 20px; font-family: 'Nanum Barun Gothic Bold';}
#popup .popContent .titArea .popup_close_btn{position: absolute; top: 0px; right: 0px; }
#popup .popContent .titArea .popup_close_btn a{display: block; overflow: hidden; text-indent: -999em; width: 46px; height: 46px; background: url(../images/ico_close.png) 0 100% no-repeat;}
#popup .popContent .conSection{padding: 20px; border: 1px solid #ddd; border-top: none;}
#popup .popContent .conSection h2{color: #343247; background: #e8edf3; font-size: 18px; line-height: 36px; padding-left: 10px;margin-bottom: 10px; font-family: 'Nanum Barun Gothic Bold';}
#popup .popContent .conSection li{margin-bottom: 5px;}
#popup .popContent .conSection li .tit{display: inline-block; font-size: 13px; color: #fff; width: 75px; padding: 5px 10px 3px ; background: #399fdf;}
#popup .popContent .conSection li .txt{display: inline-block; font-size: 14px; line-height: 21px; vertical-align: top; padding-left: 10px; letter-spacing: -0.5px;}
#popup .popContent .conSection li .txt em{color: #1998e1;}
#popup .popContent .conSection .infoBox textarea{width:544px; height:50px;border: 1px solid #ddd;margin-bottom: 10px;}
#popup .popContent .conSection .infoBox p{font-size: 12px; color: #399fdf;}

/* EASY CLOUD 팝업 */
#popup{position: relative;}
#popup .popContent_cloud{position: absolute; z-index: 10;left: 50%;top: 0px;width: 1100px;margin-left: -550px; background-color: #fff;}
#popup .popContent_cloud .popup_close_btn{position: fixed; top: 170px; left: 50%; margin-left: 575px; }
#popup .popContent_cloud .popup_close_btn a{display: block; overflow: hidden; text-indent: -999em; width: 50px; height: 50px; background: url(../images/popup_cloud/ico_close2.png) 0 100% no-repeat;}
#popup .popContent_cloud .popCloud01{margin: 0 82px 55px;}
#popup .popContent_cloud .popCloud01 dl{float: left; width: 234px; text-align: center;}
#popup .popContent_cloud .popCloud01 dd.txt{font-size: 16px; line-height: 20px; margin-top: 20px;}
#popup .popContent_cloud .popCloud02{margin: 0 40px 55px;}
#popup .popContent_cloud .popCloud02 dl{float: left; width: 314px; margin-left:39px; }
#popup .popContent_cloud .popCloud02 dd{text-align: center; font-size: 16px; line-height: 20px;}
#popup .popContent_cloud .popCloud03{padding: 50px 0px 55px; background: #e8edf3;}
#popup .popContent_cloud .popCloud04{margin: 50px 40px 55px;}
#popup .popContent_cloud .popCloud04 .accordion li{position: relative; width: 1018px; border: 1px solid #ced4d9; margin-bottom: 10px;}
#popup .popContent_cloud .popCloud04 .accor_tit a{display: block; height: 66px; line-height: 66px; }
#popup .popContent_cloud .popCloud04 .accor_tit span{font-size: 18px; color: #666;}
#popup .popContent_cloud .popCloud04 .icoQ{display: inline-block; width: 20px; text-align: center; font-size: 18px; padding:0 20px 0 40px;}
#popup .popContent_cloud .popCloud04 .icoB{display: block; overflow: hidden; text-indent: -999em; position: absolute; top: 1px; right: 1px; width: 92px; height: 64px; background: url(../images/popup_cloud/ico_plus.jpg) no-repeat 0 0;}
#popup .popContent_cloud .popCloud04 .panel{padding: 25px 0 23px; font-size: 18px; color: #666; background: #f3f6f9; overflow: hidden;}
#popup .popContent_cloud .popCloud04 li.active{width: 1016px; border: 2px solid #45494d;}
#popup .popContent_cloud .popCloud04 li.active .accor_tit a{height: 65px; line-height: 65px;}
#popup .popContent_cloud .popCloud04 li.active .accor_tit span{color: #333;}
#popup .popContent_cloud .popCloud04 li.active .icoQ{padding: 0 20px 0 39px;}
#popup .popContent_cloud .popCloud04 li.active .icoB{top:0px; right: 0px; background: url(../images/popup_cloud/ico_minus.jpg) no-repeat 0 0;}
#popup .popContent_cloud .popCloud04 li.active .panel{color: #333;}
#popup .popContent_cloud .popCloud04 li.active .panel .icoQ{padding: 0 22px 0 40px;}
.popup_btn{position: absolute; right: 0px; top: 48px; width: 50px; height: 50px; background: #333 url(../images/popup_cloud/ico_info.png) no-repeat 5px 5px; transition:all .2s ease-in-out; }
.popup_btn a{display: none;}
.popup_btn:hover{width:236px; }
.popup_btn:hover a{display: block; line-height: 50px; padding: 0 15px 0 50px; font-size: 16px; color: #fff; }

/* 완료 이미지 */
.boxStyle_blue > div{text-align: center; background: url(../images/mark02.png) no-repeat 50% 90px;padding-top: 290px; padding-bottom: 80px;}
.boxStyle_blue > div p{color: #fff; line-height: 1.5;}
.notFound{margin-top: 260px;}
.notFound > div{text-align: center; background: url(../images/mark03.png) no-repeat 50% 90px;padding-top: 290px; padding-bottom: 80px;}
.notFound > div p, .acceptArea > div p{color: #333; line-height: 1.5;}
.acceptArea > div{text-align: center; background: url(../images/mark04.png) no-repeat 50% 90px;padding-top: 290px; padding-bottom: 80px;}
.acceptArea dl{background: #fff url(../images/ico_call.png) no-repeat 120px 50%; text-align: center;padding: 40px 0;}
.acceptArea dd{padding-left: 115px;}

/* 청구서 */
.billWrap{position: relative; width: 100%; min-height: 950px; background: #e8edf3;}
.billWrap > div{margin: 0px auto; width: 700px;}
.billWrap p.billTitle{display: block; overflow:hidden; text-indent: -999em; width: 100%; height: 42px; background: #434159 url(../images/bill/tit_bill.jpg) no-repeat 0 0; }
.billWrap .billTop .tit{background: #399fdf; padding: 44px 30px;}
.billWrap .billTop .money{background: #e8edf3; padding: 25px 30px 24px; border: 1px solid #ddd; border-width: 0 1px;}
.billWrap .billTop .date{color: #666; margin-top: 6px;}
.billWrap .billTop .sum{color: #333;}
.billWrap .billCon{position: relative; border: 1px solid #ddd; background: #fff; padding: 30px;}
.billWrap .billCon .title{padding-left: 18px; background: url(../images/bill/tit_dot.png) no-repeat 0 2px; }
.billWrap .billCon .info{margin-top: 5px; padding:12px 15px; border: 1px solid #ddd; background: #fff;}
.billWrap .billCon .info p{font-size: 12px; line-height:18px; color: #666;}
.billWrap .billCon .billCloud{text-align: center; }
.billWrap .billCon .billCloud dl.first{margin-left: 0px;}
.billWrap .billCon .billCloud dl{float: left; width: 206px; background: #dfe4eb; padding: 20px 0px 18px; margin-left: 10px;}
.billWrap .billCon .billCloud dt{font-size: 14px; color: #273d4b; margin-bottom: 8px;}
.billWrap .billCon .billCloud dd{font-size: 18px; color: #333;}
.billWrap .billCon .scrollBox{height: 381px; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; overflow-y: scroll; }

/* 견적서 */
.estimateSheetWrap{position: relative; width: 100%; /*height: 100%;*/ padding-top: 30px; background: #fff;}
.estimateSheetWrap > div{position: relative; margin: 0px auto; width: 900px;}
.estimateSheetWrap h1{font-size: 40px; font-weight: normal; margin-bottom: 45px}
.estimateSheetWrap button{position: absolute; right: 0px; top: 0px;width: 210px;}
.estimateSheetWrap button span.print{display: inline-block; font-size: 16px;height: 26px;line-height: 26px;padding-left: 37px;background: url(../images/ico_print.png) no-repeat 0% 50%;}

.estimateSheetWrap .info{border: 1px solid #ccc; border-top: 2px solid #666;}
.estimateSheetWrap .consumerArea{width: 448px;}
.estimateSheetWrap .consumerArea ul{padding-bottom: 13px;}
.estimateSheetWrap .consumerArea li{padding-left: 20px; padding-top: 13px;}
.estimateSheetWrap .consumerArea li .dt{display: inline-block; width:75px; padding-left:12px; color: #333;background: url(../images/dot.jpg) no-repeat 0 5px; }
.estimateSheetWrap .consumerArea li .dd{color: #666;padding-left: 8px;}
.estimateSheetWrap .supplierArea{width: 450px;}
.estimateSheetWrap .supplierArea table tbody th{text-align: left; padding: 18px 10px; border-left:1px solid #ddd;background: #f9f9f9;}
.estimateSheetWrap .supplierArea table tbody td{text-align: left; padding-left: 10px;}
.estimateSheetWrap .supplierArea table tbody td img{display: block; overflow: hidden; text-indent: -999em; position: absolute; right: 5px; top: -4px; width: 59px; height: 59px; }
.estimateSheetWrap .supplierArea table tbody .bnone{border-bottom: none;}

.estimateSheetWrap .estiSheetCom > li >div{width:398px; padding:20px; border: 1px solid #ddd; }
.estimateSheetWrap .estiSheetCom > li > div.add{margin-top: -1px;}
.estimateSheetWrap .estiSheetCom h2{font-size:16px; font-weight: normal; padding-bottom:13px; margin-bottom: 10px; border-bottom:1px solid #ccc;  }
.estimateSheetWrap .estiSheetCom h3{font-size:18px; font-weight: normal; padding:15px 0;}
.estimateSheetWrap .estiSheetCom .img_product{border: 1px solid #ccc; }
.estimateSheetWrap .estiSheetCom .list{padding:10px 20px; background: #eee;}
.estimateSheetWrap .estiSheetCom .list li{font-size: 13px; color: #666; padding:15px 0 12px; border-bottom: 1px solid #fff;}
.estimateSheetWrap .estiSheetCom .list li .num{float: right; text-align: right;}
.estimateSheetWrap .estiSheetCom .list li.dep2 span.txt{margin-left:10px; padding-left: 10px; letter-spacing: -0.8px; background: url(../images/dot02.png) no-repeat 0 4px;}
.estimateSheetWrap .estiSheetCom .list li.sum span{font-size: 14px; color: #333;font-family: 'Nanum Barun Gothic Bold';}
.estimateSheetWrap .estiSheetCom .total{padding: 20px; background: #dbdbdb;}
.estimateSheetWrap .estiSheetCom .total span{font-size: 16px;font-family: 'Nanum Barun Gothic Bold';}

.estimateSheetWrap .footer{background: #fff; border-top: 1px solid #ddd; min-width: 860px !important;}
.estimateSheetWrap .footer ul{padding: 20px;}
.estimateSheetWrap .footer li{font-size: 12px; padding-left: 10px; margin-bottom: 8px; color: #666;background: url(../images/dot05.png) no-repeat 0 4px;}
.estimateSheetWrap .footer li > p,.estimateSheetWrap .footer li > p span{font-size: 12px; line-height: 1.5;}

/* 매니지드 서버호스팅 > 매니지드 서버호스팅 */
.whyCon dl{float: left; width: 365px;border: 1px solid #ddd;margin-left: -1px;padding: 60px 0; text-align: center; }
.whyCon dl.first{margin-left: 0px; }
.whyCon dt{font-size: 18px; color: #666; margin-bottom: 24px;}
.whyCon dd{font-size: 48px;}
.whyCon dd.red{color: #ed4a4b;}
.whyCon dd.green{color: #3fb38e;}
.whyCon dd.blue{color: #399fdf;}
.whyCon dd span{font-size: 30px;}

.whyCon_info{border-bottom: 1px solid #ccc; padding-bottom:50px; margin-bottom: 50px;}
.whyCon_infoText {margin-top: 47px;}
.whyCon_infoText dt{width: 124px; font-size: 18px; line-height: 30px; color: #fff; text-align: center; margin-right: 10px; padding: 33px 0 31px;}
.whyCon_infoText .red dt{background:#ed4a4b;}
.whyCon_infoText .green dt{background:#3fb38e;}
.whyCon_infoText .blue dt{background:#399fdf;}
.whyCon_infoText dd{width: 303px; font-size: 18px; border: 1px solid #ddd; padding:20px 30px 0; }
.whyCon_infoText dd p{margin-bottom: 20px;padding-left:13px;}
.whyCon_infoText .red dd p{background: url(../images/dot02.png) no-repeat 0 5px;}
.whyCon_infoText .green dd p{background: url(../images/dot03.png) no-repeat 0 5px;}
.whyCon_infoText .blue dd p{background: url(../images/dot04.png) no-repeat 0 5px;}

/* 매니지드 서버호스팅 > 서버호스팅 */
.serverHosting{height: 250px; background: url(../images/visual0102.jpg) no-repeat 0 0;}
.serverHosting h1{color: #fff; }
.serverHosting p{color: #fff; line-height: 30px; margin-top: 31px !important; }
.serverHosting button{margin-top: 23px; border: 1px solid #ddd; border-radius: 4px; background: rgba(0,0,0,.15); }
.serverHosting button a{display: inline-block; font-size: 18px; text-align: center; color: #fff; width: 242px; height: 48px; line-height: 48px; }
.serverHosting button:hover{border: 1px solid #ccc; border-radius: 4px; background: rgba(0,0,0,.2); }

.productList > li{float: left; margin-left: 19px; margin-bottom: 20px;}
.productList > li.first{margin-left: 0px;}

.icon_info_server{position: relative;}
.icon_info_server img{position: absolute; top: -3px; left: 0px;}
.icon_info_server .icon_info_txt{display: none; position: relative; min-width: 300px; position: absolute; z-index: 100;top: 25px; left: 0px; border: 2px solid #fe523c; background: #f1f3f5; color: #444; text-align: left;padding: 10px 12px; box-shadow: 7px 7px 3px #999;}
.icon_info_server .icon_info_txt p {font-weight: bold; width: 100%; height: 30px; background: #fe523c; color: #fff; line-height: 30px; text-indent: 10px;}
.icon_info_server .icon_info_txt ul{margin-left: 4px; padding-left: 15px;}
.icon_info_server .icon_info_txt li{font-size: 14px; line-height: 20px; margin-bottom: 10px;}
.icon_info_server .icon_info_txt li span{display: inline-block; width: 14px; margin: 0 0 0 -18px; font-size: 14px; line-height: 20px;}
.icon_info_server:hover .icon_info_txt{display: block;}

/* 매니지드 서버호스팅 > 서버호스팅 > 제품상세페이지 */
.productTit{width: 100%; height: 126px; background: #434159;}
.productTit .flag{position: relative; float: left; margin-top: 39px; margin-left: 30px; }
.productTit .flag li{display: inline-block;overflow: hidden; text-indent: -999em; width: 45px; height: 48px;margin-right: 5px;}
.productTit .flag li.quick{background: url(../images/flag_quick.png) no-repeat 0 0;}
.productTit .flag li.event{background: url(../images/flag_event.png) no-repeat 0 0;}
.productTit .flag li.best{background: url(../images/flag_best.png) no-repeat 0 0;}
.productTit .flag li.owner{background: url(../images/flag_owner.png) no-repeat 0 0;}
.productTit .flag li.new{background: url(../images/flag_new.png) no-repeat 0 0;}
.productTit .flag li.noContract{background: url(../images/flag_time.png) no-repeat 0 0;} 

.productTit .tit{float: left; font-size: 40px;color: #fff; margin-top: 45px; margin-left: 10px;}
.productTit .price{margin-top: 25px;}
.productTit .price dl{float: left;text-align: center;padding-right: 35px; margin-left: 35px;}
.productTit .price dl.first{border-right: 1px solid #343247;}
.productTit .price dt{font-size: 16px;color: #bbb9ce;margin-bottom: 15px;}
.productTit .price dd{font-size: 28px; color: #fff; font-family: 'Nanum Barun Gothic Bold';}
.productTit .price dd span{font-size: 28px; color: #fff; font-family: 'Nanum Barun Gothic Bold';}

.productInfo{border:1px solid #ddd;background: #fff;margin-bottom: 40px;}
.productInfo li{float: left;}
.productInfo li.img{	width: 260px;height: 100px;padding: 40px;border-right:1px solid #ddd; background: url(../images/product.jpg) no-repeat 40px 50%;}
.productInfo li.txt{width: 706px;font-size: 16px;line-height: 1.5;padding: 25px;	margin-left: -1px;border-left:1px solid #ddd;}

.bbtm{border-bottom: 1px solid #ddd;}
.productInfo_con{position: relative; min-height: 600px; border-bottom: 1px solid #ccc;background: url(../images/bg_pay.png)repeat-y 0 0;}
.productInfo_con >ul > li{float: left;}

.productInfo_con .listWrap{position: relative; width: 683px;min-height: 850px;border-right: 1px solid #ddd;background: #fff;}
.productInfo_con .listWrap .listTable {border-bottom: none;}
.productInfo_con .listTable li div.input dl {height: 35px;}
.productInfo_con .listWrap .listTable .tit{width: 100%;}
.productInfo_con .listWrap .listTable .cnt{width: 100%;}
.productInfo_con .listWrap .listTable .cnt dt{width: 20%;}
.productInfo_con .listWrap .listTable .cnt dd{width: 80%;}
.productInfo_con .listWrap .listTable .cnt dd > div {display: inline-block;}
.productInfo_con .listWrap .listTable .cnt dd > div span{font-size: 16px; padding: 0 2px;}
.productInfo_con .listWrap .listTable .cnt dd > div span.listprice {position:relative; font-size: 12px; color: #999; padding-left: 3px; text-decoration: line-through;}
.productInfo_con .listWrap .listTable .cnt dd > div span.price {font-size: 14px; font-weight: 600;}
.productInfo_con .listWrap .listTable .cnt dd > div span.event {font-size: 13px; color: red;}
.productInfo_con .listWrap .listTable .cnt dd > div span.event::after {content: '이벤트'; display: inline-block; margin-left:5px; padding:2px 4px; line-height: 20px; text-align: center; border-radius: 2px; color: #fff; animation: infinite; animation-name: twinkle; animation-duration: .8s;}
.productInfo_con .listWrap .listTable .cnt.radio p.line{padding-bottom: 19px;margin-bottom: 23px;border-bottom: 1px dashed #ddd;}
.productInfo_con .listWrap .listTable option {padding: 20px;}
@keyframes twinkle {
    from {background: #2e59e9;}
    to {background: #3ada8f;}
}

.pay_info.abs{position: absolute !important; left: 0px;bottom: 0px;}
.pay_info{position: relative;width: 621px;margin-top: 50px; margin-bottom: 20px;border:1px solid #ddd;background: #f5f5f5;padding: 20px;}
.pay_info dt{font-size: 16px; color: #555; padding-bottom: 10px;}
.pay_info dd{color: #777;margin-top: 10px;}

.productInfo_con .payWrap{width: 362px;border-top: 2px solid #666;border-left: 1px solid #ddd;padding:30px 27px 70px;margin-left: -1px;}
						
/* 매니지드 서버호스팅 > 서버호스팅 > 결제완료 */
.payOrder{position: relative; width: 100%; background: #434159; padding: 100px 0;}
.payOrder>div{width: 490px;margin: 0 auto;background: url(../images/mark.png) no-repeat 50% 0;}
.payOrder p.tit{font-size: 30px;	color: #fff;text-align: center;padding-top: 230px;margin-bottom: 30px;}
.payOrder .listTable{position: relative;width: 100%;border-top: 2px solid #1d1c28;border-bottom: 1px solid #1d1c28;background: #434159;margin-bottom: 30px;}
.payOrder .listTable li.list.first{border-top: none;}
.payOrder .listTable li.list{border-top: 1px solid #1d1c28;}
.payOrder .listTable li.list > div{float: left;}
.payOrder .listTable li.list .tit{width: 35%;color: #8079bf;}
.payOrder .listTable li.list .cnt,
.payOrder .listTable li.list .cnt dt{color: #fff;}
.payOrder .listTable li.list .cnt{width: 65%;}
.payOrder .listTable li.list .cnt dt{width: 30%;color: #afa9e4;}
.payOrder .listTable li.list .cnt dd{width: 70%;}
.payOrder p.txt02{font-size: 18px;color: #fff;text-align: center;}

/* 매니지드 서버호스팅 > 코로케이션 */
.colocationArea li{float: left; margin-left: 19px; margin-bottom: 20px;}
.colocationArea li.first{margin-left: 0px;}
.coloSetion{position: relative; width: 352px; background: #fff; border:1px solid #ddd; padding: 40px 0 30px; }
.coloSetion p{text-align: center; }
.coloSetion .tit{font-size: 30px; font-family: 'Nanum Barun Gothic Bold'; color: #333; margin-bottom: 30px; }
.coloSetion .price{font-size: 28px; font-family: 'Nanum Barun Gothic Bold'; color: #333; margin-bottom: 10px; }
.coloSetion .price2{font-size: 18px; font-family: 'Nanum Barun Gothic Bold'; color: #333; margin-bottom: 10px; }
.coloSetion .price span{font-size: 16px; font-family: 'Nanum Barun Gothic Bold'; }
.coloSetion .txt{font-size: 14px; color: #666; margin-bottom: 35px; }
.coloSetion .info01{position: relative; width: 175px; margin: 0 auto;}
.coloSetion .info02{position: relative; width: 135px; margin: 0 auto;}
.coloSetion dl{margin-bottom: 10px;}
.coloSetion dt{display: inline-block; width: 48px; height: 18px; line-height: 18px; color: #fff; font-size: 12px; text-align: center; border-radius: 2px; margin-right: 15px;}
.coloSetion dt.red{background-color: #ea002c;}
.coloSetion dt.blue{background-color: #23abf1;}
.coloSetion dt.green{background-color: #5ebb17;}
.coloSetion dd{display: inline-block; font-size: 14px; color: #333; }

.colocationTxt{border: 1px solid #ddd; background: #e8edf3; padding: 40px 0 25px 40px;}
.colocationTxt li{float: left; width: 33.3%; }
.colocationTxt li dd{font-size: 16px; line-height: 24px; color: #666; margin-bottom: 15px; padding-left: 13px; background: url(../images/dot.jpg) no-repeat 0 9px;}

/* 클라우드 - AWS */
.awsArea01 .infoText{width: 258px; height: 427px;border: 1px solid #ddd;border-left: 0px;background: #e8edf3;padding: 25px 20px;}
.awsArea01 .infoText dd{font-size: 16px; line-height: 24px; color: #666; margin-bottom: 15px;padding-left: 13px; background: url(../images/dot.jpg) no-repeat 0 9px;}

.awsArea02 > li img{display: block; margin: 0 auto 30px;}
.awsArea02 > li{position: relative; float: left;width:354px; height: 570px; color: #fff; margin-left: 19px;}
.awsArea02 > li.first{margin-left: 0px;}
.awsArea02 > li.aws{background: #ed4a4b;}
.awsArea02 > li.ma{background: #3fb38e;}
.awsArea02 > li.cf{background: #399fdf;}
.awsArea02 > li dl dt{font-size: 20px; text-align: center; padding-top: 292px; margin-bottom: 20px; }
.awsArea02 > li dl dd.img{position: absolute; top: 35px; left: 66px;}
.awsArea02 > li dl dd.txt ul{padding: 0 30px;}
.awsArea02 > li dl dd.txt li{display: block; padding-left: 12px; background: url(../images/dot06.png) no-repeat 0 7px; font-size: 16px; color: #fff; line-height: 1.5; margin-bottom: 20px;}

.awsArea03 .dotInfo .tit01, .awsArea03 .dotInfo .tit02{padding-left: 30px; margin-bottom: 15px; font-size: 16px; line-height: 21px;}
.awsArea03 .dotInfo .tit01{background: url(../images/dot_aws01.jpg) no-repeat 0 0px;}
.awsArea03 .dotInfo .tit02{background: url(../images/dot_aws02.jpg) no-repeat 0 0px;}
.awsArea03 .dotInfo li{font-size: 14px; line-height: 1.5; margin-bottom: 1em; color: #666;}
.awsArea03 .dotInfo li span{font-size: 14px; line-height: 1.5; color: #399fdf; }

.awsArea04 .imgArea{display: block; overflow: hidden; text-indent: -999em; width: 852px; background-size: contain; background-position: 50%; background-repeat: no-repeat; border: 1px solid #ccc; }
.awsArea04 .aws_diagram01{height: 399px; background-image: url(../images/img_aws05.jpg);}
.awsArea04 .aws_diagram02{height: 399px; background-image: url(../images/img_aws06.jpg);}
.awsArea04 .aws_diagram03{height: 660px; background-image: url(../images/img_aws07.jpg);}
.awsArea04 .info{width: 224px;}
.awsArea04 select{width: 100%; padding: 10px; margin-bottom: 20px;}
.awsArea04 ul{border: 1px solid #ccc; }
.awsArea04 li{display: none; font-size: 12px; color: #666; padding: 10px; line-height: 1.5;}
.awsArea04 li.active{display: block;}

/* 클라우드 - NCP */
.NCP .none{display: none;}
.cooperArea_ncp{margin-top: 55px; height: 556px; background:url(../Images/bnr_hc.jpg) no-repeat 0 0; }
.cooperArea_ncp dl{margin-left: 80px;}
.cooperArea_ncp dd{font-size: 16px; line-height: 1.4em; color: #cfcfcf; letter-spacing: -0.5px; margin-bottom: 15px;}
/*클라우드 리뉴얼 - NCP*/
.ncp_intro .conTitArea{padding-bottom: 30px;}
.ncp_intro .conTitArea h1{margin-left: 80px; color: #efefef; text-align: left; line-height: 1.2em;}
.ncp_intro .ncp_btn button{float: left; position: relative; margin:60px 0 0 80px; padding-right: 60px; background: rgba(50,50,50,0.7); border: 1px solid #aaa; color: #cfcfcf; border-radius: 0;}
.ncp_intro .ncp_btn img{position: absolute; top: 16px; right: 20px; opacity: 0.6;}
.ncp_intro .ncp_btn:hover button, .ncp_intro .ncp_btn:hover img{display: block; background: #fff; border: #fff; color: #666;}
.ncp_intro .ncp_contactus{position: relative; width:260px; height: 120px; margin:75px 0 0 760px; background: rgba(0,0,0, 0.4); z-index: 1;}
.ncp_intro .ncp_contactus img{position: absolute; top: -6px; right: -6px; z-index: 9999;}
.ncp_intro .ncp_contactus dl{text-align: right; margin: 0; margin-right: 30px; padding-top: 22px;}
.ncp_intro .ncp_contactus dl dd{margin: 0; color: #cfcfcf; font-size: 1.1em; line-height: 1.6em; letter-spacing: -0.3px;}
.ncp_intro .ncp_contactus dl dt{margin-bottom: 18px; color: #cfcfcf; font-size: 1.2em; font-weight: bold; letter-spacing: 1.2px;}

.ncp_infra{margin:100px 0;}
.ncp_infra dl{float: left; margin-top: 40px;}
.ncp_infra dl dt, .ncp_partner dl dt, .ncp_question dl dt{margin-bottom: 40px; color: #333; font-size: 2em; font-weight: bold; line-height: 1.1em;}
.ncp_infra dl dt em, .ncp_partner dl dt em{font-size: .7em}
.ncp_infra dl dd, .ncp_partner dl dd, .ncp_question dl dd{color: #666; font-size: 16px; line-height: 1.4em;}
.ncp_infra ul{position: relative; width: 660px; height: 300px; margin-left: 40%; background: #fff; box-shadow: 0 0 10px rgba(0,0,0, 0.1);}
.ncp_infra ul::after{content: ''; position: absolute; top: 50%; left: 0; width: 100%; height: 1px; background: #ebebeb;}
.ncp_infra ul::before{content: ''; position: absolute; top: 0; left: 50%; width: 1px; height: 100%; background: #ebebeb;}
.ncp_infra ul li{display: inline-block; width: 41.75%; height: 41.2%; padding: 26px 26px 0 26px; }
.ncp_infra ul li:nth-child(even){width: 44.75%; padding-right: 0;}
.ncp_infra ul li dl{margin: 0;}
.ncp_infra ul li dl dt{margin-bottom: 22px; font-size: 18px;}
.ncp_infra ul li dl dt em{margin-right: 10px; color: red; font-size: 30px;}
.ncp_infra ul li dl dd{font-size: 13px;}

.ncp_partner{margin: 100px 0;}
.ncp_partner img{float: left; margin: 60px; text-align: left;}
.ncp_partner dl{text-align: right;}

.ncp_question{position: relative; width: 100%; margin: 120px 0 0 0;}
.ncp_question::after{content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 2px; background: #333;}
.ncp_question dl{float:left; margin-right: 70px;}
.ncp_question dl dt{margin: 0 0 26px 0; padding: 40px 0 0 0;}
.ncp_question dl button{position: relative; margin-top: 46px; padding-right: 60px; background: #fff; border: 1px solid #666; border-radius: 0;}
.ncp_question dl button img{position: absolute; top: 16px; right: 20px; opacity: .8;}
.ncp_question dl button:hover, .ncp_question dl button:hover img{display: block; background: #e72c0b; border: #e72c0b; color: #fff;}
.ncp_question ul{width: 100%; padding-top: 66px;}
.ncp_question ul li{display: inline-block; margin: 0 94px;}
.ncp_question ul li:last-child{margin-right: 0;}
.ncp_question ul li p{position: relative; font-size: 16px; color: #666;}
.ncp_question ul li p:last-child{margin: 33px 0; font-size: 24px; color: #333; letter-spacing: 1.2px;}
.ncp_question ul li p:first-child::after{content: ''; position: absolute; top: 150%; left: 0; width: 290px; height: 1px; background: #ddd;}



/* 클라우드 - Public Cloud */
.publicWrap li{position: relative; float: left; width:354px; height: 683px; color: #fff; margin-left: 19px;}
.publicWrap li.first{margin-left: 0px;}
.publicWrap li.aws{background: #fbae40;}
.publicWrap li.ma{background: #434159;}
.publicWrap li.cf{background: #f9583b;}
.publicWrap li.ncloud{background: #10d899;}
.publicWrap li dl dt{font-size: 24px; text-align: center; padding-top: 292px; margin-bottom: 20px; }
.publicWrap li dl dd.img{position: absolute; top: 35px; left: 66px;}
.publicWrap li dl dd.txt{font-size:16px; line-height: 1.5; text-align: justify; padding: 0 30px;}
.publicWrap li dl dd.txt button{position: absolute; width: 294px; bottom: 30px;}
.publicWrap li.aws dl dd.txt button{background:#f68d11; border: 1px solid #f68d11;}
.publicWrap li.ma dl dd.txt button{background:#2f2d44; border: 1px solid #2f2d44;}
.publicWrap li.cf dl dd.txt button{background:#e72c0b; border: 1px solid #e72c0b;}
.publicWrap li.ncloud dl dd.txt button{background:#01c102; border: 1px solid #01c102;}
.publicWrap li dl dd.txt button a{position: absolute;left: 0px; bottom: 0px; width: 294px; height: 50px; line-height: 50px; color: #fff; }

/* 클라우드 - Dedicated VPS */
.docuWrap{position: relative;width: 100%;}
.docuWrap table td{border: 1px solid #ddd; text-align: center;padding:30px 0px;}
.docuWrap dl{height: 96px; padding-left: 156px; text-align: left;}
.docuWrap dl.service01{background: url(../images/icon/icon_sub2_01.png) no-repeat 30px 50%;}
.docuWrap dl.service02{background: url(../images/icon/icon_sub2_02.png) no-repeat 30px 50%;}
.docuWrap dl.service03{background: url(../images/icon/icon_sub2_03.png) no-repeat 30px 50%;}
.docuWrap dl.service04{background: url(../images/icon/icon_sub2_04.png) no-repeat 30px 50%;}
.docuWrap dl.service05{background: url(../images/icon/icon_sub2_05.png) no-repeat 30px 50%;}
.docuWrap dl.service06{background: url(../images/icon/icon_sub2_06.png) no-repeat 30px 50%;}
.docuWrap dt{font-size: 18px; color: #333;padding-top: 7px; margin-bottom: 10px;}
.docuWrap dd{font-size: 16px; color: #666; line-height: 1.2;}

.vps_price{padding: 37px 5px 16px !important;}
.vps_price .disCost{position: relative; font-size: 16px; color: #333;}
.vps_price .disCost p{position: absolute; top: -15px; left: 0px; font-size: 11px; color: #ea151b; margin-bottom: 5px; font-family: 'Nanum Barun Gothic Bold';}
.vps_price .cost {font-size: 12px; padding-left: 7px; color: #58b1e9; text-decoration:line-through; }

/* 클라우드 - MSSQL 클라우드 호스팅 */
.mssqlTable thead th.green,.mssqlTable thead th.blue{border-top: 2px solid #666;border-bottom: 1px solid #ccc;}
.mssqlTable .green{background:#d9f0e8 url(../images/mssql_bg01.png) repeat 0 0; border-right: 1px solid #3fb38e; border-left: 1px solid #3fb38e;border-bottom: 1px solid #ddd; }
.mssqlTable tbody tr.last td.green{border-bottom: 1px solid #3fb38e;}
.mssqlTable .blue{background:#d7ecf9 url(../images/mssql_bg01.png) repeat 0 0; border-right: 1px solid #399fdf; border-left: 1px solid #399fdf;border-bottom: 1px solid #ddd; }
.mssqlTable tbody tr.last td.blue{border-bottom: 1px solid #399fdf;}

.mssqlTable .green{color: #3fb38e;}
.mssqlTable .blue{color: #399fdf;}
.mssqlTable .gray{color: #aaa;}

.mssqlInfo dl{width: 488px; height: 108px; border: 1px solid #ddd;background: #e8edf3; padding: 20px 25px 7px;}
.mssqlInfo dt{font-size:16px; color: #333; margin-bottom:20px; }
.mssqlInfo dd{color: #666; background: url(../images/dot.jpg) no-repeat 0 4px; padding-left:12px; margin-bottom: 8px; }

.mssqlFeature dd{font-size:16px; background: url(../images/dot.jpg) no-repeat 0 5px; padding-left:12px; margin-bottom: 8px; }

/* 퀵 호스팅 */
.quickArea {width:100%; }

.quickArea .quick-info {width:100%; height:950px; padding:100px; margin: 50px auto 0; background: url(/images/quick/quick_bg.png); background-size: 100%; text-align: center; box-sizing: border-box;}
.quickArea .quick-info p {font-size:1.2em; line-height: 1.8em; }
.quickArea .quick-info p b {font-size:inherit; color: #fe523c;}
.quickArea .quick-info p.tit {width:70%; margin:0 auto; font-size: 3rem; font-weight: 400; border-bottom: 1px solid #aaa ;}
.quickArea .quick-info ul {width: 1280px; margin: 10px auto 20px;}
.quickArea .quick-info ul li {display:inline-block; width: 30%; margin:0 5% 0 -4px; padding:20px; text-align: center; box-sizing: border-box; vertical-align: top;}
.quickArea .quick-info ul li p {font-size: 1.4rem; font-weight:400; margin-top:20px;}
.quickArea .quick-info ul li p.exp {font-size: 1em; margin-top:10px; line-height: 1.4em; word-break: keep-all;}
.quickArea .quick-info ul li p.quick-icon { width: 150px; height: 150px; margin:0 auto; padding:26px 15px; background: rgba(207, 207, 207, 0.8); border-radius: 50%; overflow: hidden; text-align: center ; box-sizing: border-box;}
.quickArea .quick-info ul li p.quick-icon img {width: 80%;}
.quickArea .quick-info ul li:first-child {margin-left: 0;}
.quickArea .quick-info ul li:last-child {margin-right: 0;}

.quickArea .quick-eve {width: 100%;}
.quickArea .quick-eve-area {width: 1100px; margin: 0 auto; padding: 80px 0 60px;}
.quickArea .quick-eve .quick-eve-info { width: 100%; font-size: 3rem; line-height: 1.6em; text-align: center;}
.quickArea .quick-eve .quick-eve-info div.tit {font-size: 2.6rem; font-weight: 400; line-height: 3.3rem;}
.quickArea .quick-eve .quick-eve-info p {font-size: 1rem; font-weight: 400; line-height: 1.2rem;}
.quickArea .quick-eve .quick-eve-info p::before {content: "*"; margin-right: 5px;}
.quickArea .quick-eve .quick-eve-box { width: 100%; margin:40px 0;}
.quickArea .quick-eve .quick-eve-box ul li {display: inline-block; width:23.5%; min-height: 330px; margin:0 2% 0 -3.5px; padding:10px 10px 30px; border-radius: 10px; box-shadow: 0px 1px 7px #aaa; box-sizing: border-box; vertical-align: top;}
.quickArea .quick-eve .quick-eve-box ul li:first-child {margin-left: 0;}
.quickArea .quick-eve .quick-eve-box ul li:last-child {margin-right: 0; }
.quickArea .quick-eve .quick-eve-box ul li p.quick-eve-icon { width: 120px;  height: 120px; margin: 0 auto;}
.quickArea .quick-eve .quick-eve-box ul li p.quick-eve-icon img { width: 100%;;}
.quickArea .quick-eve .quick-eve-box ul li p {font-size: 1.4rem; font-weight:400; margin-top:20px; text-align: center; word-break: keep-all;}
.quickArea .quick-eve .quick-eve-box ul li p.listPrice {font-size: 1em; margin-top:10px; color:#888; text-decoration: line-through;}
.quickArea .quick-eve .quick-eve-box ul li p.price {font-size: 1.2em; font-weight:600; margin-top:10px; color:#fe523c; }
.quickArea .quick-eve .quick-eve-box ul li p.exp {font-size: 1em; margin-top:10px; line-height: 1.4em;}

.quickArea .quick-qna {width: 1100px; margin:0 auto 80px;}

/* 클라우드 - EASYCLOUD on AWS */
.easyCloudArea01 table{width:100%;}
.easyCloudArea01 .tableHeader thead th{margin-bottom: 10px;}
.easyCloudArea01 .tableHeader thead th{font-size: 16px; font-weight: normal; color: #333; text-align: center; padding: 26px 0 24px; border-top: 2px solid #666; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; background: #e8edf3;}
.easyCloudArea01 .tableHeader thead th.first{border-left: 1px solid #ccc;}
.easyCloudArea01 .tableBody tbody td{font-size: 16px; font-weight: normal; color: #333; text-align: center; vertical-align: middle; border: 1px solid #ccc;}
.easyCloudArea01 .tableBody tbody td p.num{font-size: 20px; font-family: 'Nanum Barun Gothic Bold'; margin-bottom: 11px;}
.easyCloudArea01 .tableBody tbody td button{width: 134px; }
.easyCloudArea01 .tableBody tbody td.pack01{font-size: 24px;  color: #fff; background: #f7a421; border: 1px solid #f7a421; }
.easyCloudArea01 .tableBody tbody td.pack02{font-size: 24px;  color: #fff; background: #f78121; border: 1px solid #f7a421; }
.easyCloudArea01 .tableBody tbody td.pack03{font-size: 24px;  color: #fff; background: #ff6825; border: 1px solid #ff6825; }
.easyCloudArea01 .tableBody tbody td.pack04{font-size: 24px;  color: #fff; background: #f2491e; border: 1px solid #f2491e; }
.easyCloudArea01 .tableBody tbody td.pack05{font-size: 24px;  color: #fff; background: #ea151b; border: 1px solid #ea151b; }
.easyCloudArea01 .tableBody tbody td.pack06{font-size: 24px;  color: #fff; background: #70b501; border: 1px solid #70b501; }
.easyCloudArea01 .tableBody tbody td.pack07{font-size: 24px;  color: #fff; background: #00aeff; border: 1px solid #00aeff; }
.easyCloudArea01 .tableBody tbody td p{font-size: 20px; margin-top: 10px;}
.easyCloudArea01 .tableBody tbody td.line1{padding: 29px 0 26px;}
.easyCloudArea01 .tableBody tbody td.line2{padding: 74px 0 72px;}
.easyCloudArea01 .tableBody tbody td.line3{padding: 104px 0 102px;}

.easyCloudArea02{width: 100%; height: 356px; background: url(../images/img_easycloud01.jpg) no-repeat 0 0;}
.easyCloudArea02 dt{font-size: 42px; color: #fff; text-align: center; padding-top: 95px;}
.easyCloudArea02 dd{font-size: 18px; line-height: 1.5; color: #fff; text-align: center; margin-top: 50px;}

.easyCloudArea03 li{float: left;}
.easyCloudArea03 li.video{margin-right: 60px;}
.easyCloudArea03 video{background: #000; }
.easyCloudArea03 li.info{margin-top: 16px;}
.easyCloudArea03 dl{height: 96px; margin-bottom: 40px; padding-left: 125px;}
.easyCloudArea03 dl.img01{background: url(../images/img_easycloud02.png) no-repeat 0 0;}
.easyCloudArea03 dl.img02{background: url(../images/img_easycloud03.png) no-repeat 0 0;}
.easyCloudArea03 dl.img03{background: url(../images/img_easycloud04.png) no-repeat 0 0;}
.easyCloudArea03 dl dt{font-size: 18px; color: #333; padding-top: 13px; margin-bottom: 10px; }
.easyCloudArea03 dl dd{font-size: 16px; color: #666; line-height: 1.5; }

.easyCloudArea04 .accordion li{position: relative; width: 1098px; border: 1px solid #ced4d9; margin-bottom: 10px;}
.easyCloudArea04 .accor_tit a{display: block; height: 66px; line-height: 66px; }
.easyCloudArea04 .accor_tit span{font-size: 18px; color: #666;}
.easyCloudArea04 .icoQ{display: inline-block; width: 20px; text-align: center; font-size: 18px; padding:0 20px 0 40px;}
.easyCloudArea04 .icoB{display: block; overflow: hidden; text-indent: -999em; position: absolute; top: 1px; right: 1px; width: 92px; height: 64px; background: url(../images/popup_cloud/ico_plus.jpg) no-repeat 0 0;}
.easyCloudArea04 .panel{padding: 25px 0 23px; font-size: 18px; color: #666; background: #f3f6f9; overflow: hidden;}
.easyCloudArea04 li.active{width: 1096px; border: 2px solid #45494d;}
.easyCloudArea04 li.active .accor_tit a{height: 65px; line-height: 65px;}
.easyCloudArea04 li.active .accor_tit span{color: #333;}
.easyCloudArea04 li.active .icoQ{padding: 0 20px 0 39px;}
.easyCloudArea04 li.active .icoB{top:0px; right: 0px; background: url(../images/popup_cloud/ico_minus.jpg) no-repeat 0 0;}
.easyCloudArea04 li.active .panel{color: #333;}
.easyCloudArea04 li.active .panel .icoQ{padding: 0 22px 0 40px;}

/* 해외호스팅 > 중국서버호스팅 */
.etcChinaArea01 table{width:100%}
.etcChinaArea01 .tableHeader thead th{margin-bottom: 10px;}
.etcChinaArea01 .tableHeader thead th{font-size: 16px; font-weight: normal; color: #333; text-align: center; padding: 26px 0 24px; border-top: 2px solid #222; border-right: 1px solid #c8c8c8; border-bottom: 1px solid #c8c8c8; background: #f5f5f5;}
.etcChinaArea01 .tableHeader thead th.first{border-left: 1px solid #c8c8c8;}
.etcChinaArea01 .tableBody tbody td{font-size: 16px; font-weight: normal; color: #333; text-align: center; vertical-align: middle; border: 1px solid #c8c8c8;}
.etcChinaArea01 .tableBody tbody td p.num{font-size: 20px; font-family: 'Nanum Barun Gothic Bold'; margin-bottom: 11px;}
.etcChinaArea01 .tableBody tbody td button{width: 134px; }
.etcChinaArea01 .tableBody tbody td.pack01{font-size: 24px;  color: #fff; background: #f2491e; border: 1px solid #f2491e; }
.etcChinaArea01 .tableBody tbody td.pack02{font-size: 24px;  color: #fff; background: #ea151b; border: 1px solid #ea151b; }
.etcChinaArea01 .tableBody tbody td p{font-size: 20px; margin-top: 10px;}
.etcChinaArea01 .tableBody tbody td.line{padding: 29px 0 26px;}
.etcChinaArea01 .chinaBlack{color: #333 !important;}
.etcChinaArea01 .chinaCon2 div{width: 538px; border: 1px solid #ddd;}
.etcChinaArea01 .chinaCon2 div p{padding:0 20px 20px 20px; font-size: 16px; line-height: 28px;}
.etcChinaArea01 .chinaCon2 .fr p{line-height: 37px;}
.etcChinaArea01 .chinaCon2 div p:first-child{padding: 16px 20px; background: #ddd; text-align: center; font-size: 16px; }
.etcChinaArea01 .chinaCon2 .fr p:first-child{background: #333; text-align: center; color: #fff; font-size: 16px; line-height: 28px;}
.etcChinaArea01 .chinaCon4 .fl{width: 26.35%;}
.etcChinaArea01 .chinaCon4 .fr {padding: 20px; width: 70%; background: #333; border-radius: 26px 0 0 0 ; color: #efefef; line-height: 20px;}
.etcChinaArea01 .chinaCon4 .fr p:first-child{color: #cfcfcf;}

/* 보안서비스 - 통합 보안서비스 */
.totalSecurity li{position: relative; float: left; width:352px; height: 320px; margin-left: 19px; }
.totalSecurity li.first{margin-left: 0px;}
.totalSecurity li a{display: block; width: 354px; height: 322px; background: #fff; border: 1px solid #ddd;}
.totalSecurity li dl dt{font-size: 24px; text-align: center; padding-top: 182px; margin-bottom: 20px; color: #333;}
.totalSecurity li dl dd.img{position: absolute; top: 50px; left: 108px;}
.totalSecurity li dl dd.txt{font-size:16px; line-height: 1.3; text-align: center; padding: 0 20px; color: #555;}
.totalSecurity li a:hover{background: #58abfb; border: 1px solid #58abfb;}
.totalSecurity li a:hover dt, .totalSecurity li a:hover dl dd.txt{color: #fff;}

/* 보안서비스 - 제휴업체 */
.cooperArea{background:#f5f5f5; }
.cooperArea p{float: left;}
.cooperArea p.txt{width: 560px; font-size: 18px; line-height: 30px; }

/* 보안서비스 - 한글리포트 */
.refortArea{background: #323040; }
.refortArea dl{color: #fff; padding: 30px; background: url(../images/img_report.png) no-repeat 466px 30px; }
.refortArea dt{font-size: 36px; margin-bottom: 45px;}
.refortArea dd.txt{width: 560px; font-size: 16px; line-height: 24px; margin-bottom: 30px;}
.refortArea dd.btn button{color: #fff; border: 1px solid #fff; background: #323040;margin-top: 15px;}
.refortArea dd.btn button a{color: #fff;}

/* 보안서비스, 부가서비스 도입효과 */
.effectArea > dl.first{margin-left: 0px;}
.effectArea > dl{position: relative; float: left; width: 260px; height: 275px; margin-left: 20px; text-align: center; }
.effectArea dd.img{padding: 20px 0;}
.effectArea dd.txt{padding:20px 20px 30px; color: #fff; font-size: 16px; line-height: 24px; }
.effectArea > dl.first{background: #ea151b; }
.effectArea > dl.first dd.img{background: url(../images/bar_icon01.png) no-repeat 50% 100%;}
.effectArea > dl.second{background: #f24a1f; }
.effectArea > dl.second dd.img{background: url(../images/bar_icon02.png) no-repeat 50% 100%;}
.effectArea > dl.third{background: #ff6925; }
.effectArea > dl.third dd.img{background: url(../images/bar_icon03.png) no-repeat 50% 100%;}
.effectArea > dl.fourth{background: #f78020; }
.effectArea > dl.fourth dd.img{background: url(../images/bar_icon04.png) no-repeat 50% 100%;}

.effectArea > dl.circle dd {color:#333; }
.effectArea > dl.circle:first-child {margin-left:0;}
.effectArea > dl.circle .img {width:160px; height:160px; margin: 0 auto; padding:0; background:#0d6cd3; border-radius: 50%; box-sizing:border-box; overflow:hidden;}

/* 보안서비스, 부가서비스 인포그래픽 설명글 */
.infoText{width: 258px;	height: 288px;border: 1px solid #ddd;border-left: 0px;background: #e8edf3;padding: 25px 20px;}
.infoText dt{font-size: 20px; color: #434159; margin-bottom: 45px;}
.infoText dd{font-size: 16px; line-height: 24px; color: #666; margin-bottom: 15px;padding-left: 13px; background: url(../images/dot.jpg) no-repeat 0 9px;}
.infoText02{width: 508px;height:70px; border: 1px solid #ddd;border-top: 0px; background: #e8edf3;padding: 20px 15px;margin-top: -3px;}
.infoText02 dd{line-height: 24px; color: #666; }

/* 보안서비스- 바이러스필터링 */
.info_linux{height: 21px; line-height: 21px; padding-left: 28px; background: url(../images/dot_sophos01.png) no-repeat 0 0;}
.vtable_blue_full{background: url(../images/dot_sophos01.png) no-repeat 50% 50%;}
.vtable_blue{background: url(../images/dot_sophos02.png) no-repeat 50% 50%;}
.vtable_bchk{background: url(../images/sophos_check.png) no-repeat 50% 50%; background-size:4%; }
.vtable_rchk{background: url(../images/sophos_checkR.png) no-repeat 50% 50%; background-size:4%; }
.vtable_green{background: url(../images/dot_sophos03.png) no-repeat 50% 50%;}
.vtable_sumG{font-size: 18px !important; color: #fff !important; background: #3bb044;}
.vtable_sumB{font-size: 16px !important; color: #fff !important; background: #007aff;}
.vtable_sumR{font-size: 16px !important; color: #fff !important; background: #ff0000 !important;}
.vtable_sumG span, .vtable_sumB span{font-size: 18px; text-decoration: line-through;}
.vtable_sumG span.bold, .vtable_sumB span.bold, .vtable_sumR span.bold {font-size: 18px; font-weight:bold; text-decoration: none; }

.sophosBtn {margin:20px 0;}
.sophosBtn li {display:inline-block; width:165px; border:1px solid #0d6cd3; border-radius: 15px; }
.sophosBtn li a {display: block; width: 100%; height:100%; padding:10px 0; color:#0d6cd3;}
.sophosBtn li.on {background:#0d6cd3;}
.sophosBtn li.on > a {color:#fff; font-weight:bold; }

.sophosGraph p {font-size: 18px; color: #666; line-height: 1.5; margin-top: 40px; text-align:center; }

.sophosPrice { position: relative;}
.sophosPrice .badge { position: absolute; width:150px; height:150px; bottom:0; right:-30px; z-index:33; }
.sophosPrice .badge img { width: 100%;}

.sophosAreaGroup { transform: skewY(3deg); background: #f1f3f5; padding:20px 0;}
.sophosArea02, .sophosArea03, .sophosArea04, .sophosArea08 {transform: skewY(-3deg);}

/* Anti-ransomeware PC */
.sophosArea01 {height: 500px; background: url(../images/ar_bg.png) #0d6cd3 no-repeat 0 0; transform: skewY(3deg); background-position-y: center;}
.sophosArea01 p{font-size: 42px; color: #fff; text-align: center; padding-top: 120px; transform: skewY(-3deg);}
.sophosArea01 .txt{font-size: 18px; line-height: 24px; padding-top:20px; }
.sophosArea01 ul {margin:50px 0; text-align:center; transform: skewY(-3deg)}
.sophosArea01 ul li {display:inline-block; width:165px; border:1px solid #eaeaea; background:#fff; }
.sophosArea01 ul li a {display: block; width: 100%; height:100%; padding:10px 0; color:#0d6cd3;}
.sophosArea01 ul li.on {background:#fbcc49; border:1px solid #ffc628}
.sophosArea01 ul li.on > a {color:#333; }

.sophosArea02 dl{ position: relative; padding:20px 0; min-height:300px;}
.sophosArea02 dt{font-size: 42px; color: #333; padding-left: 67px; margin-bottom: 33px;}
.sophosArea02 dd.txt{font-size: 16px; line-height: 20px; color: #666; padding-left: 67px; margin-bottom: 38px; }
.sophosArea02 img{position: absolute; right: 0; top: 0;}

.sophosArea02 ul{margin-top: 35px;}
.sophosArea02 li{float: left; width: 260px; height: 275px; margin-left: 20px; text-align: center; background:#0d6cd3; color:#fff; border-radius: 15px;}
.sophosArea02 li:first-child{margin-left: 0px;}
.sophosArea02 li .txt1{font-size: 16px; line-height: 20px; color: #fff; padding-top: 70px; height: 115px; }
.sophosArea02 li .txt1 span { font-size:26px; line-height: 0;}
.sophosArea02 li .txt1_1{font-size: 16px; line-height: 20px; color: #fff; padding-top: 50px; height: 135px; }
.sophosArea02 li .txt2{font-size: 14px; line-height: 18px; color: #ccc; }

.sophosArea02 li:nth-child(2n){background:#fbcc49; }
.sophosArea02 li:nth-child(2n) .txt1 {color: #333;}
.sophosArea02 li:nth-child(2n) .txt2{color:#666; }

.sophosArea03 dt{font-size: 42px; color: #333; margin-bottom: 35px;}
.sophosArea03 dd{font-size: 18px; line-height: 24px; color: #666; }

.sophosArea04 dl {position: relative; padding: 20px 0; min-height:300px;}
.sophosArea04 dt {font-size: 42px; color: #333; padding-left: 67px; margin-bottom: 33px;}
.sophosArea04 dd.txt{font-size: 16px; line-height: 20px; color: #666; padding-left: 67px; margin-bottom: 38px;}
.sophosArea04 dd.btn{height: 36px; line-height: 36px; padding-left: 67px;}
.sophosArea04 dd.btn a{display: inline-block; font-size: 14px;  color: #fff; background: #757380; border: 1px solid #757380; padding: 0px 20px; }
.sophosArea04 dd.btn a:hover{background: #63616e;}
.sophosArea04 ul{padding-left: 67px; margin-bottom: 35px;}
.sophosArea04 li{font-size: 16px; line-height: 24px; color: #666; padding-left:22px; background: url(../images/dot_sophos04.jpg) no-repeat 0 3px;}
.sophosArea04 img{position: absolute; right: 0px; top: -5px;}

.sophosArea05 {background: url(../images/ar_footer_bg01.jpg) no-repeat 100%;}
.sophosArea05 dt{font-size: 42px; color: #333; margin-bottom: 35px; }
.sophosArea05 dd{font-size: 18px; line-height: 24px; color: #666; }

.sophosArea06{height: 300px; }
.sophosArea06 .tit{font-size: 42px; color: #333; padding-top: 80px; margin-bottom: 30px; }

/* 보안서비스- anti-ransomware 서버 */
.sophosArea011 {height: 500px; background: url(../images/ar_bg.png) #fbcc49 no-repeat 0 0; transform: skewY(3deg); background-position-y: center;}
.sophosArea011 p{font-size: 42px; color: #333; text-align: center; padding-top: 120px; transform: skewY(-3deg);}
.sophosArea011 .txt{font-size: 18px; line-height: 24px; padding-top:20px; }
.sophosArea011 ul {margin:50px 0; text-align:center; transform: skewY(-3deg)}
.sophosArea011 ul li {display:inline-block; width:165px; border:1px solid #eaeaea; background:#fff; }
.sophosArea011 ul li a {display: block; width: 100%; height:100%; padding:10px 0; color:#0d6cd3;}
.sophosArea011 ul li.on {background:#0d6cd3; border:1px solid #0d6cd3}
.sophosArea011 ul li.on > a {color:#fff; }

.sophosArea01 {height: 500px; background: url(../images/ar_bg.png) #0d6cd3 no-repeat 0 0; transform: skewY(3deg); background-position-y: center;}
.sophosArea01 p{font-size: 42px; color: #fff; text-align: center; padding-top: 120px; transform: skewY(-3deg);}
.sophosArea01 .txt{font-size: 18px; line-height: 24px; padding-top:20px; }

.sophosArea08 dl{ position: relative; padding:20px 0;}
.sophosArea08 dt{font-size: 42px; color: #333; margin-bottom: 33px;}
.sophosArea08 dd.txt{font-size: 16px; line-height: 20px; color: #666; margin-bottom: 15px; }
.sophosArea08 img{position: absolute; right: 0px; top: -50px;}

.sophosArea08 ul{height:600px; margin-top: 0px;}
.sophosArea08 li {float: left; width: 48%; padding:25px; box-sizing:border-box; text-align: left; color:#fff; border-radius: 15px;}
.sophosArea08 li .txt1{font-size: 22px; line-height: 30px; color: #fff; }
.sophosArea08 li .txt2{font-size: 16px; line-height: 24px; }
.sophosArea08 li img {position: relative; float: left; margin-right: 10px; top:0;}

.sophosArea08 li:nth-child(2n-1) {float: left; background:#0d6cd3; margin-bottom:30px; } 
.sophosArea08 li:nth-child(2n) {float: right; background:#fbcc49; margin-top:30px;} 
.sophosArea08 li:nth-child(2n) .txt1, .sophosArea08 li:nth-child(2n) .txt2{color:#333; }
.sophosArea08 li:nth-child(2) {margin-top:100px;}
.sophosArea08 li:nth-child(3) {background:#fbcc49;}
.sophosArea08 li:nth-child(3) .txt1, .sophosArea08 li:nth-child(3) .txt2{color:#333; }
.sophosArea08 li:nth-child(4) {background:#0d6cd3;}
.sophosArea08 li:nth-child(4) .txt1, .sophosArea08 li:nth-child(4) .txt2{color:#fff; }

.sophosArea07 > .sophosArea06 .tit{ color: #fff; }
.sophosArea07 {background: url(../images/ar_footer_bg02.jpg) no-repeat 100%;}
.sophosArea07 dt{font-size: 42px; color: #333; margin-bottom: 35px; }
.sophosArea07 dd{font-size: 18px; line-height: 24px; color: #666; }

/* 보안서비스- DB암호화 */
.icon_info_db img{position: absolute; top: 225px;left: 119px;}
.icon_info_db dl.icon_info_txt{display: none; width: 210px; position: absolute; z-index: 100;top: 260px; left: 9px; background: #fff;border:1px solid #ddd; text-align: left;padding: 10px 15px;}
.icon_info_db:hover dl.icon_info_txt{display: block;}
.icon_info_db dl.icon_info_txt dt,.icon_info_db dl.icon_info_txt dd{font-size: 12px; line-height: 16px;}
.icon_info_db dl.icon_info_txt dt{color: #333; font-family: 'Nanum Barun Gothic Bold';}
.icon_info_db dl.icon_info_txt dd{color: #666;}
.icon_info_db .edge_cen{position: absolute;left: 50%; top: 0px; width: 9px; height: 6px; margin: -6px 0 0 -5px;background: url(../images/edge.png) no-repeat 0 0;}

/* 보안서비스- SSL서비스 */
.icon_info {position: relative;}
.icon_info img{position: absolute; top: -3px; left: 5px;}
.icon_info .icon_info_txt img {position: inherit;}
.icon_info .icon_info_txt{display: none; position: relative; min-width: 250px; position: absolute; z-index: 100; top: -3px; left: 30px; font-size: 14px; line-height: 20px; border: 2px solid #fe523c; background: #f1f3f5; color: #444;text-align: left;padding: 10px 15px; box-shadow: 7px 7px 3px #999;}
.icon_info:hover .icon_info_txt{ display: block; }
.down a{width: 100%; height:30px; line-height:30px; text-align: center; text-decoration: none !important; background:#fff; border: 1px solid #ccc;}
.down a:hover{ background:red; color: white !important;}

.wd640 {width: 640px !important;}

.ssl ul li {position: relative; float:left; width:187px; height:150px; padding:17px 15px; box-sizing:border-box; line-height:20px;}
/*.ssl ul li:nth-child(2n-1) {width:374px;}*/
.ssl ul li:nth-child(1) {margin-left:143px; background: #60d4af; width:309px;}
.ssl ul li:nth-child(2) {background: #ebff7c;}
.ssl ul li:nth-child(3) {background:#f1f3f5;width:461px;}
.ssl ul li p {font-size:20px; line-height:22px; font-weight:bold; padding-bottom:5px; letter-spacing: -0.5px;;}
.ssl ul li p.tp_cont {font-size:14px; margin:2px 0; padding:0; font-weight:normal; letter-spacing: -0.7px;}
.ssl ul li p.tp_cont::before {content: '- ';}
.ssl ul li img {position: absolute; right:20px; bottom:15px;}
.plus {padding:17px 7px !important;}

.ssl table thead th {padding:12px 0; line-height:24px;}
.ssl table thead th:nth-child(2), .ssl table thead th:nth-child(3) {background:#addecf}
.ssl table td:nth-child(2), .ssl table td:nth-child(3) {background:rgba(213, 255, 242, 0.7); -webkit-background:#d5fff2;}
.ssl table thead th:nth-child(4) {background:rgba(248, 255, 209, 0.5)}
.ssl table td:nth-child(4) {background:#fbffe5}
.ssl table td {padding:12px; color:#333;}
.ssl table td a {float:left; }
.ssl table .price td {font-size:20px; font-weight:600;}
.ssl table td.down {padding:12px 20px; }

.ssl_tab {height:30px;}
.ssl_tab li {float:left; width:120px; margin-right: 20px; height:35px; border:1px solid #ddd; box-sizing: border-box;}
/*.ssl_tab li:last-child {margin-right: 0; background:#ededed;}*/
.ssl_tab li.last {margin-right: 0; background:#ededed;}
.ssl_tab li a {display:block; width:100%; height:100%; line-height:35px; text-align: center; color:#aaa; }
.ssl_tab li a:hover {color:#333; background:#eee;}

.ssl_tit {margin: 10px 20px 20px}
.ssl_tit th { font-size:16px; text-align:left; color:#fff; font-weight:400; padding-bottom :10px;}
.ssl_tit .pdt_price { font-size:24px; text-align:left; color:#e9002d ; font-weight:400;}

.ssl_Detail table {border-collapse:collapse; width:100% ; background: #fff; }

.ssl_Detail table tr:first-child {border-top: 1px solid #000;}
.ssl_Detail table tr {border-bottom: 1px solid #ddd;}
.ssl_Detail table tr:last-child {border-bottom: 1px solid #000;}
.ssl_Detail table tr td{position:relative; text-align:left; font-size:14px; vertical-align: middle; letter-spacing: -0.5px; text-indent:15px; padding: 27px 5px 26px; color:#666; height:30px; line-height:30px; background: url(../images/bar_table.jpg) no-repeat 0 50%;}
.ssl_Detail table tr td.first{background-image: none;}
.ssl_Detail table tr td span {margin-left:15px; font-weight:bold; color:#333;}

.ssl_meminfo table {border-collapse:collapse; width:100%; background: #fff;}
.ssl_meminfo table td{position:relative; text-align:left; font-size:14px; vertical-align: middle; letter-spacing: -0.5px; text-indent:15px; padding: 27px 5px 26px; color:#666; height:30px; line-height:30px; }
.ssl_meminfo table td.first{background-image: none;}
.ssl_meminfo table td.cont{font-weight:bold; color:#333;}
.ssl_meminfo table tr:first-child {border-top: 1px solid #000;}
.ssl_meminfo table tr {border-bottom: 1px solid #ddd;}
.ssl_meminfo table tr:last-child {border-bottom: 1px solid #000;}

/* 부가서비스 - 통합 부가서비스 */
.totalAddService li{position: relative; float: left; width:352px; height: 320px; margin-left: 19px; }
.totalAddService li.first{margin-left: 0px;}
.totalAddService li a{display: block; width: 354px; height: 322px; background: #fff; border: 1px solid #ddd;}
.totalAddService li dl dt{font-size: 24px; text-align: center; padding-top: 182px; margin-bottom: 20px; color: #333;}
.totalAddService li dl dd.img{position: absolute; top: 50px; left: 108px;}
.totalAddService li dl dd.txt{font-size:16px; line-height: 1.3; text-align: center; padding: 0 20px; color: #555;}
.totalAddService li a:hover{background: #58abfb; border: 1px solid #58abfb;}
.totalAddService li a:hover dt, .totalAddService li a:hover dl dd.txt{color: #fff;}

/* 부가서비스- 서버관리 */
.levelArea > div{float: left; padding-left: 40px; background: url(../images/ico_plus.png) no-repeat 8px 50%;}
.levelArea > div.first{padding-left: 0px; background-image: none;}
.levelArea ul{width: 245px;background: #434159; }
.levelArea ul.level0{padding: 8px 0;}
.levelArea ul.level1{padding: 17px 0;}
.levelArea ul.level2{padding: 116px 0;}
.levelArea ul.level3{padding: 107px 0;}
.levelArea li{font-size: 12px; line-height: 18px; color: #ddd;text-align: center; }

/* 부가서비스- 통합 모니터링 서비스 */
.totalWrap{position: relative;width: 100%;}
.totalWrap table td{border: 1px solid #ddd; text-align: center;padding:30px 0px;}
.totalWrap dl{height: 96px; padding-left: 156px; text-align: left;}
.totalWrap dl.service01{background: url(../images/icon/icon_sub4_01.png) no-repeat 30px 50%;}
.totalWrap dl.service02{background: url(../images/icon/icon_sub4_02.png) no-repeat 30px 50%;}
.totalWrap dl.service03{background: url(../images/icon/icon_sub4_03.png) no-repeat 30px 50%;}
.totalWrap dl.service04{background: url(../images/icon/icon_sub4_04.png) no-repeat 30px 50%;}
.totalWrap dl.service05{background: url(../images/icon/icon_sub4_05.png) no-repeat 30px 50%;}
.totalWrap dl.service06{background: url(../images/icon/icon_sub4_06.png) no-repeat 30px 50%;}
.totalWrap dt{font-size: 18px; color: #333;padding-top: 7px; margin-bottom: 10px;}
.totalWrap dd{font-size: 16px; color: #666; line-height: 1.2;}

/* 부가서비스- 라이센스임대 */
.licenseInfo{padding: 30px; }
.licenseInfo dd{line-height: 1.5;padding-left: 13px; background: url(../images/dot.jpg) no-repeat 0 7px;}

/* 로그인 */
.loginBtn button.btnM{width: 143px; padding: 12px 0 15px !important; }

/* 회원가입 */
.signUp .listTable{position: relative;width: 100%;border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;background: #fff;}
.signUp .listTable .tit{width: 20%;font-size: 16px; padding-top: 27px; padding-left: 25px; }
.signUp .listTable .cnt{width: 75%;}
.signUp .listTable li div.radio{padding: 16px 0;}
.signUp .signUp_agree{position: relative;background: #fff;	border:1px solid #ddd;	padding: 20px 20px 6px;}
.signUp .signUp_agree .tit{font-size: 16px;border-bottom: 1px dashed #ddd;padding-bottom: 10px;margin-bottom: 20px;}
.signUp .signUp_agree dl{float: left;width: 309px;}
.signUp .signUp_agree dd{font-size: 12px; letter-spacing: -1px;margin-bottom: 20px;}
.signUp .signUp_agree dd button{margin-top:-9px; }
.signUp .signUp_ad{background: #fff;border-top: 1px solid #666;}
.signUp .signUp_ad li{height: 54px;line-height: 54px;border-bottom: 1px solid #ddd;}
.signUp .signUp_ad li.tit{font-size: 16px;padding-left: 20px;}
.signUp .signUp_ad li.con{font-size: 14px;padding-left: 20px;}
.signUp .signUp_btn{width: 100%;text-align: center;}

/* 고객센터 상세화면 */
.board .tit{border-top:2px solid #666;border-bottom: 1px solid #ccc;font-size: 16px;padding:26px 0 24px 30px;}
.board .tit span.date{font-size: 14px;color: #666;padding-left: 20px;margin-right: 20px;background: url(../images/bar_table.jpg) no-repeat 0 50%;}
.board .con{padding: 30px 30px 50px;min-height:350px; line-height: 24px;border-bottom: 1px solid #ccc;}
.board .con img{display: block;margin:0 auto;}

/* 고객센터 - 이벤트 */
.eventArea li{float: left; width: 538px;border:1px solid #ccc; margin-bottom: 20px;}
.eventArea li:first-child{margin-right: 20px;}
.eventArea li a{display: block; background: #fff; }
.eventArea li p.img{height: 153px;background: #fff;overflow: hidden;}
.eventArea li dl{padding: 20px;border-top: 1px solid #ccc;}
.eventArea li dt{font-size: 16px;margin-bottom: 20px;}
.eventArea li dd{color: #666;}
.eventArea li:hover{border:1px solid #434159;}
.eventArea li:hover a{background:#434159;}
.eventArea li:hover dl{border-top: 1px solid #434159;}
.eventArea li:hover dt{color: #fff;}
.eventArea li:hover dd{color: #ddd;}
.NoneventArea { position: absolute; background: #4b4b4b; opacity: 0.8; width: 539px; height: 245px;}
.NoneventArea_title { position: absolute; z-index: 1; width: 539px; height: 245px; font-size: 42px; font-weight: bold; color: #fff; text-align: center; line-height: 245px; cursor: pointer; }

/* 고객센터 - 견적문의 */
.inquiry .listTable{position: relative;width: 100%;border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;background: #fff;}
.inquiry .listTable li div.input {padding: 19px 0 16px;}
.inquiry .listTable .tit{width: 25%;font-size: 16px; padding-top: 27px; padding-left: 25px; }
.inquiry .listTable .cnt{width: 70%;}
.inquiry .listTable textarea{width:443px;height: 50px; line-height: 20px; padding: 19px 10px 16px;}
.inquiry .inquiry_agree{position: relative;background: #fff;	border:1px solid #ddd;	padding: 20px 20px 0px;}
.inquiry .inquiry_agree .tit{font-size: 16px;border-bottom: 1px dashed #ddd;padding-bottom: 10px;margin-bottom: 20px;}
.inquiry .inquiry_agree textarea.con{width: 596px; height: 150px; line-height: 20px; border: 1px solid #ddd;padding: 20px;margin-bottom: 20px;}
.inquiry .inquiry_btn{width: 100%;text-align: center;}

/* 마이페이지 */
.mypage{position: relative;width: 820px;}
.mypage .noLineTable.btn table td{padding: 19px 5px 18px;}
.mypage .payArea{	position: relative;border:1px solid #ccc;background: #e8edf3;padding: 40px 45px 40px;}
.mypage .payArea p, .mypage .payArea dl, .mypage .payArea span{display: inline-block;}
.mypage .payArea p{position: absolute; left: 45px; top: 54px; font-size: 24px;}
.mypage .payArea>div{text-align: center;margin-left: 200px;}
.mypage .payArea dl{min-width: 50px;text-align: right;}
.mypage .payArea dt{color: #666;margin-bottom: 10px;}
.mypage .payArea dd{font-size: 24px; letter-spacing: -1px;}
.mypage .payArea span{width: 36px;height: 36px; margin:0 30px;}
.mypage .payArea span.minus{background: url(../images/ico_minus.png) no-repeat 0 0;}
.mypage .payArea span.equais{background: url(../images/ico_equais.png) no-repeat 0 0;}

.mypage .tabList_style3 li{width:33.3%;}
.mypage .tabList_style3.col4 li{width:25%;} /* 요금관리 */
.mypage .va_m{vertical-align: middle;}

.mypage .boxStyle{border-top: 1px solid #ccc;}

.mypage.membership .boxStyle{border-top: 2px solid #666;}
.mypage.membership .boxStyle.pw > div{width: 300px;margin:0 auto;} /* 비밀번호 재확인 */
.mypage.membership .listTable{position: relative;width: 100%;border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;background: #fff;}
.mypage.membership .listTable li div.input {padding: 16px 0;}
.mypage.membership .listTable .tit{width: 20%;font-size: 16px; padding-top: 24px; padding-left: 25px; }
.mypage.membership .listTable .cnt{width: 75%;}
.mypage.membership .listTable li div p.text{padding: 25px 0 22px;}
.mypage.membership .listTable li div span.text{display: inline-block; padding: 25px 0 22px;}
.mypage.membership .listTable li div.radio{padding: 17px 0 15px;}

.mypageWrap{position: relative; width: 100%; height: 100%; padding-top: 30px; background: #fff;}
.mypageWrap > div{margin: 0px auto; width: 820px;}

.mypage .chartBoxArea{float: left; }
.mypage .chartBox{position: relative; width: 388px; height: 308px; border: 1px solid #ddd; background: #fff; }

/* 마이페이지 - 클라우드충전 */
.chargeWrap{position: relative; width: 420px; background: #e8edf3;}
.chargeWrap p.chargeTitle{display: block; color: #fff; padding-top: 14px; padding-left: 50px; height: 28px; background: #434159 url(../images/tit_charge.jpg) no-repeat 0 0; }
.chargeWrap .chargeCon{position: relative; padding: 10px; border: 1px solid #ddd; border-top: none; }
.chargeWrap .chargeBox{border:1px solid #ddd; padding: 9px 15px; background: #fff;}
.chargeWrap .chargeBox .ico_charge01{position: relative; height: 30px; }
.chargeWrap .chargeBox .ico_charge01 .tit{height: 32px; line-height: 32px; font-size: 16px; background: url(../images/ico_charge01.png) no-repeat 0 0; padding-left: 35px; }
.chargeWrap .chargeBox .ico_charge01 .num{width: 200px; height: 32px; line-height: 32px; font-size: 16px; color: #333; text-align: right; padding-right: 35px;}
.chargeWrap .chargeBox .ico_charge01 .btn_del a{display: block; overflow: hidden; text-indent: -999em; position: absolute; top: 0px; right: 0px;  width: 30px; height: 30px; background: url(../images/btn_del.png) no-repeat 100% 2px;}
.chargeWrap .ico_charge02{border: 1px solid #ddd; background: #fff; }
.chargeWrap .ico_charge02 li{float: left; width: 132px; text-align: center; padding: 17px 0 15px; background: url(../images/bar_tab.jpg) no-repeat 0 50%;}
.chargeWrap .ico_charge02 li.first{background-image: none; }
.chargeWrap .ico_charge02 li a{color: #888; font-size: 16px; }
.chargeWrap .ico_charge02 li:hover a{color: #333;}
.chargeWrap .ico_charge03 li{position: relative; float: left; width: 167.5px; }
.chargeWrap .ico_charge03 li span{font-size: 14px; }
.chargeWrap .ico_charge03 li span.num{position: absolute; right: 10px; color: #888; }
.chargeWrap .chargeBox .tit2{height: 32px; line-height: 32px; font-size: 16px; background: url(../images/ico_charge02.png) no-repeat 0 0; padding-left: 35px; }
.chargeWrap .chargeBox .ico_charge04 li{float: left; }
.chargeWrap .chargeBox .ico_charge04 li a{display: block; width: 176px; border: 1px solid #ddd; text-align: center; padding: 20px 0 18px;}
.chargeWrap .chargeBox .ico_charge04 li.btn_bank a{background: #fff url(../images/img_bank.png) no-repeat 50% 20px;}
.chargeWrap .chargeBox .ico_charge04 li.btn_card a{background: #fff url(../images/img_card.png) no-repeat 50% 20px;}
.chargeWrap .chargeBox .ico_charge04 li a span{display: inline-block; width: 176px; color: #888; font-size: 14px; padding-top:65px; }
.chargeWrap .chargeBox .ico_charge04 li a:hover,
.chargeWrap .chargeBox .ico_charge04 li.on a{border: 1px solid #e9002d; background-color:#e8edf3;}
.chargeWrap .chargeBox .ico_charge04 li a:hover span,
.chargeWrap .chargeBox .ico_charge04 li.on a span{color: #e9002d;}
.chargeWrap .chargeBox .txt a{display: block; height: 30px; line-height: 30px; font-size: 14px; color: #888; background: url(../images/ico_check01.png) no-repeat 0 0; padding-left: 35px; }
.chargeWrap .chargeBox.on{border: 1px solid #e9002d;}
.chargeWrap .chargeBox.on .txt a{display: block; height: 30px; line-height: 30px; font-size: 14px; color: #e9002d; background: url(../images/ico_check02.png) no-repeat 0 0; padding-left: 35px; }

/* 로딩중 */
.loadingWrap{position: relative; width: 100%; }
.loadingWrap > div{position: absolute; top:100px; left: 50%; margin-left: -250px; width: 500px; height: 530px; }
.loadingWrap img{display: block; padding-top: 100px; margin: 0 auto 30px;}
.loadingWrap p{text-align: center; line-height: 1.5;}
.loadingWrap .tit{font-size: 20px; margin-bottom: 30px;}
.loadingWrap .txt{font-size: 16px; margin-bottom: 20px;}
.loadingWrap .txt2{font-size: 12px; color: #666;}

/* 회사소개 - 회사소개 */
.com_profile{width: 100%; height:997px; text-align: center; background: url(../images/bg_profile.jpg) no-repeat 0 0;}
.com_profile p.txt01{font-size:48px; line-height: 60px; color: #859291; padding-top: 110px;}
.com_profile p.txt02{font-size:32px; line-height: 48px; color: #859291; margin-bottom:50px; }
.com_profile p.txt03{font-size:24px; line-height: 48px; color: #73a974; margin-bottom:40px; }
.com_profile p.txt04{font-size:28px; line-height: 48px; color: #9dc62e;}

/* 회사소개 - 회사연혁 */
.com_history{position: relative;	width: 100%;border-top: 2px solid #666;}
.com_history .line{position: relative; border-bottom: 1px solid #ddd;}
.com_history .line > p{float: left;}
.com_history .line .year{font-size: 30px;width: 205px;padding:39px 30px 34px; }
.com_history .line .month{display: inline-block; font-size: 18px; line-height: 36px; color: #666;width: 80px;}
.com_history .line .txt{font-size: 18px; line-height: 36px;padding: 34px 0 33px;}

/* 회사소개 - 인증서 */
.docuWrap{width: 1130px; margin: 0 0 30px -30px; overflow: visible; }
.docuWrap > li{float: left; position: relative; width: 533px; border: 1px solid #ddd; margin: 0 0 30px 30px; padding: 30px 0; overflow: hidden; }
.docuWrap > li > div{float: left; }
.docuWrap .info{width: 307px; text-align: center; }
.docuWrap .info .tit{font-size: 20px; margin-top: 20px; color: #333;}
.docuWrap .info .txt{font-size: 16px; line-height: 1.5; color: #666;}
.docuWrap .img{width: 195px; border-left: 1px solid #ddd; padding-left: 30px; }
.docuWrap .img .btn{width: 160px; height: 33px; line-height: 33px; margin-top: 10px; background-color: #9ea4b2; text-align: center;}
.docuWrap .img .btn:hover{background-color: #ea002c;}
.docuWrap .img .btn a{font-size: 14px; color: #fff; padding-left: 27px; background: url(../images/docu/ico_btn.png) no-repeat 0 0;}

/* 회사소개 - 인증서 팝업 */
#popup{position: relative;}
#popup .popDocu_cloud{position: absolute; z-index: 10; left: 50%; width: 456px; margin-left: -228px; background-color: #fff;}
#popup .popDocu_cloud img{position: fixed; top: 145px;}
#popup .popDocu_cloud .popup_close_btn{position: fixed; top: 50%; left: 50%; margin-top: -290px; margin-left: 250px; }
#popup .popDocu_cloud .popup_close_btn a{display: block; overflow: hidden; text-indent: -999em; width: 50px; height: 50px; background: url(../images/popup_cloud/ico_close2.png) 0 100% no-repeat;}

/* 회사소개 - 주요고객사 */
.docuWrap{position: relative;width: 100%;}
.docuWrap table td{border: 1px solid #ddd; text-align: center;padding:30px 0px;}
.docuWrap table td p{margin-top: 15px;}

/* 회사소개 - 오시는 길 */
.mapArea{position: relative; height: 402px;}
.mapArea p{font-size: 20px; margin-left: 18px; margin-bottom: 30px;}
.mapArea.bar{border-bottom: 1px solid #c8c8c8; padding-bottom: 50px; margin-bottom: 50px;}
.mapArea dl{display: block; margin-left: 18px; margin-bottom: 15px; }
.mapArea dt{display: inline-block; width: 40px; font-size: 16px; line-height: 24px; color: #222; padding-left: 13px; background: url(../images/dot.jpg) no-repeat 0 9px; vertical-align: top;}
.mapArea dd{display: inline-block; font-size: 16px; line-height: 24px; color: #222; }
.mapArea .map {position: absolute; top: 0px; left: 400px; border:solid 1px #c8c8c8;}

/* 약관 및 정책 */
.stipulationArea h2{font-size: 24px;font-family: 'Nanum Barun Gothic Light';}
.stipulationArea h3{font-size: 18px;font-family: 'Nanum Barun Gothic Light';}
.stipulationArea h4{font-size: 16px;font-family: 'Nanum Barun Gothic UltraLight';}
.stipulationArea p{line-height: 1.5;color: #666;}
.stipulationArea > ul{margin-left: 10px; padding-left: 20px;}
.stipulationArea li{margin-bottom: 15px; font-size: 16px; line-height: 1.5; color: #666;}
.stipulationArea li span{display: inline-block; font-size: 16px; width:22px; text-align: left; margin: 0 0 0 -26px;}
.stipulationArea > ul > ul{padding-left: 30px;}
.stipulationArea li span.dep2{display: inline-block; width:30px; text-align: left; margin: 0 0 0 -34px;}
.stipulationArea li span.dep2-2{display: inline-block; width:40px; text-align: left; margin: 0 0 0 -44px;}
.stipulationArea .dot{font-size: 16px; line-height: 24px; color: #666; margin-bottom: 10px;padding-left: 13px; background: url(../images/dot.jpg) no-repeat 0 9px;}

#modal_load { display:none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.6); z-index: 333;}
#modal_load .load_wrap {width:30%; height:220px; margin:30em auto; background:url('../images/loading.gif') 50% 2em no-repeat #fff;}
#modal_load .load_wrap p {padding-top:10em; font-size:18px; font-weight:600; color:#333; text-align: center;}

#ctl00_body_modal_load { display:none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.6); z-index: 333;}
#ctl00_body_modal_load .load_wrap {width:30%; height:220px; margin:30em auto; background:url('../images/loading.gif') 50% 2em no-repeat #fff;}
#ctl00_body_modal_load .load_wrap p {padding-top:10em; font-size:18px; font-weight:600; color:#333; text-align: center;}