@charset "utf-8";
/* 특허 */
.certi { display: flex; flex-wrap: wrap; gap: 39px; text-align: center; }
.certi .col { width: calc(100%/3 - 26px);}
.certi .col .img { position: relative; }
.certi .col .img::after { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; border: 1px solid #ddd;}
.certi .col .txt { margin-top: 28px; font-size: var(--font-size18); line-height: 1.66em; }

/* 회사연혁 */
.hst-bg { padding: 15px; color: #fff; text-align: center; background: url(../images/sub/hst-img.jpg) center no-repeat; background-size: cover; font-size: var(--font-size40); line-height: 1.5em; font-weight: 700; margin-bottom: 120px; height: 68vh; display: flex; align-items: center; justify-content: center;}
.hst { border-top: 2px solid #242424; }
.hst .group { display: flex; padding: 63px 0; border-bottom: 1px solid #8F8F8F;}
.hst .group .year { width: 300px; font-size: var(--font-size32); font-weight: 700; line-height: 1.5em; color: #242424; }
.hst .group .info { flex: 1 1 auto; min-width: 0; width: 1%; padding-top: 12px; }
.hst .group .info p { position: relative; line-height: 1.5em; padding-left: 14px; margin-bottom: 10px; }
.hst .group .info p:last-child { margin-bottom: 0; }
.hst .group .info p::before { content: ""; position: absolute; left: 0; top: 9px; width: 4px; height: 4px; border-radius: 4px; background: #454545; }

/* 오시는 길 */
.root_daum_roughmap {width:100% !important;}
.directions {margin-top:40px;}
.directions .address-info {margin-bottom:40px;}
.directions .address-info .comp {color:var(--color-primary); font-weight:700; margin-bottom:10px; font-size: var(--font-size20); }
.directions .address-info .addr {color:#242424; font-size:var(--font-size30); font-weight:700; line-height:1.33em; letter-spacing:-.03em; margin-bottom:5px;}
.directions .address-info .etc {color:#505050;}
.directions .address-info .etc span {display:inline-block; margin-right:30px; font-size: var(--font-size18);}
.directions .address-info .etc span:last-child {margin-right:0;}
.directions .contact-info {border-top:1px solid #ddd; line-height:1.5em;}
.directions .contact-info dl {display:flex; padding:17px 0; border-bottom:1px solid #ddd; font-size: var(--font-size18);}
.directions .contact-info dt {width:140px; padding-left:0; color:#242424; font-weight:600;}
.directions .contact-info dt img {vertical-align:middle; margin:-.2em 15px 0 0;}
.directions .contact-info dd {flex:1 1 auto; min-width:0; width:1%; color:#484848; font-weight: 400; }
.directions .contact-info dd span { display: inline-block; padding-right: 20px; position: relative; }
.directions .contact-info dd span:last-child { padding-right: 0; }
.directions .contact-info dd span:first-child::after { content: ""; position: absolute; width: 1px; height: 15px; background: #ddd; right: 8px; top: 5px; }
.directions .contact-info dd strong { font-size: 16px; color: #c2c2c2; display: inline-block; padding-left: 15px; font-weight: 400; } 

/* 안전관리 */
.sf { display: flex; align-items: center; justify-content: space-between;}
.sf h3 { font-size: 52px; color: #242424; line-height: 1.23em; font-weight: 600; }