@charset "utf-8";
/* 공통 */
.subtit { font-size: 36px; font-weight: 600; line-height: 1.2em; color: #242424; position: relative; margin-bottom: 22px; }
.subtit::before { content: ""; display: block; width: 78px; height: 3px; background: var(--color-primary); margin-bottom: 35px; }
.subtit span { color: var(--color-primary);}
.subtit.mg { margin-bottom: 50px; }
.subtit .fz { color: #242424; font-size: var(--font-size24);}
.subtxt { line-height: 1.5em; font-size: var(--font-size20); }

/* CEO 인사말 */
.gt ul { display: flex; flex-wrap: wrap; gap: 30px; }
.gt ul li {width: calc(100%/2 - 15px); }
.gt h2 { margin: 60px 0 50px; font-size: var(--font-size34); font-weight: 700; line-height: 1.25em; color: #242424; }
.gt h2 span { color: var(--color-primary);}
.gt p { margin-bottom: 30px; }
.gt strong { display: block; font-size: var(--font-size24); font-weight: 600; text-align: right; margin-top: 50px; margin-right: 120px; }

/* 오시는 길 */
.root_daum_roughmap {width:100% !important;}
.directions {margin-top:40px;}
.directions .address-info {margin-bottom:30px;}
.directions .address-info .comp {color:var(--color-primary); font-weight:600; margin-bottom:8px; font-size: var(--font-size20);}
.directions .address-info .addr {color:#242424; font-size:var(--font-size28); font-weight:700; line-height:1.33em; letter-spacing:-.03em; margin-bottom:8px;}
.directions .address-info .etc {color:#454545;}
.directions .address-info .etc span {display:inline-block; margin-right:35px; 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:19px 0; border-bottom:1px solid #ddd;}
.directions .contact-info dt {width:110px; padding-left:0; 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:var(--color-primary);}
.directions .contact-info dd {flex:1 1 auto; min-width:0; width:1%; color:#454545;}

/* 제품 탭 */
.third-tab { display: flex; flex-wrap: wrap; gap: 20px 24px; margin-bottom: 60px; }
.third-tab li { width: calc(100%/6 - 20px); text-align: center;}
.third-tab li a { display: flex; align-items: center; justify-content: center; background: #f9f9f9; height: 62px; font-size: var(--font-size18); font-weight: 600; color: #878787; line-height: 1.2em; }
.third-tab li.active a { background: var(--color-primary); color: #fff; }
.third-tab li a:hover { background: var(--color-primary); color: #fff; }

/* sub4 공통 */
.sub4-wrap { margin-bottom: 120px; }
.sub4-fx { display: flex; align-items: flex-end; }
.sub4-fx .img { width: 58%; }
.sub4-fx .info { width: 42%; padding-left: 16px; }
.sub4-fx.wt { display: block; }
.sub4-fx.wt .img { width: 100%; }
.sub4-fx.wt .info { width: 100%; padding-left: 0; margin-top: 40px; }
.jum-txt p { position: relative; padding-left: 10px; margin-bottom: 10px; }
.jum-txt p:last-child { margin-bottom: 0; }
.jum-txt p::before { content: ""; position: absolute; left: 0; top: 12px; width: 3px; height: 3px; border-radius: 3px; background: var(--color-primary); }
.jum-txt p strong { font-weight: 600; }
.sub4-flow { margin-bottom: 55px; }
.sub4-flow.mg { margin-bottom: 0; }
.sub4-flow h3 { font-size: var(--font-size28); padding-left: 12px; position: relative; color: #242424; font-weight: 600; line-height: 1.2em; margin-bottom: 18px; }
.sub4-flow h3::before { content: ""; position: absolute; left: 0; top: 14px; width: 4px; height: 4px; border-radius: 3px; background: var(--color-primary); }
.sub4-flow .col { display: flex; align-items: flex-start; }
.sub4-flow .img { width: 58%; }
.sub4-flow .info { width: 42%; padding-left: 16px; }
.sub4-flow .info h4 { font-size: var(--font-size22); font-weight: 600; line-height: 1.2em; color: #242424; margin-bottom: 25px; }
.sub4-list { display: flex; flex-wrap: wrap; gap: 24px; margin-top: 30px; }
.sub4-list li { width: calc(100%/4 - 18px); }
.sub4-list li img { width: 100%; }
.sub4-flex-end { display: flex; justify-content: flex-end; flex-direction: column; flex-wrap: wrap; gap: 60px; padding-left: 200px; }
.sub4-rd .radius { display: flex; justify-content: space-between; align-items: center; margin-bottom: 30px; border: 2px solid var(--color-primary); border-radius: 40px 0 40px 0; overflow: hidden; }
.sub4-rd .radius.pd { padding: 15px 0;}
.sub4-rd .radius .info { padding-left: 30px; flex: 1 1 auto; min-width: 0; width: 1%;}
.sub4-rd .radius .info h2 { font-size: var(--font-size30); line-height: 1.25em; font-weight: 600; color: #242424; }
.sub4-rd .radius .info .line { width: 450px; height: 2px; background: var(--color-primary); margin: 10px 0;}
.sub4-rd .radius .info p { line-height: 1.25em; font-size: var(--font-size24); font-weight: 300; color: #242424; }
.sub4-rd .radius .img.pd { padding-right: 30px; }
.sub4-img { text-align: center; }
.sub4-img.mg { margin-top: 30px; }

/* sub5 공통 */
.sub5-tbl-wrap { overflow: auto; }
.sub5-tbl-wrap.mg { margin-top: 35px; }
.sub5-tbl { width: 100%; border-collapse: collapse; border-top: 2px solid #666;}
.sub5-tbl tr { border-bottom: 1px solid #ddd;}
.sub5-tbl tr th { border-right: 1px solid #ddd; background: #fafafa; color: #242424; font-weight: 700; padding: 16px 10px; }
.sub5-tbl tr th:last-child { border-right: none; }
.sub5-tbl tr td { border-right: 1px solid #ddd; padding: 16px 10px; text-align: center; }
.sub5-tbl tr td:last-child { border-right: none; }
.sub5-tbl tr td.bd { border-right: 1px solid #ddd;}
.sub5-img { text-align: center; padding: 75px 0; background: #fafafa; margin-top: 55px; }
.sub5-certi { display: flex; gap: 40px; flex-wrap: wrap;}
.sub5-certi li { width: auto; border: 1px solid #ddd;}