/******************************* 공통 ****************************/
.table.type2 {display:grid;}
.table.type2.num3 {grid-template-columns:repeat(3,1fr);}
.table.type2.num4 {grid-template-columns:repeat(4,1fr);}
.table.type2 li {text-align:center; display:grid; grid-template-rows: 50px auto; background:#fff;}
.table.type2 li+li {border-left:1px solid #ddd;}
.table.type2 li p.tit {color:#fff; background:var(--base1); line-height:50px; font-weight:600;}
.table.type2 li p.cont {background:#fff; padding:10px; align-self:center;}
.table.type3 table {border:1px solid var(--border1);}
.table.type3 table th, .table.type3 table td {padding:8px 15px; color:#000;}
.table.type3 table th {background:var(--table); }
.table.type3 table td {border-left:1px solid var(--border1);}
.table.type3 table tr+tr {border-top:1px solid var(--border1);}

.business .introduce_bx {display:flex; gap:50px; padding:40px 50px; border:1px solid var(--border1); margin-bottom:100px; border-radius:20px; background:#F3F6F9; color:#000;}
.business .introduce_bx h2 {font-weight:700; margin-bottom:0;}
.business .introduce_bx .img {width:150px; height:150px; overflow:hidden; border-radius:50%;}
.business .introduce_bx .img img {width:100%; height:100%; object-fit:cover; }
.business .introduce_bx .txt {width:calc(100% - 200px); padding-top:30px;}
.business .introduce_bx .txt ul.explain {margin-top:20px;}
.business .introduce_bx .txt ul.explain li {position:relative; padding-left:15px; font-size:18px;}
.business .introduce_bx .txt ul.explain li:before {content:""; display:block; width:5px; height:5px; border-radius:50%; background:var(--base1); position:absolute; left:0; top:11px;}
.business .introduce_bx .txt ul.explain li+li {margin-top:10px;}
.business article {display:flex; gap:80px;}
.business article+article {padding-top:80px; margin-top:80px; border-top:1px solid var(--border1);}
.business article .bgWrap img {width:500px; aspect-ratio:500/320; border-radius:20px; object-fit:cover;}
.business article .bgWrap .inner {position:sticky; top:120px;}
.business article .txtWrap {margin-top:20px;}
.business article .tit_bx h3 {font-size:32px; color:var(--base1); font-weight:800;}
.business article .tit_bx p {margin-top:20px; font-size:18px; color:#000;}
.business article .infoWrap {margin-top:30px;}
.business article .info_bx+.info_bx {margin-top:15px;}
.business article .info_bx p {position:relative; font-size:18px; padding-left:25px; color:#000; font-weight:700;}
.business article .info_bx p:before {content:""; display:block; width:15px; height:4px; border-radius:4px; background:var(--base1); position:absolute; left:0; top:12px;}
.business article .info_bx ul {margin-top:5px;}
.business article .info_bx ul li {position:relative; font-size:18px; color:#444; padding-left:25px;}
.business article .info_bx ul li:before {content:""; display:block; width:5px; height:5px; background:#d9d9d9; border-radius:50%; position:absolute; left:8px; top:10px;}
.business .require_bx {margin-top:30px;}
.business .require_bx h3 {margin-bottom:20px; position:relative; padding-left:25px;}
.business .require_bx h3:before {content:""; display: block; width:15px;height:4px;border-radius:4px;background:var(--base1);position:absolute;left:0;top:6px;}
.business .txtWrap p.call {border:1px solid var(--border1); display:inline-block; padding:7px 12px 7px 40px; background:url(/images/common/i-call.png) no-repeat 10px center / 20px; font-size:16px; border-radius:2rem;}
.business .txtWrap p.call a {font-weight:600;}
.business .txtWrap p.call:hover a {color:var(--base3); font-weight:600;}
span.appendix {color:var(--base3); font-weight:600; margin-top:10px; display:block;}

.business .require_bx .general li+li {margin-top:10px;}
.business .require_bx .general p {font-weight:600; font-size:17px;}
.business .require_bx .general span {display:block; margin-top:5px; color:#666;}
/******************************* 기관소개 ****************************/

/* ******* 태블릿 이하(~1249) ******** */
@media screen and (max-width: 1249px) {
.business .introduce_bx h2 {font-size:24px;}	
.business article {display:block;}
.business article+article {padding-top:60px; margin-top:60px;}
.business article .txtWrap {margin-top:30px;}
.business article .tit_bx h3 {font-size:28px;}
}
/* ******* 태블릿 이하(~991) ******** */
@media screen and (max-width: 991px) { 
.business .introduce_bx {flex-direction:column; gap:20px; margin-bottom:60px;}
.business .introduce_bx h2 {font-size:22px;}	
.business .introduce_bx .txt {width:100%; padding-top:0;}
.business .introduce_bx .txt ul.explain {margin-top:15px;}
.business .introduce_bx .txt ul.explain li {padding-left:15px; font-size:16px;}
.business .introduce_bx .txt ul.explain li:before {top:10px;}
.business article+article {padding-top:40px; margin-top:40px;}
.business article .tit_bx h3 {font-size:24px;}
.business article .tit_bx p {font-size:16px;}
.business article .info_bx p {font-size:16px;}
.business article .info_bx ul li {font-size:16px;}


}

/* ******** 모바일 (0~767) ******* */
@media screen and (max-width: 767px) {
.table.type2.num3 {grid-template-columns:1fr;}
.table.type2.num4 {grid-template-columns:1fr;}
.table.type2 li+li {border-left:0;}
.business .introduce_bx {padding:30px;}
.business article .bgWrap img {width:100%; max-width:500px;}
.business .require_bx h3 {font-size:18px;}
}


/* ******** 모바일 (0~500) ******** */
@media screen and (max-width: 500px) {
.business .introduce_bx {padding:30px 20px;}
.business .introduce_bx h2 {font-size:20px;}
}

@media screen and (max-width: 350px) { 
}