@charset "utf-8";

.greeting-box {position: relative; padding: 75px 50px;}
.greeting-box .img {position: absolute; bottom: 0; left: 120px; max-width: 19%;}
.greeting-box h2 {width: 61.455%; margin-left: auto;}
.greetings .desc p {line-height: 2em;}
.greetings .name {width: fit-content; margin-left: auto;}
.greetings .sign {display: flex; align-items: center; justify-content: flex-end; gap: 23px; margin-top: 10px;}

.history .doubling {position: relative; text-align: center; letter-spacing: .4em; padding-top: 27px;}
.history .doubling:before {position: absolute; content: 'Safety Management'; z-index: -1; top: 0; left: 0; width: 100%; text-align: center; font-weight: 800; font-size: 45px; color: #f5f5f5; line-height: 1em;}

.history-box {position: relative; border-radius: 50px 180px 50px 160px; color: #fff; padding: 118px 0;}
.history-box:before {position: absolute; content: ''; top: 0; right: 0; bottom: 0; left: 0; background: #df221c; border-radius: 50px 100px 50px 100px; z-index: -1;}
.history-box h2 {position: relative; line-height: 1.6667em; padding-bottom: 25px; margin-bottom: 25px;}
.history-box h2:before {position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); content: ''; width: 40px; height: 2px; background: #dd2419;}

.table-cnt {border-top: 1px solid #000022;}
.table-cnt th {color: #222; background: #f9f9f9; border-right: 1px solid #ddd;}
.table-cnt th, .table-cnt td {border-bottom: 1px solid #ddd; padding: 15px 18px;}

.circle-items {display: flex; justify-content: center;}
.circle-items .circle {display: flex; width: 140px; height: 140px; align-items: center; justify-content: center; text-align: center; border-radius: 100%; line-height: 1.3333em;}
.circle-items .circle:not(:first-child) {margin-left: -20px;}

.motto-list {margin: 0 auto;width: fit-content;}
.motto-list li:not(:last-child) {margin-bottom: 25px;}
.motto-list li{position: relative; padding-left: 35px;}
.motto-list li:before, .business .deco-tit:before {position: absolute; content: '';left: 0; top: 50%; margin-top: -11px; width: 22px; height: 22px; background: url('../images/sub/deco-list.png') no-repeat center center; background-size: contain;}

.direction-box {line-height: 1.42857em; color: #fff; padding: 165px 30px;}
.direction-items {display: flex; flex-wrap: wrap; gap: 50px 100px;}
.direction-items .item {display: flex; align-items: center; gap: 30px; width: calc((100% - 100px) / 2);}
.direction-items h3 {margin-bottom: 5px;}

.business {position: relative;}
.business .deco-tit {position: relative; font-size: 22px;}
.business .deco-tit:before {left: calc(var(--business-indent) * -1);}
.business .section {padding-left: var(--business-indent);}

.dot-list li {position: relative; padding-left: 20px; line-height: 1.5em;}
.dot-list li:not(:last-child) {margin-bottom: 8px;}
.dot-list li:before {position: absolute; content: '·'; left: 0; font-weight: 700;}

.hyphen-list li {position: relative; padding-left: 10px; font-weight: 400;}
.hyphen-list li:not(:last-child) {margin-bottom: 4px;}
.hyphen-list li:before {position: absolute; content: '-'; left: 0;}

.korea-list ol {list-style: hangul; padding-left: 20px;}
.korea-list li:not(:last-child) {margin-bottom: 8px;}

.num-list>ol {list-style: decimal; padding-left: 20px;}
.num-list>ol>li {font-weight: 600; line-height: 1.625em;}
.num-list>ol>li:not(:last-child) {margin-bottom: 30px;}

.chk-tit {position: relative; padding-left: 30px;}
.chk-tit:before {position: absolute; content: ''; left: 0; top: 50%; margin-top: -10px; width: 21px; height: 20px; background: url('../images/sub/deco-chk.png') no-repeat center center; background-size: contain;}

.table-wrap {border-bottom: 1px solid #ddd;}
.table-wrap th {font-weight: 600;}
.table-wrap th, .table-wrap td {padding: 20px; border: 1px solid #ddd;}
.table-wrap tr th:first-child,
.table-wrap tr td:first-child {border-left:0;}
.table-wrap tr th:last-child,
.table-wrap tr td:last-child {border-right:0;}
.table-wrap tr:last-child th,
.table-wrap tr:last-child td {border-bottom:0;}
.table-wrap thead th {background: #f5f5f5; padding: 18px;}
.table-wrap .txt-wrap {height: 100%;}
.b0 {border-bottom: 0 !important;}

.hyphen-list .dot-list {margin-top: 8px;}
.hyphen-list .dot-list li:before {content: '·'; color:#e01f26;}
.hyphen-list .dot-list li.star:before {content: '*'; font-weight: 400;}
.num-list .hyphen-list>ul>li {margin-top: 20px;}
.num-list .hyphen-list.m0 {margin-top: 12px;}
.num-list .hyphen-list.m0>ul>li {margin-top: 0;}