@charset "utf-8";

/* 콘텐츠 */
.contents .section.bgGray {background: #f7f7f7;padding: 120px 0 120px;}
.contents .section.bgWhite {background: white;padding: 120px 0 120px;}

.productP .menuTab{font-size:0;top:50px;z-index:3;width: 1180px;margin: 0 auto;}
.productP .menuTab .menuTBtn{font-size:18px;height:60px;width:calc(33.3333333%);border:1px solid #D1D4D7;position:relative;z-index:1;-webkit-transition:.3s;transition:.3s;padding:0;background:#fff;vertical-align:top;text-align: center;background-color: #F5F6F7;border-bottom: #0072DE 1px solid;}
.productP .menuTab .menuTBtn.on{background:white;color:#0072DE;border-bottom-color:#F5F6F7;border: #0072DE 1px solid;border-bottom: none;}
.productP .menuTab .menuTBtn:hover{background:white}

/*Check Point*/
.productP .CheckPoint_firstArea {width: 100%;height: auto;border-radius: 20px;text-align: center;}
.productP .CheckPoint_firstArea .mainBox {width:100%;height: 100%;max-height: 500px; position:relative;background: url(/assets/images/product/CheckPoint_bg.png) no-repeat 0 0 / cover;padding: 15% 11%;border-radius: 20px;margin-bottom: 5%;}
.productP .CheckPoint_firstArea .mainBox h2 {font-size: 42px;color: #fff;line-height: 58px;text-align: center;word-break: keep-all;text-shadow: 0px 0px 20px rgb(0 0 0 / 16%);}
.productP .CheckPoint_firstArea .mainBox h3 {font-size: 18px;color: #fff;line-height: 34px;font-weight: normal;text-align: center;word-break: keep-all;text-shadow: 0px 0px 20px rgb(0 0 0 / 16%);}
.productP .CheckPoint_firstArea span {color: black;font-size: 16px;font-weight: bold;margin-left: -7%;}
.productP .CheckPoint_firstArea span:after{position: absolute;display: inline-block;content: "";width: 24px;height: 24px;background: url(/assets/images/product/download_icon.png)no-repeat;background-size: contain;margin-left: 4px ;margin-top: -2px;}
.productP .CheckPoint_firstArea button.emphs{position: relative;width: 100%;max-width: 300px;border:1px solid black;box-shadow: 0px 0px 30px 0px rgb(0 0 0 / 8%); height: 72px;border-radius: 36px;padding: 0;border: none;margin-bottom: 120px;transition: all 0.1s;}
.productP .CheckPoint_firstArea h2{font-weight: bold;text-align: left;font-size: 38px;padding-bottom: 3%;}
.productP .CheckPoint_firstArea p{text-align: left;font-size: 18px;padding-bottom: 3%;color: #505050;line-height: 34px;}
.productP .CheckPoint_firstArea .buttonBox{width: 100%;text-align: center;}
.productP .CheckPoint_firstArea button:hover {color: #fff;background: #0072DE !important;box-shadow: 0 0 30px 0 rgb(0 0 0 / 8%);}
.productP .CheckPoint_firstArea button:hover span {color: #fff;}
.productP .CheckPoint_firstArea button:hover span:after {background: url(/assets/images/support/icon_pdf_download_on.svg) no-repeat 0 0;}


.productP .CheckPoint_phraseArea .phraseBox {width: 100%;margin-bottom: 60px;}
.productP .CheckPoint_phraseArea .phraseBox h2 {font-size: 52px;color:black;line-height: 141%;text-align: center;word-break: keep-all;font-weight: bold;}
.productP .CheckPoint_phraseArea .phraseBox h3 {font-size: 32px;text-align: center;font-weight: 500;color: #191919;margin-bottom: 1%;}
.productP .CheckPoint_phraseArea .phraseBox h2:after{position: relative;display: block;content: "";width: 40px;height: 1px;vertical-align: middle;background: #505050;margin: 0 auto;margin-top: 2%;margin-bottom: 2%;}
.productP .CheckPoint_phraseArea .lightText {font-size: 18px;color:#505050;line-height: 34px;text-align: center;word-break: keep-all;margin-bottom: 2%;}
.productP .CheckPoint_phraseArea ul{justify-content:space-around;margin: 0 auto;}
.productP .CheckPoint_phraseArea ul li{width: calc(20%);font-size: 42px;text-align: center;float: left;}
.productP .CheckPoint_phraseArea ul li:not(:last-child):after{position: relative;display: block;content: "";width: 1px;height: 50px;vertical-align: middle;background: #DBDBDB;margin: 0 auto;margin-top: -39%;margin-right: 1%;}
.productP .CheckPoint_phraseArea ul span{font-size: 18px;text-align: center;padding-bottom: 19px;}
.productP .CheckPoint_phraseArea ul span:before{display: block;width: 52px;height: 52px;margin: 0 auto 9px;content: "";background: url(/assets/images/product/checkpoint_icon_01.png) no-repeat;box-sizing: border-box;}
.productP .CheckPoint_phraseArea ul .p1 span:before{background: url(/assets/images/product/checkpoint_icon_01.png)}
.productP .CheckPoint_phraseArea ul .p2 span:before{background: url(/assets/images/product/checkpoint_icon_02.png)}
.productP .CheckPoint_phraseArea ul .p3 span:before{background: url(/assets/images/product/checkpoint_icon_03.png)}
.productP .CheckPoint_phraseArea ul .p4 span:before{background: url(/assets/images/product/checkpoint_icon_04.png)}
.productP .CheckPoint_phraseArea ul .p5 span:before{background: url(/assets/images/product/checkpoint_icon_05.png)}


.productP .CheckPoint_serviceArea{width: 100%;max-width: 1180px;margin: 0 auto;}
.productP .CheckPoint_serviceArea h2{font-weight: bold;text-align: left;font-size: 38px;padding-bottom: 3%;}
.productP .CheckPoint_serviceArea h2 span{display: none;}
.productP .CheckPoint_serviceArea p{text-align: left;font-size: 18px;padding-bottom: 3%;color: #505050;line-height: 34px;font-weight: 400;}
.productP .CheckPoint_serviceArea .serviceImageBox{padding: 0%;width: 100%; box-shadow: 0px 0px 30px 0px rgb(0 0 0 / 8%);border-radius: 10px;text-align: center;padding-top: 3%;padding-bottom: 3%;margin-bottom: 5%;
border: 1px solid #DBDBDB;}
.productP .CheckPoint_serviceArea .serviceImageBox img{border-radius: 10px;}
.productP .CheckPoint_serviceArea .serviceImage{max-width: none;}

.productP .CheckPoint_serviceArea_02{width: 100%;max-width: 1180px;margin: 0 auto;}
.productP .CheckPoint_serviceArea_02 h2{font-weight: bold;text-align: left;font-size: 38px;padding-bottom: 3%;line-height: normal;}
.productP .CheckPoint_serviceArea_02 h2 span{display: none;}
.productP .CheckPoint_serviceArea_02 p{text-align: left;font-size: 18px;padding-bottom: 3%;color: #505050;line-height: 34px;font-weight: 400;word-break: keep-all;}
.productP .CheckPoint_serviceArea_02 .serviceImageBox{margin-bottom: 5%;}
.productP .CheckPoint_serviceArea_02 .serviceImage{max-width: none;}

.productP .tb_info{margin-top: 2%;}
.productP .tb_info ul li{margin-top: 5px;font-size: 14px;position: relative;left: 0;}

.productP .CheckPoint_itemBoxArea  {padding: 0;margin-left: -10px;margin-right: -10px;display: flex;flex-flow: wrap;margin-top: 40px;} 
.productP .CheckPoint_itemBoxArea  div{width: calc(50% - 20px);height: auto;margin-left: 10px;margin-right: 10px;background: white;padding: 35px 35px 32px;border-radius: 10px;margin-bottom: 15px;border: 1px solid #DBDBDB;box-shadow: 0 0 30px 0 rgb(0 0 0 / 8%);}
.productP .CheckPoint_itemBoxArea  div p.tit {width: 100%;font-size: 24px;font-weight: bold;padding-bottom: 3%;}
.productP .CheckPoint_itemBoxArea  div p.desc {font-size: 16px;color: black;line-height: 28px;}
.productP .CheckPoint_itemBoxArea  ul{float: left;width: 100%;line-height: 26px;color: #505050;}
.productP .CheckPoint_itemBoxArea  li{display: inline-block;width: calc(50%);font-size: 16px;float: left;}
.productP .CheckPoint_itemBoxArea li{font-weight: 400;}



/*table*/
.tablebox {width: 100%;overflow: auto;}
.license{background-color: white !important;}
.license_table{height: 150px;width: 100%;padding-left: 4%;padding-right: 4%;}
.table-striped th, .table-striped td {vertical-align: middle;border: 1px solid #DBDBDB;font-size: 14px;outline: 0 !important;background-color: #EEF5FE;}
.contWrap .pdtable .table-striped th,
.contWrap .pdtable .table-striped td {vertical-align: middle;border: 1px solid #DBDBDB;height: 70px;font-size: 14px;outline: 0 !important;background-color: #EEF5FE;}
.pdtable .table-striped td {height: auto;padding: 20px 5px;font-size: 13px;font-weight: 500;border-color: #DBDBDB;background: #fff;}
.tbCate1 {height: 280px;padding-top: 42px;}
.tbCateLine h4 {width: 100%;background: #d3dbe4;margin-bottom: 1px;line-height: 1.3;font-weight: 500;text-transform: uppercase;}
td.bgTh {padding-left: 20px;}
th, td{vertical-align: middle;border: 1px solid #2D2F33;height: 39px;font-size: 14px;outline: 0 !important;background-color: #F5F6F7;}
tbody{text-align: center;}
.contWrap .pdtable .table-striped th:first-child,
.contWrap .pdtable .table-striped td:first-child {border-left: 0;}
.sticky-cell{background-color: #EEF5FE;}
.tbCateLine {position: absolute;top: 71px;z-index: 10;width: 30px;font-size: 14px;}
.tbCate1 {height: 280px;padding-top: 42px;}
.tbCateLine h4 {width: 100%;background: #d3dbe4;margin-bottom: 1px;line-height: 1.3;font-weight: 500;text-transform: uppercase;}
.vertical{word-break: break-all;padding: 0 12px;}
thead{border-top: 2px solid #0071DC !important;}

.sticky-table {overflow: auto;}
.sticky-table,
.sticky-table table {max-width: 100%;padding: 0!important;}
.sticky-table table.pumpTable {max-width: initial; width: 100%;}
/*
.sticky-table.sticky-ltr-cells table td.sticky-cell, .sticky-table.sticky-ltr-cells table th.sticky-cell, .sticky-table.sticky-rtl-cells table td.sticky-cell-opposite, .sticky-table.sticky-rtl-cells table th.sticky-cell-opposite, .vertical{left: 0;}

.sticky-cell .bgTh, .vertical{left: 0;}

.sticky-cell, 
.vertical{position: sticky;z-index: 10;}
*/
.bgTh{background-color: #F7F7F7 !important;}
/*Nutanix*/
.productP .Nutanix_firstArea {width: 100%;height: auto;border-radius: 20px;text-align: center;}
.productP .Nutanix_firstArea .mainBox {width:100%;height: 100%;max-height: 500px; position:relative;background: url(/assets/images/product/Nutanix_bg.png) no-repeat 0 0 / cover;padding: 12% 17%;border-radius: 20px;margin-bottom: 10%;background-position: center;}
.productP .Nutanix_firstArea .mainBox h2 {font-size: 42px;color: #fff;line-height: 58px;text-align: center;word-break: keep-all;text-shadow: 0px 0px 20px rgb(0 0 0 / 16%);}
.productP .Nutanix_firstArea .mainBox h3 {font-size: 18px;color: #fff;line-height: 34px;font-weight: normal;text-align: center;word-break: keep-all;text-shadow: 0px 0px 20px rgb(0 0 0 / 16%);margin-top: 2%;}
.productP .Nutanix_firstArea span {color: black;font-size: 18px;font-weight: bold;margin-left: -7%;}
.productP .Nutanix_firstArea span:after{position: absolute;display: inline-block;content: "";width: 24px;height: 24px;background: url(/assets/images/product/download_icon.png)no-repeat;background-size: contain;margin-left: 11px ;margin-top: -2px;}
.productP .Nutanix_firstArea button.emphs{position: relative;width: 100%;max-width: 300px;border:1px solid black;box-shadow: 0 0 30px 0 rgb(0 0 0 / 8%); height: 72px;border-radius: 36px;padding: 0;border: none;margin-bottom: 120px;}

.productP .Nutanix_serviceArea h2{font-weight: bold;text-align: left;font-size: 38px;padding-bottom: 3%;}
.productP .Nutanix_serviceArea span{display: none;}
.productP .Nutanix_serviceArea p{text-align: left;font-size: 18px;padding-bottom: 3%;color: #505050;line-height: 34px;}
.productP .Nutanix_serviceArea .buttonBox{width: 100%;text-align: center;margin-bottom: 5%;}
/*.productP .Nutanix_serviceArea .serviceImage{background: url(/assets/images/product/Nutanix_infographic_01_pc.png)no-repeat center center;background-size: cover;}*/
.productP .Nutanix_serviceArea .serviceImageBox{border-radius: 10px;box-shadow: 0px 0px 30px rgb(0 0 0 / 8%);width: 100%;float: left;}
.productP .Nutanix_serviceArea img{border-radius: 10px;}

.productP .nutanix_info_mo{display: none;border-radius: 10px;}

.productP .contentsbox{width: 100%;height: auto;}
.productP .contentsbox h2{font-size: 38px;margin-bottom: 30px;}
.productP .contentsbox .box1{width:calc(32%); height: 400px;border-radius: 10px;box-shadow: 0px 0px 30px rgb(0 0 0 / 16%);float: left;margin-right: 2%;}
.productP .contentsbox .box2{width:calc(32%); height: 400px;border-radius: 10px;box-shadow: 0px 0px 30px rgb(0 0 0 / 16%);float: left;margin-right: 2%;}
.productP .contentsbox .box3{width:calc(32%); height: 400px;border-radius: 10px;box-shadow: 0px 0px 30px rgb(0 0 0 / 16%);float: left;}

.productP .contentsbox .box1 .imgBox{float: left;width: 100%;height: 100%;max-height:200px; background: url(/assets/images/product/Nutanix_contents_01.png) no-repeat  center center;background-size: cover;border-top-left-radius: 10px;border-top-right-radius: 10px;}
.productP .contentsbox .box2 .imgBox{float: right;width: 100%;height: 100%;max-height:200px; background: url(/assets/images/product/Nutanix_contents_02.png) no-repeat center center;background-size: cover;border-top-left-radius: 10px;border-top-right-radius: 10px;}
.productP .contentsbox .box3 .imgBox{float: left;width: 100%;height: 100%;max-height:200px; background: url(/assets/images/product/Nutanix_contents_03.png) no-repeat center center;background-size: cover;border-top-left-radius: 10px;border-top-right-radius: 10px;}

.productP .contentsbox .box1 .phraseBox{float:right; width: 100%; height: 100%;max-height: 200px; padding: 8% 7%;}
.productP .contentsbox .box2 .phraseBox{float:right; width: 100%; height: 100%;max-height: 200px; padding: 8% 7%;}
.productP .contentsbox .box3 .phraseBox{float:right; width: 100%; height: 100%;max-height: 200px; padding: 8% 7%;}

.productP .contentsbox .p1{font-size: 29px;margin-bottom: 2%;font-weight: bold;line-height: 40px;width: max-content;width: 100%;float: left;}
.productP .contentsbox .p2{font-size: 16px;color: #505050;line-height: 25px;margin-top: -1%;font-weight: 500;height: 50%;padding-top: 3%;width: 100%;float: left;}


.productP .nutanix_iconArea_01 {padding: 0;display: flex;flex-flow: wrap;}
.productP .nutanix_iconArea_01 h2 {font-size: 38px;font-weight: 700;}
.productP .nutanix_iconArea_01 ul {position: relative; overflow: hidden;display: flex;flex-flow: wrap;justify-content: space-between;}
.productP .nutanix_iconArea_01 ul li {position: relative; float: left;width: calc(49%);height:200px;background: #ffffff;padding: 30px;border-radius: 10px;background-repeat: no-repeat;background-position: right bottom;border: 1px solid #dbdbdb;margin-top: 2%;}
.productP .nutanix_iconArea_01 ul li span{font-weight: 600;}
.productP .nutanix_iconArea_01 ul li p.desc {font-size: 16px;line-height: 28px;padding-bottom: 22px;color: #505050;}
.productP .nutanix_iconArea_01 ul li p.tit {font-size: 24px;font-weight: 500;letter-spacing: 0px;margin-bottom: 14px;line-height: initial;}
.productP .nutanix_iconArea_01 ul li::after {position: absolute;top: 133px;right: 16px;bottom:20px;display: block;width: 52px;height: 52px;content:"";vertical-align: middle;}
.productP .nutanix_iconArea_01 ul li.p01::after {background: url(/assets/images/product/Nutanix_icon_01.png) no-repeat 0 0 / contain;}
.productP .nutanix_iconArea_01 ul li.p02::after {background: url(/assets/images/product/Nutanix_icon_02.png) no-repeat 0 0 / contain;}
.productP .nutanix_iconArea_01 ul li.p03::after {background: url(/assets/images/product/Nutanix_icon_03.png) no-repeat 0 0 / contain;}
.productP .nutanix_iconArea_01 ul li.p04::after {background: url(/assets/images/product/Nutanix_icon_04.png) no-repeat 0 0 / contain;}


.productP .nutanix_iconArea_02 {padding: 0;display: flex;flex-flow: wrap;}
.productP .nutanix_iconArea_02 h2 {font-size: 38px;font-weight: 700;}
.productP .nutanix_iconArea_02 ul {position: relative; overflow: hidden;display: flex;flex-flow: wrap;justify-content: space-between;}
.productP .nutanix_iconArea_02 ul li {position: relative; float: left;width: calc(49%);height:250px;background: #ffffff;padding: 30px;border-radius: 10px;background-repeat: no-repeat;background-position: right bottom;border: 1px solid #dbdbdb;margin-top: 2%;}
.productP .nutanix_iconArea_02 ul li span{font-weight: 600;}
.productP .nutanix_iconArea_02 ul li p.desc {font-size: 16px;line-height: 28px;padding-bottom: 22px;color: #505050;}
.productP .nutanix_iconArea_02 ul li p.tit {font-size: 24px;font-weight: 500;letter-spacing: 0px;margin-bottom: 14px;line-height: initial;}
.productP .nutanix_iconArea_02 ul li::after {position: absolute;top: 177px;right: 16px;bottom:20px;display: block;width: 52px;height: 52px;content:"";vertical-align: middle;}
.productP .nutanix_iconArea_02 ul li.p05::after {background: url(/assets/images/product/Nutanix_icon_05.png) no-repeat 0 0 / contain;}
.productP .nutanix_iconArea_02 ul li.p06::after {background: url(/assets/images/product/Nutanix_icon_06.png) no-repeat 0 0 / contain;}
.productP .nutanix_iconArea_02 ul li.p07::after {background: url(/assets/images/product/Nutanix_icon_07.png) no-repeat 0 0 / contain;}
.productP .nutanix_iconArea_02 ul li.p08::after {background: url(/assets/images/product/Nutanix_icon_08.png) no-repeat 0 0 / contain;}


/*Array networks*/
.productP .arraynetworks_firstArea {width: 100%;height: auto;border-radius: 20px;text-align: center;}
.productP .arraynetworks_firstArea .mainBox {width:100%;height: 100%;min-height: 500px; position:relative;background: url(/assets/images/product/Arraynetworks_bg.png) no-repeat 0 0 / cover;padding: 10% 9%;border-radius: 20px;margin-bottom: 5%;}
.productP .arraynetworks_firstArea .mainBox h2 {font-size: 42px;color: #fff;line-height: 58px;text-align: center;word-break: keep-all;margin-top: -2%;}
.productP .arraynetworks_firstArea .mainBox h3 {font-size: 18px;color: #fff;line-height: 34px;font-weight: 400;text-align: center;word-break: keep-all;text-shadow: 0px 0px 20px rgb(0 0 0 / 16%);margin-top: 2%;}
.productP .arraynetworks_firstArea .bold {font-weight: bolder;}
.productP .arraynetworks_firstArea .buttonBox span {color: black;font-size: 18px;font-weight: bold;margin-left: -7%;}
.productP .arraynetworks_firstArea .buttonBox span:after{position: absolute;display: inline-block;content: "";width: 24px;height: 24px;background: url(/assets/images/product/download_icon.png)no-repeat;background-size: contain;margin-left: 11px ;margin-top: -2px;}
.productP .arraynetworks_firstArea button.emphs{position: relative;width: 100%;max-width: 300px;border:1px solid black;box-shadow: 0 0 30px 0 rgb(0 0 0 / 8%); height: 72px;border-radius: 36px;padding: 0;border: none;margin-bottom: 120px;transition: all 0.1s;}
.productP .arraynetworks_firstArea button:hover {color: #fff;background: #0072DE !important;box-shadow: 0 0 30px 0 rgb(0 0 0 / 8%);}
.productP .arraynetworks_firstArea button:hover span {color: #fff;}
.productP .arraynetworks_firstArea button:hover span:after {background: url(/assets/images/support/icon_pdf_download_on.svg) no-repeat 0 0;}


.productP .arraynetworks_iconArea {padding: 0;display: flex;flex-flow: wrap;}
.productP .arraynetworks_iconArea h2 {font-size: 38px;font-weight: 700;}
.productP .arraynetworks_iconArea ul {overflow: hidden;display: flex;flex-flow: wrap;justify-content: space-between;}
.productP .arraynetworks_iconArea ul li {float: left;width: calc(49%);min-height: 200px;background: #F7F7F7;padding: 30px;border-radius: 10px;background-repeat: no-repeat;background-position: right bottom;border: 1px solid #DBDBDB;margin-top: 3%;}
.productP .arraynetworksiconArea ul li span{font-weight: 600;}
.productP .arraynetworks_iconArea ul li p.desc {font-size: 16px;line-height: 28px;color: #505050;}
.productP .arraynetworks_iconArea ul li p.tit {position: relative;font-size: 24px;font-weight: 500;letter-spacing: 0px;margin-bottom: 14px;line-height: initial;position: relative;}
.productP .arraynetworks_iconArea ul li p.tit::after {position: absolute;right: 0; top: 83px;display: block;width: 52px;height: 52px;content:"";vertical-align: middle;float: right;}

.productP .lab_iconArea {padding: 0;display: flex;flex-flow: wrap;}
.productP .lab_iconArea h2 {font-size: 38px;font-weight: 700;}
.productP .lab_iconArea ul {overflow: hidden;display: flex;flex-flow: wrap;justify-content: space-between;}
.productP .lab_iconArea ul li {float: left;width: calc(49%);height:282px;background: #ffffff;padding: 30px;border-radius: 10px;background-repeat: no-repeat;background-position: right bottom;border: 1px solid #dbdbdb;margin-top: 3%;}
.productP .lab_iconArea ul li span{font-weight: 600;}
.productP .lab_iconArea ul li p.desc {font-size: 16px;line-height: 28px;margin-bottom: 12px;color: #505050;}
.productP .lab_iconArea ul li p.tit {position: relative;font-size: 24px;font-weight: 500;letter-spacing: 0px;margin-bottom: 14px;line-height: initial;position: relative;}
.productP .lab_iconArea ul li p.tit::after {position: absolute;right: 0; top: 83px;display: block;width: 52px;height: 52px;content:"";vertical-align: middle;float: right;width: 100%;background-position: right;top: 527%;}
.productP .lab_iconArea ul li.p01 p.tit::after {background: url(/assets/images/product/arraynetworks_icon_01.png) no-repeat 0 0 / contain;background-position: right;}
.productP .lab_iconArea ul li.p02 p.tit::after {background: url(/assets/images/product/arraynetworks_icon_02.png) no-repeat 0 0 / contain;background-position: right;}
.productP .lab_iconArea ul li.p03 p.tit::after {background: url(/assets/images/product/arraynetworks_icon_03.png) no-repeat 0 0 / contain;background-position: right;}
.productP .lab_iconArea ul li.p04 p.tit::after {background: url(/assets/images/product/arraynetworks_icon_04.png) no-repeat 0 0 / contain;background-position: right;}

/*Monito Rapp*/
.productP .monitorapp_firstArea {width: 100%;height: auto;border-radius: 20px;text-align: center;}
.productP .monitorapp_firstArea .mainBox {width:100%;height: 100%;max-height: 500px; position:relative;background: url(/assets/images/product/MonitoRapp_bg.png) no-repeat 0 0 / cover;padding: 16% 13%;border-radius: 20px;margin-bottom: 12%;}
.productP .monitorapp_firstArea .mainBox h2 {font-size: 42px;color: #fff;line-height: 58px;text-align: center;word-break: keep-all;text-shadow: 0px 0px 20px rgb(0 0 0 / 16%);}
.productP .monitorapp_firstArea .mainBox h3 {font-size: 18px;color: #fff;line-height: 34px;font-weight: normal;text-align: center;word-break: keep-all;text-shadow: 0px 0px 20px rgb(0 0 0 / 16%);margin-top: 2%;}
.productP .monitorapp_firstArea span {color: black;font-size: 18px;font-weight: bold;margin-left: -7%;}
.productP .monitorapp_firstArea span:after{position: absolute;display: inline-block;content: "";width: 24px;height: 24px;background: url(/assets/images/product/download_icon.png)no-repeat;background-size: contain;margin-left: 11px ;margin-top: -2px;}
.productP .monitorapp_firstArea button.emphs{position: relative;width: 100%;max-width: 300px;border:1px solid black;box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.2); height: 72px;border-radius: 36px;padding: 0;border: none;margin-bottom: 120px;}

.productP .monitorapp_iconArea h2 {font-size: 24px;font-weight: 700;margin-top: 40px;padding-bottom: 0%;}
.productP .monitorapp_iconArea ul {overflow: hidden;margin-left: -10px;margin-right: -10px;}
.productP .monitorapp_iconArea ul li {float: left;width: 100%;background: #F7F7F7;padding: 31px 26px;border-radius: 10px;background-repeat: no-repeat;background-position: right bottom;border: 1px solid #DBDBDB;margin-bottom: 50px;margin-top: 20px;}
.productP .monitorapp_iconArea ul li span{font-weight: 600;}
.productP .monitorapp_iconArea ul li p.desc {font-size: 16px;line-height: 26px;color: #505050;font-weight: 450;padding-bottom: 0px;}

.productP .monitorapp_iconArea .p02 ul li{font-size: 14px;float: left;width: auto;background: white;margin-bottom: 10px;margin-top: 10px;padding: 1.5%;border: none;margin-left: 5%;margin-left: 1%;
border-radius: 23px;}

.productP .monitorapp_serviceArea img{padding: 5% 16% 5% 16%;}
.productP .monitorapp_serviceArea{width: 100%;max-width: 1180px;margin: 0 auto;}
.productP .monitorapp_serviceArea h2{font-weight: bold;text-align: left;font-size: 38px;padding-bottom: 3%;line-height: normal;}
.productP .monitorapp_serviceArea h2 span{display: none;}
.productP .monitorapp_serviceArea p{text-align: left;font-size: 18px;padding-bottom: 3%;color: #505050;line-height: 34px;font-weight: 500;}
.productP .monitorapp_serviceArea .serviceImageBox{padding: 0%;width: 100%;box-shadow: 0 0 30px 0 rgb(0 0 0 / 8%);border-radius: 10px;text-align: center;padding-top: 5%;padding-bottom: 5%;margin-bottom: 5%;background-color: white;}
.productP .monitorapp_serviceArea .serviceImageBox img{border-radius: 10px;}
.productP .monitorapp_serviceArea .serviceImage{max-width: none;}
.productP .monitorapp_serviceImageBox{margin-top: 5%;}



/*Gigamon*/
.productP .gigamon_firstArea {width: 100%;height: auto;border-radius: 20px;text-align: center;}
.productP .gigamon_firstArea .mainBox {width:100%;height: 100%;max-height: 500px; position:relative;background: url(/assets/images/product/Gigamon_bg.png) no-repeat 0 0 / cover;padding: 16% 17%;border-radius: 20px;margin-bottom: 12%;}
.productP .gigamon_firstArea .mainBox h2 {font-size: 42px;color: #fff;line-height: 58px;text-align: center;word-break: keep-all;text-shadow: 0px 0px 20px rgb(0 0 0 / 16%);}
.productP .gigamon_firstArea .mainBox h3 {font-size: 18px;color: #fff;line-height: 34px;font-weight: normal;text-align: center;word-break: keep-all;text-shadow: 0px 0px 20px rgb(0 0 0 / 16%);margin-top: 2%;}
.productP .gigamon_firstArea span {color: black;font-size: 18px;font-weight: bold;margin-left: -7%;}
.productP .gigamon_firstArea span:after{position: absolute;display: inline-block;content: "";width: 24px;height: 24px;background: url(/assets/images/product/download_icon.png)no-repeat;background-size: contain;margin-left: 11px ;margin-top: -2px;}
.productP .gigamon_firstArea button.emphs{position: relative;width: 100%;max-width: 300px;border:1px solid black;box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.2); height: 72px;border-radius: 36px;padding: 0;border: none;margin-bottom: 120px;}

.productP .gigamon_iconArea h2 {font-size: 38px;font-weight: 700;margin-bottom: 20px;}
.productP .gigamon_iconArea h3 {font-size: 18px;font-weight: 500;}
.productP .gigamon_iconArea ul {display: flex;flex-flow: wrap;}
.productP .gigamon_iconArea ul li {float: left;width: calc(33%);min-height: 200px;background: #ffffff;padding: 10px;border-radius: 10px;background-repeat: no-repeat;background-position: right bottom;border: 1px solid #dbdbdb;margin-top: 2%;box-shadow: 0 0 30px 0 rgb(0 0 0 / 8%);}
.productP .gigamon_iconArea span{font-weight: 600;font-size: 30px;}
.productP .gigamon_iconArea ul li p{word-break: keep-all;}
.productP .gigamon_iconArea ul li p.desc {font-size: 16px;line-height: 28px;margin-bottom: 12px;color: #505050;}
.productP .gigamon_iconArea ul li p.tit {position: relative;font-size: 24px;font-weight: 500;letter-spacing: 0px;margin-bottom: 14px;line-height: initial;position: relative;}
.productP .gigamon_iconArea ul li p.tit::after {position: absolute;right: 0; top: 83px;display: block;width: 52px;height: 52px;content:"";vertical-align: middle;float: right;}

.productP .gigamon_phraseArea .phraseBox {width: 100%;margin-bottom: 60px;}
.productP .gigamon_phraseArea .phraseBox h2 {font-size: 52px;color:black;line-height: 141%;text-align: center;word-break: keep-all;font-weight: bold;}
.productP .gigamon_phraseArea .phraseBox h3 {font-size: 32px;text-align: center;font-weight: normal;}
.productP .gigamon_phraseArea .phraseBox h2:after{position: relative;display: block;content: "";width: 40px;height: 1px;vertical-align: middle;background: #505050;margin: 0 auto;margin-top: 2%;margin-bottom: 2%;;}
.productP .gigamon_phraseArea .lightText {font-size: 16px;color:#505050;line-height: 26px;text-align: center;word-break: keep-all;margin-bottom: 2%;}
.productP .gigamon_phraseArea ul{justify-content:space-between;}
.productP .gigamon_phraseArea ul li{width: calc(32%);font-size: 42px;text-align: center;margin-left: 0;min-height: 240px;}
.productP .gigamon_phraseArea ul p{font-size: 18px;text-align: center;padding-bottom: 19px;padding-top: 10%;}
.productP .gigamon_phraseArea ul p:before{display: block;width: 52px;height: 52px;margin: 0 auto 22px;content: "";background: url(/assets/images/product/checkpoint_icon_01.png) no-repeat;background-color: #fff;box-sizing: border-box;}
.productP .gigamon_phraseArea ul .p1 p:before{background: url(/assets/images/product/gigamon_icon_01.png)no-repeat}
.productP .gigamon_phraseArea ul .p2 p:before{background: url(/assets/images/product/gigamon_icon_02.png)no-repeat}
.productP .gigamon_phraseArea ul .p3 p:before{background: url(/assets/images/product/gigamon_icon_03.png)no-repeat}
.productP .gigamon_phraseArea ul .p4 p:before{background: url(/assets/images/product/gigamon_icon_04.png)no-repeat}
.productP .gigamon_phraseArea ul .p5 p:before{background: url(/assets/images/product/gigamon_icon_05.png)no-repeat}
.productP .gigamon_phraseArea ul .p6 p:before{background: url(/assets/images/product/gigamon_icon_06.png)no-repeat}
.productP .gigamon_phraseArea ul .p7 p:before{background: url(/assets/images/product/gigamon_icon_07.png)no-repeat}
.productP .gigamon_phraseArea ul .p8 p:before{background: url(/assets/images/product/gigamon_icon_08.png)no-repeat}
.productP .gigamon_phraseArea ul .p9 p:before{background: url(/assets/images/product/gigamon_icon_09.png)no-repeat}

.productP .gigamon_contentsbox{width: 100%;height: auto;word-break: keep-all;}
.productP .gigamon_contentsbox .box1{width:100%; height: 420px;border-radius: 20px;box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.08);}
.productP .gigamon_contentsbox .box1 .imgBox{float: left;width: 50%;height: 420px;background: url(/assets/images/product/gigamon_img.png) no-repeat center center;border-top-left-radius: 20px;border-bottom-left-radius: 20px;}
.productP .gigamon_contentsbox .box1 .phraseBox{float:right; width: 50%;padding: 6.7%;height: 420px;background-color: white;border-top-right-radius: 20px;border-bottom-right-radius: 20px;}
.productP .gigamon_contentsbox h2{font-size: 38px;margin-bottom: 8%;}
.productP .gigamon_contentsbox p{font-size: 16px;color: #505050;letter-spacing: -1.32px;line-height: 1.75;font-weight: normal;}

.productP .gigamon_serviceArea_01 h2{font-weight: bold;text-align: left;font-size: 38px;padding-bottom: 3%;}
.productP .gigamon_serviceArea_01 span{display: none;}
.productP .gigamon_serviceArea_01 p{text-align: left;font-size: 18px;padding-bottom: 3%;color: #505050;line-height: 34px;}
.productP .gigamon_serviceArea_01 .serviceImageBox{border-radius: 10px;box-shadow: 0px 0px 30px rgb(0 0 0 / 8%);width: 100%;float: left;overflow: hidden;}

.productP .gigamon_serviceArea_02 h2{font-weight: bold;text-align: left;font-size: 38px;padding-bottom: 3%;padding-top: 3% !important;}
.productP .gigamon_serviceArea_02 span{display: none;}
.productP .gigamon_serviceArea_02 p{text-align: left;font-size: 18px;padding-bottom: 3%;color: #505050;line-height: 34px;}
.productP .gigamon_serviceArea_02 .serviceImageBox{border-radius: 10px;box-shadow: 0px 0px 30px rgb(0 0 0 / 8%);width: 100%;float: left;margin-right: 10px;}

.productP .gigamon_colorCircleArea{padding: 0;}
.productP .gigamon_colorCircleArea h2 {font-size: 30px;font-weight: 700;margin-bottom: 40px;text-align: center;padding-bottom: 0%;margin-top: 7%;}
.productP .gigamon_colorCircleArea ul {text-align: center;margin-bottom: 10%;}
.productP .gigamon_colorCircleArea ul li {display: inline-grid; width: 180px; height: 180px;border-radius: 50%;
box-sizing: border-box; border: 17px;margin: 6.1px;
border: 15px solid transparent;
background-image:linear-gradient(to bottom right , #9D67E2, #1A90FF), linear-gradient(#F7F7F7, #F7F7F7);
background-origin: border-box;
background-clip: content-box, border-box;
}
.productP .gigamon_colorCircleArea ul li p.tit {position: relative;font-size: 14px;font-weight: 700;margin-bottom: 14px;margin-top: 50%;color: black;text-align: center;line-height: normal;}
.productP .gigamon_colorCircleArea ul li p.desc_top {font-size: 27px;line-height: 34px;margin-top:58px;font-weight: bold;color: white;text-align: center;}
.productP .gigamon_colorCircleArea ul li .p01 .desc_top{padding-bottom: 5px;}

.productP .ps_Area {display: table;width: 80%;height: 114px;background-color: #F7F7F7;border-radius: 20px;padding: 0 5%;margin-bottom: 86px;/* background-size: 100% 100%; */-webkit-transition: all 0.2s;transition: all 0.2s;margin: 0 auto;margin-bottom: 7%;}
.productP .ps_Area .phraseBox {display: table-cell;vertical-align: middle;}
.productP .ps_Area .phraseBox P {font-size: 16px;color:#505050;line-height: 25px;text-align: left;display:table-header-group;}

/*Piolink*/
.productP .piolink_firstArea {width: 100%;height: auto;border-radius: 20px;text-align: center;}
.productP .piolink_firstArea .mainBox {width:100%;height: 100%;max-height: 500px; position:relative;background: url(/assets/images/product/Piolink_bg.png) no-repeat 0 0 /cover;padding: 14% 9%;border-radius: 20px;margin-bottom: 5%;}
.productP .piolink_firstArea .mainBox h2 {font-size: 42px;color: #fff;line-height: 58px;text-align: center;word-break: keep-all;text-shadow: 0px 0px 20px rgb(0 0 0 / 16%);}
.productP .piolink_firstArea .mainBox h3 {font-size: 18px;color: #fff;line-height: 34px;font-weight: normal;text-align: center;word-break: keep-all;text-shadow: 0px 0px 20px rgb(0 0 0 / 16%);margin-top: 2%;}
.productP .piolink_firstArea span {color: black;font-size: 18px;font-weight: bold;margin-left: -7%;}
.productP .piolink_firstArea span:after{position: absolute;display: inline-block;content: "";width: 24px;height: 24px;background: url(/assets/images/product/download_icon.png)no-repeat;background-size: contain;margin-left: 11px ;margin-top: -2px;}
.productP .piolink_firstArea button.emphs{position: relative;width: 100%;max-width: 300px;border:1px solid black;box-shadow: 0 0 30px 0 rgb(0 0 0 / 8%); height: 72px;border-radius: 36px;padding: 0;border: none;margin-bottom: 120px;transition: all 0.1s;}
.productP .piolink_firstArea button:hover {color: #fff;background: #0072DE !important;box-shadow: 0 0 30px 0 rgb(0 0 0 / 8%);}
.productP .piolink_firstArea button:hover span {color: #fff;}
.productP .piolink_firstArea button:hover span:after {background: url(/assets/images/support/icon_pdf_download_on.svg) no-repeat 0 0;}

.productP .piolink_startArea {width: 100%;height: auto;border-radius: 20px;}
.productP .piolink_startArea .phraseBox {width: 100%;}
.productP .piolink_startArea .phraseBox h2 {font-size: 52px;color:black;line-height: 141%;text-align: center;word-break: keep-all;}
.productP .piolink_startArea .phraseBox h2:after{position: relative;display: block;content: "";width: 40px;height: 1px;vertical-align: middle;background: #505050;margin: 0 auto;margin-top: 4%;margin-bottom: 4%;;}
.productP .piolink_startArea .lightText {font-size: 16px;color:#505050;line-height: 34px;text-align: center;word-break: keep-all;margin-bottom: 1%;}
.productP .piolink_startArea .boldText {font-size: 18px;color: #191919;line-height: 34px;text-align: center;word-break: keep-all;font-weight: bold;margin-bottom: 40px;}
.productP .piolink_startArea .topText {font-size: 32px;color: #191919;line-height: 34px;text-align: center;word-break: keep-all;font-weight:normal;margin-bottom: 20px;}


.productP .piolink_colorCircleArea{padding: 0;}
.productP .piolink_colorCircleArea h2 {font-size: 38px;font-weight: 700;margin-bottom: 40px;}
.productP .piolink_colorCircleArea ul {text-align: center;margin-bottom: 60px;margin-top: 55px;}
.productP .piolink_colorCircleArea ul li {display: inline-block; width: 280px; height: 280px;background-color: white;border-radius: 50%;
box-sizing: border-box; border: 17px; border-style: solid; margin: 6.1px;
border: 15px solid transparent;
background-image: linear-gradient(white, white), linear-gradient(to right, #9D67E2, #1A90FF);
background-origin: border-box;
background-clip: content-box, border-box;
}
.productP .piolink_colorCircleArea ul li p.tit {position: relative;font-size: 14px;font-weight: 700;letter-spacing: 0px;margin-bottom: 14px;margin-top: 5%;color: #505050;}
.productP .piolink_colorCircleArea ul li p.desc_top {font-size: 24px;line-height: 34px;margin-top:58px;font-weight: bold;}

.productP .Piolink_serviceArea_01 h2{font-weight: bold;text-align: left;font-size: 38px;padding-bottom: 3%;}
.productP .Piolink_serviceArea_01 p{text-align: left;font-size: 18px;padding-bottom: 3%;color: #505050;line-height: 34px;}
.productP .Piolink_serviceArea_01 .buttonBox{width: 100%;text-align: center;margin-bottom: 5%;}
.productP .Piolink_serviceArea_01 .serviceImageBox{border-radius: 10px;box-shadow: 0 0 30px 0 rgb(0 0 0 / 8%);width: 48%;float: left;margin-right: 10px;}
.productP .Piolink_serviceArea_01 .serviceImageBox img{border-radius: 10px;}

.productP .Piolink_serviceArea_02 h2{font-weight: bold;text-align: left;font-size: 38px;padding-bottom: 3%;}
.productP .Piolink_serviceArea_02 p{text-align: left;font-size: 18px;padding-bottom: 3%;line-height: 25px;padding-left: 10%;}
.productP .Piolink_serviceArea_02 .p1{width: calc(50%);height: 100%;float: left;}
.productP .Piolink_serviceArea_02 .p2{width: calc(50%);height: 100%;float: left;}
.productP .Piolink_serviceArea_02 .buttonBox{width: 100%;text-align: center;margin-bottom: 5%;}
.productP .Piolink_serviceArea_02 .serviceImageBox{position: relative; width:100%; height: 802px; border-radius: 10px;width: 100%;float: left;background-color: #f3f4f4;}
.productP .Piolink_serviceArea_02 .serviceImageBox img{position: relative; border-radius: 10px; right: 40px;top:60px;margin: 0 auto;}
.productP .Piolink_serviceArea_02 .serviceImageBox .main{font-size: 42px;padding-top: 13%;font-weight: bold;line-height: revert;}
.productP .Piolink_serviceArea_02 .serviceImageBox .sub{font-size: 30px;font-weight: bold;margin-bottom: 2%;}
.productP .Piolink_serviceArea_02 .serviceImageBox .txt{font-size: 18px;color: #505050;padding-top: 3%;}

.productP .threeBoxArea_1{padding-top: 120px;padding-bottom: 120px;}
.productP .threeBoxArea_1 ul {overflow: hidden;margin-left: -10px;margin-right: -10px;    display: flex;
    flex-flow: wrap;}
.productP .threeBoxArea_1 ul li {float: left;width: calc(25% - 20px);min-height: 120px;margin-left: 10px;margin-right: 10px;background:rgba(255, 255, 255, 0.16);padding: 47px 29px 47px;border-radius: 10px;background-repeat: no-repeat;background-position: right bottom;-webkit-transition: all 0.2s;transition: all 0.2s;border: white 1px solid;margin-bottom: 20px;}
.productP .threeBoxArea_1 ul li p.tit {position: relative;font-size: 18px;font-weight: 700;color: #fff;text-align: center;line-height: 32px;}

.productP .contents .section.bgImg {background: url(/assets/images/product/piolink_box.png) no-repeat 0 0/cover;padding: 120px 0 120x;}

.productP .piolink_iconArea {padding: 0;}
.productP .piolink_iconArea h2 {font-size: 38px;font-weight: 700;margin-bottom: 20px;}
.productP .piolink_iconArea p {font-size: 16px;font-weight: normal;line-height: 26px; margin-bottom: 20px;}
.productP .piolink_iconArea span{font-size: 18px;}
.productP .piolink_iconArea ul {overflow: hidden;margin-top: 3%;display: flex;flex-flow: wrap;justify-content: space-between;}
.productP .piolink_iconArea ul li {float: left;width: calc(32%);background: #ffffff;padding: 20px;border-radius: 10px;background-repeat: no-repeat;background-position: right bottom;-webkit-transition: all 0.2s;transition: all 0.2s;border: 1px solid #dbdbdb;display: flex;flex-wrap: wrap;}
.productP .piolink_iconArea ul li p.tit {font-size: 24px;font-weight: 700;}

.productP .piolink_iconArea_02 {padding: 0;}
.productP .piolink_iconArea_02 h2 {font-size: 38px;font-weight: 700;margin-bottom: 20px;}
.productP .piolink_iconArea_02 ul {margin-left: -10px;margin-right: -10px;margin-top: 3%;display: flex;flex-flow: wrap;}
.productP .piolink_iconArea_02 ul li {float: left;width: calc(50% - 20px);min-height: 200px;margin-left: 10px;margin-right: 10px;background: #ffffff;/*padding: 20px;*/border-radius: 10px;background-repeat: no-repeat;background-position: right bottom;-webkit-transition: all 0.2s;transition: all 0.2s;border: 1px solid #dbdbdb;position: relative;box-shadow: 0px 0px 30px 0px rgb(0 0 0 / 8%);}
.productP .piolink_iconArea_02 ul li p.tit {position: relative;font-size: 24px;font-weight: 700;letter-spacing: 0px;margin-bottom: 14px;line-height: initial;height: 15%;}
.productP .piolink_iconArea_02 .p02 .serviceImageBox{position: relative;margin-top: 30%;}

.productP .piolink_iconArea_03 {padding: 0;}
.productP .piolink_iconArea_03 h2 {font-size: 38px;font-weight: 700;margin-bottom: 20px;}
.productP .piolink_iconArea_03 ul {overflow: hidden;display: flex;flex-flow: wrap;justify-content: space-between;}
.productP .piolink_iconArea_03 ul li {position:relative; float: left;width: calc(32%);min-height: 200px;background: #ffffff;padding: 23px;border-radius: 10px;background-repeat: no-repeat;background-position: right bottom;-webkit-transition: all 0.2s;transition: all 0.2s;border: 1px solid #dbdbdb;margin-top: 3%;}
.productP .piolink_iconArea_03 ul li p.bold {position: relative;font-size: 24px;font-weight: 700;letter-spacing: 0px;margin-bottom: 15px;line-height: initial;}
.productP .piolink_iconArea_03 ul li p.normal {position: relative;font-size: 18px;font-weight: 600;letter-spacing: 0px;margin-bottom: 14px;line-height: initial;color: #191919;}
.productP .piolink_iconArea_03 ul li p.light {position: relative;font-size: 16px;font-weight: 400;letter-spacing: 0px;margin-bottom: 50px;line-height: 26px;color: #505050;}
.productP .piolink_iconArea_03 ul li::after {position: absolute;right: 16px;bottom:20px;display: block;width: 52px;height: 52px;content:"";vertical-align: middle;}

.productP .piolink_iconArea_03 ul li.p01::after {background: url(/assets/images/product/piolink_icon_01.png) no-repeat 0 0 / contain;}
.productP .piolink_iconArea_03 ul li.p02::after {background: url(/assets/images/product/piolink_icon_02.png) no-repeat 0 0 / contain;}
.productP .piolink_iconArea_03 ul li.p03::after {background: url(/assets/images/product/piolink_icon_03.png) no-repeat 0 0 / contain;}

.productP .piolink_iconArea_02 .serviceImageBox{text-align: center;display: block; margin: 0px auto;}

.productP .piolink_iconArea_02 .serviceImageBox img{margin: 5% 0%;}
.productP .piolink_serviceArea .serviceImageBox{padding: 0%;width: 100%; box-shadow: 0px 0px 30px 0px rgb(0 0 0 / 8%);border-radius: 10px;text-align: center;padding-top: 5%;padding-bottom: 5%;margin-bottom: 5%;border: 1px solid #dbdbdb;}
.productP .piolink_serviceArea .serviceImageBox img{border-radius: 10px;}
.productP .piolink_serviceArea .serviceImage{max-width: none;}
.productP .piolink_serviceArea h2{font-size: 38px;font-weight: bold;margin-bottom: 3%;}
.productP .piolink_serviceArea p{font-size: 24px;font-weight: bold;margin-top: 4%;margin-bottom: 2%;}

/*handreamnet*/

.productP .menuTab {width: 100%;max-width: 1180px;}
.productP .handreamnet_firstArea {width: 100%;height: auto;border-radius: 20px;text-align: center;}
.productP .handreamnet_firstArea .mainBox {width:100%;height: 100%;max-height: 500px; position:relative;background: url(/assets/images/product/handreamnet_bg.png) no-repeat 0 0 / cover;padding: 9% 7%;border-radius: 20px;margin-bottom: 5%;}
.productP .handreamnet_firstArea .mainBox h2 {font-size: 42px;color: #fff;line-height: 58px;text-align: center;word-break: keep-all;text-shadow: 0px 0px 20px rgb(0 0 0 / 16%);}
.productP .handreamnet_firstArea .mainBox h3 {font-size: 18px;color: #fff;line-height: 34px;font-weight: 400;text-align: center;word-break: keep-all;text-shadow: 0px 0px 20px rgb(0 0 0 / 16%);margin-top: 2%;}
.productP .handreamnet_firstArea span {color: black;font-size: 18px;font-weight: bold;margin-left: -7%;}
.productP .handreamnet_firstArea span:after{position: absolute;display: inline-block;content: "";width: 24px;height: 24px;background: url(/assets/images/product/download_icon.png)no-repeat;background-size: contain;margin-left: 11px ;margin-top: -2px;}
.productP .handreamnet_firstArea button.emphs{position: relative;width: 100%;max-width: 300px;border:1px solid black;box-shadow: 0px 0px 30px 0px rgb(0 0 0 / 8%); height: 72px;border-radius: 36px;padding: 0;border: none;margin-bottom: 120px;transition: all 0.1s;}
.productP .handreamnet_firstArea button:hover {color: #fff;background: #0072DE !important;box-shadow: 0 0 30px 0 rgb(0 0 0 / 8%);}
.productP .handreamnet_firstArea button:hover span {color: #fff;}
.productP .handreamnet_firstArea button:hover span:after {background: url(/assets/images/support/icon_pdf_download_on.svg) no-repeat 0 0;}


.productP .handreamnet_startArea {width: 100%;height: auto;border-radius: 20px;}
.productP .handreamnet_startArea .phraseBox {width: 100%;}
.productP .handreamnet_startArea .phraseBox h2 {font-size: 52px;color:black;line-height: 141%;text-align: center;word-break: keep-all;}
.productP .handreamnet_startArea .phraseBox h2:after{position: relative;display: block;content: "";width: 40px;height: 1px;vertical-align: middle;background: #505050;margin: 0 auto;margin-top: 3%;margin-bottom: 3%;;}
.productP .handreamnet_startArea .lightText {font-size: 16px;color:#0072DE;line-height: 26px;text-align: center;word-break: keep-all;margin-bottom: 1%;font-weight: bold;}
.productP .handreamnet_startArea .boldText {font-size: 18px;color: #191919;line-height: 34px;text-align: center;word-break: keep-all;font-weight: bold;margin-bottom: 40px;}
.productP .handreamnet_startArea .topText {font-size: 32px;color: #191919;line-height: 34px;text-align: center;word-break: keep-all;margin-bottom: 5px;}

.productP .handreamnet_serviceArea h2{font-weight: bold;text-align: left;font-size: 38px;padding-bottom: 3%;}
.productP .handreamnet_serviceArea p{text-align: left;font-size: 18px;padding-bottom: 3%;color: #505050;line-height: 34px;}
.productP .handreamnet_serviceArea .buttonBox{width: 100%;text-align: center;margin-bottom: 5%;}
.productP .handreamnet_serviceArea .serviceImageBox{width: 100%;float: left;margin-right: 10px;text-align: center;}
.productP .handreamnet_serviceArea .serviceImageBox img{border-radius: 10px;}


.productP .handreamnet_itemBoxArea  {padding: 0;display: flex;flex-flow: wrap;justify-content: space-between;} 
.productP .handreamnet_itemBoxArea h2  {font-size: 38px;width: 100%;} 
.productP .handreamnet_itemBoxArea  div{width: calc(49%);height: auto;background: white;padding: 27px 35px 27px;border-radius: 10px;border: 1px solid #DBDBDB;box-shadow: 0px 0px 30px rgb(0 0 0 / 8%);margin-top:3%;}
.productP .handreamnet_itemBoxArea  div p.tit {width: 100%;font-size: 24px;font-weight: bold;padding-bottom: 2%;}
.productP .handreamnet_itemBoxArea  div p.desc {font-size: 16px;color: black;line-height: 28px;}
.productP .handreamnet_itemBoxArea  ul{float: left;width: 100%;line-height: 26px;color: #505050;}
.productP .handreamnet_itemBoxArea  li{display: inline-block;width: calc(100%);font-size: 16px;margin-bottom: 1px;}
.productP .handreamnet_itemBoxArea  li{font-weight: 400;}

/*.productP .handreamnet_iconArea ul li p.tit::after {position: absolute;right: 16px;bottom: 20px;display: block;width: 52px;height: 52px;content: "";vertical-align: middle;}*/

.productP .handreamnet_serviceArea_02 h2{font-weight: bold;text-align: left;font-size: 38px;padding-bottom: 3%;}
.productP .handreamnet_serviceArea_02 span{display: none;}
.productP .handreamnet_serviceArea_02 p{text-align: left;font-size: 18px;padding-bottom: 3%;color: #505050;line-height: 34px;}
.productP .handreamnet_serviceArea_02 .serviceImageBox{border-radius: 10px;box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);width: 100%;float: left;margin-right: 10px;}
.productP .handreamnet_serviceArea_02 .serviceImageBox img{border-radius: 10px;box-shadow: 0px 0px 30px rgb(0 0 0 / 16%);width: 100%;float: left;margin-right: 10px;}


.productP .handreamnet_iconArea_03 {padding: 0;}
.productP .handreamnet_iconArea_03 h2 {font-size: 38px;font-weight: 700;}
.productP .handreamnet_iconArea_03 ul {overflow: hidden;/*margin-left: -10px;margin-right: -10px;*/display: flex;flex-flow: wrap;justify-content: space-between;}
.productP .handreamnet_iconArea_03 ul li {position:relative; float: left;width: calc(49%);min-height: 276px;background: #ffffff;padding: 30px;border-radius: 10px;background-repeat: no-repeat;background-position: right bottom;-webkit-transition: all 0.2s;transition: all 0.2s;border: 1px solid #dbdbdb;margin-top: 2%;}
.productP .handreamnet_iconArea_03 ul li p.bold {position: relative;font-size: 24px;font-weight: 700;letter-spacing: 0px;margin-bottom: 15px;line-height: initial;}
.productP .handreamnet_iconArea_03 ul li p.normal {position: relative;font-size: 18px;font-weight: 600;letter-spacing: 0px;margin-bottom: 14px;line-height: initial;color: #191919;}
.productP .handreamnet_iconArea_03 ul li p.light {position: relative;font-size: 16px;font-weight: 400;margin-bottom: 50px;line-height: 26px;color: #505050;}
.productP .handreamnet_iconArea_03 ul li::after {position: absolute;right: 27px;bottom:24px;display: block;width: 52px;height: 52px;content:"";vertical-align: middle;}
.productP .handreamnet_iconArea_03 ul li.p01::after {background: url(/assets/images/product/handreamnet_icon_01.png) no-repeat 0 0 / contain;}
.productP .handreamnet_iconArea_03 ul li.p02::after {background: url(/assets/images/product/handreamnet_icon_02.png) no-repeat 0 0 / contain;}
.productP .handreamnet_iconArea_03 ul li.p03::after {background: url(/assets/images/product/handreamnet_icon_03.png) no-repeat 0 0 / contain;}
.productP .handreamnet_iconArea_03 ul li.p04::after {background: url(/assets/images/product/handreamnet_icon_04.png) no-repeat 0 0 / contain;}
.productP .handreamnet_iconArea_03 ul li.p05::after {background: url(/assets/images/product/handreamnet_icon_05.png) no-repeat 0 0 / contain;}
.productP .handreamnet_iconArea_03 ul li.p06::after {background: url(/assets/images/product/handreamnet_icon_06.png) no-repeat 0 0 / contain;}
.productP .handreamnet_iconArea_03 ul li.p07::after {background: url(/assets/images/product/handreamnet_icon_07.png) no-repeat 0 0 / contain;}
.productP .handreamnet_iconArea_03 ul li.p08::after {background: url(/assets/images/product/handreamnet_icon_08.png) no-repeat 0 0 / contain;}
.productP .handreamnet_iconArea_03 ul li.p09::after {background: url(/assets/images/product/handreamnet_icon_09.png) no-repeat 0 0 / contain;}
.productP .handreamnet_iconArea_03 ul li.p10::after {background: url(/assets/images/product/handreamnet_icon_10.png) no-repeat 0 0 / contain;}
.productP .handreamnet_iconArea_03 ul li.p11::after {background: url(/assets/images/product/handreamnet_icon_11.png) no-repeat 0 0 / contain;}
.productP .handreamnet_iconArea_03 ul li.p12::after {background: url(/assets/images/product/handreamnet_icon_12.png) no-repeat 0 0 / contain;}
.productP .handreamnet_iconArea_03 ul li.p13::after {background: url(/assets/images/product/handreamnet_icon_13.png) no-repeat 0 0 / contain;}
.productP .handreamnet_iconArea_03 ul li.p14::after {background: url(/assets/images/product/handreamnet_icon_14.png) no-repeat 0 0 / contain;}
.productP .handreamnet_iconArea_03 ul li.p15::after {background: url(/assets/images/product/handreamnet_icon_15.png) no-repeat 0 0 / contain;}
.productP .handreamnet_iconArea_03 ul li.p16::after {background: url(/assets/images/product/handreamnet_icon_16.png) no-repeat 0 0 / contain;}


.productP .handream_tab1_serviceArea_02 h2{font-weight: bold;text-align: left;font-size: 38px;padding-bottom: 3%;}
.productP .handream_tab1_serviceArea_02 .p1{width: calc(50%);height: 100%;float: left;}
.productP .handream_tab1_serviceArea_02 .p2{width: calc(50%);height: 100%;float: left;padding-left: 4%;padding-right: 4%;}
.productP .handream_tab1_serviceArea_02 .serviceImageBox{position: relative; width:100%; border-radius: 10px;box-shadow: 0px 0px 30px rgb(0 0 0 / 8%);width: 100%;float: left;background-color: white;text-align: center;padding-top: 7%;padding-bottom: 7%;}
.productP .handream_tab1_serviceArea_02 .serviceImageBox img{position: relative;margin: 0 auto;width: auto;height: 150px;padding-right: 4%;padding-left: 4%;}

.productP .handreamnet_iconArea {padding: 0;}
.productP .handreamnet_iconArea h2 {font-size: 38px;font-weight: 700;margin-bottom: 20px;}
.productP .handreamnet_iconArea p {font-size: 16px;font-weight: normal;line-height: 26px; margin-bottom: 10px;}
.productP .handreamnet_iconArea span{font-size: 18px;}
.productP .handreamnet_iconArea ul {overflow: hidden;margin-left: -10px;margin-right: -10px;margin-top: 3%;display: flex;flex-flow: wrap;}
.productP .handreamnet_iconArea ul li {position: relative; float: left;width: calc(25% - 20px);min-height: 200px;margin-left: 10px;margin-right: 10px;background: #ffffff;padding: 25px;border-radius: 10px;background-repeat: no-repeat;background-position: right bottom;-webkit-transition: all 0.2s;transition: all 0.2s;border: 1px solid #dbdbdb;height: 442px;/*display: flex;flex-wrap: wrap;*/}
.productP .handreamnet_iconArea ul li p.tit {font-size: 24px;font-weight: 500;width: 100%;}
.productP .handreamnet_iconArea .serviceImageBox{position: absolute;padding-top: 15%;width: 80%;text-align: center;background-color: #F7F7F7; top: 80%; left: 50%; transform: translate(-50%, -50%);}

/*handreamnet_02*/
.productP .handreamnet_itemBoxArea_02{padding: 0;display: flex;flex-flow: wrap;justify-content: space-between;} 


@media (max-width:959px) {/* 모바일: 최대 959 */
/*콘텐츠*/
.contents .section.bgGray{padding: 60px 0 60px;}
.contents .section.bgWhite{padding: 60px 0 60px;}

/*.productP span{display: none;}*/
/*check point*/
.productP .CheckPoint_phraseArea{text-align: center;}
.productP .CheckPoint_firstArea .mainBox{max-height: 450px;padding: 137px 15px;background: url(/assets/images/product/CheckPoint_bg_mo.png) no-repeat 0 0 / cover ; background-position: center};

.productP .CheckPoint_serviceArea h2{font-size: 24px;line-height: 36px;width: 68%;word-break: keep-all;}
.productP .CheckPoint_serviceArea_02 h2{font-size: 24px;}
.productP .CheckPoint_serviceArea p {font-size: 16px;line-height: normal;}

.productP .CheckPoint_itemBoxArea {margin-left: 0px;margin-right: 0px;margin-top: 0px;}
.productP .CheckPoint_itemBoxArea h2 {font-size: 24px;margin-bottom: 23px;}
.productP .CheckPoint_itemBoxArea div {width: 100%;min-height: 165px;margin-left: 0px;margin-right: 0px;padding: 24px 20px 15px;margin-bottom: 20px;}
.productP .CheckPoint_itemBoxArea div p.tit {font-size: 24px;margin-bottom: -7px;}
.productP .CheckPoint_itemBoxArea li{width: calc(50%);}

.productP .CheckPoint_phraseArea .phraseBox h3{font-size: 16px;}
.productP .CheckPoint_phraseArea .phraseBox h2{font-size: 24px;margin-top: 1%;}
.productP .CheckPoint_phraseArea ul li{width: calc(50%);padding-bottom: 10%;}
.productP .CheckPoint_phraseArea ul li:not(.p1,.p3):after{display: none;}

.productP .CheckPoint_firstArea button.emphs{margin-bottom: 60px;overflow: auto;}

.productP .CheckPoint_phraseArea .phraseBox h2:after{margin-bottom: 4%;margin-top: 4%;}
.productP .CheckPoint_serviceArea_02 p{line-height: normal;padding-bottom: 10%;}

.sticky-table table.pumpTable {width: 959px;}

.productP .CheckPoint_phraseArea ul{display: inline-block;}
/*Nutanix*/
.productP .Nutanix_firstArea .mainBox h2{font-size: 30px;line-height: 52px;}
.productP .Nutanix_firstArea .mainBox{padding: 13% 11%;background: url(/assets/images/product/Nutanix_bg_mo.png) no-repeat 0 0 / cover;background-position: center;}
.productP .Nutanix_firstArea button.emphs{max-width: 200px;height: 52px;}
.productP .Nutanix_firstArea span{font-size: 16px;font-weight:bold;margin-left: -19px;}
.productP .Nutanix_firstArea span:after{margin-left: 6px;margin-top: -4px;}

.productP .Nutanix_serviceArea h2{font-size: 24px;line-height: 35px;}
.productP .Nutanix_serviceArea p{font-size: 16px;line-height: 24px;}

.productP .contentsbox .box1{width: calc(100%);height: 284px;}
.productP .contentsbox .box2{width: calc(100%);height: 284px;}
.productP .contentsbox .box3{width: calc(100%);height: 284px;}

.productP .contentsbox .box1 .phraseBox{padding: 3% 7%;height: 142px;}
.productP .contentsbox .box2 .phraseBox{padding: 1.5% 7%;height: 142px;}
.productP .contentsbox .box3 .phraseBox{padding: 3% 7%;height: 142px;}

.productP .contentsbox .box1{margin-bottom: 5%;}
.productP .contentsbox .box2{margin-bottom: 5%;}

.productP .contentsbox h2{font-size: 24px;word-break: keep-all;}
.productP .contentsbox .p1{font-size: 24px;line-height: 30px;}
.productP .contentsbox .p2{font-size: 16px;height: 50%;padding-top: 0%;}

.productP .contentsbox span{display: none;}

.productP .lab_iconArea h2 {font-size: 24px;margin-bottom: 10px;}
.productP .lab_iconArea ul li {width: calc(100%);padding: 17px;height: 221px;}
.productP .lab_iconArea ul li p.tit{font-size: 18px;margin-bottom: 6px;}
.productP .lab_iconArea ul li p.desc{font-size: 14px;line-height: 18px;padding-bottom: 10%;}
.productP .lab_iconArea ul li p.tit::after{top:133px;}

.productP .nutanix_iconArea_01 h2 {font-size: 24px;margin-bottom: 10px;}
.productP .nutanix_iconArea_01 ul li {width: calc(100%);padding: 17px;height: 221px;}
.productP .nutanix_iconArea_01 ul li p.tit{font-size: 18px;margin-bottom: 6px;}
.productP .nutanix_iconArea_01 ul li p.desc{font-size: 14px;padding-bottom: 10%;}
.productP .nutanix_iconArea_01 ul li p.tit::after{top:133px;}


.productP .nutanix_iconArea_02 h2 {font-size: 24px;margin-bottom: 10px;}
.productP .nutanix_iconArea_02 ul li {width: calc(100%);padding: 17px;height: 221px;}
.productP .nutanix_iconArea_02 ul li p.tit{font-size: 18px;margin-bottom: 6px;}
.productP .nutanix_iconArea_02 ul li p.desc{font-size: 14px;padding-bottom: 10%;}
.productP .nutanix_iconArea_02 ul li p.tit::after{top:133px;}

.productP .contentsbox .box1 .imgBox{height: 142px;}
.productP .contentsbox .box2 .imgBox{height: 142px;}
.productP .contentsbox .box3 .imgBox{height: 142px;}

.out_span{display: none;}

.productP .nutanix_iconArea_01 ul li::after{top: 150px;}
.productP .nutanix_iconArea_02 ul li::after{top: 150px;}

/*arraynetworks*/
.productP .arraynetworks_firstArea .mainBox span{display: none;}
.productP .arraynetworks_iconArea ul li{width: 100%;}
.productP .arraynetworks_iconArea h2{font-size: 24px;margin-bottom: 0;}
.productP .arraynetworks_iconArea ul li p.tit{font-size: 18px;}
.productP .arraynetworks_iconArea ul li p.desc{font-size: 14px;}

.productP .arraynetworks_firstArea .mainBox{padding: 6% 1%;min-height: 320px;}
.productP .arraynetworks_firstArea .mainBox h2{font-size: 20px;line-height: 30px;}
.productP .arraynetworks_firstArea .mainBox h3{font-size: 14px;line-height: 20px;}
.productP .arraynetworks_firstArea button.emphs{max-width: 200px;height: 52px;margin-bottom:60px;}
.productP .arraynetworks_firstArea .buttonBox span{font-size: 16px;font-weight:bold;margin-left: -19px}
.productP .arraynetworks_firstArea .buttonBox span:after{margin-left: 6px;margin-top: -4px;}

.productP .monitorapp_iconArea .p02 ul li{padding: 3%;}

/*gigamon*/
.productP .gigamon_firstArea .mainBox{padding: 27% 17%;}
.productP .gigamon_firstArea .mainBox h2{font-size: 20px;line-height: 30px;}
.productP .gigamon_firstArea .mainBox h3{font-size: 14px;line-height: 20px;}

.productP .gigamon_serviceArea_01 h2{font-size: 24px;word-break: keep-all;line-height: initial;}
.productP .gigamon_serviceArea_02 h2{font-size: 24px;word-break: keep-all;line-height: initial;}
.productP .gigamon_serviceArea_01 p{font-size: 16px;word-break: keep-all;line-height: normal;}
.productP .gigamon_serviceArea_01 .serviceImageBox img{border-radius: 10px;}

.productP .gigamon_phraseArea ul li{width: calc(49%);padding-top: 7%;padding-bottom: 8%;}

.productP .gigamon_iconArea h2{font-size: 24px;margin-bottom: 10px;}
.productP .gigamon_iconArea h3{font-size: 16px;margin-bottom: 10px;}

.productP .gigamon_contentsbox{width: 100%;height: auto;}
.productP .gigamon_contentsbox .box1{width:100%; height: 470px;border-radius: 20px;box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.08);margin-bottom: 5%;}

.productP .gigamon_contentsbox .box1 .imgBox{float: left;width: 100%;height: 50%;background-size: cover;border-top-left-radius: 20px;border-top-right-radius: 20px;border-bottom-left-radius: 0;}
.productP .gigamon_contentsbox .box1 .phraseBox{float:right; width: 100%; height: auto;border-top-right-radius: 0px;border-bottom-left-radius: 20px;}
.productP .gigamon_contentsbox h2{font-size: 24px;margin-bottom: 2%;}
.productP .gigamon_contentsbox h3{font-size: 18px;color: #005cb4;margin-bottom: 3%;margin-top: -2%;}
.productP .gigamon_contentsbox h4{font-size: 16px;color: #505050;letter-spacing: -1.32px;line-height: 1.75;}

.productP .gigamon_colorCircleArea ul li {width: calc(45% - 2px);max-width: 180px;max-height: 180px;}
.productP .gigamon_colorCircleArea ul li {display: inline-block;border-radius: 50%;box-sizing: border-box; border: 17px;margin: 6.1px;border: 15px solid transparent;background-image:linear-gradient(to bottom right , #9D67E2, #1A90FF), linear-gradient(#F7F7F7, #F7F7F7);background-origin: border-box;background-clip: content-box, border-box;}
.productP .gigamon_colorCircleArea ul li p.desc_top{font-size: 24px;line-height: 21px;padding-top:5%;font-weight: bold;}
.productP .gigamon_colorCircleArea ul li p.tit{font-size: 14px;width: max-content;width: 100%;margin-top: 55%;}
.productP .gigamon_colorCircleArea h2{width: 58%;margin: 0 auto;margin-top: 7%;margin-bottom: 5%;}
.productP .ps_Area .phraseBox p{font-size: 14px;}
.productP .ps_Area{width: 95%;padding: 7% 5%;}


/*monitorapp*/
.productP .monitorapp_serviceArea h2{font-size: 24px;line-height: 150%;}
.productP .monitorapp_serviceArea p{font-size: 16px;}
.productP .monitorapp_serviceArea img{padding: 0% 5% 0% 5%;}

.productP .monitorapp_iconArea h2{font-size: 20px;line-height: normal;width: 96%;}

.productP .monitorapp_firstArea .mainBox {padding: 24% 5%;background: url(/assets/images/product/MonitoRapp_bg_mo.png) no-repeat 0 0 / cover;background-position: center;}
.productP .monitorapp_firstArea .mainBox h2 {font-size: 20px;line-height: 28px;}
.productP .monitorapp_firstArea .mainBox h3 {font-size: 14px;line-height: 26px;}

.productP .tb_info ul li {font-size: 12px;}

/*piolink*/
.productP .piolink_firstArea .mainBox{padding: 18% 3%;}
.productP .piolink_firstArea .mainBox h2{font-size: 20px;line-height: 30px;}
.productP .piolink_firstArea .mainBox h3{font-size: 14px;line-height: 20px;}
.productP .piolink_firstArea .phraseBox h2{font-size: 24px;}
.productP .piolink_firstArea .boldText{font-size: 16px;margin-bottom: 0;}
.productP .piolink_firstArea .phraseBox h2:after {margin-top: 10%;margin-bottom: 10%;}
.productP .piolink_firstArea .lightText {line-height: 22px;font-weight: 400;}
.productP .piolink_firstArea .boldText{line-height: 23px;}
.productP .piolink_firstArea button.emphs{max-width: 200px;height: 52px;margin-bottom: 60px;}
.productP .piolink_firstArea span{font-size: 16px;font-weight:bold;margin-left: -19px;}
.productP .piolink_firstArea span:after{margin-left: 6px;margin-top: -4px;}

.productP .threeBoxArea_1 ul li{width: calc(47% - 10px); padding: 39px 17px 15px;}
.productP .threeBoxArea_1{padding-top: 60px;padding-bottom: 60px;}
.productP .threeBoxArea_1 ul li p.tit{font-size: 14px;line-height: initial;}
.productP .piolink_iconArea h2{font-size: 24px;margin-bottom: 15px;}
.productP .piolink_iconArea ul li{width: calc(100%);margin-bottom: 20px;}
.productP .piolink_iconArea_02 h2{font-size: 24px;margin-bottom: 15px;}
.productP .piolink_iconArea ul li p.tit{margin-bottom: 15px;}
.productP .piolink_iconArea_03 ul li{width: calc(100%);margin-right: 0px;}

.productP .piolink_colorCircleArea ul li {width: calc(45% - 2px);max-width: 180px;max-height: 180px;}
.productP .piolink_colorCircleArea ul li {background-color: white;border-radius: 50%;
    box-sizing: border-box; border: 17px; border-style: solid; margin: 6.1px;
    border: 8px solid transparent;
    background-image: linear-gradient(white, white), linear-gradient(to right, #9D67E2, #1A90FF);
    background-origin: border-box;
    background-clip: content-box, border-box;}
.productP .piolink_colorCircleArea ul li p.desc_top{font-size: 16px;line-height: 21px;margin-top: 52px;font-weight: bold;}
.productP .piolink_colorCircleArea ul li p.tit{font-size: 12px;width: max-content;width: 100%;margin-top: 43%;}

.productP .piolink_startArea .topText{font-size: 16px;margin-bottom: 0;}
.productP .piolink_startArea .phraseBox h2{font-size: 24px;}
.productP .piolink_startArea .boldText{font-size: 16px;line-height: 22px;}

.productP .Piolink_serviceArea_02 h2{font-size: 24px;}

.productP .piolink_iconArea_03 h2{font-size: 24px;}

.productP .Piolink_serviceArea_02 .p1{width: 100%;height:auto;float: left;text-align: center;}
.productP .Piolink_serviceArea_02 .p2{width: 100%;height:auto;float: left;text-align: center;padding: 6%;}
.productP .Piolink_serviceArea_02 .serviceImageBox{height: 100%;}
.productP .Piolink_serviceArea_02 .serviceImageBox img{position: initial;border-radius: 10px;right: -140px;top:0; padding-bottom: 22px;text-align: center;margin: 0 auto;}
.productP .Piolink_serviceArea_02 .serviceImageBox .main{text-align: center;font-size: 24px;}
.productP .Piolink_serviceArea_02 .serviceImageBox .sub{text-align: center;font-size: 16px;}
.productP .Piolink_serviceArea_02 .serviceImageBox .txt{text-align: center;font-size: 14px;}
.productP .Piolink_serviceArea_02 p{padding-left: 0px;}

.productP .piolink_serviceArea h2{font-size: 24px;}
.productP .piolink_serviceArea .serviceImageBox{padding-top: 0%;padding-bottom: 0%;}
.productP .piolink_serviceArea .serviceImageBox img{padding: 10%;}

/*handreamnet*/
.productP .menuTab{width: 100%;max-width: 1180px;}
.productP .menuTab .menuTBtn{height: 72px;font-size: 14px;word-break: keep-all;line-height: normal;}

.productP .handreamnet_firstArea .mainBox{padding: 13% 3%;}
.productP .handreamnet_firstArea .mainBox h2{font-size: 20px;line-height: 30px;}
.productP .handreamnet_firstArea .mainBox h3{font-size: 14px;line-height: 20px;}
.productP .handreamnet_firstArea .phraseBox h2{font-size: 24px;}
.productP .handreamnet_firstArea .boldText{font-size: 16px;margin-bottom: 0;}
.productP .handreamnet_firstArea .phraseBox h2:after {margin-top: 10%;margin-bottom: 10%;}
.productP .handreamnet_firstArea .lightText {line-height: 22px;font-weight: 400;}
.productP .handreamnet_firstArea .boldText{line-height: 23px;}
.productP .handreamnet_firstArea button.emphs{max-width: 200px;height: 52px;margin-bottom: 60px;}
.productP .handreamnet_firstArea span{font-size: 16px;font-weight:bold;margin-left: -19px;}
.productP .handreamnet_firstArea span:after{margin-left: 6px;margin-top: -4px;}

.productP .handreamnet_itemBoxArea {margin-left: 0px;margin-right: 0px;margin-top: 0px;}
.productP .handreamnet_itemBoxArea h2 {font-size: 24px;}
.productP .handreamnet_itemBoxArea div {width: 100%;min-height: 165px;margin-left: 0px;margin-right: 0px;padding: 24px 20px 24px;}
.productP .handreamnet_itemBoxArea div p.tit {font-size: 16px;padding-bottom: 2%;}
.productP .handreamnet_itemBoxArea li{width: 100%;font-size: 14px;}
.productP .handreamnet_itemBoxArea ul{line-height: normal;}

.productP .handreamnet_startArea .topText{font-size: 16px;margin-bottom: 0px;font-weight: 500;}
.productP .handreamnet_startArea .phraseBox h2{font-size: 24px;}
.productP .handreamnet_startArea .lightText{line-height: normal;}
.productP .handreamnet_startArea .boldText{font-size: 16px;line-height: normal;font-weight: 500;}
.productP .handreamnet_startArea .phraseBox h2:after{margin-top: 6%;margin-bottom: 6%;}

.productP .handreamnet_iconArea_03 ul li{width: calc(100%);margin-right: 0px;min-height: 248px;}
.productP .handreamnet_iconArea_03 h2{font-size: 24px; margin-bottom: 0px;}
.productP .handreamnet_iconArea_03 ul li p.bold{font-size: 18px;}
.productP .handreamnet_iconArea_03 ul li p.light{font-size: 14px;}

.productP .handream_tab1_serviceArea_02 .p1{width: 100%;height:auto;float: left;text-align: center;padding: 6%;}
.productP .handream_tab1_serviceArea_02 .p2{width: 100%;height:auto;float: left;text-align: center;padding: 6%;}
.productP .handream_tab1_serviceArea_02 .serviceImageBox{height: 100%;padding-top: 0%;padding-bottom: 0%;}
.productP .handream_tab1_serviceArea_02 .serviceImageBox img{position: initial;border-radius: 10px;right: -140px;top:0;text-align: center;margin: 0 auto;width: auto;height: auto;}
.productP .handream_tab1_serviceArea_02 .serviceImageBox .main{text-align: center;font-size: 24px;}
.productP .handream_tab1_serviceArea_02 .serviceImageBox .sub{text-align: center;font-size: 16px;}
.productP .handream_tab1_serviceArea_02 .serviceImageBox .txt{text-align: center;font-size: 14px;}
.productP .handream_tab1_serviceArea_02 p{padding-left: 0px;}
.productP .handream_tab1_serviceArea_02 h2{font-size: 24px;}

.productP .handreamnet_iconArea ul li{width: 100%;height: 317px;/*text-align: center;*/margin-bottom: 6%;}
/*
.productP .handreamnet_iconArea .serviceImageBox{position: absolute;bottom: 7%;left: 0;margin: 0 auto;padding-top: 30%;width: 100%;}*/

.productP .handreamnet_iconArea .serviceImageBox{position: sticky;padding-top: 5%;width: 260px;height:max-content; text-align: center;background-color: #F7F7F7;bottom: 1px;top: 90%;left:1%;transform: none;}
.productP .handreamnet_iconArea h2{font-size: 24px;}

.productP .piolink_serviceArea p{font-size: 16px;margin-top: 10px;}



}
@media (max-width:640px) {/* 모바일: 최대 640 */
/*check point*/
.productP .CheckPoint_firstArea .mainBox{max-height: 320px;}
.productP .CheckPoint_firstArea .mainBox{padding: 98px 8px;}
.productP .CheckPoint_firstArea .mainBox h2{font-size: 20px;line-height: 25px;padding-bottom: 12px;}
.productP .CheckPoint_firstArea .mainBox h3{font-size: 14px;line-height: normal;}

.productP .CheckPoint_itemBoxArea li{width: 100%;}
.productP .CheckPoint_itemBoxArea div p.tit{padding-left: 2%;padding-bottom: 5%;}
.productP .CheckPoint_itemBoxArea ul {float: left;width: 75%;line-height: 26px;padding-left: 3%;display: grid;}
.productP .CheckPoint_itemBoxArea_02 div.desc{width: calc(66%);}
.productP .CheckPoint_firstArea button.emphs{max-width: 200px;height: 52px;}

.productP .CheckPoint_phraseArea .phraseBox h2:after {margin-top: 8%;margin-bottom: 8%;}
.productP .CheckPoint_phraseArea ul li{padding-bottom: 20%;}

.productP .CheckPoint_serviceArea .nutanix_info img{width: 48%;height: 100%;}

/*Nutanix*/
.productP .Nutanix_firstArea .mainBox h2{font-size: 20px;line-height: 28px;}
.productP .Nutanix_firstArea .mainBox h3{font-size: 14px;line-height: 21px;}
.productP .Nutanix_firstArea .mainBox{max-height: 320px;padding: 13% 7%;}
.productP .Nutanix_firstArea button.emphs{margin-bottom: 30px;}

.productP .Nutanix_serviceArea span{display: initial;}
.productP .Nutanix_serviceArea .serviceImageBox_01{background: url(/assets/images/product/Nutanix_infographic_01_mo.png)no-repeat center;}

.productP .contentsbox .box1{height: 284px;}
.productP .contentsbox .box1 .imgBox{max-height: 142px;}

/*gigamon*/
.productP .gigamon_colorCircleArea ul li{width: calc(45% - 2px);max-width: 140px;max-height: 140px;height: auto;}
.productP .gigamon_colorCircleArea ul li p.desc_top{font-size: 16px;margin-top: 41px;padding-left: 7%;padding-right: 7%;}
.productP .gigamon_colorCircleArea h2{padding-top:5%;margin-bottom: 0px;padding-bottom: 4%;}
.productP .gigamon_colorCircleArea ul {margin-bottom: 14%;}

/*piolink*/
.productP .Piolink_serviceArea_01 .serviceImageBox{width: 100%;text-align: center;margin-bottom: 10%;}
.productP .piolink_colorCircleArea ul li{width: calc(45% - 2px);height: auto; max-width: 130px;max-height: 130px;display: inline-grid;margin-bottom: 20%;}
.productP .piolink_colorCircleArea ul li p.desc_top{font-size: 11px;margin-top: 26px;padding-left: 7%;padding-right: 7%;}

.productP .nutanix_info_pc{display: none;}
.productP .nutanix_info_mo{display: initial;width: 100%;}

}



@media (max-width:360px) {
.productP .nutanix_info_pc img{display: none;border: 10px red solid;}
.productP .nutanix_info_mo{display: initial;}
.productP .piolink_colorCircleArea ul li{width: calc(45% - 2px);max-width: 180px;max-height: 140px;}


}
/* prevent css vanishing */
/* prevent css vanishing */
/* prevent css vanishing */
/* prevent css vanishing */
/* prevent css vanishing */
/* prevent css vanishing */
/* prevent css vanishing */