@charset "utf-8";
/* ====================
* 
* 준비중
*
========================*/
/*준비중*/
.prepare{text-align:center;background: url(../images/contents/prepare.png) center top no-repeat;height: 250px;padding: 160px; }
.prepare p{font-size:1.75rem;margin-bottom:15px;}
.prepare em{color:#464cc4;font-weight:300;}
.prepare .txt-gray{font-size:1.125rem;color:#8d8d8d;}

.link-wrap a{width: 170px;margin:15px;border: 1px solid #ddd;padding:9px 55px 9px 10px;position:relative;}
.link-wrap a:after{border-left: 1px solid #ddd;height: 100%;position: absolute;top: 0px;content: "";right: 45px;}
.link-wrap a i{position: absolute;right:15px;margin-top: 5px;color:#737373;}


/* ====================
* 
* board-view
*
========================*/
/*board-view*/
.board-view {position: relative;}
.board-view .title-wrap {display: inline-block;}
.board-view .board-title {display: table;width: 100%;padding:2.188rem 2rem 2.188rem 2rem;font-size:1.75rem;font-weight:300;color:#222;border-top:1px solid #000;border-bottom:1px solid #ddd;position:relative;}
.board-view .board-title .label{float:left;padding: 5px 5px;width: 90px;height: 40px;display: inline-block;font-size:0.875rem;margin-right:1.688rem;text-align:center;}
.board-view .board-title p{margin-top:5px;display:inline-block;}
.board-view .board-title .date{font-size:1.125rem;font-weight:100;float:right;position:relative;display:inline-block;margin-top: 5px;}
.board-view .board-title .date i{color:#bdbec8;margin-right: 5px;}
.board-view .board-title .date .number{margin-right:18px;}
.board-view .board-title .date .number:after{position:absolute;top:8px;right:32%;width:1px;height:50%;background:#dbe0e3;content:"";}

.board-view .view-image{margin: 2rem 0 2rem 0;}
.board-view .view-image .image-item{margin-bottom: 1rem;}
.board-view .view-image .image-item img{display: block;}

.board-view .view-content{width:100%;line-height: 2.0;padding:2.188rem 2rem 2.188rem 2rem}
.board-view .view-content p{font-size:1rem;font-weight:300;}
.board-view .view-content img{display:block;margin:5.5rem auto 5.5rem;}
.board-view .news img{display:block;margin:2.5rem auto 0rem;}
.board-view .view-content.center{text-align:center;margin-bottom:10rem;}

/*링크, 파일*/
.board-view .file,
.board-view .link {margin-top:2rem;}
.board-view .file p,
.board-view .link p{font-size:1.125rem;font-weight:600;margin-bottom:8px;}
.board-view .file .file-list a,
.board-view .link .link-list a{background-color:#f8f8f8;color:#337ab7;width: 100%;padding: 0.75rem 1.25rem;margin-bottom:8px;}
.board-view .file .file-list span, 
.board-view .link .link-list span{font-weight:300;}
.board-view .file .file-list .file-volume{float:right;}
.work-list.tbl-type1 {border-bottom:none;}


/* 버튼 등록, 취소   */
.text-center{margin-bottom: 5rem; margin-top: 57px;}
.text-center .btn-basic{height:50px;font-size:1.125rem;color:#fff;border:none;padding:10px 50px;}
.btn-basic.btn-submit{background-color:#464cc4;color:#fff;}
.btn-basic.btn-back{background-color:#515464;color:#fff;}


/*board-foot*/
.board-foot {position:relative;margin-top:30px;margin-bottom:6rem;padding:2.5rem 1rem 2.5rem 1rem;border-bottom: 1px solid #000;border-top: 1px solid #ddd;}
.board-foot a{cursor:pointer;display: block;width: 47%;}
.board-foot span{font-size:1.125rem;font-weight:600;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display: inline-block;height: auto;max-width: calc(100% - 80px);vertical-align: sub;}
.board-foot .btn-nav {position:absolute;top: 21%;}
.board-foot .btn-nav .disabled{color:#ddd;cursor: not-allowed;text-align:right;}
.board-foot .btn-nav.btn-next{right:1rem;text-align: right;}
.board-foot .btn-nav.btn-prev i{left:0;border: 1px solid #ddd;width:45px;height:45px;text-align: center;padding: 9px;font-size: 1.563rem;margin-right: 17px;}
.board-foot .btn-nav.btn-next i{right:0;border: 1px solid #ddd;width:45px;height:45px;text-align: center;padding: 9px;font-size: 1.563rem;margin-left: 17px;}
.board-foot .btn-list {border:1px solid #ddd;padding:9px;width:45px;height:45px;font-size:1.563rem;background:#fff;}
.board-foot .btn-wrap{position: absolute;top:21%;left: 50%;transform: translate(-50%, 0);}





/* ====================
* 
* board-write
*
========================*/
/*board-write*/
.write-info{text-align:right;font-size:1.125rem;margin-top:20px;margin-bottom:20px;}
.write-info img{margin-right:5px;}
.write-content img{margin-left:5px;}
.board-write{position:relative;border-bottom:1px solid #000;margin-bottom:5rem;}
.board-write .write-content{display: inline-block; width:  100%; }
.board-write label{border:0;font-weight:600;float:left;width:100px;display:inline-block;padding:10px 0;font-size:1.125rem;}
.board-write .col-form-label{padding-top:calc(.375rem + 1px);padding-bottom:calc(.375rem + 1px);margin-bottom:0;line-height:1.5;}
.board-write .write-form-area{float:left;width:calc(100% - 100px);}
.board-write .write-form-area.w_50 {width: calc(100% - 140px);}
.board-write .board-title{text-align:center;padding:2.188rem 2rem 2.188rem 2rem;font-size:2.188rem;font-weight:300;color:#222;border-top:1px solid #000;border-bottom:1px solid #ddd;position:relative;}
.board-write .form-group{display:inline-block;margin-bottom:10px;float:left;}
.board-write .form-group.w_50{width:50%;}
.board-write .form-group.w_100{width:100%;}
.board-write .form-control{border:1px solid #e5e5e5;border-radius:0;padding:5px 25px;color:#666;display:block;width:100%;font-size:1rem;height: calc(2.25rem + 8px);}
.board-write .form-control.text-area{color:#222222;min-height:500px;padding:25px;}
.table thead th {border-top:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1;background:#f7f7f7;font-weight:600;}

.point{content: "";width: 6px;height: 6px;position: absolute;background-color: #ff4e00;border-radius: 50px;margin-top: 10px;margin-left: 5px;}
.point.left{margin-top: 10px;margin-left: -13px;}

select.form-control:not([size]):not([multiple]){height: calc(2.25rem + 8px);}





/*반응형*/
@media only screen and (max-width: 1200px) {
	
.board-view .board-title {padding: 2.188rem 1rem 2.188rem 1rem;font-size: 1.5rem;}
.board-view .board-title .label{width:60px;height:35px;margin-right: 1rem;}	
.board-view .view-content img{transform: scale(0.9);margin: 2.5rem auto 2.5rem;}

.board-write label{width:70px;}
.board-write label,.write-info{font-size:1rem;}
.board-write .write-form-area{width: calc(100% - 70px);}
.board-write .write-form-area.w_50 {width: calc(100% - 90px);}
.text-ceenter{margin-bottom: 2rem;}
.text-center .btn-basic{width:112px;height:40px;}

.board-foot span{width: 250px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display: inline-block;margin-top: -12px;}

/*.prepare*/
.prepare p{font-size:1.5rem;margin-bottom:10px;}

}

@media only screen and (max-width: 780px) {
/* ====================
* 
* board-view
*
========================*/
.board-view .board-title {padding: 1rem;}
.board-view .board-title p{font-size: 1.2rem;}
.board-view .board-title .label{margin-right: 0.5rem;width: 50px;}
.board-view .view-content {padding: 2.188rem 0rem 2.188rem 0rem;}
.board-view .view-content img {margin: 1rem auto 1rem;}

/*등록, 취소버튼*/
.text-center {margin-bottom: 1rem;}
.text-center .btn-basic {width: 95px;height: 45px;font-size: 0.9375rem;}

/*board-foot*/
.board-foot {margin-bottom:1rem;}
.board-foot span{display:none;}
.board-foot .btn-nav,.board-foot .btn-wrap{top: 19%;}


/* ====================
* 
* board-write
*
========================*/
.write-info{margin-top:10px;margin-bottom:0;}
.board-write{margin-bottom:1.5rem;}
.board-write .board-title{font-size:1.563rem;font-weight:300;}
.board-write .form-group.w_50{width:100%;}
.board-write .write-form-area.w_50,.board-write .write-form-area {width:100%;}
select.form-control:not([size]):not([multiple]) {height: calc(2.25rem + 15px);font-size: 0.9375rem;}


/* ====================
* 
* 준비중
*
========================*/
/*.준비중 */
.prepare{/* min-height: 700px; */background-size: 100px;padding: 130px 20px;margin-top: 30px;}
.prepare p {font-size: 1.25rem;}


}

@media only screen and (max-width: 560px) {
/* board-view */
.board-title{text-align:center;}
.board-title .date{width: 100%;}
.board-view .board-title .date .number:after{right:44%;}
.board-view .file {margin-top: 3rem;}


}







/* ====================
* 
* 사업수행이력 
*
========================*/
/*sorting */
.sorting {text-align: right; padding-bottom: 33px; height: 81px;}
.sorting .input-wrap {display: inline-block}
.sorting select {width: 150px; height: 100%; padding:  0px 0px 0 26px;}
.sorting input {width: 404px; height: 100%;padding: 0 20px;}
.sorting input, .sorting select {border: 1px solid #dddddd;}
.sorting select {background: url(../../common/images/dropdown-icon.png) no-repeat 90% 18px;}
.sorting .input-wrap {display: inline-block;position: relative;height: 100%;}
.sorting button {position: absolute; right: 0; height: 100%; border: 0;padding: 5px 24px; top:0;}
.sorting button i {font-size: 1.438rem; color: #666666}


/*탭*/
.work-list-tab {width: 960px;}
.work-list-tab li {width:calc((100% + 5px) / 8);}


/* 회사소식  */
.work-list-tab.cta {width: 543px;}
.work-list-tab.cta li {width:25%; }  





/*테이블 */
.work-list .t-body .t-cont .txt {text-align: left;}

.work-list .t-cont li.number{width: 4%; }
.work-list .t-cont li.sort-label {width: 7%;}
.work-list .t-cont li.txt{width: 23.3%;}
.work-list .t-cont li.agency {width: 15%}
.work-list .t-cont li.year {width: 10%}
.work-list .t-cont li.go-link {width: 10%}
.work-list .t-cont li.modify {width: 10%}

.t-body  li.number {color: #000;font-weight: 600;}
.t-head  li.number, .t-head li.year { color: #222; font-weight: 300; font-family: 'Noto Sans Korean';  }



.work-list .t-body .t-cont {font-size: 1.125rem;}
.work-list .t-body .t-cont li:nth-child(3) {text-align: left;}



.work-list .number, .work-list .label,.work-list .year {font-family: 'Noto Sans Korean';}
.work-list .number {font-size: 1.125rem; font-weight: 600;}
.work-list .label { padding: 5px 5px;width: 120px;height: 40px;display: inline-block;font-size: 0.875rem;font-weight: 600;}


/* 라벨  */
/* .work-list .label.rnd {border: 1px solid #b259c6;color: #b259c6;}
.work-list .label.mobile {border: 1px solid #6557d1;color: #6557d1;}
.work-list .label.pms {border: 1px solid #3694a5;color: #3694a5;}
.work-list .label.mis {border: 1px solid #3863ab;color: #3863ab;}
.work-list .label.web {border: 1px solid #583b98;color: #583b98;}*/

.label[data-category="MIS"] {border: 1px solid #3863ab;color: #3863ab;}
.label[data-category="PMS"] {border: 1px solid #3694a5;color: #3694a5;}
.label[data-category="MOBILE"] {border: 1px solid #6557d1;color: #6557d1;}
.label[data-category="ENERGY ICT"] {border: 1px solid #b259c6;color: #b259c6;}
.label[data-category="WEB"] {border: 1px solid #583b98;color: #583b98;}
.label[data-category="BMS"] {border: 1px solid #6490e8;color: #6490e8;}
.label[data-category="BSC"] {border: 1px solid #14af90;color: #14af90;}
.label[data-category="NEWS"] {border: 1px solid #6557d1;color: #6557d1;}
.label[data-category="STORY"] {border: 1px solid #b259c6;color: #b259c6;}
.label[data-category="언론보도"] {border: 1px solid #3694a5;color: #3694a5;}



.work-list .link {display: block; width: 148px; height: 40px;padding: 5px 0;margin: 0 auto; font-size: 1rem;}
.work-list .link i {display: inline-block; padding-right: 7px;}
.work-list .link {background: transparent; color: #666666; border:1px solid #a0a0a3;}
.work-list a.link:hover {background: #d2d2d2; text-decoration: none;}

/*  pagenation  */
.pagination-wrap{text-align:center;margin-top: 30px;margin-bottom: 50px;}
.pagination {display:inline-block;/* text-align: center;width: 350px; margin: 0 auto;display:block;position:relative; */}
.page-link  {width:50px; height: 50px;padding: 14px 5px;}
.page-item {float: left;}
.page-item.first .page-link {background: url(../../common/images/first-arr.png) no-repeat center; border-top-left-radius: 0; border-bottom-left-radius: 0;}
.page-item.last .page-link {background: url(../../common/images/last-arr.png) no-repeat center;  border-top-right-radius: 0;border-bottom-right-radius: 0;}
.page-item.prev .page-link {background: url(../../common/images/prev_arr.png) no-repeat center; border-top-left-radius: 0; border-bottom-left-radius: 0;}
.page-item.next .page-link {background: url(../../common/images/next_arr.png) no-repeat center;  border-top-right-radius: 0;border-bottom-right-radius: 0;}



@media only screen and (max-width:1200px) {
	/* 회사소식  */
    .tbl-basic .t-cont .txt a {    text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
}


@media only screen and (max-width:1024px) {
    
   /*탭*/
    .work-list-tab {width: 100%}
    .work-list-tab li {    width: calc((100% + 2px) / 2); margin-top: -1px; margin-right: -1px}
    .work-list-tab .tab-link {height: 100%; margin-left: 0;border: 1px solid #ddd;}
    
    
    
    /*테이블 */
    .work-list .t-head,.work-list .t-cont li:nth-child(1) {display: none;}

    .work-list .t-body li:not(:first-of-type) .t-cont {border-top: 1px solid #ddd;}
    .work-list .t-body {border-bottom: 1px solid #ddd; min-height: auto;}

    .work-list .t-cont {position: relative; padding: 14px 0;}
    .work-list .t-cont li {border-bottom-color: transparent;}
    .work-list .t-cont li.txt {width: 100%;}
    .work-list .t-cont li.sort-label,
    .work-list .t-cont li.txt,
    .work-list .t-cont li.agency,
    .work-list .t-cont li.year {display: inline-block;}
    .work-list .t-cont li.agency,
    .work-list .t-cont li.year {font-size: 1rem; color: #6b6b6b;padding: 5px 10px 0 0;}
    .work-list .t-cont li.agency, .work-list .t-cont li.year, .work-list .t-cont li.go-link {width: auto;line-height: 1;}
    .work-list .t-cont li.go-link {position: absolute; top: 12px; right: 0px;padding: 0;}
    .work-list .t-cont li.sort-label {width: auto; padding: 0 0 11px 0;}
    
    .work-list .t-body .t-cont li.txt {padding: 0;}
    .work-list .label {width: auto; height: 27px; max-width: 100%;padding: 1px 5px;}
    .work-list .link {font-size: 1rem; background: none; color: #000;}
    
    .work-list .link {padding: 11px 0;height:38px;}
}


@media only screen and (max-width:780px) {
    /*sorting */
    .sorting {height: auto; padding-bottom: 33px;}
    .sorting select {background: url(../../common/images/dropdown-icon.png) no-repeat 99.5% 18px;}
    .sorting select,.sorting input,.sorting .input-wrap {width: 100%;}
    .sorting select,.sorting input {padding: 10px 26px 10px 0; border: 0; border-bottom: 1px solid #4c4c4c;}
    .sorting button {padding: 0;}

    /*탭*/
    .work-list .link {padding: 5px 0;height:27px;}
    .work-list-tab .tab-link {width: 100%;}
    
    /* 회사소식  */
	.work-list-tab.cta,.work-list-tab.cta li {width: 100%; }
 	.tbl-basic .t-cont .txt a {width: auto; text-overflow: inherit; overflow: visible; white-space: inherit;} 
	
/*     .pagination {width: 195px;}
	.page-link {width: 40px;height: 40px;padding: 11px 5px;} */
	.page-item.first, .page-item.last{display:none;}
}
@media only screen and (max-width:480px) {
.page-link {width: 40px;height: 40px;padding: 11px 5px;}
}

@media only screen and (max-width:390px) {
.page-link {width: 32px;height: 32px;padding: 6px 5px;}
}

/* ====================
* 
* 회사소식 board
*
========================*/
.item {width: 25%; box-sizing: border-box; break-inside: avoid;  padding: 18px;  overflow: hidden; }
.item__content {position: relative;width: 100%; display: flex; align-items: center;  font-size: 2.5rem;box-sizing: border-box;}
.item__content .inner {color: #000; font-size: 1rem;  width: 100%; height: 100%;}
.item__content .inner img {width: 100%;}
.item__content .txt_wrap span {font-size: 1rem; display: block}
.item__content .txt_wrap .txt {font-size: 1.375rem;font-weight: 200;line-height: 1.3; letter-spacing: -1px;}
.item__content:after {color: #1c0004;}
.item__content--small .txt_wrap  {color: #fff;padding: 29px 33px 54px 32px; }
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	.item__content--small .txt_wrap {display: block; width: 330px; padding: 34px 33px 54px 32px;}
	 .masonry {grid-template-rows :repeat(4, 173px); }
	
}
.item__content--small .txt_wrap span {padding-bottom: 11px;}
.item__content--small .txt_wrap .txt {height: 54px;overflow: hidden;}
a.item__content--small { color: #4453a0;}
.item__content--large {grid-row-end: span 2;}

 
a.item__content--small:hover{text-decoration: none; }
.masonry .item:nth-of-type(1)  a.item__content--small {background: #6444a0;}
.masonry .item:nth-of-type(2)  a.item__content--small {background: #4453a0;}
.masonry .item:nth-of-type(3)  a.item__content--small {background: #575a68;}
.masonry .item:nth-of-type(3n+4)  a.item__content--small {background: #6444a0;} /*보라 */
.masonry .item:nth-of-type(3n+5)  a.item__content--small {background: #4453a0;} /* 파랑 */
.masonry .item:nth-of-type(3n+6)  a.item__content--small {background: #575a68;} /* 검정  */
.masonry .item:nth-of-type(1)  a.item__content--small:hover {background: #412379;}
.masonry .item:nth-of-type(2)  a.item__content--small:hover {background: #313f88;}
.masonry .item:nth-of-type(3)  a.item__content--small:hover {background: #484b5a;}
.masonry .item:nth-of-type(3n+4)  a.item__content--small:hover {background: #412379;}
.masonry .item:nth-of-type(3n+5)  a.item__content--small:hover {background: #313f88;}
.masonry .item:nth-of-type(3n+6)  a.item__content--small:hover {background: #484b5a;}
.item__content--large {color: #fff;  height: auto;}
.item__content--large:hover {background: #fff;}
.item__content--large:after {content: '';}
.item__content--large .txt_wrap { background: #fff;bottom: 0; width: 100%; padding: 22px 0;}
.item__content--large .txt_wrap span {color: #4453a0;} 
.item__content--large .txt_wrap .txt { color: #000;}


@media screen and (max-width: 1200px) {
.item {width:33.3%;}
}
@media screen and (max-width:  1024px) {
      .item {width: 50%; padding: 4px;}
      .item__content .txt_wrap .txt {font-size: 1.4rem;}
      
      .item__content--small .txt_wrap {padding:17px 33px 17px 32px; }
      
      /* 사진 있는 상자 반응형에서는 사진 없애기  */
      .item__content--large {grid-row-end: span 1;}
      .item__content .inner img { display: none; }
      .item__content--large .txt_wrap {height: 100%; padding: 35px 33px 37px 32px; }
      
      .item__content--large .txt_wrap span,.item__content--large .txt_wrap .txt {color: #fff;}
	  .masonry .item:nth-of-type(1)  .item__content--large .txt_wrap  {background: #6444a0;}
	  .masonry .item:nth-of-type(2)  .item__content--large .txt_wrap  {background: #4453a0;}
	  .masonry .item:nth-of-type(3)  .item__content--large .txt_wrap  {background: #575a68;}
	  .masonry .item:nth-of-type(3n+4)  .item__content--large .txt_wrap  {background: #6444a0;} /*보라 */
	  .masonry .item:nth-of-type(3n+5)  .item__content--large .txt_wrap  {background: #4453a0;} /* 파랑 */
	   .masonry .item:nth-of-type(3n+6)  .item__content--large .txt_wrap  {background: #575a68;} /* 검정  */
		      
}
@media screen and (max-width: 780px) {
    .item { width:100%; padding: 0;}
    .item__content { justify-content: flex-start;}
    .item__content .inner img {width: 100%;}
    .item__content .txt_wrap .txt {font-size: 1.2rem; height: auto;}
    .item__content--small .txt_wrap,.item__content--large .txt_wrap {padding: 15px;}
    .item__content--small .txt_wrap span {padding-bottom: 5px;}
   
}



/* ====================
* 
* 연혁 board
*
========================*/
.history p {    text-align: center;font-size: 2.188rem; font-weight: 100;padding-bottom: 68px;line-height: 1;}
.history p strong {    color: #003f7e; font-weight: 500;}
.history .history-list > li {    width: calc((100% - 33px) / 4); min-height: 240px; float: left; padding: 20px 25px; border: 1px solid #4453a0; background: #f9f9f9;}
.history .history-list > li:not(:nth-child(4n+1)) { margin-left: 11px;}
.history .history-list > li:nth-child(n+5) {margin-top: 11px}
.history .history-list > li .year {font-size: 1.75rem;color: #4453a0; font-family: 'Noto Sans Korean';font-weight: 600;    display: inline-block;padding-bottom: 10px; }
.history .history-list > li > ul { height: 193px; overflow-y: auto;}


@media only screen and (max-width:1800px) {
	.history .history-list > li {padding: 3%;}
}	
@media only screen and (max-width:1200px) {

	.history .history-list > li {width: calc(-7.33px + 33%);}
	.history .history-list > li:nth-child(n+4) {margin-top: 11px;}
	.history .history-list > li:not(:nth-child(4n+1)) {margin-left: 0;}
	.history .history-list > li:not(:nth-child(3n+1)) { margin-left: 1%;}
	
	
	.history p {font-size: 1.313rem;padding-bottom: 28px;} 
	
	
	
}
@media only screen and (max-width:1024px) {
	.history .history-list > li {height:220px;}
	.history .history-list > li {width: calc((100% - 11px) / 2);}
	.history .history-list > li:not(:nth-child(3n+1)) { margin-left: 0px; }
	.history .history-list > li:nth-child(n+4) {margin-top: 0;}
	.history .history-list > li:nth-child(n+3) {margin-top: 11px;}
	.history .history-list > li:nth-child(even) {margin-left: 11px;}
	
}


@media only screen and (max-width:780px) {
.history .history-list > li {width: 100%;margin-top: -1px;min-height: auto; height: auto;   padding: 24px 21px; }
.history .history-list > li > ul {height: auto;}
.history .history-list > li .year { padding-bottom: 8px; font-size: 1.5rem}
.history .history-list > li:nth-child(even) { margin-left: 0; }
.history .history-list > li:nth-child(n+3) {margin-top: -1px;}
}



/*///수정*/
 .about_card{text-align:left; font-size:16px ; border: none !important;  }
 .about_div {line-height:1.3 ;  font-family:"맑은 고딕" , 'gothic'  !important; font-size:1rem ; }
 .about_div_s {line-height:1.3 ; font-weight:500 ; color: #323232; font-size: 26px;}
 .ceo_logoimg{background-image: url( "/assets/images/CompanyIntroduction/ceo_logo_03.png" ); background-repeat: no-repeat;  background-position: bottom right; }
 .mb16{margin-bottom: 1rem !important;}
 .mb32{margin-bottom: 2rem !important;}
 .p_40{ padding: 2.5em; }
 .m_40{ margin:2.5em; }
 .contact_img{ width: 90%}
 .a_tag { color: #0e5ca4 !important; line-height: 1.5; font-weight:400;}
 .font_24{font-size:1.25rem !important; font-family:"맑은 고딕"  !important; }
.sub_title{ font-size:1rem ; line-height:1.5 ; /*font-weight: 400;*/  }
.mail_img{background-image: url( "/assets/images/contact/contact_01.png" ); background-repeat: no-repeat;  background-position: bottom left; }

.number{background: #00427a; color: #fff; width: 1.88em; height: 1.88em; display: inline-block; text-align: center; font-size: 1rem; margin-right: 10px; border-radius: 0px; vertical-align: top; margin-bottom: 10px;}
.number_r{background: #999999; color: #fff; width: 30px; height: 30px; display: inline-block; text-align: center; font-size: 1rem; margin-right: 10px; border-radius: 0px; vertical-align: top; margin-bottom: 10px;}

.border_b{ margin: 20px 15px;  border-bottom: 1px dotted #777777; padding-bottom: 20px;}
.border_b_01{ margin: 20px 15px;  padding-bottom: 20px;}
.border_t{ border-top: 1px dotted #777777;  padding-top: 20px;}
.sub_text{font-size:1em ; line-height:1.2 ; font-family:"맑은 고딕" , 'gothic' !important; }
.bg_gray{ background-color: #f0f0f0 !important;}
.img_mb{margin-bottom: 40px !important}
.mb_40{ margin-bottom: 40px !important}
.mt_40{ margin-top: 40px !important; }
.mb_50{margin-bottom: 50px !important;}
.features_pt{ padding-top: 0.5em;}

@media only screen and (max-width:780px) {
	.about_div_s {line-height:1.3 ; font-weight:500 ; color: #323232; font-size: 16px;}
}

@media only screen and (max-width:1800px) {
	.mb_50{margin-bottom: 40px !important;}
}	
@media only screen and (max-width:1200px) {

	.mb_50{margin-bottom: 35px !important;}
	 .sm_none{ display: none !important;}
	
	
}
@media only screen and (max-width:1024px) {
	.mb_50{margin-bottom: 30px !important;}
}
 
 @media(max-width: 780px) {
	.about_card{padding: 10px; text-align:center; font-size:13px;}
	.about_div {line-height:1.2 ;}
	.ceo_logoimg{background-image: url( "/assets/images/CompanyIntroduction/ceo_logo_04.png" ); background-repeat: no-repeat;  background-position: bottom right; }
	.m_tab_sm_py{ padding-top: 10px; padding-bottom: 10px;}
	.sub_title{ /*font-size:1em ; */line-height:1.2 ; display:block !important; margin-bottom: 10px;}
	.img_mb{margin-bottom: 25px !important}
	.mb_40{ margin-bottom: 25px !important}
	.mt_40{ margin-top: 25px !important; }
	.mb_50{margin-bottom: 25px !important;}
	.font_24{font-size:1.2em !important;}
	.contact_img{ display: none;}
	.p_40{ padding: 1.5em 2em; }
	.info_text{ font-size:16px;}
	.info_text_sub{display:block !important;  font-size:14px !important;}
	.number_r{background: #999999; color: #fff; width: 20px; height: 20px; display: inline-block; text-align: center; font-size: 16px; margin-right: 10px; border-radius: 0px; vertical-align: top; margin-bottom: 2px;}

	
	
}





/*//주요고객사*/
.listBox-style10 > li { text-align: center; padding: 50px 33px; width: calc(100%  / 3);float: left; min-height: 250px;height:300px; border: 1px solid #ddd; margin-left: -1px;position: relative;}
.listBox-style10 > li:nth-child(n+4) {margin-top: -1px}
.listBox-style10 > li strong{font-weight: 600; font-size:1.35rem;letter-spacing:-1px;color: #222222;    padding-top: 15px;padding-bottom: 9px;display: block;}
.listBox-style10 > li strong span {display: block;padding-bottom: 5px;} 
.listBox-style10 > li .description {color: #666666;} 

.listBox-style10 > li .icon {width: 130px; height: 130px; background: #f3f3f3; position: relative; border-radius: 600px; margin: 0 auto;  display: block}
.listBox-style10 > li .icon:after {background: url(../images/contents/listBox-style5-icon.png) no-repeat;width: 76px ;height: 76px;content: ""; display: block; position: absolute; top: 30px;left: 50%; margin-left: -36px;}


@media only screen and (max-width:1800px) {
.listBox-style10  > li {padding: 18px 2%;}
}



@media only screen and (max-width:1200px) {
.listBox-style10 > li {width: calc( 100% / 2);margin-top: -1px;  padding: 50px 33px;}
.listBox-style10 > li strong {padding: 0 0 12px 0;}
.listBox-style10 > li .icon{transform: scale(0.8);}

}
/*  웹어플리케이션   */
.listBox-style10.webApp > li {min-height: 325px;height:auto;}
.listBox-style10.webApp > li:nth-child(3),
.listBox-style10.webApp > li:nth-child(4){height:325px;}
/* 상자 3개짜리  */
.listBox-style10 > li{min-height:265px;height:auto;}

@media only screen and (max-width:1000px) {
.listBox-style10.webApp > li.hei-type2{height: 385px;}
.listBox-style10.webApp > li:nth-child(3),
.listBox-style10.webApp > li:nth-child(4){height: 325px;}
}


@media only screen and (max-width:780px) {
.listBox-style10  > li {width: 100%; min-height: auto;padding: 15px 2%;}
.listBox-style10 > li .icon {width: 80px; height: 80px}
.listBox-style10 > li .icon:after {    width: 100%;  height: 100%;  top: 0;transform: scale(0.7);}
.listBox-style10 > li strong {padding: 0; font-size: 1.15rem;}
.listBox-style10 > li .description {padding:  0 5px }
.listBox-style10 > li .description p {display: inline;}

.listBox-style10.type1 > li {min-height: auto}
.listBox-style10.webApp > li {min-height: auto;}
.listBox-style10.webApp > li.hei-type2{height: 320px;}
.listBox-style10.webApp > li:nth-child(3),
.listBox-style10.webApp > li:nth-child(4),
.listBox-style10.webApp > li:nth-child(5){height: 243px;}
}


@media only screen and (max-width:480px) {
.listBox-style10 > li strong {font-size: 1rem;font-weight:600;}	
.listBox-style10.webApp > li.hei-type2 {
    height: 310px;}
}

/*// 제품 설명*/

.contents_sales.container {padding: 50px 0 ;}
.SalesPresentation_info{ min-height:  503px; height:  503px; background-color:#f2f2f2; padding: 30px; }
.SalesPresentation_ib{border: 1px solid #999999; padding: 5px;}
.SalesPresentation_img{ height:  490px; width:auto; }
.SalesPresentation_img01{ height:  320px; width:80%; }
@media only screen and (max-width:1800px) {
    .contents_sales.container {padding-right: 15px; padding-left: 15px}
	.SalesPresentation_info{  min-height:  350px; height:  auto;}
}

@media only screen and (max-width:1200px) {
    .contents_sales.container {padding-top: 40px}
	.SalesPresentation_ib{border: none;}
	.SalesPresentation_info{  min-height:  auto; }
}



@media only screen and (max-width:780px) {
    .contents_sales.container { padding-top: 25px} 
	.SalesPresentation_img{ height:  auto; }

}


.cont-section .inner .sub-tit {font-size: 1rem; display: block; padding-bottom: 0.85em; font-weight: 500;}

.graydot li {font-family:"맑은 고딕" !important; font-size: 1rem !important;}

/*// 회사연혁*/
  /*.nav-pills .nav-link { background: #F2F2F2; border: 0; border-radius: 0rem; font-size: 24px; font-family: 'Noto Sans Korean'; font-weight: 500; padding: 20px 40px; }
  .nav-pills .nav-link.active,
  .nav-pills .show>.nav-link { color: #fff; background-color: #006dcc; }*/
  .trxHst { margin: 0px 0 160px 0; }
  .trxHst>div { position: relative; }
  .trxHst>div>ul { position: relative; width: 100%; margin: 0 auto; z-index: 10; }
  .trxHst>div>ul::before { width: 1px;  height: calc(100% - 115px); background-color: #c8d4e2; content: " "; position: absolute; top: 0; left: 50%; }
  .trxHst>div>ul>li { position: relative; left: calc(50% + 120px); max-width: calc(50% - 120px);  margin-bottom: 2.5em; top: -20px; }
  .trxHst>div>ul>li::before { width: 75px; height: 1px;  background-color: #c8d4e2; content: " "; position: absolute;  top: 20px; }
  .trxHst>div>ul>li:not(.rvr)::before { left: -120px; }
  .trxHst>div>ul>li>s { width: 18px; height: 18px; border-radius: 9px; background-color: #263477; position: absolute; top: 11px; left: -129px; }
  .trxHst>div>ul>li>s>del { width: 8px; height: 8px; border-radius: 4px; background-color: #ffffff; position: absolute; top: calc(50% - 4px); left: calc(50% - 4px); }
  .trxHst>div>ul>li>i { width: 8px; height: 8px; border-radius: 4px; background-color: #8f96b8; position: absolute; top: 17px; left: -50px; }
  .trxHst>div>ul>li>strong { font-weight: bold; color: #263477; font-size: 40px; padding-bottom: 30px; display: block; line-height: 40px; }
  .trxHst>div>ul>li>ul>li { font-size: 1em; font-weight: 300; color: #323232; font-family: 'Noto Sans KR', sans-serif; }
  .trxHst>div>ul>li>ul>li>span { display: inline-block; color: #556dde; font-weight: bold; padding-right: 25px; font-family: 'Noto Sans KR', sans-serif; }
  .trxHst>div>ul>li>img { position: absolute; top: -10px; right: calc(100% + 240px); }
  .trxHst>div>ul>li.rvr { left: auto; right: 0; text-align: right; }
  .trxHst>div>ul>li.rvr::before { right: -120px; }
  .trxHst>div>ul>li.rvr>s { left: inherit; right: -129px; }
  .trxHst>div>ul>li.rvr>i { left: inherit; right: -50px; }
  .trxHst>div>ul>li.rvr>img { right: inherit; left: calc(100% + 240px); }
  .trxHst>div>span:nth-child(2) { color: #edeef2; font-size: 200px; font-family: 'Noto Sans KR', sans-serif; display: block; position: absolute; top: 5%; right: calc(50% - 160px); font-weight: bold; line-height: 150px; letter-spacing: -0.06em; z-index: 5; }
  .trxHst>div>span:nth-child(3) { color: #edeef2; font-size: 200px; font-family: 'Noto Sans KR', sans-serif; display: block; position: absolute; top: calc(100% - 275px); right: calc(50% - 610px); font-weight: bold; 
  line-height: 150px; letter-spacing: -0.06em; z-index: 5; }

  @media only screen and (max-width:780px) { 
	  .trxHst>div>ul::before { left: 20px; }
	  .trxHst>div>ul>li { margin-bottom: 50px; }
	  .trxHst>div>ul>li:not(.rvr)::before { left: -40px; }
	  .trxHst>div>ul>li>s { left: -48px; }
	  .trxHst>div>ul>li>i { left: -20px; }
	  .trxHst>div>ul>li { max-width: calc(100% - 20px - 60px); left: calc(20px + 40px); }
	  .trxHst>div>ul>li.rvr { left: calc(20px + 40px); right: inherit; text-align: left; }
	  .trxHst>div>ul>li.rvr::before { right: inherit; left: -40px; }
	  .trxHst>div>ul>li.rvr>s { left: -48px; right: inherit; }
	  .trxHst>div>ul>li.rvr>i { left: -20px; right: inherit; }
	  .trxHst>div>ul>li::before { width: 25px; }
	  .trxHst>div>ul>li>ul>li { text-indent: -25px; padding-left: 50px; word-break: keep-all; }
	  .trxHst>div>span:nth-child(2) { font-size: 50px; line-height: 40px; }
	  .trxHst>div>span:nth-child(3) { font-size: 50px; line-height: 40px; top: calc(100% - 100px); }
  }