/*** 공통 ***/
.content_wrap .c-inner {margin:0 auto; max-width:1420px;}

.history .slogan-wrap {display:flex; gap:50px;}
.history .slogan-wrap .bg-wrap {width:300px;}
.history .slogan-wrap .bg-wrap img {aspect-ratio:1/0.5; border-radius:15px;}
.history .slogan-wrap .txt-wrap {width:calc(100% - 350px);}
.history .slogan-wrap .txt-wrap dt {font-size:40px; font-weight:100; line-height:1.2; color:#000;}
.history .slogan-wrap .txt-wrap dt b {font-weight:700;}
.history .slogan-wrap .txt-wrap dd {color:#666; margin-top:20px;}

.history .history-table {margin-top:50px;}
.history .history-table tr th, .history .history-table tr td {padding:30px 0;}
.history .history-table tr th:first-child {width:150px;}
.history .history-table tr th+th, .history .history-table tr th+td {width:80px;}
.history .history-table tr td:last-child, .history .history-table tr th:last-child {width:calc(100% - 230px);}
.history .history-table thead tr {border-top:1px solid #e5e5e5; border-top:1px solid #e5e5e5;}
.history .history-table tbody tr:first-child {border-top:5px solid var(--base2);}
.history .history-table tbody tr+tr {border-top:1px solid #e5e5e5;}
.history .history-table thead tr th {color:#000; font-size:14px; text-align:left; font-weight:400;}
.history .history-table tbody tr th {color:#000; font-weight:700;}

/* ************************ 태블릿 이하(~1249) ************************ */
@media screen and (max-width: 1249px) { 
.content_wrap .c-inner {padding:0 30px;}
.history .slogan-wrap .txt-wrap dt {font-size:30px;}
.history .history-table tr th, .history .history-table tr td {padding:20px 0;}
}

/* ************************ 태블릿 이하(~991) ************************ */
@media screen and (max-width: 991px) {
.content_wrap .c-inner {position:relative;}
.history .slogan-wrap {gap:30px; flex-direction:column;}
.history .slogan-wrap .txt-wrap {width:100%;}

}

/* ************************ 태블릿 이하(~767) ************************ */
@media screen and (max-width: 767px) { 
.content_wrap .c-inner {padding:0 20px;}
.history .history-table {margin-top:30px;}
.history .slogan-wrap .txt-wrap dt {font-size:24px;}
.history .history-table tr th, .history .history-table tr td {padding:15px 0;}
.history .history-table tr th:first-child {width:70px;}
.history .history-table tr th+th, .history .history-table tr th+td {width:70px;}
.history .history-table tr td:last-child, .history .history-table tr th:last-child {width:calc(100% - 120px);}
}

/* ************************ 태블릿 이하(~500) ************************ */
@media screen and (max-width: 500px) { 
.introduce .txt-wrap .basic-txt p:first-child {padding-right:0;}
.history .history-table tr {display:grid; padding:15px; gap:5px;}
.history .history-table tbody tr:last-child {padding-bottom:0;}
.history .history-table thead {display:none;}
.history .history-table tr th, .history .history-table tr td {padding:0;}
}