@charset "utf-8";

/* 공통 */
.c-white {color:#fff !important;}
.c-main {color:var(--c-main) !important;}
.c-2 {color:var(--c-2) !important;}

.bg-gray {position:relative;}
.bg-gray:before {content:''; position:absolute; width:100vw; height:100%; left:50%; top:0; background:#fafafa; transform:translateX(-50%); z-index:-1;}

.table-wrap table {width:100%; border-collapse:collapse; border-spacing:0px;}

.mb100 {margin-bottom:var(--size100);}

.doc-cnt {margin-bottom:var(--size70);}
.doc-cnt:last-child {margin-bottom:0 !important;}
.doc-tit {margin-bottom:1em; font-size:clamp(20px, calc( 28 / var(--inner) * 100vw ), 28px); font-weight:700; line-height:1.2; letter-spacing:-0.03em; color:#242424;}
.doc-tit .dot {display:inline-block; width:0.18em; height:0.18em; margin-left:0.36em; background:#cea751; border-radius:100%;}

/* 인사말 */
.greeting .top-txt {padding:var(--size100) 0 var(--size80); background:url('/images/sub/greeting-bg.jpg') no-repeat right bottom -34px/contain;}
.greeting .top-txt p {font-size:clamp(20px, calc( 56 / var(--inner) * 100vw ), 56px); font-weight:500; line-height:1.34; letter-spacing:-0.03em; color:#242424;}
.greeting .bg-gray {padding:var(--size60) 0 clamp(40px, calc( 130 / var(--inner) * 100vw ), 130px);}
.greeting .tit {margin-bottom:1em; font-size:clamp(18px, calc( 28 / var(--inner) * 100vw ), 28px); font-weight:600; line-height:1.2; letter-spacing:-0.03em; color:#242424;}
.greeting .txt {margin-bottom:0.88em; font-weight:400; letter-spacing:-0.03em; color:#454545;}
.greeting .txt:last-child {margin-bottom:0;}
.greeting .sign {display:flex; align-items:center; position:absolute; right:0; bottom:clamp(130px, calc( 130 / var(--inner) * 100vw ), 130px); font-size:0.88em; font-weight:500; line-height:1; letter-spacing:-0.03em; color:#242424;}
.greeting .sign img {display:block; margin-left:var(--size20);}

/* 자격 */
.patent-list {margin-bottom:var(--size90);}
.patent-list ul {display:flex; flex-wrap:wrap; margin:calc(0px - var(--size20)) calc(0px - var(--size10))}
.patent-list ul li {width:25%; padding:var(--size20) var(--size10); text-align:center;}
.patent-list ul li .tit {margin-top:0.88em; font-size:1.13em; font-weight:600; line-height:1.2; letter-spacing:-0.03em; color:#242424;}

.table01 table {border-top:1px solid #242424; letter-spacing:-0.03em; color:#454545; text-align:center;}
.table01 thead th {height:50px; padding:0.5em; background:#f2f2f2; border:1px solid #ddd; border-top:0; color:#242424;}
.table01 tbody th {height:50px; padding:0.5em; background:#fafafa; border:1px solid #ddd; border-top:0; font-weight:500;}
.table01 tbody td {height:50px; padding:0.5em; border:1px solid #ddd; border-top:0;}

.table01 tr th:first-child,
.table01 tr td:first-child {border-left:0;}
.table01 tr th:last-child,
.table01 tr td:last-child {border-right:0;}
.table01 .table-cap {margin-top:1em; font-weight:400; letter-spacing:-0.03em; color:#898989;}

/* 오시는 길 */
.root_daum_roughmap {width:100% !important; height:clamp(250px, calc( 450 / var(--inner) * 100vw ), 450px) !important;}
.root_daum_roughmap .wrap_map {height:clamp(250px, calc( 450 / var(--inner) * 100vw ), 450px) !important;}

.directions {margin-top:40px;}
.directions .address-info {margin-bottom:30px;}
.directions .address-info .comp {color:#cea751; font-weight:600; margin-bottom:2px;}
.directions .address-info .addr {color:#242424; font-size:23px; font-weight:600; line-height:1.33em; letter-spacing:-.03em; margin-bottom:5px;}
.directions .address-info .etc {color:#454545;}
.directions .address-info .etc span {display:inline-block; margin-right:16px;}
.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:28px 0; border-bottom:1px solid #ddd;}
.directions .contact-info dt {width:180px; padding-left:30px; color:#242424; font-size:1.125em; font-weight:500;}
.directions .contact-info dt svg {vertical-align:middle; margin:-.2em 15px 0 0;}
.directions .contact-info dt path {fill:#ababab;}
.directions .contact-info dd {flex:1 1 auto; min-width:0; width:1%; color:#454545;}

@media (max-width: 1024px) {
	.directions .address-info .addr {font-size:20px;}
	.directions .contact-info dl {padding:20px 0;}
	.directions .contact-info dt {padding-left:20px; width:140px;}
}

@media (max-width: 640px) {
	.directions {margin-top:30px;}
	.directions .address-info .addr {font-size:18px;}
	.directions .address-info {margin-bottom:20px;}
	.directions .contact-info dl {padding:16px 0;}
	.directions .contact-info dt {padding-left:5px; width:110px;}
	.directions .contact-info dt svg {margin-right:10px;}
}

/* 기계설비 */
.equipment .top-txt {margin-bottom:3.13em; font-weight:400; letter-spacing:-0.03em; color:#454545; text-align:center;}
.equipment .table01 tbody th {font-weight:600; color:#242424;}
.table-list {margin-top:0.5em;}
.table-list ul {display:inline-block; text-align:left; font-size:0.88em; line-height:1.7; font-weight:400; letter-spacing:-0.03em; color:#898989;}

/* 장비보유현황 */
.status .table01 td {padding:0.5em 1em;}
.table-list-dot {text-align:left;}
.table-list-dot ul li {position:relative; padding-left:0.56em; font-weight:400; letter-spacing:-0.03em; color:#454545;}
.table-list-dot ul li:before {content:''; position:absolute; left:0; top:0.7em; width:0.19em; height:0.19em; border-radius:100%; background:#242424;}

/* 기계설비법 */
.law {border-top:1px solid #242424;}
.law .group {padding:var(--size40); border-bottom:1px dashed #ddd;}
.law .group:last-child {padding-bottom:0; border-bottom:0;}
.law .tit {position:relative; padding-left:1.5em; margin-bottom:1em; font-size:clamp(16px, calc( 20 / var(--inner) * 100vw ), 20px); font-weight:700; line-height:1.2; letter-spacing:-0.03em; color:#242424;}
.law .tit:before {content:''; position:absolute; left:0; top:0.05em; width:1em; height:1em; background:url('/images/sub/bullet01.png') no-repeat 50% 50%/contain;}

.list-num>li {position:relative; padding-left:1.13em; margin-bottom:0.88em;}
.list-num>li:last-child {margin-bottom:0;}
.list-num>li .num {position:absolute; left:0;}
.list-num.ver2>li {padding-left:0;}
.list-small>li {font-size:0.88em; color:#898989; line-height:1.7em;}