/* 공통 */
@media only screen and (max-width: 1200px) {
    br.br1200 {display: none;}
}
@media only screen and (max-width: 1024px) {
}
@media only screen and (max-width: 1000px) {
}
@media only screen and (max-width: 991px) {
}
@media only screen and (max-width: 800px) {
}
@media only screen and (max-width: 767px) {
}
@media only screen and (max-width: 640px) {
}
@media only screen and (max-width: 480px) {
}
@media only screen and (max-width: 360px) {
}
@media only screen and (max-width: 320px) {
}

/* ===== about 페이지1 about-style-4 ===== */
.about-style-4 .box-title {padding-bottom: 20px;margin-top: 10px;}
.about-style-4 .box-title h4 {position: relative;font-size: 26px;line-height: 1;text-align: left;font-weight: bold;margin-bottom: 20px;padding-bottom: 15px;}
.about-style-4 .box-title h4:after {position: absolute;left: 0;bottom: 0;width: 50px;height: 4px;background-color: #3597d9;content: "";}
.about-style-4 h2.company-name {display: flex;flex-wrap: wrap;align-items: center;color: #3597d9;gap: 0.3em;font-weight: bold;letter-spacing: -0.03em;}
.about-style-4 h2.company-name small {font-size: 0.5em;flex: 100%;color: #505050;font-weight: 600;line-height: 1.1;}
.about-style-4 h2.company-name small strong {font-weight: 600;color: #e46115;}
.about-style-4 h2.company-name:after {content: "";flex: 100%;border: 1px solid #3597d9;}
.about-style-4 p.greeting {display: flex;flex-wrap: wrap;align-items: center;color: #707070;gap: 0.8em;font-weight: normal;letter-spacing: -0.03em;line-height: 1.3;margin-top: 1.5em;}
.about-style-4 p.greeting small {font-size: 1.1em;flex: 100%;color: #303030;font-weight: bold;}
.about-style-4 .img-box-1 {margin-bottom: 1.5em;}
.about-style-4 .img-box-2 {margin-top: 1.5em;}

.text-con-box-gap {display: flex;flex-wrap: wrap;row-gap: 3.0em;}
.about-style-4 .history {display: flex;flex-wrap: wrap;row-gap: 0.8em;}
.about-style-4 .history h6 {font-weight: bold;color: #3597d9;display: flex;flex-wrap: wrap;row-gap: 0.3em;flex: 100%;}
.about-style-4 .history h6::after {content: "";width: 100%;border-top: 1px solid #3597d9;}
.about-style-4 .history ul {list-style: disc;margin-left: 18px;display: flex;flex-wrap: wrap;row-gap: 0.5em;margin-bottom: 0;}
.about-style-4 .history ul li {font-size: min(3.4vw,18px);line-height: 1.0;word-break: keep-all;flex: 100%;}

.about-style-4 .certificate {display: flex;flex-wrap: wrap;row-gap: 0.8em;}
.about-style-4 .certificate h6 {font-weight: bold;color: #3597d9;display: flex;flex-wrap: wrap;row-gap: 0.3em;flex: 100%;}
.about-style-4 .certificate h6::after {content: "";width: 100%;border-top: 1px solid #3597d9;}
.about-style-4 .certificate img {border: 1px solid rgba(0,0,0,0.2);}
.about-style-4 .certificate p {display: block;text-align: center;margin-top: 15px;color: #303030;font-weight: 600;}

@media only screen and (min-width: 1200px) {
    .about-style-4 .text-con-box {padding-right: 30px;}
    .about-style-4 .tbl-wrap table thead th,
	.about-style-4 .tbl-wrap table tbody th,
	.about-style-4 .tbl-wrap table tbody td {
		font-size: 16px;
		color: #323232;
	}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .about-style-4 .text-con-box  {padding-right: 30px;}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .about-style-4 .text-con-box {
        margin-bottom: 3em;
    }
}
@media only screen and (max-width: 1024px) {
}
@media only screen and (max-width: 1000px) {
}
@media only screen and (max-width: 991px) {
}
@media only screen and (max-width: 800px) {
}
@media only screen and (max-width: 767px) {
    .about-style-4 .text-con-box {
        margin-bottom: 30px;
    }
}
@media only screen and (max-width: 640px) {
}
@media only screen and (max-width: 480px) {
    .about-style-4 .history ul li {font-size: 14px;}
}
@media only screen and (max-width: 360px) {
}
@media only screen and (max-width: 320px) {
}

/* 테이블 */
.tbl-wrap, .tbl_wrap {overflow-x: auto;}
table {
    empty-cells: show;
    border-collapse: collapse;
    border: 0;
    border-spacing: 0;
    width: 100%;
    margin: 0;
    padding: 0;
}
caption {
    font-size: 0;
    height: 0;
    visibility: hidden;
    overflow: hidden;
}
.tbl-wrap table {
    border-top: 1px solid #252525;
    border-bottom: 1px solid #dfdfdf;
    min-width: 33.4444444444em !important;
    word-break: keep-all;
}
.tbl-wrap table caption {
    padding: 0;
    font-size: 0;
    line-height: 0;
    overflow: hidden;
}
.tbl-wrap table thead th {border-right: 1px solid #dfdfdf;border-bottom: 1px solid #dfdfdf;height: 2.888888888em;text-align: center;padding: 8px 10px;background-color: #f6f6f6;}
.tbl-wrap table tbody th {border-right: 1px solid #dfdfdf;border-bottom: 1px solid #dfdfdf;height: 2.888888888em;text-align: center !important;padding: 8px 10px;background-color: #f6f6f6;}
.tbl-wrap table tbody td {border-right: 1px solid #dfdfdf;border-bottom: 1px solid #dfdfdf;height: 2.888888888em;padding: 8px 10px;}
.tbl-wrap table thead th:last-child, .tbl-wrap table tbody td:last-child {border-right: none;}
.tbl-wrap table tbody th strong, .tbl-wrap table tbody td strong {color: #323232;}
.tbl-wrap .table-overguide {display: none;}
@media screen and (max-width: 991px) {
	.tbl-wrap table thead {display: table-header-group;} /* 부트스트랩 테이블 변환 초기화 */
	.tbl-wrap table thead tr {display: table-row;} /* 부트스트랩 테이블 변환 초기화 */
	.tbl-wrap table tbody {display: table-row-group;} /* 부트스트랩 테이블 변환 초기화 */
	.tbl-wrap table tbody tr {display: table-row;} /* 부트스트랩 테이블 변환 초기화 */
    .tbl-wrap table tbody tr th {display: table-cell;} /* 부트스트랩 테이블 변환 초기화 */
	.tbl-wrap table tbody tr td {display: table-cell;} /* 부트스트랩 테이블 변환 초기화 */
    .tbl-wrap .table-overguide {display: block;font-size: 14px;line-height: 1;margin-bottom: 8px;}
}