/*step*/
.step-wrap {display: flex;gap: 20px;}
.step-wrap .tits {width: 20.9%;flex: none;}
 
.step-group {width: 100%;}

.step-lists {display: flex;justify-content: flex-start;flex-wrap: wrap;gap: 36px;}
.step-lists > li {flex: 1;position: relative;height: max-content;min-height: 298px;background: #EEF5FF;padding: 32px 32px 32px 36px;box-sizing: border-box;position: relative;border-radius: 20px;height: 100%;}  
.step-lists > li .box-item {position: relative;}
.step-lists > li:before {content: "";position: absolute;background: url(../img/common/ico-step.png)no-repeat;background-size: cover;width: 24px;height: 24px;top: 50%;right: -44px;transform: translate(-50%, -50%);} 
.step-lists > li:last-child:before {display: none;}
.step-lists > li .num {font-weight: 800;font-size: 32px;line-height: 1.5;letter-spacing: -0.02em;text-transform: unset;color: #0B5DCF;padding: 0 0 16px;display: block;}
.step-lists > li .txt {min-height: 104px;margin-bottom: 9px;} 
.step-lists > li .txt:not(:has(.desc)) .tit {padding: 0;}
.step-lists > li .txt .tit {font-weight: 600;font-size: 20px;line-height: 150%;letter-spacing: -0.02em;text-transform: uppercase;color: #111;margin-bottom: 8px;}
.step-lists > li .ico {text-align: right;margin-right: 2px;}
.step-lists > li .txt-min {margin-left: -11px;}  

.ul-type-dot > li {padding: 0 0 12px 12px;font-size: 20px;font-weight: 400;color: #111;}

.step-wrap .ul-type-dot > li.red {color: #FF0000;}
.step-wrap .ul-type-dot > li.red:before {background-color: #FF0000;}
.step-wrap .ul-type-dot > li:before {top: 17px;width: 5px;height: 5px;}

.step-wrap.number .ol-type01 > li {font-weight: 600;line-height: 1.5;margin-bottom: 64px;padding-bottom: 0;}
.step-wrap.number .ol-type01 > li:last-child {margin-bottom: 0px;}
.step-wrap.number .ul-type04 {margin-top: 12px;margin-left: -16px;}
.step-wrap.number .ul-type04 > li{color: #222;margin-bottom: 12px;font-size: 16px;}
.step-wrap.number .ul-type04 > li:last-child{margin-bottom: 0;}
.step-wrap.number .txt-min {margin-top: 12px;margin-left: -11px;}  
.step-wrap.number .ml {margin-left: -18px;}

.step-wrap.step-style .con-p.p01 {padding: 40px 0 12px;} 


.table .ul-type-dot > li {padding: 0 0 12px 8px;font-size: 18px;}
.table .ul-type-dot > li:before {top: 12px;left: 0;width: 3px;height: 3px;}
.table .ul-type-dot > li:last-child {padding-bottom: 0;}

.color-blue {color: #0B5DCF;}
.color-black {color: #111;}

.mg-t40 {margin-top: 40px;}
.mg-b12 {margin-bottom: 12px;}
.step-wrap.number .ml {margin-left: -18px;}
.step-wrap.number .mark-p.ml {color: #222222;font-size: 16px;font-weight: 400;margin-top: 12px;}

.mark-p:first-of-type {padding-left: 0}
.mark-p:first-of-type::before {content: ''}
.mark-p {line-height: 1.5;letter-spacing: -0.02em;}


.con-tit {font-weight: 600;font-size: 24px;line-height: 150%;letter-spacing: -0.02em;text-transform: uppercase;color: #111;margin-bottom: 8px;}
.con-tit:not(:first-of-type) {margin-top: 30px;}
.con-txt{font-size:18px; margin-bottom:8px;}

.ex-well{background-color:#f8f8f8; color:#111; padding:20px; margin-top:8px;}

 
@media (max-width: 1300px) { 
	.step-lists > li .txt {min-height: 133px;}
}

@media (max-width: 1024px) { 
	.step-wrap {gap: 0px;flex-direction: column;}
	.step-wrap .tits {width: 100%;}
	.step-lists > li {padding: 26px 20px;}
} 

@media (max-width: 768px) { 
	
	.step-lists {flex-direction: column;gap: 30px;}
	.step-lists > li {padding: 20px 20px;min-height: 100%;}
	.step-lists > li .num {font-size: 26px;}
	.step-lists > li .txt {min-height: 100%;}
	
	.step-lists > li:before {top: unset;right: unset;transform: translate(-50%, -50%) rotate(90deg);left: 50%;bottom: -40px;}
	
	.step-wrap .ul-type-dot > li {font-size: 20px;}
	.step-wrap .ul-type-dot > li:last-child {padding-bottom: 0;}
	
	.step-wrap.number .ml {margin-left: -12px;}
	
	.step-wrap.number .ol-type01 {margin-left: 15px;}
	.step-wrap.number .ol-type01 > li {margin-bottom: 35px;}
	.step-wrap.number .ol-type01 > li {font-size: 16px;padding: 0;}
	.step-wrap.number .ul-type04 {margin-top: 8px;margin-left: -12px;}
	.step-wrap.number .ul-type04 > li {margin-bottom: 8px;font-size: 14px;}
	.step-wrap.number .txt-min {font-size: 14px;margin-top: 8px;}
	
	.ul-type-dot > li {font-size: 16px;}
	.con-p.p01 {font-size: 16px;}
	.step-wrap.step-style .con-p.p01 {padding: 30px 0 12px;} 
	
	.table .ul-type-dot > li {padding: 0 0 8px 8px;font-size: 16px;}
	.mg-t40 {margin-top: 30px !important;}
	
	.con-tit {font-size: 20px;}
	
}