/*** 공통 ***/
.contents h2 {font-size:40px; font-weight:700; color:#000; text-align:center;}

.contents.business {background:#fff; padding:120px 0 0;}
.contents .subpart {padding:120px 0;}
.subpart .inner {max-width:1400px; margin:0 auto;}

.business h3 {color:var(--base1); text-align:center; font-size:32px;}
.business .bx_list {display:grid; grid-template-columns:repeat(3,1fr); gap:20px; margin-top:30px;}
.business .bx_list>li {border:1px solid #e5e5e5; border-radius:20px; padding:50px; background:#fff; color:#000;}

.business .resear_field {background:#000 url(/images/intro/business_bg1.webp) no-repeat center 60% / cover;}
.business .resear_field h3 {color:#fff;}
.business .resear_field .bx_list>li {border:1px solid transparent;}
.business .bx_list h4 {color:#000; font-size:24px; text-align:center; line-height:1.3;}
.business .det_list {margin-top:20px;}
.business .det_list li {position:relative; padding-left:25px; font-size:18px;}
.business .det_list li:before {content:""; display:block; width:4px; height:4px; border-radius:50%; background:#000; position:absolute; left:10px; top:12px;}
.business .det_list li+li {margin-top:10px;}



/* ************************ 태블릿 이하(~1249) ************************ */
@media screen and (max-width: 1249px) { 
.contents.business {background:#fff; padding:80px 0 0;}
.contents .subpart {padding:80px 30px;}

.contents h2 {font-size:30px;}

.business h3 {font-size:26px;}
.business .bx_list h4 {font-size:20px;}
.business .bx_list>li {padding:30px;}
.business .det_list li {font-size:17px;}
.business .det_list li:before {top:11px;}
}

/* ************************ 태블릿 이하(~991) ************************ */
@media screen and (max-width: 991px) {
.contents.business {background:#fff; padding:60px 0 0;}
.contents .subpart {padding:60px 30px;}

.business h3 {font-size:24px;}
.business .bx_list h4 {font-size:18px;}
.business .bx_list h4 br {display:none;}
.business .bx_list>li {padding:30px 20px;}
.business .det_list li {font-size:16px;}
.business .det_list li:before {top:10px;}
}

/* ************************ 태블릿 이하(~767) ************************ */
@media screen and (max-width: 767px) { 
.contents.business {background:#fff; padding:50px 0 0;}
.contents .subpart {padding:50px 30px;}

.contents h2 {font-size:24px;}
.business h3 {font-size:22px;}
.business .bx_list {grid-template-columns:1fr;}
}

/* ************************ 태블릿 이하(~500) ************************ */
@media screen and (max-width: 500px) { 
.contents.business {background:#fff; padding:50px 0 0;}
.contents .subpart {padding:50px 20px;}

}