@charset "utf-8";
/* 구분 -----------------------------------*/
/**** pc ****/
@media only all and (min-width:768px) {.MAIN_partner_KNB{  width: 100%;  display: flex;
justify-content:flex-start;  align-items: center; flex-direction:column; box-sizing: border-box; gap:0px}
	
.MAIN_partner_KNB	.wg_inbox{  width: 100%;  display: flex;
justify-content:flex-start;  align-items: center; flex-direction:column; box-sizing: border-box; gap:10px}


}
/**** pc2 ****/
@media all and (max-width:1280px) and (min-width:768px) {
}
/**** 모바일 ****/
@media only all and (max-width:767px) {.MAIN_partner_KNB{  width: 100%;  display: flex;
justify-content:flex-start;  align-items: center; flex-direction:column; box-sizing: border-box; gap:0px}
.MAIN_partner_KNB	.wg_inbox{  width: 100%;  display: flex;
justify-content:flex-start;  align-items: center;flex-direction: row; box-sizing: border-box; gap:10px}


}
/**** 모바일2 ****/
@media only all and (max-width:400px) {
}
/* 구분 //end -----------------------------------*/


/* 구분 -----------------------------------*/
/**** pc ****/
@media only all and (min-width:768px) {.MAIN_partner_KNB .wg_img1{ width: 100%;  height: 90px; border-radius: 10px; background-color: #fff; display: flex;  justify-content: center;  align-items: center;}
.MAIN_partner_KNB .wg_img1 img{ height: 80% }
}
/**** pc2 ****/
@media all and (max-width:1280px) and (min-width:768px) {
}
/**** 모바일 ****/
@media only all and (max-width:767px) {.MAIN_partner_KNB .wg_img1{ width: 50%; float: left;  height: 80px;  border-radius: 10px; background-color: #fff; display: flex;  justify-content: center;  align-items: center;}
.MAIN_partner_KNB .wg_img1 img{width: auto; height: 70% }
}

/**** 모바일2 ****/
@media only all and (max-width:400px) {
}
/* 구분 //end -----------------------------------*/


/* 구분 -----------------------------------*/
/**** pc ****/
@media only all and (min-width:768px) {
	
.MAIN_partner_KNB .tit_box{width: 100%; float: left; position: relative; padding-right: 40px ; padding-top: 30px; margin-bottom: 15px}
.MAIN_partner_KNB .tit_box .tx1{width: 100%; float: left;font-size:calc(var(--tit-md-size) * 1); letter-spacing: -2px; color: #000 ; font-weight: 700; margin-bottom: 15px}
.MAIN_partner_KNB .tit_box .tx2{width: 100%; float: left;font-size:calc(var(--tx-sm-size) * 1); color: #333}

.MAIN_partner_KNB .tit_box .more{width:36px; height: 36px; border-radius: 4px; background-color: var(--primary); display: flex;  justify-content: center;  align-items: center; color: #fff; font-size: 20px; position: absolute; right: 0px;top: 30x; transition: all 0.5s;-moz-transition: all 0.5s; -webkit-transition: all 0.5s;-o-transition: all 0.5s; 
  }
.MAIN_partner_KNB .tit_box .more:hover{ background-color: var(--primary-hover);
  }
	
	.MAIN_partner_KNB .tit_box .more:before{width:6px; height: 6px; border-radius: 100%; background-color: var(--primary); position: absolute; left: -20PX; top:50%; margin-top: -3PX;  content: ""
  }	

}
/**** pc2 ****/
@media all and (max-width:1280px) and (min-width:768px) {
}
/**** 모바일 ****/
@media only all and (max-width:767px) {
	
.MAIN_partner_KNB .tit_box{width: 100%; float: left; position: relative; padding-right: 40px ; padding-top: 20px; margin-bottom: 0px}
.MAIN_partner_KNB .tit_box .tx1{width: 100%; float: left;font-size:calc(var(--tit-md-size) * 1); letter-spacing: -2px; color: #000 ; font-weight: 700; margin-bottom: 15px}
.MAIN_partner_KNB .tit_box .tx2{width: 100%; float: left;font-size:calc(var(--tx-sm-size) * 1); color: #333}

.MAIN_partner_KNB .tit_box .more{width:36px; height: 36px; border-radius: 4px; background-color: var(--primary); display: flex;  justify-content: center;  align-items: center; color: #fff; font-size: 20px; position: absolute; right: 0px;top: 10px; transition: all 0.5s;-moz-transition: all 0.5s; -webkit-transition: all 0.5s;-o-transition: all 0.5s;
  }
.MAIN_partner_KNB .tit_box .more:before{width:6px; height: 6px; border-radius: 100%; background-color: var(--primary); position: absolute; left: -20PX; top:50%; margin-top: -3PX;  content: ""
  }	
	
.MAIN_partner_KNB .tit_box .more:hover{ background-color: var(--primary-hover);
  }

}
/**** 모바일2 ****/
@media only all and (max-width:400px) {
}
/* 구분 //end -----------------------------------*/