@charset 'utf-8';

.txt-area.network{width: 100%; margin-bottom: 20px}
.txt-area.network strong{width: 100%;  padding-top: 40px; margin-bottom: 20px}

.txt-area.network p{width: 100%;  padding-left: 80px!important; position: relative;     }
.txt-area.network p img{width: 70px; position: absolute; left: 0px; top:0px; }


.network-bussiness{}

/* 구분 //end -----------------------------------*/
.network-bussiness .li{margin-top:30px;border:1px solid #cccfd3;padding:30px;box-sizing:border-box;display:table;width:100%;table-layout:fixed;}
.network-bussiness .li:first-child{margin-top:0;}
.network-bussiness .li > div{display:table-cell;vertical-align:top;}



.network-bussiness .li .imgbox{width:100%; float: left; display: grid; grid-template-columns: repeat(4, 1fr); grid-gap:10px;; margin-bottom: 20px}

/**** 모바일 ****/
@media only all and (max-width:640px) {
.network-bussiness .li .imgbox{width:100%; float: left; display: grid; grid-template-columns: repeat(2, 1fr); grid-gap:10px;; margin-bottom: 20px}
}


.network-bussiness .imgbox img{width:100%; }

.network-bussiness .info{width:100%; float: left; } 
.network-bussiness .tit{width:100%; float: left;font-weight:500;color:#333;line-height:24px;word-break:keep-all; }


.network-bussiness .basic-text{color:#555;font-size:15px;margin:0px 0 0;word-break:keep-all; margin-bottom: 20px}


.network-bussiness .basic-text3 ul li{  color:#555;font-size:15px; word-break:keep-all; margin-bottom:10px;  	}









.intit{width:100%!important; float: left; font-size:12px; font-weight:500; color:#fff; line-height:24px; word-break:keep-all; padding: 10px 20px; background-color: #124474;   }
.intit em{ font-size:15px; font-weight:500; color:#fff; line-height:17px; word-break:keep-all; }

.intit2{width:100%!important; float: left; font-size:12px; font-weight:500; color:#fff; line-height:24px; word-break:keep-all; padding: 10px 20px; background-color: #124474;  margin-bottom: 20px }
.intit2 em{ font-size:15px; font-weight:500; color:#fff; line-height:17px; word-break:keep-all; }


 a.down{width: 100%; float: left;background-size: 30px; border: 1px solid #273346; padding: 10px 20px; text-align: left; position: relative; color: #333; position: relative; margin-top: 20px;  cursor: pointer; transition: all 0.5s;-moz-transition: all 0.5s; -webkit-transition: all 0.5s;-o-transition: all 0.5s;   background: url("../images/common/icon/ico-down.png") no-repeat calc(100% - 20px) center!important;  
}



.sp_box{width:100%; float: left ; height: 20px}

.sp_box2{width:100%; float: left ; height: 40px}















.swiper {
width: 100%;
max-width:100%;
margin: 0px auto;
}

.swiper-slide {
display: flex;
justify-content: center;
align-items: center;
background: #eee;
}

.swiper-slide img {
width: 100%;
height: auto;
margin-bottom: 0px!important;
object-fit: cover;
}


#swiper1 .swiper-button-next{right: 0px ;  top:50%;  width: 50px; height: 50px ;  background-color: rgba(51,51,51,0.8) ; margin-top: -25px}
#swiper1  .swiper-button-next:after{ color: #fff ; flex-wrap: 700; font-size: 20px!important; display: flex;  justify-content: center;  align-items: center;}

#swiper1 .swiper-button-prev{left: 0px ; top:50%;  width: 50px; height: 50px ;  background-color: rgba(51,51,51,0.8); margin-top: -25px}
#swiper1 .swiper-button-prev:after{ color: #fff;   flex-wrap: 700; font-size: 20px!important; display: flex;  justify-content: center;  align-items: center;}




/* 구분 -----------------------------------*/
/**** pc ****/
@media only all and (min-width:768px) {	
.cont-btn {width:100% !important; display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 5px}
.cont-btn a{width:100% !important; }
.cont-btn .btn05{line-height:24px; padding:10px 20px!important;}	

.cont-btn2 {width:100% !important;  margin-top:20px;}
.cont-btn2 a{width:100% !important; display:inline-block; font-size:14px; margin-right:5px; text-align: center;}
.cont-btn2 .btn04{line-height:24px; padding:10px 20px!important;}	
.cont-btn2 .bd-type{border:1px solid #273346; background-color:#fff; color:#333;}	
	
.process_pbox{  width: 100%;float: left;  display: grid; grid-template-columns: repeat(3, 1fr);  margin-bottom: 100px; margin-top: 20px}	
.process_pbox>.inprocess{  width: 100%;float: left; position: relative ;  display: flex; 
justify-content:space-between;  align-items: center; flex-direction:column; box-sizing: border-box; padding-top: 20px!important}	
.process_pbox>.inprocess:before{content: "";   font-family: unicons-line;  position: absolute ; right:-10px; top:-20px; background: url("/images/img_cooperation/2024/network/icon_pc04.png")no-repeat left top; background-size:10px; width: 14px; height: 272px }	
.process_pbox>.inprocess:last-child:before{content: "";   font-family: unicons-line;  position: absolute ; right:0px; top:0px; background: url("/images/img_cooperation/2024/network/icon_pc04.png")no-repeat left top; background-size:14px; width: 14px; height: 272px; display: none}	

.process_pbox>.inprocess em{ font-size:var(--f-b3);font-family:  'NanumSquare', sans-serif; transform: skew(-0.201deg);
	font-weight:400!important;   color:#000; line-height: 130%; letter-spacing: -1px; text-align: center ;padding-top:100px}		
	
	
.icon_p01{ background: url("/images/img_cooperation/2024/network/icon_pc01.png")no-repeat center center; background-size:50px; width:61px; height: 83px}	
.icon_p02{ background: url("/images/img_cooperation/2024/network/icon_pc02.png")no-repeat center center; background-size:70px; width: 81px; height: 68px; margin-top: 7px }		
.icon_p03{ background: url("/images/img_cooperation/2024/network/icon_pc03.png")no-repeat center center; background-size:75px; width: 86px; height: 69px; margin-top: 7px }	
	
}
/**** pc2 ****/
@media all and (max-width:1280px) and (min-width:768px) {
}
/**** 모바일 ****/
@media only all and (max-width:767px) {
.cont-btn {width:100% !important; display: grid; grid-template-columns:100%; grid-gap: 5px}
.cont-btn  a{width:100% !important; margin-bottom: 5px}
.cont-btn .w50p {width:100% !important;}
a.w50p{width:100% !important; width: 100%}
.cont-btn .btn05{line-height:20px; padding:10px 0px!important; word-wrap: break-word;word-break: keep-all; }
	
.cont-btn2 {width:100% !important;  margin-top:20px;}
.cont-btn2 a{width:100% !important; display:inline-block; font-size:14px; margin-right:5px; text-align: center;}	
.cont-btn2 .btn04{line-height:20px; padding:10px 0px!important; word-wrap: break-word;word-break: keep-all; }
.cont-btn2 .bd-type{border:1px solid #273346; background-color:#fff; color:#333;}
	
.process_pbox{  width: 100%;float: left;  display: grid; grid-template-columns: repeat(3, 1fr);  margin-bottom: 100px; margin-top: 20px}	
.process_pbox>.inprocess{  width: 100%;float: left; position: relative ;  display: flex; 
justify-content:space-between;  align-items: center; flex-direction:column; box-sizing: border-box; padding-top: 20px!important}	
.process_pbox>.inprocess:before{content: "";   font-family: unicons-line;  position: absolute ; right:-10px; top:-10px; background: url("../images/2024/network/icon_pc04.png")no-repeat left top; background-size:9px; width: 14px; height: 272px }	
.process_pbox>.inprocess:last-child:before{content: "";   font-family: unicons-line;  position: absolute ; right:0px; top:0px; background: url("../images/2024/network/icon_pc04.png")no-repeat left top; background-size:14px; width: 14px; height: 272px; display: none}	

.process_pbox>.inprocess em{ font-size:var(--f-b3);font-family:  'NanumSquare', sans-serif; transform: skew(-0.201deg);
	font-weight:400!important;   color:#000; line-height: 130%; letter-spacing: -1px; text-align: center ;padding-top:80px}		
	
	
.icon_p01{ background: url("../images/2024/network/icon_pc01.png")no-repeat center center; background-size:30px; width:61px; height: 83px}	
.icon_p02{ background: url("../images/2024/network/icon_pc02.png")no-repeat center center; background-size:50px; width: 81px; height: 68px; margin-top: 7px }	
.icon_p03{ background: url("../images/2024/network/icon_pc03.png")no-repeat center center; background-size:45px; width: 86px; height: 69px ; margin-top: 7px }
	
}
/**** 모바일2 ****/
@media only all and (max-width:400px) {
	

	
}
/* 구분 //end -----------------------------------*/


.bd-box .info{width:100%; float: left; } 
.bd-box .tit{width:100%; float: left;font-weight:500;color:#333;line-height:24px;word-break:keep-all; }
.bd-box .basic-text{color:#555;font-size:15px;margin:0px 0 0;word-break:keep-all; margin-bottom: 20px}








  .swiper-slide {
    position: relative; margin-bottom: -5px
  }

  .slide-caption {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    color: #fff;
    text-align: center;
    padding: 10px 10px 15px;
    font-size: 12px;
	line-height:18px;   
    box-sizing: border-box; word-wrap: break-word;word-break: keep-all; 
  }

  .slide-caption em{color: #fff;
    font-size: 10px;

  }