/*********************************** Default ***********************************/
.img-fluid{width:100%; max-width:100%; height: auto; margin:0 auto;}
.t-c-r{text-align:left;}


/*************************** Sub Frame ***************************/
.sub-block1{margin-bottom:100px;}
.sub-block01{margin-bottom:150px;}

.titBig{font-size:40px;color:#000;font-weight:600;line-height:1.2em;letter-spacing:-0.02em;}
.subtitBig{font-size:24px;font-weight:600;color:#1c1c1c;line-height:1.5em;margin-top:30px;}
.subtitDetail{font-size:20px;font-weight:500;line-height:1.5em;margin-top:20px;}


/*************************** Newzen 솔루션 ***************************/
.boxWrapBlue{position:relative;width:100%;height:auto;border:1px solid var(--color-newzen); padding:30px 30px; text-align:center; font-size:20px;}
.boxWrapBlue p{font-size:1em; color:var(--color-newzen); line-height:1.5em;}
.subDetailTit{font-size:27px;font-weight:600;margin-bottom:30px;letter-spacing:-1px;}
.subDetailBig{font-size:23px;font-weight:600;margin-bottom:20px;}
.subDetailNum{font-size:18px;line-height:1.6em;font-weight:500;}
.subDetail{font-size:16px;font-weight:400;line-height:1.6em;}
.badgeNum {
  display: inline-block;
  background-color:#000;
  color: white;
  font-size: 13px;
  font-weight:normal;
  width:22px; height:22px;
  line-height:22px;
  text-align: center;
  border-radius: 50%;
}
.listTxt{padding-left:25px;}
.listTxt li{font-size:16px;line-height:1.6em;}

.tableGray{position:relative;width:100%;height:auto;border:1px solid #ccc;}
.tableGray, .tableGray th, .tableGray td {
  border:1px solid var(--table-border-color);
  border-collapse: collapse;
}
.tableGray th, .tableGray td{padding:20px 20px;}
.tableGray th{font-size:18px;;font-weight:400;line-height:1.6em;}
.tableGray td{font-size:16px;line-height:1.6em;}
.tableGray p{margin-bottom:10px;}

.tableIcon{position:relative;width:100%;height:auto;border-top:1px solid #000;}
.tableIcon tr{border-bottom:1px solid var(--table-border-color);}
.tableIcon th, .tableIcon td{padding:20px 20px;}
.tableIcon th{width:15%;}
.tableIcon td{width:85%;}

.tableIcon4{position:relative;width:100%;height:auto;border-top:1px solid #000;}
.tableIcon4 tr{border-bottom:1px solid var(--table-border-color);}
.tableIcon4 th, .tableIcon4 td{padding:20px 20px;}
.tableIcon4 td:nth-child(odd){width:15%;}
.tableIcon4 td:nth-child(even){width:35%;}

.roundWrapBlue{position:relative;width:100%;height:auto;background-color:#1482f3;border-radius:20px;padding:50px 50px;color:#fff;}
.roundWrapNavy{position:relative;width:100%;height:auto;background-color:#011d44;border-radius:20px;padding:50px 50px 0;color:#fff;}

.gridContainer {
  display: grid;
  grid-template-columns: auto auto auto;
  grid-gap: 30px;
  padding: 15px;
}
.gridBox {
  box-shadow: 3px 3px 10px #ccc;
  border:1px solid #ccc;
  padding:25px 25px;
}
.btn01{display:inline-block;padding:5px 15px;margin-top:10px;margin-bottom:20px;border-radius:15px;background-color:var(--color-newzen);font-size:100%;color:#fff;}

.btnDownload{display:inline-block;padding:10px 20px;margin-top:10px;margin-bottom:20px;border-radius:20px;background-color:var(--color-newzen);}
.btnDownload a{font-size:110%;font-weight:500;color:#fff;}
.btnDownload:hover{background-color:#00aeef; -webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;transition:all 0.3s}

.btnWrap{width:100%;text-align:center;margin-bottom:100px;}
.btnInquiry{display:inline-block;padding:20px 30px;background-color:var(--color-newzen);border:2px solid var(--color-newzen);font-size:20px;font-weight:500;color:#fff;}
.btnInquiry:hover{background-color:#fff;color:var(--color-newzen);text-decoration:none;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;transition:all 0.3s}
.btnInquiry i{font-size:27px;}

.k365-Download{border-right:1px solid #526ba1;}



/* ******************  구축사례 : 주요 고객사 ********************* */
#customerListContent{padding:30px 0 20px; background-color:#fff; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5;}
.customerList{position:relative; width:100%; margin:0 -5px;}
.customerList .customer-item{float:left;;}
.customerList .customer-item-inner{position:relative; height:150px; padding:10px 10px; margin:0 5px; border:1px solid #ddd;}
.customerList .customer-item-inner span{display:block; position:relative; height:100%; width:100%; }
.customerList .customer-item-inner span img{position:absolute; top:0px; left:0px; bottom:0px; right:0px; max-width:100%; max-height:100%; margin:auto; }
@media all and (max-width:1024px){
	.customerList .customer-item-inner{height:100px;}
}
@media all and (max-width:480px){
	.customerList .customer-item-inner{height:80px; padding:5px 5px;}
}



/* xs < 768 */
@media screen and (max-width: 767px) {	
.t-c-r{text-align:center;}
.titBig{font-size:22px;}
.subtitBig{font-size:18px;margin-top:20px;}
.subtitDetail{font-size:15px;margin-top:10px;}
.sub-block1{margin-bottom:50px;}
.sub-block01{margin-bottom:50px;}
.boxWrapBlue{border:1px solid #f5f5f5; background-color:#f0f5f9; font-size:15px; padding:25px 20px 20px;}
.boxWrapBlue p{color:var(--color-newzen);}
.subDetailTit{font-size:18px;margin-bottom:15px;letter-spacing:-1px;}
.subDetailBig{font-size:17px;margin-bottom:10px;}
.subDetailNum{font-size:15px;}
.subDetail{font-size:14px;line-height:1.5em;}
.listTxt li{font-size:14px;line-height:1.5em;}
.tableGray th{font-size:15px;}
.tableGray td{font-size:14px;line-height:1.5em;}
.tableIcon th, .tableIcon td{padding:15px 10px;}
.tableIcon th{width:30%;}
.tableIcon td{width:70%;}
.tableIcon4 th, .tableIcon4 td{padding:15px 10px;}
.tableIcon4 td:nth-child(odd){width:30%;}
.tableIcon4 td:nth-child(even){width:70%;}
.roundWrapBlue{border-radius:15px;padding:30px 30px;}
.roundWrapNavy{border-radius:15px;padding:30px 30px 0;}
.gridContainer{grid-template-columns: auto; grid-gap:15px;}
.btn01{padding:5px 10px;font-size:90%;margin-top:0px;}
.btnWrap{margin-bottom:50px;}
.btnInquiry{padding:15px 15px;font-size:17px;}
.btnInquiry i{font-size:20px;}
.k365-Download{border-right:0px;border-bottom:1px solid #526ba1;}
}


/* sm */
@media screen and (max-width: 991px) and (min-width: 768px) {
.t-c-r{text-align:center;}
.titBig{font-size:35px;}
.subtitBig{font-size:22px;margin-top:20px;}
.subtitDetail{font-size:17px;margin-top:10px;}
.boxWrapBlue{font-size:18px;}
.subDetailTit{font-size:25px;margin-bottom:25px;}
.subDetailBig{font-size:21px;}
.subDetailNum{font-size:17px;}
.subDetail{font-size:15px;}
.listTxt li{font-size:15px;}
.tableGray th{font-size:17px;}
.tableGray td{font-size:15px;}
.tableIcon th{width:25%;}
.tableIcon td{width:75%;}
.tableIcon4 th, .tableIcon4 td{padding:15px 10px;}
.tableIcon4 td:nth-child(odd){width:16%;}
.tableIcon4 td:nth-child(even){width:34%;}
.btnInquiry{font-size:19px;}
.btnInquiry i{font-size:24px;}
}


@media screen and (max-width: 1024px) and (min-width: 768px) {
.gridContainer{grid-template-columns: auto auto;}
}


/* md */
@media screen and (max-width: 1199px) and (min-width: 992px) {

}



