/* 구분 -----------------------------------*/
/**** pc ****/
@media only all and (min-width:768px) {.KNB_1020_3 { width: 100%; float: left; }	
.KNB_1020_3 .work_box{ width: 100%; float: left; background-color: #f8f8f8; border-radius: 15px; padding: clamp(30px, calc(2.632vw + 19.474px), 70px) clamp(20px, calc(1.645vw + 13.421px), 45px)}	
	

	
.KNB_1020_3 .work_box .work_tt{ width:100%; float: left; margin-bottom: clamp(30px, calc(1.974vw + 22.105px), 60px)}
.KNB_1020_3 .work_box .work_tt ul li{ width:100%; float: left; font-size: calc(var(--tit-mds-size) * 0.8); color: #000; font-weight:500; line-height: 100%; letter-spacing: -1px; margin-bottom: 10px; padding-left: 10px; position: relative}
.KNB_1020_3 .work_box .work_tt ul li em{  font-size: calc(var(--tit-mds-size) * 0.8); color: #000; font-weight:700; line-height: 100%; letter-spacing: -1px; }	
.KNB_1020_3 .work_box .work_tt ul li:before{width: 3px; height: 3px;  border-radius: 100%; position: absolute; left: 0px; top:8px; background-color: #000; content: "";  transition: all 0.5s;
-moz-transition: all 0.5s; /* Firefox 4 */
-webkit-transition: all 0.5s; /* Safari and Chrome */
-o-transition: all 0.5s; /* Opera */  

-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: .3s ease-in-out;
transition: .3s ease-in-out;}		

	
.KNB_1020_3 .work_box .work_tt2{ width:100%; float: left; font-size: calc(var(--tit-mds-size) * 1.1); color: #000; font-weight:700; line-height: 180%; letter-spacing: -1px; margin-bottom: 10px}	
	

.KNB_1020_3 .work_box .work_tx{ width:100%; float: left; margin-bottom: clamp(30px, calc(2.632vw + 19.474px), 70px)}
.KNB_1020_3 .work_box .work_tx ul li{ width:100%; float: left; font-size: calc(var(--tx-sm-size) * 0.9); color: #404040; font-weight:700; line-height: 100%; letter-spacing: -1px; margin-bottom: 10px; padding-left: 10px; position: relative}
.KNB_1020_3 .work_box .work_tx ul li:before{width: 3px; height: 3px;  border-radius: 100%; position: absolute; left: 0px; top:8px; background-color: #404040; content: "";  transition: all 0.5s;
-moz-transition: all 0.5s; /* Firefox 4 */
-webkit-transition: all 0.5s; /* Safari and Chrome */
-o-transition: all 0.5s; /* Opera */  

-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: .3s ease-in-out;
transition: .3s ease-in-out;}		
	
.KNB_1020_3 .work_box .work_flex{ width: 100%; float: left;  display: flex;
justify-content:center;  align-items: center; flex-direction:row; box-sizing: border-box; }	
.KNB_1020_3 .work_box .work_flex .wg_link1 { font-size: var(--tx-sm-size); word-wrap: break-word; word-break: keep-all; letter-spacing: -0.5px; line-height: 100%; font-weight: 400; padding: 20px 50px; background-color: var(--primary); color: #fff; border-radius: 6px}	
	
}
/**** pc2 ****/
@media all and (max-width:1280px) and (min-width:768px) {
	
}
/**** 모바일 ****/
@media only all and (max-width:767px) {.KNB_1020_3 { width: calc(100% + 20px);; float: left; margin-left: -10px}
.KNB_1020_3 .work_box{ width: 100%; float: left; background-color: #f8f8f8; border-radius: 15px; padding: clamp(30px, calc(2.632vw + 19.474px), 70px) clamp(20px, calc(1.645vw + 13.421px), 45px)}	
	

	
.KNB_1020_3 .work_box .work_tt{ width:100%; float: left; margin-bottom: clamp(30px, calc(1.974vw + 22.105px), 60px)}
.KNB_1020_3 .work_box .work_tt ul li{ width:100%; float: left; font-size: calc(var(--tit-mds-size) * 0.8); color: #000; font-weight:500; line-height: 100%; letter-spacing: -1px; margin-bottom: 10px; padding-left: 10px; position: relative}
.KNB_1020_3 .work_box .work_tt ul li em{  font-size: calc(var(--tit-mds-size) * 0.8); color: #000; font-weight:700; line-height: 100%; letter-spacing: -1px; }	
.KNB_1020_3 .work_box .work_tt ul li:before{width: 3px; height: 3px;  border-radius: 100%; position: absolute; left: 0px; top:8px; background-color: #000; content: "";  transition: all 0.5s;
-moz-transition: all 0.5s; /* Firefox 4 */
-webkit-transition: all 0.5s; /* Safari and Chrome */
-o-transition: all 0.5s; /* Opera */  

-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: .3s ease-in-out;
transition: .3s ease-in-out;}		

	
.KNB_1020_3 .work_box .work_tt2{ width:100%; float: left; font-size: calc(var(--tit-mds-size) * 1.1); color: #000; font-weight:700; line-height: 180%; letter-spacing: -1px; margin-bottom: 10px}	
	

.KNB_1020_3 .work_box .work_tx{ width:100%; float: left; margin-bottom: clamp(30px, calc(2.632vw + 19.474px), 70px)}
.KNB_1020_3 .work_box .work_tx ul li{ width:100%; float: left; font-size: calc(var(--tx-sm-size) * 0.9); color: #404040; font-weight:700; line-height: 130%; letter-spacing: -1px; margin-bottom: 10px; padding-left: 10px; position: relative}
.KNB_1020_3 .work_box .work_tx ul li:before{width: 3px; height: 3px;  border-radius: 100%; position: absolute; left: 0px; top:8px; background-color: #404040; content: "";  transition: all 0.5s;
-moz-transition: all 0.5s; /* Firefox 4 */
-webkit-transition: all 0.5s; /* Safari and Chrome */
-o-transition: all 0.5s; /* Opera */  

-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: .3s ease-in-out;
transition: .3s ease-in-out;}		
	
.KNB_1020_3 .work_box .work_flex{ width: 100%; float: left;  display: flex;
justify-content:center;  align-items: center; flex-direction:row; box-sizing: border-box; }	
.KNB_1020_3 .work_box .work_flex .wg_link1 { font-size: var(--tx-sm-size); word-wrap: break-word; word-break: keep-all; letter-spacing: -0.5px; line-height: 100%; font-weight: 400; padding: 20px 50px; background-color: var(--primary); color: #fff; border-radius: 6px}	
}
/**** 모바일2 ****/
@media only all and (max-width:400px) {
}
/* 구분 //end -----------------------------------*/