@charset "utf-8";

/* sub header */
#sub {padding-top:100px;}
#sub #header {background:#fff;}
#sub #header .sitelogo a {background-image:url('../img/layout/logo-c.png');}
#sub #header #gnb>ul>li>a {color:#222;}
#sub #header #gnb>ul>li:hover>a {color:#0a2d4d;}
#sub #header .sitemap-btn {background-image:url('../img/layout/sitemap-btn-on.png');}
/* sub-visual */
.sub-visual {height:300px; background-repeat:no-repeat; background-position:center center; background-size:cover;}
.sub-visual01 {background-image:url('../img/sub/sub-visual01.jpg');}
.sub-visual02 {background-image:url('../img/sub/sub-visual02.jpg');}
.sub-visual03 {background-image:url('../img/sub/sub-visual03.jpg');}
.sub-visual04 {background-image:url('../img/sub/sub-visual04.jpg');}
.sub-visual .title {display:flex; align-items:center; color:#fff; height:100%;}
.sub-visual ul {display:flex; margin:0 -2px 34px; align-items: center;}
.sub-visual ul li {padding:0 2px; font-size:18px; line-height:1.6em; color:#fcfcfc;}
.sub-visual ul li img {width:24px; height:24px; margin-top:2px;}
.sub-visual h2 {font-size:48px; line-height:1.4em; margin-bottom:8px;}
.sub-visual p {font-size:18px; line-height:1.6em; color:#f8f8f8;}
/* lnb */
#lnb {border-bottom:1px solid #ddd;}
.lnb ul {display:flex;}
.lnb ul li {width:100%; text-align:center;}
.lnb ul li a {height:70px; display:flex; align-items:center; justify-content:center; font-size:22px; line-height:1.6em; transition:all 0.4s; position:relative;}
.lnb ul li a:hover {color:#0a2d4d;}
.lnb ul li.active a {color:#0a2d4d; font-weight:700;}
.lnb ul li a:after {content:''; width:0; height:4px; background:#0a2d4d; position:absolute; left:50%; bottom:0; transition:all 0.4s;}
.lnb ul li.active a:after {width:100%; left:0;}
.lnb ul li a:hover:after {width:100%; left:0;}
/* sub 01 01 */
.greeting {padding:100px 0 130px; position:relative; z-index:1;}
.greeting .tt {position:absolute; top:147px; right:-30px; z-index:-1;}
.greeting .tit-box {margin-bottom:40px;}
.greeting .tit-box h3 {font-size:38px; line-height:1.4em; color:#000; font-weight:500;}
.greeting .tit-box h3 strong {font-size:42px; font-weight:700; color:#0a2d4d;}
.greeting .col {display:flex;}
.greeting .txt-box {width:1%; flex:1 1 auto; padding-right:160px;}
.greeting .txt-box p {font-size:22px; line-height:1.6em; color:#000; margin-bottom:16px;}
.greeting .txt-box p:last-child {margin-bottom:0;}
.greeting .txt-box p strong {font-weight:600;}
.greeting .txt-box .sign {font-size:22px; line-height:1.6em; color:#000;}
.greeting .txt-box .sign strong {font-size:24px; font-weight:700;}
.greeting .img-box {width:100%; max-width:370px; position:relative; height:100%;}
.greeting .img-box .rotate {position:absolute; left:-100px; bottom:-35px; z-index:-1; animation: ess-title 5s linear infinite both;}
@keyframes ess-title {0% {transform: rotate(0);}100% {transform: rotate(360deg);}}
/* sub 01 02 */
.outline .cnt01 {padding:100px 0 150px;}
.outline .cnt01 .tit-box {margin-bottom:56px;}
.outline .cnt01 .tit-box p {font-size:34px; line-height:1.4em; color:#000; }
.outline .cnt01 .tit-box h3 {font-size:38px; font-weight:500; line-height:1.4em; color:#000;}
.outline .cnt01 .tit-box h3 strong {font-size:42px; font-weight:700; color:#0a2d4d;}
.outline .cnt01 .col {display:flex; align-items:center;}
.outline .cnt01 .col .img-box {width:100%; max-width:616px;}
.outline .cnt01 .col .txt-box {width:1%; flex:1 1 auto; padding-left:70px;}
.outline .cnt01 .col .txt-box p {font-size:22px; line-height:1.6em; color:#000; margin-bottom:16px;}
.outline .cnt01 .col .txt-box p:last-child {margin-bottom:0;}
.outline .cnt02 {padding:70px 0 130px; background:#f7f8fa; text-align:center; position:relative; overflow:hidden; z-index:1;}
.outline .cnt02 .tt {position:absolute; bottom:-46px; right:-200px; z-index:-1;}
.outline .cnt03 {padding:100px 0 130px;}
.outline .cnt03 .tit-box {margin-bottom:70px;}
.outline .cnt03 .tit-box h3 {font-size:36px; line-height:1.4em; color:#0a2d4d; margin-bottom:16px;}
.outline .cnt03 .tit-box p {font-size:22px; line-height:1.6em; color:#000;}
.outline .cnt03 .img-box {text-align:center;}
/* sub 01 03 */
.history {padding-top:100px;}
.history .col {display:flex;}
.history .tit-box {width:50%;} 
.history .tit-box h3 {font-size:42px; line-height:1.4em; color:#0a2d4d; width:100%; max-width:580px; text-align:right; margin-bottom:30px;}
.history .img {width:100%; max-width:580px; position:relative; padding-bottom:56.25%; padding-top:30px; height:0; overflow:hidden;}
.history .img iframe {position:absolute; top:0; left:0; width:100%; height:100%;}
.history .txt-box {width:50%;}
.history .wrap {position:relative; padding-left:110px; padding-bottom:40px;}
.history .wrap:last-child {padding-bottom:140px;}
.history .wrap:before {content:''; width:1px; height:calc(100% - 20px); background:#ccc; position:absolute; top:35px; left:0;}
.history .wrap .icon {width:20px; height:20px; background:#fff; border:3px solid #0a2d4d; border-radius:50%; position:absolute; top:15px; left:-10px; z-index:1;}
.history .wrap .icon:after {content:''; width:calc(100% + 6px); height:2px; background:#fff; position:absolute; top:50%; margin-top:-1px; left:-3px; z-index:2;}
.history .wrap .year {font-size:34px; font-weight:700; line-height:1.4em; color:#000; margin-bottom:26px; position:relative;}
.history .wrap .year:before {content:''; width:60px; height:1px; border-top:1px dashed #ccc; position:absolute; left:-80px; top:50%;}
.history .wrap .box {margin-bottom:12px; display:flex;}
.history .wrap .box:last-child {margin-bottom:0;}
.history .wrap .box .month {font-size:22px; font-weight:700; line-height:1.7em; color:#0d8aff; width:100%; max-width:30px; text-align:center;}
.history .wrap .box .txt {width:1%; flex:1 1 auto; padding-left:10px;}
.history .wrap .box .txt p {font-size:22px; line-height:1.6em; color:#000;}
/* sub 02 */
.equipment .cnt {padding:100px 0 120px;}
.equipment .tit-box {margin-bottom:56px;}
.equipment .tit-box h3 {font-size:36px; line-height:1.4em; color:#0a2d4d;}
.equipment .tit-box h3 br {display:none;}
.equipment .tit-box p {font-size:22px; line-height:1.6em; color:#000; margin-top:18px ;}
.equipment .items {position:relative; margin:0 -18px;}
.equipment .item {padding:0 18px;}
.equipment .slick-arrow {background-repeat:no-repeat; background-size:auto; background-position:center center; background-color:rgba(141,141,141,0.5); border-radius:50%; width:60px; height:60px; border:0; font-size:0; cursor:pointer; z-index:1; position:absolute; top:50%; margin-top:-30px; transition:all 0.4s;}
.equipment .slick-arrow:hover {background-color:#0D8AFF;}
.equipment .slick-prev {background-image:url('../img/sub/equipment-prev.png'); left:-80px;}
.equipment .slick-next {background-image:url('../img/sub/equipment-next.png'); right:-80px;}
.equipment .cnt02 {background:#f7f8fa; position:relative; z-index:1; overflow:hidden;}
.equipment .cnt02 .tt {position:absolute; z-index:-1; bottom:-47px; right:-198px;}
.equipment .table {position:relative; z-index:10;}
.equipment table col:first-child {width:auto !important;}
.equipment table {width:100%; border-spacing:0; border-collapse:collapse; text-align:center;}
.equipment table thead th {font-size:22px; line-height:1.4em; font-weight:700; padding:25px 10px; color:#fff; background:#0a2d4d; border-right:1px solid rgba(255,255,255,0.3);}
.equipment table thead th:last-child {border-right:0;}
.equipment table tbody {font-size:20px; line-height:1.6em; color:#000;}
.equipment table tbody th {padding:14px 10px; background:rgba(10, 45, 77, 0.10); border-bottom:1px solid #ccc; border-right:1px solid #ccc; font-weight:400;}
.equipment table tbody th.bg {background:rgba(13, 138, 255, 0.10);}
.equipment table tbody td {padding:14px 10px; background:rgba(255,255,255,0.6); border-bottom:1px solid #ccc; border-left:1px solid #ccc;}
.equipment .iframe {position:relative; padding-bottom:56.25%; width:100%; height:0;}
.equipment .iframe iframe {position:absolute; top:0; left:0; width:100%; height:100%;}
/* sub 02 01 */
.equipment.laser table col {width:27.33%;}
/* sub 02 02 */
.equipment.plasma table col {width:41%;}
/* sub 02 03 */
.equipment.waterjet table col {width:27.33%;}
/* sub 02 04 */
.equipment.leveling table col {width:27.33%;}
/* sub 03 */
.business .title h3 {font-size:36px; line-height:1.4em; color:#0a2d4d;}
/* sub 03 01 */
.process {padding:100px 0 130px;}
.process .col {display:flex;}
.process .col .tit-box {width:100%; max-width:505px; position:relative;}
.process .col .tit-box .tt {position:absolute; left:0; bottom:0;}
.process .col .txt-box {width:1%; flex:1 1 auto;}
.process .row {padding-bottom:80px; position:relative;}
.process .row:last-child {padding-bottom:0;}
.process .row:before {content:''; width:1px; height:100%; background:#ccc; position:absolute; left:189px; top:50px;}
.process .row:last-child:before {display:none;}
.process .box {display:flex; align-items:center;}
.process .box .icon {width:100%; max-width:120px;}
.process .box .txt {width:1%; flex:1 1 auto; padding-left:60px;}
.process .box .txt h4 {font-size:34px; line-height:1.4em; padding-left:120px; position:relative;}
.process .box .txt h4:before {content:''; width:60px; height:1px; border-bottom:1px dashed #ccc; position:absolute; top:50%; left:40px;}
.process .box .txt h4 span {display:block; width:20px; height:20px; background:#fff; border:3px solid #0a2d4d; border-radius:50%; position:absolute; top:50%; margin-top:-10px; left:0; z-index:1;}
.process .box .txt h4 span:before {content:''; width:calc(100% + 6px); height:2px; background:#fff; position:absolute; top:50%; margin-top:-1px; left:-3px; z-index:2;}
.process .row ul {padding-left:300px;}
.process .row ul li {font-size:22px; line-height:1.6em; color:#000; margin-bottom:12px; position:relative; padding-left:30px;}
.process .row ul li:last-child {margin-bottom:0;}
.process .row ul li:before {content:''; width:20px; height:20px; background:url('../img/sub/process-list.png') no-repeat; background-size:cover; position:absolute; top:7px; left:0;}
/* sub 03 02 */
.stainless .cnt01 {padding:100px 0 120px; background:#f7f8fa; position:relative; z-index:1; overflow:hidden;}
.stainless .table {margin-top:56px; position:relative; z-index:1;}
.stainless table col:first-child {width:250px;}
.stainless table col:last-child {width:auto;}
.stainless table {width:100%; border-spacing:0; border-collapse:collapse; text-align:center;}
.stainless table thead th {font-size:22px; line-height:1.4em; font-weight:700; padding:25px 10px; color:#fff; background:#0a2d4d; border-right:1px solid rgba(255,255,255,0.3);}
.stainless table thead th:last-child {border-right:0;}
.stainless table tbody {font-size:20px; line-height:1.6em; color:#000;}
.stainless table tbody th {padding:14px 10px; background:rgba(10, 45, 77, 0.10); border-bottom:1px solid #ccc; border-right:1px solid #ccc; font-weight:400;}
.stainless table tbody td {padding:14px 10px; background:rgba(255,255,255,0.6); border-bottom:1px solid #ccc; border-left:1px solid #ccc;}
.stainless .cnt01 .tt {position:absolute; z-index:-1; bottom:-47px; right:-198px;}
.stainless .cnt02 {padding:100px 0 120px;}
.stainless .cnt02 .col {display:flex; margin:0 -18px;}
.stainless .cnt02 .col .row {width:33.33333%; padding:0 18px;}
/* sub 03 03 */
.steel {padding:100px 0 120px;}
.steel .title {margin-bottom:56px;}
.steel .wrap {display:flex; align-items:center; margin-bottom:120px;}
.steel .img-box {width:100%; max-width:540px; position:relative;}
.steel .img-box:after {content:''; width:30px; height:30px; background:#0a2d4d; position:absolute; top:0; right:0;}	 
.steel .img-box .img {border-radius:0 200px 200px 0; overflow:hidden;}
.steel .txt-box {width:1%; flex:1 1 auto; padding-left:85px;}
.steel .txt-box h4 {font-size:38px; line-height:1.4em; font-weight:500; color:#000; margin-bottom:40px;}
.steel .txt-box h4 strong {font-size:42px; font-weight:700; color:#0a2d4d;}
.steel .txt-box .box {background:#f4f4f4; padding:30px 48px; border-radius:28px;}
.steel .txt-box .box li {font-size:20px; line-height:1.6em; color:#000; margin-bottom:12px; position:relative; padding-left:26px;}
.steel .txt-box .box li:last-child {margin-bottom:0;}
.steel .txt-box .box li:before {content:''; width:20px; height:20px; background:url('../img/sub/process-list.png') no-repeat; background-size:cover; position:absolute; top:7px; left:0;}
.steel .col {display:flex; margin:0 -18px;}
.steel .col .row {width:33.33333%; padding:0 18px;}
/* sub 04 02 */
.directions {padding:100px 0 120px ;}
.directions .maps {width:100%; margin-bottom:40px;}
.directions .maps .root_daum_roughmap {width:100% !important; height:520px !important;}
.directions .maps .root_daum_roughmap .wrap_map {height:520px !important;}
.directions .maps .root_daum_roughmap .map_border {border:0 !important; width:0 !important; height:0 !important;}
.directions .txt-box {position:relative; padding-right:180px; padding-left:20px;}
.directions .txt-box .btns {position:absolute; top:0; right:20px;}
.directions .txt-box .btns ul {display:flex;}
.directions .txt-box .btns ul li {padding-left:10px;}
.directions .txt-box .btns ul li a {width:60px; height:60px; border-radius:50%; transition:all 0.4s; background:rgba(141, 141, 141, 0.50); display:flex; align-items:center; justify-content:center;}
.directions .txt-box .btns ul li a:hover {background:#0d8aff}
.directions .txt-box dl {display:flex; font-size:22px; line-height:1.6em; margin-bottom:10px;}
.directions .txt-box dt {width:100%; max-width:60px; font-weight:700; color:#0a2d4d;}
.directions .txt-box dd {width:1%; flex:1 1 auto; color:#000;}
.directions .txt-box dd a {display:inline-block;}

.inquiry {padding:100px 0 120px;}