@charset "utf-8";
/* 서브공통 */
.common_banner {background-size:cover; position:relative;}
.common_banner .con {position:relative; height:500px; }
.common_banner .sb_txt {position:absolute; left:0; bottom:40px; text-align:left;}
.common_banner .sb_txt h1 {color:#FFFFFF; font-size:38px; font-weight:600; line-height:1.5;}
.common_banner .sb_txt h2 {color:#fff; font-size:32px; font-weight:300; line-height:1.125; margin-top:5px;}
.common_banner .sb_blog {position:absolute; left:0; bottom:40px; text-align:left;}
.common_banner .sb_blog .t1 {color:#B50C14; font-size:18px; font-weight:700;}
.common_banner .sb_blog .t2 {color:#fff; font-size:34px; font-weight:700; line-height:1.6;}
.common_banner .sb_blog .t3 {margin-top:23px;}
.common_banner .sb_blog .t3 span {font-size:14px; color:#fff; line-height:19px; display: inline-block;}
.common_banner .sb_blog .t3 span.writer {padding-right:14.5px; margin-right:14.5px; position:relative;}
.common_banner .sb_blog .t3 span.writer::after {content:""; position:absolute; right:0; top:4px; width:1px; height:12px; background:#fff;}
.common_banner .sb_blog .t3 span.date {}
/* ABOUT US */
.common_banner.over-view {background:url("/assets/banner/banner-1.jpg") no-repeat center top;}
.common_banner.ceo-message {background:url("/assets/banner/banner-1.jpg") no-repeat center top;}
.common_banner.history {background:url("/assets/banner/banner-1.jpg") no-repeat center top;}
.common_banner.certification {background:url("/assets/banner/banner-1.jpg") no-repeat center top;}
.common_banner.organization {background:url("/assets/banner/banner-1.jpg") no-repeat center top;}
/* PRODUCTION ITEMS */
.common_banner.manufacturing-division {background:url("/assets/banner/banner-2.jpg") no-repeat center top;}
.common_banner.ball-valve {background:url("/assets/banner/banner-2.jpg") no-repeat center top;}
.common_banner.forging-casting-valve {background:url("/assets/banner/banner-2.jpg") no-repeat center top;}
.common_banner.casting-valve {background:url("/assets/banner/banner-2.jpg") no-repeat center top;}
.common_banner.forged-valve {background:url("/assets/banner/banner-2.jpg") no-repeat center top;}
.common_banner.bellows-cryogenic-valve {background:url("/assets/banner/banner-2.jpg") no-repeat center top;}
.common_banner.control-valve {background:url("/assets/banner/banner-2.jpg") no-repeat center top;}
.common_banner.special-valve {background:url("/assets/banner/banner-2.jpg") no-repeat center top;}
.common_banner.production-division {background:url("/assets/banner/banner-2.jpg") no-repeat center top;}
.common_banner.titanium-anode-tank {background:url("/assets/banner/banner-2.jpg") no-repeat center top;}
.common_banner.steel-frame {background:url("/assets/banner/banner-2.jpg") no-repeat center top;}
.common_banner.piping-spool {background:url("/assets/banner/banner-2.jpg") no-repeat center top;}
.common_banner.valve-maintenanve-repair {background:url("/assets/banner/banner-2.jpg") no-repeat center top;}
.common_banner.sales-division {background:url("/assets/banner/banner-2.jpg") no-repeat center top;}
.common_banner.heat-exchanger {background:url("/assets/banner/banner-2.jpg") no-repeat center top;}
.common_banner.pre-insulated-tube {background:url("/assets/banner/banner-2.jpg") no-repeat center top;}
.common_banner.electric-heat-tracing {background:url("/assets/banner/banner-2.jpg") no-repeat center top;}
.common_banner.piping-materials {background:url("/assets/banner/banner-2.jpg") no-repeat center top;}
.common_banner.flange-cover {background:url("/assets/banner/banner-2.jpg") no-repeat center top;}
.common_banner.tube-fitting-flange-valve {background:url("/assets/banner/banner-2.jpg") no-repeat center top;}
/* REFERENCE */
.common_banner.reference {background:url("/assets/banner/banner-4.jpg") no-repeat center top;}
/* COMMUNITY */
.common_banner.gallery {background:url("/assets/banner/banner-5-1.jpg") no-repeat center top;}
.common_banner.gallery-item {background:url("/assets/banner/banner-5-1.jpg") no-repeat center top;}
.common_banner.gallery-view {background:url("/assets/banner/banner-5-1.jpg") no-repeat center top;}
.common_banner.blog {background:url("/assets/banner/banner-5-2.jpg") no-repeat center top;}
.common_banner.blog-view {background:url("/assets/banner/banner-5-2.jpg") no-repeat center top;}
/* CONTACT */
.common_banner.contact-us {background:url("/assets/banner/banner-6.jpg") no-repeat center top;}
/* CATALOG DOWNLOAD */
.common_banner.catalog {background:url("/assets/banner/banner-7.jpg") no-repeat center top;}
/* 네비 */
#navi {background:#fff; border-bottom:1px solid #ddd; position:relative; z-index:10;}
#navi .con {text-align:left;}
#navi .navi-box {font-size:0; display: flex; text-align:left; vertical-align: top;}
#navi .navi-box > div {border-right:1px solid #bababa; display: inline-block; vertical-align: top; height:60px; position:relative; z-index:2;}
#navi .navi-box > div.home {border-left:1px solid #bababa; text-align:center;}
#navi .navi-box > div.home a {display: inline-block; width:100%; height:100%; padding:0 20px; font-size:16px; line-height:60px; color:#DB2029;}
#navi .navi-box > div.home img {padding-top:18px;}
#navi .navi-box > div .name {font-size:16px; font-weight:600; color:#000; line-height:60px; padding-left:30px; width:100%; cursor:pointer; position:relative; transform: skew(-0.1deg);}
#navi .navi-box > div::after {content:"\f0ab"; font-family: "Font Awesome 6 Pro"; font-weight:900; position:absolute; top:50%; right:18px; color:#CCCCCC; z-index: -1; font-size: 13px; transform: translateY(-50%);}
#navi .navi-box > div.on::after {content:"\f0aa";}
#navi .navi-box > div.active::after {color:#fff;}
#navi .navi-box > div.home::after {content:none;}
#navi .navi-box > div.depth-1 {width:250px;}
#navi .navi-box > div.depth-2 {width:370px;}
#navi .navi-box > div.depth-3 {width:370px;}
#navi .navi-box > div.depth-3::after {content:none;}
#navi .navi-box > div.active.depth-3::after {content:"\f0ab";}
#navi .navi-box > div.active.on.depth-3::after {content:"\f0aa";}
#navi .navi-box > div.active {background:#DB2029;}
#navi .navi-box > div.active .name {color:#fff;}
/*#navi .navi-box > div.depth-2:after {color:#fff;}*/
#navi .navi-box > div {display:none;}
#navi .navi-box > div:first-child {display: inline-block;}
#navi .navi-box > div:last-child {display: inline-block;}
.plus-minus{ position: absolute; width: 16px; height: 16px; right: 15px; top:16px; }
/*.plus-minus:before, .plus-minus:after{ content: ""; position: absolute; background-color: black; transition: transform 0.25s ease-out; }*/
/* vertical line */
/*.plus-minus:before{ top: 0; left: 50%; width: 2px; height: 100%; margin-left: -1px; }*/
/* horizontal line */
/*.plus-minus:after{ top: 50%; left: 0; width: 100%; height: 2px; margin-top: -1px; }*/
/*.plus-minus:hover{cursor: pointer;}*/
#navi .navi-box > div.depth-2.on .plus-minus:before{transform: rotate(90deg);}
#navi .navi-box > div.depth-2.on .plus-minus:after{transform: rotate(180deg);}
#navi .navi-box > div .style-depth {display:none; position:absolute; left:0; top:60px; z-index:20; width:100%; background:#fff; border-left:1px solid #bababa; border-right:1px solid #bababa; border-top:1px solid #bababa; border-bottom:1px solid #bababa;}
#navi .navi-box > div .style-depth li {display: inline-block; width:100%;}
#navi .navi-box > div .style-depth li a {display: inline-block; width:100%; line-height:60px; font-size:16px; color:#000; border-bottom:1px solid #ddd; padding-left:30px;}
#navi .navi-box > div .style-depth li a:hover {background:#eee;}
#navi .navi-box > div .style-depth li:last-child a {border-bottom:none;}
#paging {text-align:center; margin:20px 0;}
#paging > div {height:26px; width:26px; display: inline-block; line-height:26px; text-align:center; vertical-align: top;}
#paging > div.prev, #paging > div.next {}
#paging > div.num {}
#paging > div a {font-size:12px; font-weight:500; display: inline-block; color:#666666; height:26px; width:26px; line-height:26px; vertical-align: top; border-radius:5px; background:#F9F9F9;}
#paging > div.prev a, #paging > div.next a {font-size:12px; background:none;}
#paging > div.num.current a {background:#DB2029; color:#fff;}
.sub-page-wrap {margin-top:113px}
a.link-st-1 {color:#fff; font-size:12px; line-height:1.5; position:relative; display: flex; align-items: center; justify-content: flex-end;}
a.link-st-1 img {margin-right:10px;}
.sub-common-tit {text-align:left; margin-bottom:54px;}
.sub-common-tit.st-1 {display:flex; align-items: center;}
.sub-common-tit.st-1 .txt-1 {display: inline-block; color:#192634; font-size:32px; font-weight:700; line-height:1.6; position:relative; padding-left:33px; z-index:1;}
.sub-common-tit.st-1 .txt-1 span {color:#fff;}
.sub-common-tit.st-1 .txt-1::before {content:""; width:58px; height:58px; border-radius:50%; background:#B50C14; position:absolute; left:0; bottom:0; z-index:-1;}
.sub-common-tit .history-tab {font-size:0; display: inline-block; vertical-align: top; margin-left:120px;}
.sub-common-tit .history-tab .tab {position:relative; font-weight:600; font-size:21px; line-height:31px; padding-right:45px; display: inline-block; margin-right:50px; cursor:pointer;}
.sub-common-tit .history-tab .tab::last-child {margin-right:0;}
.sub-common-tit .history-tab .tab::after {content:""; width:33.5px; height:28px; display: inline-block; background:url("/assets/images/flowone-arr-off.png") no-repeat center center; background-size:contain; position:absolute; right:0; top:50%; transform:translateY(-50%);}
.sub-common-tit .history-tab .tab.on {color:#B50C14;}
.sub-common-tit .history-tab .tab.on::after {background:url("/assets/images/flowone-arr-on.png") no-repeat center center; background-size:contain; }
.sub-common-tit.st-2 {position:relative;}
.sub-common-tit.st-2 .txt-1 {display: flex; align-items: center; font-size:22px; font-weight:700; line-height:1.6;}
.sub-common-tit.st-2 .txt-1 span.ic {margin-left:10px;}
.sub-common-tit.st-2 .txt-1 span.ic img {height:30px;}
.sub-common-tit.st-3 {margin-bottom:40px;}
.sub-common-tit.st-3 .txt-1 {display: flex; align-items: center; font-size:18px; font-weight:600; line-height:1.8; color:#B50C14;}
.sub-common-tit.st-3 .txt-1 span.ic {margin-right:10px;}
.sub-common-tit.st-3 .txt-1 span.ic img {height:14px;}
.sub-common-tit.st-3 .txt-2 {font-size:16px; line-height:1.5; margin-top:5px;}
.sub-common-tit.st-3 .txt-2 p.b500 {font-weight:500; color:#444; line-height:26px;}
.sub-common-tit.st-3 .txt-2 span.b400 {font-weight:400;}
.sub-common-tit.st-3 span.c444 {color:#444444;}
.sub-common-tit.st-3 span.plus {color:#AAAAAA; padding:0 12px;}
.sub-common-tit.st-3 span.smar img {height:28px;}
.over-view-wrap .s2-before {margin-top:140px; background:#FBFBFB; padding-top:150px; padding-bottom:140px;}
.tit-list-dl-1 {}
.tit-list-dl-1 dl {margin-bottom:40px;}
.tit-list-dl-1 dl dt {font-size:21px; font-weight:600; line-height:31px; color:#333; padding-left:45px; position:relative; margin-bottom:15px;}
.tit-list-dl-1 dl dt::before {content: ""; width: 33.5px; height: 28px; display: inline-block; background: url(/assets/images/flowone-arr-off.png) no-repeat center center; background-size: contain; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.tit-list-dl-1 dl dd {font-size:16px; line-height:25px; color:#666; padding-left:5px;}
.over-view-wrap {}
.over-view-wrap .s1 {}
.over-view-wrap .symbol-box {display:flex; align-items: center; justify-content: space-between;}
.over-view-wrap .symbol-box .symbol {width:813px; height:266px; background:url("/assets/images/over-view-img-1.png") no-repeat center center; background-size:contain; position:relative;}
.over-view-wrap .symbol-box .symbol .img {position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
.over-view-wrap .symbol-box .txt {}
.over-view-wrap .symbol-box .txt .t1 {font-size:24px; font-weight:600; line-height:1.45;}
.over-view-wrap .symbol-box .txt .t2 {font-size:20px; line-height:1.5; margin-top:20px;}
.over-view-wrap .text-list {display:flex; justify-content: space-between; margin-top:95px;}
.over-view-wrap .text-list li {display:flex; align-items: center; flex-wrap: wrap; justify-content: center; align-content: center; text-align:center; width:24%; height:127px; border-radius:15px; background:#fff; box-shadow:rgb(0 46 99 / 7%) 0 0 50px; flex-direction: column;}
.over-view-wrap .text-list li .t1 {color:#999999; font-size:20px; font-weight:500; line-height:1.6;}
.over-view-wrap .text-list li .t2 {color:#444444; font-size:30px; font-weight:600; line-height:1.6;}
.over-view-wrap .s2 {height:450px; background:url("/assets/images/over-view-img-3.jpg") no-repeat center center; background-size:cover; overflow:hidden; display:flex; align-items: center; justify-content: center;}
.over-view-wrap .s2 .box {/*border-top:1px solid #ffffff61; border-bottom:1px solid #ffffff61; */ position:relative;}
.over-view-wrap .s2 .box::before {content:""; width:100vw; height:1px; background:#ffffff61; position:absolute; left:50%; top:0; transform:translateX(-50%);}
.over-view-wrap .s2 .box::after {content:""; width:100vw; height:1px; background:#ffffff61; position:absolute; left:50%; bottom:0; transform:translateX(-50%);}
.over-view-wrap .s2 ul {display:flex; width:1480px; justify-content: space-between;}
.over-view-wrap .s2 ul li {height:300px; width:487px; position:relative; padding:40px;}
.over-view-wrap .s2 ul li::after {content:""; width:1px; height:100vh; background:#ffffff61; position:absolute; left:0; top:50%; transform:translateY(-50%);}
.over-view-wrap .s2 ul li::before {content:""; width:1px; height:100vh; background:#ffffff61; position:absolute; right:0; top:50%; transform:translateY(-50%);}
.over-view-wrap .s2 ul li .t1 {color:#fff; font-size:24px; font-weight:500; line-height:1.45;}
.over-view-wrap .s2 ul li .t2 {color:#fff; font-size:31px; font-weight:300; line-height:1.45;}
.over-view-wrap .s2 ul li .t3 { display:flex; align-items: flex-end; justify-content: space-between; position:absolute; left:0; bottom:30px; width:100%; padding:0 40px;}
.over-view-wrap .s2 ul li .t3 a {margin-bottom:20px;}
.over-view-wrap .s2 ul li .t3 .count {color:#fff; font-size:120px; font-weight:100;}
.over-view-wrap .s3 {margin-top:153px;}
.over-view-wrap .s3 {padding-bottom:180px;}
.over-view-wrap .s3 .vision-box {padding-left:370px; position:relative;}
.over-view-wrap .s3 .vision-box .left {position:absolute; left:0; bottom:0; width:370px;}
.over-view-wrap .s3 .vision-box .left .t1 {color:#B50C14; font-weight:500; font-size:20px; line-height:1.3;}
.over-view-wrap .s3 .vision-box .left .t2 {color:#192634; font-size:20px; line-height:1.3;}
.over-view-wrap .s3 .vision-box .right {}
.over-view-wrap .s3 .vision-box .right ul {display:flex; justify-content: space-around;}
.over-view-wrap .s3 .vision-box .right ul li {display:flex;}
.over-view-wrap .s3 .vision-box .right ul li .ic {margin-right:27px;}
.over-view-wrap .s3 .vision-box .right ul li .ic img {height:77px; width:auto;}
.over-view-wrap .s3 .vision-box .right ul li .txt {}
.over-view-wrap .s3 .vision-box .right ul li .txt .t1 {font-size:21px; line-height:1.45; font-weight:500;}
.over-view-wrap .s3 .vision-box .right ul li .txt .t2 {font-size:18px; line-height:1.22; font-weight:300; margin-top:3px; color:#666666;}
.ceo-message-wrap {padding-bottom:150px;}
.ceo-message-wrap .message {color:#666666; font-size:16px; line-height:1.5625;}
.ceo-message-wrap .sign {font-weight:600; font-size:22px; margin-top:100px; text-align:left;}
.history-wrap {}
.history-wrap .history {padding-top:50px;}
.history-box {display:none;}
.history-box .yymmdd:first-child { margin-top: 0; }
.history-box .yymmdd::before {content: ""; width: 1px; height: 100%; background: #666666; display: inline-block; position: absolute; left: 307px; top: 24px;}
.history-box .yymmdd { width: 100%; display: inline-block; text-align: left; padding-bottom: 35px; margin-top: 10px; z-index: 99; position: relative; margin-bottom:148px; z-index:5;}
.history-box .yymmdd:last-child { }
/*.history-box .yymmdd:last-child::before {content:none;}*/
.history-box .yymmdd .year-txt {display: inline-block; float:left; font-weight:100; font-size:85px; color:#666; width:295px;}
.history-box .yymmdd .year { float: left; display: inline-block; width: 26px; height: 26px; border-radius: 50%; background: #B50C14; text-align: left; position: relative; margin-right:40px; margin-top:10px;}
.history-box .yymmdd .year:before { content: ""; background: #fff; width: 12px; height: 12px; border-radius: 50%; position: absolute; left: 50%; top: 50%; margin-left: -6px; margin-top: -6px; }
/*.history-box .yymmdd .year:after { content: ""; width: 1px; height: 1000px; background: #16678B; display: inline-block; position: absolute; left: 50%; top: 100%; }*/
.history-box .yymmdd:last-child .year:after { content: none; }
.history-box .yymmdd .month { float: none; overflow: hidden; margin-left: 20px; margin-top:5px;}
.history-box .yymmdd .month .day { /* line-height:40px; */ text-align: left; margin-top: 0; margin-bottom: 25px; }
.history-box .yymmdd .month .day:after { content: ""; display: block; clear: both; }
.history-box .yymmdd .month .day:first-child { margin-top: 0; }
.history-box .yymmdd .month .day:last-child { margin-bottom: 0; }
.history-box .yymmdd .month .day span.date {font-weight:500; font-size: 24px; color: #333333; display: block; float: left; line-height: 1.45; position: relative; min-width:150px; margin-right:30px;}
/*.history-box .yymmdd .month .day span.date:after {content:"-"; font-weight:500; font-family: 'Noto Sans KR', sans-serif; position:absolute; right:8px; top:-2px;}*/
.history-box .yymmdd .month .day span.txt {font-size: 24px; color: #666666; display: block; float: none; overflow: hidden; line-height: 1.45; }
.history-box .yymmdd .month .day span.txt strong {font-weight:700; color:#B50C14;}
/* 버튼 */
.btn-wrap {}
.btn-wrap.l {text-align:left;}
.btn-wrap.r {text-align:right;}
.btn-wrap.c {text-align:center;}
button.bt {border:none; outline:none; background:none; cursor:pointer;}
button.bt.bt-1 {color:#B50C14; font-size:16px; background:#fff; border:1px solid #B50C14; border-radius:5px; box-shadow:rgb(0 0 0 / 10%) 3px 3px 6px; line-height:35px; padding:0 40px;}
button.bt.bt-2 {color:#999999; font-size:16px; background:#fff; border:1px solid #CCCCCC; border-radius:5px; box-shadow:rgb(0 0 0 / 10%) 3px 3px 6px; line-height:35px; padding:0 40px;}
button.bt.bt-share {color:#fff; font-size:16px; background:#B50C14; border:none; border-radius:4px; width:145px;}
button.bt .icon-box {display: flex; height: 43px; width: 100%; justify-content: space-between; align-items: center; padding: 0 16px 0 5px;}
button.bt span.ic {font-size:25px;}
button.bt span.txt {font-weight:500;}
button.bt.bt-contact {color:#B50C14; font-size:16px; background:#F8F8F8; border:1px solid #CCCCCC; border-radius:4px; width:144px; padding:0;}
button.bt.bt-contact .icon-box {padding:0 12px;}
.certification-wrap {}
.certification-wrap .s1 {position:relative;}
.certification-wrap .s1 .swiper-pagination {bottom:-30px; left:50%; transform:translateX(-50%);}
.certification-wrap .s1 .swiper-pagination-bullet {margin:0 5px;}
.certification-wrap .s1 .swiper-pagination-bullet-active {background:#444;}
.certification-wrap .s1 .swiper-button-next, .certification-wrap .s1 .swiper-button-prev {margin-top:30px;}
.certification-wrap .s1 .swiper-button-prev, .certification-wrap .s1 .swiper-container-rtl .swiper-button-next {background-image:url("data:image/svg+xml;charset=utf-8,<svg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'><path%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ACACAC'%2F><%2Fsvg>") !Important;}
.certification-wrap .s1 .swiper-button-next, .certification-wrap .s1 .swiper-container-rtl .swiper-button-prev {background-image:url("data:image/svg+xml;charset=utf-8,<svg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'><path%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ACACAC'%2F><%2Fsvg>") !Important;}
.certification-wrap .sw-certification {width:1280px;}
.sw-certification .swiper-slide {}
.sw-certification .swiper-slide .sw-box {display:flex; align-items: center; justify-content: space-between;}
.sw-certification .swiper-slide .sw-box .sw-img {width:490px; height:380px; }
.sw-certification .swiper-slide .sw-box .sw-img img {width:100%; height:100%; object-fit:contain;}
.sw-certification .swiper-slide .sw-box .sw-txt {text-align:left; width: 720px;}
.sw-certification .swiper-slide .sw-box .sw-txt .t1 {color:#B50C14; font-size:24px; font-weight:600;}
.sw-certification .swiper-slide .sw-box .sw-txt .t2 {font-size:20px; font-weight:500; margin-top:5px;}
.sw-certification .swiper-slide .sw-box .sw-txt .t3 {color:#666666; font-size:18px; line-height:1.4444; margin-top:18px;}
.sw-certification .swiper-slide .sw-box .sw-txt .t3 span {font-weight:500; color:#444;}
.sw-certification .swiper-slide .sw-box .sw-txt .btn-wrap {margin-top:30px;}
.certification-wrap .s2 {width:1280px; margin:155px auto 0;}
.certification-wrap .s2 ul {margin:0 -0.5%; font-size:0;}
.certification-wrap .s2 ul li {width:13.2857%; margin:0 0.5% 40px; display: inline-block; vertical-align: top; position:relative;}
.certification-wrap .s2 ul li .img {border:1px solid #CCCCCC; position:relative; z-index:1; cursor:pointer;}
.certification-wrap .s2 ul li .tit {font-size:14px; line-height:1.2; color:#444; text-align:center; margin-top:10px; word-break: break-word;}
.certification-wrap .s2 ul li .img::before {content:"\f055"; font-family: "Font Awesome 6 Pro"; font-weight:900; color:#fff; font-size:20px; display:none; position:absolute; left:0; top:0; width:100%; height:100%; z-index:3; justify-content: center; align-items: center;}
.certification-wrap .s2 ul li .img::after {content:""; display:none; position:absolute; left:0; top:0; width:100%; height:100%; background:rgb(0 0 0 / 31%); z-index:2;}
.certification-wrap .s2 ul li .img:hover ::after {display:block;}
.certification-wrap .s2 ul li .img:hover ::before {display:flex;}
.organization-wrap {padding-bottom:150px;}
.organization-wrap .img {text-align:center; margin-bottom:50px;}
.organization-wrap .org_bot_txt {font-size:21px; padding-left:75px;}
.ceo-box {font-size:0; vertical-align: top; position:relative; padding-right:413px;}
.ceo-box::after {content:""; clear:both; display:block; }
.ceo-box .ceo-left {}
.ceo-box .ceo-right {position:absolute; right:0; top:0; width:333px;}
.ceo-box .ceo-right img {width:333px;}
.gallery-wrap {padding-bottom:100px;}
.gallery-wrap .gallery-list {}
.gallery-list ul {margin:0 -1.5%; font-size:0;}
.gallery-list ul li {display: inline-block; vertical-align: top; width:30.333%; margin:0 1.5% 3%; position:relative; z-index:1; height:360px; border-radius:20px; overflow:hidden;}
.gallery-list ul li .link {position:absolute; left:0; top:0; width:100%; height:100%; z-index:5;}
.gallery-list ul li .thumb {position:absolute; left:0; top:0; width:100%; height:100%; overflow:hidden; z-index:2;}
.gallery-list ul li .thumb::after {content:""; position:absolute; left:0; top:0; width:100%; height:100%; z-index:3; background:#192634; opacity:0.35;}
.gallery-list ul li .thumb img {width:100%; height:100%; object-fit:cover; transition:0.5s ease-out;}
.gallery-list ul li:hover .thumb img {transform:scale(1.2,1.2);}
.gallery-list ul li .text {position:absolute; left:0; bottom:0; width:100%; z-index:4; padding:0 50px 30px;}
.gallery-list ul li .text .t1 {color:#fff; font-size:21px; font-weight:700; line-height:1.6;}
.gallery-list ul li .text .t2 {color:#fff; font-size:18px; font-weight:300; margin-top:2px;}
.gallery-list2 ul {font-size:0; margin:0;}
.gallery-list2 ul li {width:350px; height:auto; margin:0 10px 20px; border-radius:20px; overflow:hidden; cursor:pointer;}
.gallery-list2 ul li .thumb {position:relative; height:auto;}
.gallery-list2 ul li .thumb::after {content:""; position:absolute; left:0; top:0; width:100%; height:100%; z-index:3; background:#192634; opacity:0.35;}
.gallery-list2 ul li .thumb img {width:100%; height:auto; object-fit:none;}
.gallery-list2 ul li .text {position:absolute; left:0; bottom:0; width:100%; z-index:4; padding:0 50px 30px;}
.gallery-list2 ul li .text .t1 {color:#fff; font-size:21px; font-weight:700; line-height:1.6;}
.gallery-list2 ul li .text .t2 {color:#fff; font-size:18px; font-weight:300; margin-top:2px;}
.blog-wrap {padding-bottom:140px;}
.blog-wrap .blog-list {}
.blog-list ul {font-size:0; margin:0 -1.5%;}
.blog-list ul li {width:22%; margin:0 1.5% 4%; position:relative; z-index:1; border:1px solid #EEEEEE; display: inline-block; vertical-align: top;}
.blog-list ul li .thumb {height:240px;}
.blog-list ul li .thumb img {width:100%; height:100%; object-fit:cover;}
.blog-list ul li .txt {height:146px; width:100%; display:flex; align-items: center; align-content: center; flex-wrap: wrap; padding:0 30px;}
.blog-list ul li .txt .t1 { font-size:16px; font-weight:600;
display: -webkit-box;
-webkit-line-clamp: 2;
text-overflow: ellipsis;
overflow: hidden;
-webkit-box-orient: vertical;
text-align: left;
word-wrap: break-word;
line-height: 22px;
height: 44px;
}
.blog-list ul li .txt .t2 {margin-top:18px; font-size:14px;
display: -webkit-box;
-webkit-line-clamp: 2;
text-overflow: ellipsis;
overflow: hidden;
-webkit-box-orient: vertical;
text-align: left;
word-wrap: break-word;
line-height: 20px;
height: 40px;
}
.blog-list ul li a.link {position:absolute; left:0; top:0; width:100%; height:100%; z-index:5;}
.blog-view-wrap {padding-bottom:50px;}
.blog-view-wrap .blog-view-context {}
.blog-view-wrap .blog-view-context * {}
.blog-view-wrap .btn-wrap {margin-top:100px;}
.contact-us-wrap {padding-bottom:100px;}
.contact-us .contact-top {}
.contact-us .contact-top:after {content:""; display:block; clear:both;}
.contact-us .contact-bot {position:relative;}
.contact-us .contact-bot:after {content:""; display:block; clear:both;}
.contact-top .right {width:1200px; float:left;}
.contact-bot .right { width: 990px; float: left; padding-top: 99px; margin-left: 60px;}
.contact-top .right .ct-tab {display:flex;}
.contact-top .right .ct-tab li {display:flex; align-items: center; color:#999999; font-size:21px; line-height:31px; cursor:pointer; padding:0 30px; position:relative;}
.contact-top .right .ct-tab li:first-child {padding-left:0;}
.contact-top .right .ct-tab li:after {content:""; width:1px; height:29px; position:absolute; background:#999999; right:0; top:3px; z-index:1; /*box-shadow:rgb(4 13 22 / 65%) 1px 0 1px 0;*/}
.contact-top .right .ct-tab li:last-child:after {content:none;}
.contact-top .right .ct-tab li img {margin-left:10px;}
.contact-top .right .ct-tab li img.btred {display:none;}
.contact-top .right .ct-tab li img.btgray {display:inline;}
.contact-top .right .ct-tab li.on {color:#B50C14; font-weight:600;}
.contact-top .right .ct-tab li.on img {opacity:1;}
.contact-top .right .ct-tab li.on img.btred {display:inline;}
.contact-top .right .ct-tab li.on img.btgray {display:none;}
.contact-bot .ct-google-map {height:330px; border-radius:15px; overflow:hidden; margin-top:45px;}
.contact-bot .ct-google-map > div {display:none; width:100%; height:100%;}
.contact-bot .ct-google-map .gg-map-1 {display:block;}
/*
.contact-bot .left {position:relative; margin-top:40px; width:420px; float:left;}
.contact-bot .backgray {background:#FFFFFF; opacity:0.2; position:absolute; right:0; top:0; bottom:0; width:9999px; height:100%;}
.ct-change-box {display:none; border-radius:10px 10px 0 0; overflow:hidden; box-shadow:rgb(0 0 0 / 16%) 0 3px 6px;}
.ct-change-box.ct-change-box1 {display:block;}
.ct-change-box .map-space {width:100%; height:264px;}
.ct-change-box .map-space img {width:100%; height:100%; object-fit:cover;}
.ct-change-box .map-info {margin-top:30px; padding-left:30px; padding-bottom:30px; padding-right:25px;}
.ct-change-box .map-info dl {}
.ct-change-box .map-info dl dt {font-size:16px; font-weight:500; margin-bottom:20px;}
.ct-change-box .map-info dl dd {position:relative; padding-left:30px; font-size:12px; font-weight:275; line-height:18px; margin-bottom:17px; letter-spacing:0;}
.ct-change-box .map-info dl dd:last-child {margin-bottom:0;}
.ct-change-box .map-info dl dd span.ic {position:absolute; left:0; font-size:15px; text-align:center; display: inline-block; width:22px;}
*/
/* contactus 메일폼 삭제후 수정 */
.contact-bot .left {position:relative; margin-top:40px; width:100%;}
.contact-bot .backgray {background:#FFFFFF; opacity:0.2; position:absolute; right:0; top:0; bottom:0; width:9999px; height:100%;}
.ct-change-box {display:none; font-size:0; height:350px; position:relative; padding-left:580px; z-index:1; border-radius:10px; overflow:hidden; box-shadow:rgb(0 0 0 / 16%) 0 3px 6px;}
.ct-change-box.ct-change-box1 {display:block;}
.ct-change-box .map-space {width:580px; height:100%; display:inline-block; position:absolute; left:0; top:0;}
.ct-change-box .map-space img {width:100%; height:100%; object-fit:cover;}
.ct-change-box .map-info {display:inline-block; width:100%; padding:35px; padding-left:55px; height: 100%; display: flex; align-items: flex-end;}
.ct-change-box .map-info dl {}
.ct-change-box .map-info dl dt {font-size:24px; font-weight:500; margin-bottom:20px;}
.ct-change-box .map-info dl dd {position:relative; padding-left:30px; font-size:18px; font-weight:300; line-height:18px; margin-bottom:17px; letter-spacing:0;}
.ct-change-box .map-info dl dd:last-child {margin-bottom:0;}
.ct-change-box .map-info dl dd span.ic {position:absolute; left:0; font-size:15px; text-align:center; display: inline-block; width:22px;}
.frm-box .row {display:flex; justify-content: space-between;margin-bottom:70px;}
/*.frm-box .row:after {content:""; display:block; clear:both;}*/
.frm-box .row.col-1 .col {width:100%;}
.frm-box .row.col-2 .col {width:457px;}
.frm-box .row.nomargin {margin:0;}
.frm-box .row .col {}
.frm-box .row .col label {display:block; font-weight:300; font-size:16px; color:#666666;}
.frm-box .row .col input {width:100%; border:none; outline:none; border-bottom:1px solid #666666; font-size:20px; font-weight:400; background:none; padding:12px 0; color:#333333;}
.frm-box .row .col input::placeholder {color:#666666;}
.frm-box .row .col .hint {color:#666666; font-size:20px; font-weight:300; line-height:30px; margin-top:13px;}
.frm-box .row .col textarea {font-size:20px; line-height:1.4; margin-top:20px; background:none; resize:none; outline:none; border:none; border-bottom:1px solid #888888; width:100%; height:40px; color:#fff; padding:10px; box-sizing:border-box;}
.frm-box .row.row-btn {display:block;}
.frm-box .row.row-btn .btn-submit {margin-top:45px;}
.frm-box .row.row-btn .btn-submit button {background:none; outline:none; border:none; display: flex; align-items: center; color:#333333; float:right; padding:5px 10px; cursor:pointer;}
.frm-box .row.row-btn .btn-submit button img {margin-right:6px;}
.manufacturing-division-wrap {padding-bottom:100px;}
.tbl-st-1{width: 1480px;}
.tbl-st-1 table {width:100%; table-layout:fixed;}
.tbl-st-1 table thead tr td {text-align:center; vertical-align: middle; background:#192634; color:#fff; font-size:16px; font-weight:500; height:44px;}
.tbl-st-1 table thead tr td:first-child {width:80px;}
.tbl-st-1 table tbody tr td {text-align:center; vertical-align: middle; font-size:16px; line-height:25px; padding:13px 0; color:#192634; border-bottom:1px solid #CCCCCC; font-weight:500;}
.tbl-st-1 table tbody tr:hover td {background:#F9F9F9;}
.tbl-st-1 table tbody tr:last-child td {border-bottom:1px solid #192634;}
.manufacturing-division-wrap .tbl-st-1{width: 100%;}
.manufacturing-division-wrap .tbl-st-1 table{width: 1480px;}
.manufacturing-division-wrap .tbl-st-1 table thead tr td:nth-child(1) {width:75px;}
.manufacturing-division-wrap .tbl-st-1 table thead tr td:nth-child(2) {width:1105px;}
.manufacturing-division-wrap .tbl-st-1 table thead tr td:nth-child(3) {width:150px;}
.manufacturing-division-wrap .tbl-st-1 table thead tr td:nth-child(4) {width:150px;}
.business-filed-wrap {}
.business-filed-wrap section {margin-bottom:100px;}
.img-box {}
.img-box ul {display:flex; justify-content: space-between; flex-wrap: wrap;}
.img-box ul li {position:relative; padding-bottom:12px;}
.img-box ul li .img {cursor:pointer;}
/* li .img {cursor:pointer;} */
.img-box ul li p {font-size:14px; line-height:22px; position:absolute; left:0; top:100%;}
.img-box ul li .txt {font-size:14px; line-height:22px; padding-top:10px;}
.img-box ul li .txt.nowrap {white-space: nowrap; position:absolute; left:0; top:100%; padding-top:0;}
.img-box ul li p.nowrap {white-space: nowrap;}
.img-box ul li p.b600 {font-weight:600; color:#444;}
.img-box ul li img {width:100%; height:100%; object-fit:cover;}
.img-box.add-1 ul::before {content:"";}
.img-box.add-2 ul::before {content:""; order: 1;}
.img-box.add-2 ul::after {content:"";}
.img-box.multi-15 ul li {margin-bottom:15px;}
.business-filed-wrap .s3 .img-box > div{display: flex;}
.business-filed-wrap .s3 .img-box > div > div > div{display: flex;}
.business-filed-wrap .s3 .img-box .img{width: 352px; height: 300px;}
.business-filed-wrap .s3 .img-box .img img{height: 300px; width: 100%;}
.img-box.nomargin ul li {padding-bottom:0;}
.txt dl {margin-top:10px;}
.txt dl dd {position:relative; padding-left:10px; font-size:14px; line-height:21px;}
.txt dl dd::before {content:"·"; position:absolute; left:0;}
ul.list-default {}
ul.list-default li {position:relative; padding-left:16px; font-size:16px; line-height:26px; color:#444; font-weight:500;}
ul.list-default li::before {content:"-"; position:absolute; left:0; font-weight:400;}
ul.list-circle {}
ul.list-circle li {position:relative; padding-left:16px; font-size:16px; line-height:26px; color:#444; font-weight:500;}
ul.list-circle li::before {content:"•"; position:absolute; left:0;}
.w270h200 .img {width:270px; height:200px;}
.w352h497 .img {width:352px; height:497px;}
.w352h497 .img.w728 {width:728px;}
.w352h300 .img {width:352px; height:300px;}
.w364h204 .img {width:364px; height:204px;}
.w352h273 .img {width: 352px; height: 273px;}
.w352h450 .img {width: 352px; height: 450px;}
.w352h364 .img {width: 352px; height: 364px;}
.w352h364 .img.w728 {width:728px;}
.w540h660 .img {width: 540px; height: 660px;}
.img.w501h668 {width: 501px; height: 668px;}
.img.w955h668 {width: 955px; height: 668px;}
.w477h290 .img {width: 477px; height: 290px;}
.w352h248 .img {width: 352px; height: 248px;}
.w476h288 .img {width: 476px; height: 288px;}
.w477h604 .img {width: 477px; height: 604px;}
.w352h376 .img {width: 352px; height: 376px;}
.w277h270 .img {width: 277px; height: 270px;}
.w478h290 .img {width: 478px; height: 290px;}
.w352h376 .img.w728 {width: 728px;}
.w277h270.add-2 ul::after, .w277h270.add-2 ul::before {content:""; width:277px;}
.row {display:flex; justify-content: space-between;}
.row.flex-start {justify-content: flex-start;}
.row .col {}
.col.w352 {width:352px;}
.col.w728 {width:728px;}
.col.w1104 {width:1104px;}
.col.w476 {width: 476px;}
.col.w977 {width: 977px;}
.mt80 {margin-top:80px;}
.mt15 {margin-top:15px;}
.ml42 {margin-left:42px;}
.pl20 {padding-left:20px;}
.f16 {font-size:16px;}
.gray-box-txt {font-size:16px; background:#F9F9F9; height:55px; display:flex; align-items: center; justify-content: center;}
.gray-box-txt.b600 {font-weight:600;}
.tbl-st-2 table {width: 1480px; table-layout:fixed;}
.tbl-st-2 table thead tr td {text-align:center; vertical-align: middle; background:#192634; color:#fff; font-size:16px; font-weight:500; height:44px;}
.tbl-st-2 table thead tr td:first-child {width:145px;}
.tbl-st-2 table thead tr td:nth-child(2) {width:445px;}
.tbl-st-2 table thead tr td:nth-child(3) {width:445px;}
.tbl-st-2 table thead tr td:nth-child(4) {width:445px;}
.tbl-st-1 table thead tr td:nth-child(3) {width:445px;}
.tbl-st-1 table thead tr td:nth-child(4) {width:445px;}
.tbl-st-2 table tbody tr th {background:#F9F9F9; vertical-align: top; color:#192634; font-weight:500; font-size:16px; border-bottom: 1px solid #CCCCCC; padding-top:20px;}
.tbl-st-2 table tbody tr td {text-align:left; vertical-align: top; font-size:16px; line-height:25px; padding-top:20px; padding-bottom:20px; padding-left:30px; color:#192634; border-bottom:1px solid #CCCCCC; font-weight:500; border-right:1px solid #CCCCCC;}
.tbl-st-2 table tbody tr td:last-child {border-right:none;}
.tbl-st-2 table tbody tr.photo td {padding:0; height:275px; font-size:0;}
.tbl-st-2 table tbody tr.photo td img {width:100%; height:100%; object-fit:cover; vertical-align: top;}
.tbl-st-2 table tbody tr:hover td {background:#F9F9F9;}
.tbl-st-2 table tbody tr:last-child td {border-bottom:1px solid #192634;}
.last-section-contact {display:flex;justify-content: flex-end; align-items: center; margin-bottom:40px;}
.last-section-contact .contact-wording {margin-right:40px;}
.production-division-wrap {padding-bottom:100px;}
.production-division-wrap .sub-common-tit.st-2 {margin-bottom:20px;}
.production-division-wrap .sub-common-tit.st-3 .txt-1 {color:#444444;}
.sales-division-wrap {padding-bottom:100px;}
.sales-division-wrap .sub-common-tit.st-2 {margin-bottom:20px;}
.sales-division-wrap .sub-common-tit.st-3 .txt-1 {color:#444444;}
.catalog-wrap {padding-bottom:100px;}
.catalog-list {}
.catalog-list ul {margin:0 -1%;}
.catalog-list ul::after {content:""; display:block; clear:both;}
.catalog-list ul li {display: inline-block; float:left; vertical-align: top; position:relative; width:18%; margin:0 1% 3%; border-radius:10px; overflow:hidden; cursor:pointer; border:1px solid #e3e3e3;}
.catalog-list ul li .thumb {height:380px;}
.catalog-list ul li .thumb img {width:100%; height:100%; object-fit:cover;}
.load-more-wrap {text-align:center; padding-bottom:100px;}
.load-more-wrap .load-more {display: inline-block; font-size:20px; color:#2d2d2d; position:relative; cursor:pointer; height:60px;}
.load-more-wrap .load-more i {color:#dfdfdf; position:absolute; left:50%; top:20px; transform:translate(-50%,0); font-size:30px; transition:color 0.5s;}
.load-more-wrap .load-more:hover {color:#043385; font-weight:600;}
.load-more-wrap .load-more:hover i {/*transform:translate(-50%,30px);*/ animation: scroll 1.5s infinite; color:#043385;}
.load-more-wrap .no-load {font-size:18px; font-weight:bold; color:#898989; padding:40px;}
/* 커스텀 버튼 */
.sns-icon i {
opacity: 0;
font-size: 15px;
color: #1F1E1E;
will-change: transform;
-webkit-transform: scale(.1);
transform: scale(.1);
-webkit-transition: all .3s ease;
transition: all .3s ease;
}
.share_btn {
position: absolute;
right:0;
top:0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
overflow: hidden;
cursor: pointer;
width: 144px;
height: 43px;
background-color: #EEEEED;
border-radius: 4px;
padding: 0 18px;
will-change: transform;
-webkit-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.share_btn:hover {
/* transition-delay: .4s; */
-webkit-transform: scale(1.1);
transform: scale(1.1)
}
.share_btn .share_box {
position: absolute;
z-index: 99;
width: 100%;
height: 43px;
border-radius: 4px;
/* font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;*/
font-size: 16px;
text-align: center;
line-height: 41px;
/* letter-spacing: 2px;*/
color: #fff;
background-color: #B50C14;
padding: 0 18px;
-webkit-transition: all 1.2s ease;
transition: all 1.2s ease;
}
.share_btn .share_box {display: flex; justify-content: space-between; align-items: center; padding: 0 20px 0 14px;}
.share_btn .share_box span.ic {font-size:25px;}
.share_btn .share_box span.txt {font-weight:500;}
.sns-icon {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: distribute;
justify-content: space-around;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 240px;
height: 64px;
border-radius: 80px;
}
.sns-icon i:nth-of-type(1) {
-webkit-transition-delay: 1.1s;
transition-delay: 1.1s;
}
.sns-icon i:nth-of-type(2) {
-webkit-transition-delay: .9s;
transition-delay: .9s;
}
.sns-icon i:nth-of-type(3) {
-webkit-transition-delay: .7s;
transition-delay: .7s;
}
.sns-icon i:nth-of-type(4) {
-webkit-transition-delay: .4s;
transition-delay: .4s;
}
.share_btn:hover .share_box {
-webkit-transition-delay: .25s;
transition-delay: .25s;
-webkit-transform: translateX(-280px);
transform: translateX(-280px)
}
.share_btn:hover i {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
.dr {
position: absolute;
bottom: 16px;
right: 16px;
width:100px;
}
.tbl-refer {overflow-x: scroll;}
.tbl-refer table {table-layout:fixed; width:1480px;}
.tbl-refer table thead th {background:#192634; font-size:16px; font-weight:500; line-height:1.4; padding:10px 0; color:#fff; text-align:center; vertical-align: middle;}
.tbl-refer table thead th:nth-child(1) {width:180px;}
.tbl-refer table thead th:nth-child(2) {width:170px;}
.tbl-refer table thead th:nth-child(3) {width:260px;}
.tbl-refer table thead th:nth-child(4) {width: 335px;}
.tbl-refer table thead th:nth-child(5) {width:205px;}
.tbl-refer table thead th:nth-child(6) {width:110px;}
.tbl-refer table thead th:nth-child(7) {width:110px;}
.tbl-refer table thead th:nth-child(8) {width:110px;}
.tbl-refer table tbody td {color:#192634; font-size:16px; font-weight:500; line-height:25px; padding:13px; text-align:center; vertical-align: middle; }
.tbl-refer table tbody td:nth-child(odd) {background:#FBFBFB;}
.tbl-refer table tbody tr {border-bottom:1px solid #EEEEEE;}
.reference-wrap section {margin-bottom:100px;}
.reference-wrap .sub-common-tit.st-2 {margin-bottom:30px;}
.reference-wrap .sub-common-tit.st-2 .txt-1 {color:#192634;}