.common_banner.sub_banner {background-size:cover !important;}
.common_banner.sub_banner .con{width:1200px; margin:0 auto; position:relative; z-index:2; height:350px; }
.common_banner.sub_banner .sb_txt {text-align:left; position:absolute; left:50%; top:50%; transform: translate(-50%,-50%); margin-top:30px;}
.common_banner.sub_banner .sb_txt h1 {font-size:54px; font-weight:800; color:#fff; line-height:64px;}
.common_banner.sub_banner.sub_banner_1 {background:url("/assets/sub-banner/sub-banner-1.jpg") no-repeat;}
.common_banner.sub_banner.sub_banner_2 {background:url("/assets/sub-banner/sub-banner-2.jpg") no-repeat;}
.common_banner.sub_banner.sub_banner_3 {background:url("/assets/sub-banner/sub-banner-3.jpg") no-repeat;}
.common_banner.sub_banner.sub_banner_4 {background:url("/assets/sub-banner/sub-banner-4.jpg") no-repeat;}

.common_banner.sub_banner.sub_banner_2-1 { background:url("/assets/sub-banner/sub-banner-2-1.jpg") no-repeat;}
.common_banner.sub_banner.sub_banner_2-2 { background:url("/assets/sub-banner/sub-banner-2-2.jpg") no-repeat;}
.common_banner.sub_banner.sub_banner_2-3 { background:url("/assets/sub-banner/sub-banner-2-3.jpg") no-repeat;}
.common_banner.sub_banner.sub_banner_2-4 { background:url("/assets/sub-banner/sub-banner-2-4.jpg") no-repeat;}
.common_banner.sub_banner.sub_banner_2-5 { background:url("/assets/sub-banner/sub-banner-2-5.jpg") no-repeat center; position:relative;}
.common_banner.sub_banner.sub_banner_2-5::after {content:""; width:100%; height:100%; background:rgb(0 0 0 / 20%); position:absolute; left:0; top:0;}
.common_banner.sub_banner.sub_banner_2-6 { background:url("/assets/sub-banner/sub-banner-2-6.jpg") no-repeat;}
.common_banner.sub_banner.sub_banner_2-7 { background:url("/assets/sub-banner/sub-banner-2-7.jpg") no-repeat;}
.common_banner.sub_banner.sub_banner_2-8 { background:url("/assets/sub-banner/sub-banner-2-8.jpg") no-repeat;}

.mobile-tab-wrap {display:none;}

.clear::after {content:""; display:block; clear:both;}

/* 404 */
.common_banner.sub_banner.error-404 {background:url("/assets/sub-banner/sub-message.jpg") no-repeat center center; background-size:cover;}


.subpage-content {text-align:left;}
.subpage-content img {}

.common-tit {position:relative; z-index:1;}
.common-tit .t1 {font-size:60px; font-weight:800; position:relative; z-index:2;}
.common-tit .t1-before {position:absolute; top:-35px; left:-29px; z-index:1; font-size:80px; line-height:90px; color:#F6F6F6; font-weight:800;}

.pc {}
.mobile {display:none;}

/* 서브시작 */
.sub-page-wrap {min-height:600px; padding-top:100px; padding-bottom:100px;}
.sub-page-wrap .con {position:relative;}
.sub-page-wrap.products-page-wrap .con {position:relative; padding-right:280px;}
.sub-page-wrap .page-left {width:100%; padding-right:60px;}
.sub-page-wrap .page-right {position:absolute; right:0; top:0; bottom:0; width:280px; height:100%;}
.sub-page-wrap .page-right.fixed .rnb {position:fixed; bottom:10px; width:280px;}
.sub-page-wrap .page-right.fixed.fixedbot .rnb {position:absolute; top:auto; bottom:0;}


.contxt {font-size:16px; line-height:24px;}
.contxt.t-c {text-align:center;}
.contxt.t-l {text-align:left;}
.contxt.t-r {text-align: right;}

span.bold {font-weight:700;}

/* @@ 회사소개 시작 */
/* @@ 1-1 인사말 @@ */
.msg-wrap {}
.msg-wrap .con {}
.msg-wrap .con::after {content:""; display:block; clear:both;}
.msg-wrap .left {display:inline-block;     position: sticky; top: 170px; float: left; margin-bottom: 270px;}
/* .msg-wrap .left .tit {position:relative; z-index:1;} */
/* .msg-wrap .left .tit .t1 {font-size:60px; font-weight:800; position:relative; z-index:2;} */
/* .msg-wrap .left .tit .t1-before {position:absolute; top:-35px; left:-29px; z-index:1; font-size:80px; line-height:90px; color:#F6F6F6; font-weight:800;} */
.msg-wrap .left .tit-sub {font-size:20px; line-height:28px; font-weight:700; color:#555555; margin-top:30px;}
.msg-wrap .right {float:right;}
.msg-wrap .right .box {margin-bottom:135px;}
.msg-wrap .right .box:last-child {margin-bottom:0;}
.msg-wrap .right .box .img {width:700px; height:300px;border-radius:20px; overflow:hidden;}
.msg-wrap .right .box .img img {max-width:100%; height:100%; object-fit:cover;}
.msg-wrap .right .box .txt {max-width:850px; margin-top:30px;}
.msg-wrap .right .box .txt .t1 {color:#323190; font-size:24px; font-weight:700;}
.msg-wrap .right .box .txt .t2 {font-size:20px; font-weight:600; line-height:30px; color:#555555; margin-top:10px;}




/* @@ 1-2 연혁 @@ */
.hstr-wrap {}
.hstr-wrap .sc-2 {margin-top:30px;}
.history-tab {}
.history-tab ul {margin:0 -10px;}
.history-tab ul li {float:left; font-size:18px; font-weight:600; border:1px solid #EEEEEE; height:60px; width:calc(25% - 20px); margin:0 10px; display:flex; align-items: center; justify-content: center; border-radius:10px; cursor:pointer;}
.history-tab ul li.on {background:#FFCC00; border:1px solid #FFCC00; color:#fff; font-size:18px; font-weight:600;}
.history-tab ul::after {content:""; display:block; clear:both;}
.sw-history {margin-top:20px;}
.sw-history .swiper-slide {height:350px; border-radius:10px; overflow:hidden;}
.sw-history .swiper-slide.swiper-slide1 {background:url("/assets/images/history-sw-1.jpg") no-repeat center center; background-size:cover;}
.sw-history .swiper-slide.swiper-slide2 {background:url("/assets/images/history-sw-2.jpg") no-repeat center center; background-size:cover;}
.sw-history .swiper-slide.swiper-slide3 {background:url("/assets/images/history-sw-3.jpg") no-repeat center center; background-size:cover;}
.sw-history .swiper-slide.swiper-slide4 {background:url("/assets/images/history-sw-4.jpg") no-repeat center center; background-size:cover;}
.sw-history .swiper-slide.swiper-slide5 {background:url("/assets/images/history-sw-5.jpg") no-repeat center center; background-size:cover;}
.sw-history .swiper-slide .sw_text {height:100%; display:flex;     align-items: center; flex-direction: column; justify-content: center;}
.sw-history .swiper-slide .sw_text .t1 {color:#fff; font-size:28px; font-weight:700;}
.sw-history .swiper-slide .sw_text .t2 {color:#fff; font-size:54px; font-weight:700; margin-top:32px;}
.sw-history .swiper-button-next {background:none; width:40px; height:40px; right:15px;}
.sw-history .swiper-button-prev {background:none; width:40px; height:40px; left:15px;}
.sw-history .swiper-button-next:after, .sw-history .swiper-rtl .swiper-button-prev:after, .sw-history .swiper-button-prev:after, .sw-history .swiper-rtl .swiper-button-next:after {content:none;}

.history-contents {margin-top:40px;}
.history-box {overflow:hidden; display:none;}
.history-box .yymmdd:first-child { margin-top: 0; }
.history-box .yymmdd { width: 100%; display: inline-block; text-align: left; padding-bottom: 12px; margin-top: 12px; background: #fff; z-index: 99; position: relative;  /*border-bottom:1px solid #EEEEEE;*/}
.history-box .yymmdd:last-child { border-bottom:none;}
.history-box .yymmdd .year { float: left; display: inline-block; width:90px; line-height:28px; color: #323190; text-align: left; position: relative; font-size:20px; font-weight:700; margin-right:28px;}
/* .history-box .yymmdd .year { float: left; display: inline-block; width: 10px; height: 45px; border-radius: 50%; background: #FF9900; background:none; text-align: left; position: relative;} */
/* .history-box .yymmdd .year:before { content: ""; background: #FF9900; width: 4px; height: 4px; border-radius: 50%; position: absolute; left: 50%; top: 50%; margin-left: -2px; margin-top: -2px; } */
/* .history-box .yymmdd .year:after { content: ""; width: 1px; height: 1000px; background: #FF9900; 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: 25px; }
.history-box .yymmdd .month .day { /* line-height:40px; */ text-align: left; margin-top: 0; margin-bottom: 10px; }
.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 { width: 70px;  font-size: 20px; color: #444444; font-weight:600; display: block; float: left; line-height: 45px; position: relative; padding-right: 35px; padding-right:30px; padding-left:12px;}
.history-box .yymmdd .month .day span.date::before {content:"";  position:absolute; left:0px; top:50%; transform:translateY(-50%); width:4px; height:4px; background:#444444; border-radius:50%;}
.history-box .yymmdd .month .day span.txt { font-size: 20px; color: #666666; display: block; float: none; overflow: hidden; line-height: 28px; word-break: keep-all; font-weight: 600; }


/* @@ 1-3 경영이념 @@ */
.philsp-wrap {}
.quotes-tit {font-size:34px; font-weight:500; text-align:center; color:#666666;     display: flex; align-items: center; justify-content: center; margin-top:55px;}
.quotes-tit span {color:#DDDDDD; font-size:24px;}
.quotes-tit span.quotes-before {margin-right:15px;}
.quotes-tit span.quotes-after {margin-left:15px;}
.quotes-tit strong {font-size:34px; font-weight:800; color:#666666; margin-left:15px;}
.philsp-wrap .dot {background:#C5C5C5; border-radius:50%; width:9px; height:9px; margin:0 30px;}
.philsp-wrap .circle-wrap {background:#FBFBFB; border-radius:186px; height:371px; margin:0 -60px; display:flex; justify-content: center; align-items: center; margin-top:30px;}
.philsp-wrap .circle-wrap::after {content:""; clear:both; display:block;}
.philsp-wrap .circle-wrap .cc {z-index:1; border-radius:50%; width:255px; height:255px; float:left; display:flex;     justify-content: center; align-items: center; margin-right:-48px; position:relative;}
.philsp-wrap .circle-wrap .cc.c1 {background:#5B5AA6; margin:0;}
.philsp-wrap .circle-wrap .cc.c1 .txt {color:#fff; font-size:24px; font-weight:700;}
.philsp-wrap .circle-wrap .cc.c2 {background:rgb(255 204 0 / 60% );}
.philsp-wrap .circle-wrap .cc.c3 {background:rgb(187 187 187 / 60% );}
.philsp-wrap .circle-wrap .cc.c4 {background:rgb(184 184 215 / 60% );}
.philsp-wrap .circle-wrap .cc.c5 {background:rgb(131 131 188 / 60% ); margin:0;}
.philsp-wrap .circle-wrap .cc .chum-t {color:#666666; font-size:19px; font-weight:700; position:absolute; bottom:-35px; left:50%; transform:translateX(-50%);}


/* @@ 1-4 조직도 @@ */
.organi-wrap .organi-img {margin-top:50px;}
.organi-wrap .organi-img .pc {display:block;}
.organi-wrap .organi-img .mo {display:none;}

/* @@ 1-5 오시는 길 @@ */
.location-list {margin-top:90px;}
.location-list ul {}
.location-list ul::after {content:""; clear:both; display:block;}
.location-list ul li {width:300px; height:200px; text-align:center; float:left; display:flex; justify-content: center; align-items: center; align-content: center;     flex-direction: column; background:#FBFBFB; position:relative;}
.location-list ul li.addr {background:#8A89BE;}
.location-list ul li .icon {height:60px; display:flex;     justify-content: center; align-items: center; align-content: center;}
.location-list ul li .icon img {width:56px; height:auto;}
.location-list ul li .txt {margin-top:25px;}
.location-list ul li .txt .t1 {color:#555555; font-size:21px; font-weight:800;}
.location-list ul li .txt .t2 {color:#666666; font-size:18px; font-weight:500; line-height:24px; margin-top:12px;}
.location-list ul li.addr .txt .t1 {color:#fff;}
.location-list ul li.addr .txt .t2 {color:#fff;}
.location-list ul li::after {content:""; height:125px; width:1px; background:#EEEEEE; position:absolute; top:50%; right:0; transform: translateY(-50%);}
.location-list ul li:first-child::after {content:none;}
.location-list ul li:last-child::after {content:none;}
.location-list ul li:first-child {margin-top:-30px;}
.location-wrap .sc-3 {height:500px; margin-top:90px;}


/* @@ 자료실 시작 @@ */
/* @@ 3-1 인증서 @@ */
.certifi-wrap .sc-2 {margin-top:50px;}
.tbl-download table {width:100%; border-top:1px solid #323190;}
.tbl-download table thead th {color:#323190; font-size:18px; font-weight:700; height:90px; text-align:center; vertical-align: middle; background:#FBFBFB; border-bottom:1px solid #eee; }
.tbl-download table thead th.w140 {width:140px;}
.tbl-download table tbody td {color:#444444; font-size:18px; font-weight:600; padding:35px 20px; text-align:center; vertical-align: middle; border-bottom:1px solid #EEEEEE;}
.tbl-download table tbody td.tit {text-align:left;}
.tbl-download table tbody td .view-btn {cursor:pointer; color:#999999; font-size:16px; font-weight:500;}

.pageing {margin-top:35px; text-align:center;}
.pageing ul {display:flex; justify-content: center;}
.pageing ul li a {color:#AAAAAA; font-size:14px; font-weight:600; display:flex; width:18px; height:16px;     justify-content: center; align-items: center; margin:0 10px; position:relative;}
.pageing ul li.current a {color:#323190;}
.pageing ul li.current a::after {content:""; position:absolute; left:0; bottom:0; width:100%; height:1px; background:#323190;}
.pageing ul li.arrow a {color:#CCCCCC;}
.pageing ul li.arrow.disabled a {color:#EEEEEE; cursor:default;}


/* @@ 4-1 상담문의 @@ */
.contact-wrap {}
.contact-wrap .sc-2 {margin-top:50px;}
.contact-wrap .tbl-form {}
.contact-wrap .tbl-form table {width:100%; border-top:1px solid #323190;}
.contact-wrap .tbl-form table th {color:#333333; font-size:18px; font-weight:600; background:#FBFBFB; padding:24px 25px; width:250px; text-align:left; border-bottom:1px solid #EEEEEE; vertical-align: top;}
.contact-wrap .tbl-form table td {padding:12px; border-bottom:1px solid #EEEEEE;}
input.input-base {border:1px solid #eee; border-radius:3px; background:#fff; width:100%; box-sizing:border-box; height:45px; border:1px solid #EEEEEE; outline:none; padding:0 15px;}
textarea.input-base {border:1px solid #eee; border-radius:3px; background:#fff; width:100%; resize:none; box-sizing:border-box; outline:none; padding:10px; height:150px;}
span.required {color:#DC0000;}

.contact-list {margin-top:90px;}
.contact-list .tbl-form1 {width: 100%; border: 1px solid #8A89BE; text-align: center; border-radius: 10px; background-color: #8A89BE; color: #fff; padding: 0 6%;}
.contact-list .tbl-form1 p:first-child{font-size: 50px; margin: 35px auto;}
.contact-list .tbl-form1 p:last-child{font-size: 18px; line-height: 22px; margin-bottom: 35px;}
.contact-list ul::after {content:""; clear:both; display:block;}
.contact-list ul{border: 1px solid #eeeeee; margin: 25px auto 0; border-radius: 10px;padding: 0 12%;}
.contact-list ul li {width:300px; height:200px; text-align:center; float:left; display:flex; justify-content: center; align-items: center; align-content: center;     flex-direction: column; position:relative;}
.contact-list ul li .icon {height:60px; display:flex;     justify-content: center; align-items: center; align-content: center;}
.contact-list ul li .icon img {width:56px; height:auto;}
.contact-list ul li .txt {margin-top:25px;}
.contact-list ul li .txt .t1 {color:#555555; font-size:21px; font-weight:800;}
.contact-list ul li .txt .t2 {color:#666666; font-size:18px; font-weight:500; line-height:24px; margin-top:12px;}
.contact-list ul li.addr .txt .t1 {color:#fff;}
.contact-list ul li.addr .txt .t2 {color:#fff;}
.contact-list ul li::after {content:""; height:125px; width:1px; background:#EEEEEE; position:absolute; top:50%; right:0; transform: translateY(-50%);}
.contact-list ul li:last-child::after {content:none;}
.contact-wrap .sc-3 {height:500px; margin-top:90px;}


.filebox {border-radius:3px; border:1px solid #EEEEEE; overflow:hidden; height:45px; display:inline-block;}
.filebox::after {content:""; display:block; clear:both;}
.filebox .upload-name { display: flex; height: 100%; padding: 0 10px; vertical-align: middle; border:none; color: #999999; float:left; outline:none; width:290px;}
.filebox label { display: flex; height:100%; align-items: center; padding:0 20px; color: #666666; font-size:12px; vertical-align: middle; background:#EEEEEE;  cursor: pointer; float:left; border-radius:3px 0 0 3px;}
.filebox input[type="file"] { position: absolute; width: 0; height: 0; padding: 0; overflow: hidden; border: 0; }

.privacy-box {border-bottom:1px solid #EEEEEE;}
.privacy-box .row {display:flex; padding:30px 0;}
.privacy-box .row label {font-size:18px; font-weight:600; color:#666666; cursor:pointer;}
.privacy-box .row label input[type="checkbox"] {}
.privacy-box .row a {color:#2089D9; font-size:18px; font-weight:600; margin-left:20px; cursor:pointer;}
.btn-wrap {margin-top:25px; text-align:right;}
.btn-wrap button {background:#323190; color:#fff; height:52px; font-size:20px; font-weight:700; padding:0 50px; border-radius:3px;}

/* @@ 2-1 제품 @@ */
.sub-page-wrap .prod-wrap .con {width:auto;}
.sub-page-wrap .prod-wrap {padding-left:280px; position:relative; width:1200px; margin:0 auto;}
.sub-page-wrap .prod-wrap .left-layout {width:280px; position:absolute; left:0; top:0;}
.sub-page-wrap .prod-wrap .left-layout.fixed {top:auto; bottom:0; height:100%;}
.sub-page-wrap .prod-wrap .right-layout {width:100%; padding-left:60px;}
.lnb {}
.lnb dl {padding:13px 0; margin-bottom:45px;}
.lnb dl dt a {border-bottom:1px solid #CCCCCC; padding:0 0 10px; color:#444444; font-size:16px; font-weight:700; margin-bottom:10px; display:inline-block; width:100%;}
.lnb dl dt.on a {color:#323190;}
.lnb dl dd {}
.lnb dl dd a {color:#666666; font-size:16px; line-height:20px; padding:6px 15px; display:inline-block; width:100%; margin:2px 0;}
.lnb dl dd a:hover {background:#F8F8F8;}
.lnb dl dd.on a {background:#F8F8F8;}

.text a{
    background-color: #323190; color: #fff; height: 30px; font-size: 20px; font-weight: 700; padding: 5px 20px; border-radius: 3px;
    
}
.text div{
    margin: 15px 0 30px;
}
.text{
    color: #333333; font-size: 18px; font-weight: 500;
}


.sub-page-wrap .prod-wrap .left-layout.fixed .lnb {position:fixed; bottom:0; width:280px;}
.sub-page-wrap .prod-wrap .left-layout.fixed.fixedbot .lnb {position:absolute;}

.prod-index-tab {padding-bottom:50px;}
.prod-index-tab ul {margin:0 -10px;}
.prod-index-tab ul::after {content:""; display:block; clear:both;}
.prod-index-tab ul li {width:270px; float:left; margin:0 10px 20px; border:1px solid #EEEEEE;}
.prod-index-tab ul li a {color:#555555; font-size:18px; font-weight:600; height:60px; display:flex;     align-items: center; justify-content: center; text-transform: uppercase; padding:0 10px; text-align:center;}
.prod-index-tab ul li.on a {background:#FFCC00; color:#fff; border:1px solid #FFCC00;}

a.entire {position:absolute; left:0; top:0; width:100%; height:100%; z-index:10;}
.prod-tit {font-size:38px; font-weight:800; line-height:45px; color:#333333;}
.prod-txt {font-size:20px; font-weight:600; line-height:28px; color:#333333; margin-top:40px;}
.prod-index-list {margin-top:60px;}
.prod-index-list ul {margin:0 -13px;}
.prod-index-list ul::after {content:""; display:block; clear:both;}
.prod-index-list ul li {position:relative; float:left; margin:0 13px 55px; width:268px;}
.prod-index-list ul li .thumb {height:400px; width:100%; border:1px solid #EEEEEE; border-radius:5px; display:flex;     align-items: center; justify-content: center; align-content: center;}
.prod-index-list ul li .thumb img {max-width:50%; max-height:70%;}
.prod-index-list ul li .thumb.size img{max-width:60%; max-height:80%;}
.prod-index-list ul li .thumb.size2 img{max-width:70%; max-height:80%;}
.prod-index-list ul li .thumb.size3 img{max-width:80%; max-height:80%;}
.prod-index-list ul li .txt {color:#444444; font-size:18px; font-weight:600; margin-top:14px; text-align:center;}

.prod-wrap-2-1-1 .sc-2 {padding-top:75px;}

/* 팝업 */
.white-popup-block.st2 {max-width:1200px; background:#fff; backdrop-filter:none; margin:50px auto; position:relative;}
.mfp-close-btn-in .white-popup-block.st2 .mfp-close {right:10px; top:10px; font-size:35px; color:#fff; background:rgb(0 0 0 /80%);}
.popup-contents {padding:0; border-radius: 15px; overflow:hidden;}
.popup-contents .tit {font-size:30px; font-weight:700; text-align:center; margin-top:100px;}
.popup-contents .txt-only {padding:100px 100px;}
.popup-contents .txt-only pre {white-space: pre-wrap; line-height:1.6;}


/* 실적 */
.perfor-wrap {}
.perfor-wrap .sc-2 {margin-top:30px; overflow-x:hidden;}
.depth1-tab {}
.depth1-tab ul {margin:0 -10px;}
.depth1-tab ul li {border:1px solid #EEEEEE; border-radius:10px; width:285px; margin:0 10px 20px; float:left; cursor:pointer;}
.depth1-tab ul li span {color:#666666; font-size:18px; font-weight:600; display:flex; width:100%; height:58px;     justify-content: center; align-items: center; align-items: center; word-break: break-word; padding: 0 20px; text-align:center;}
.depth1-tab ul li.on {border-color:#FFCC00; background:#FFCC00;}
.depth1-tab ul li.on span {color:#fff;}

.depth2-tab {position:relative; margin-top:30px;}
.depth2-tab .line-bar {position:absolute; bottom:0; z-index:2; background:#323190; height:2px;}
.depth2-tab ul {display: flex; height:63px; align-items: center;     justify-content: flex-start; position:relative; z-index:1;}
.depth2-tab ul li {cursor:pointer; padding:5px 0 0; margin:0 30px;}
.depth2-tab ul li span {font-size:18px; color:#666; line-height:21px; padding:0 20px; font-weight:600;}
.depth2-tab ul li.on span {color:#323190;}
.depth2-contents {padding:40px 0 40px;}
.depth2-contents .loca-cont {display:none;}
.depth2-contents .loca-cont.on {display:block;}
.depth2-contents .tbl-tit {}
.depth2-contents .tbl-tit h5 {color:#333333; font-size:21px; font-weight:800; padding-left:24px; position:relative; margin-bottom:25px;}
.depth2-contents .tbl-tit h5::before {content:""; width:10px; height:20px; background:#323190; position:absolute; left:0; top:0;}
.depth2-contents .tbl-box {}
.depth2-contents .tbl-box table {width:100%; border: 1px solid #EEEEEE; border-top:1px solid #444444;}
.depth2-contents .tbl-box table thead td {color:#333333; font-size:18px; font-weight:700; padding:22px 0; text-align:center; background:#FBFBFB; border-bottom:1px solid #eeeeee;}
.depth2-contents .tbl-box table thead td:first-child {width:200px;}
.depth2-contents .tbl-box table tbody th {text-align:center; background:#FBFBFB; padding:20px; line-height:26px; font-size:18px; font-weight:600;}
.depth2-contents .tbl-box table tbody td {text-align:center; border:1px solid #EEEEEE; padding:20px; line-height:21px; font-size:18px; font-weight:600; color:#555555;}

.depth2-tab::after {content:""; position:absolute; left:50%; top:0; width:9999px; height:63px; background:#FBFBFB; transform:translateX(-50%);}

.prod-section {}
.prod-section .tit {font-size:38px; font-weight:800; color:#333333;     text-transform: uppercase;}
.prod-section .tit-blue {color:#323190; font-size:24px; font-weight:800; line-height:29px; text-transform:uppercase;}
.prod-section .normal-txt {font-size:20px; font-weight:600; color:#333333; line-height:34px;margin-top:25px;}
.prod-section .img-txt-box {position:relative; margin-top:40px; padding-left:390px; min-height:500px; padding-bottom:100px;}
.prod-section .img-txt-box::after {content:""; clear:both; display:block;}
.prod-section .img-txt-box .img {width:390px; height:400px; border-radius:10px; overflow:hidden; text-align:center; position:absolute; left:0; top:0; float:left; justify-content: center; align-items: center; display:flex;}
.prod-section .img-txt-box .img::after {z-index:2; content:""; position:absolute; left:0; top:0; background:rgb(0 0 0 / 2%); width:100%; height:100%;}
.prod-section .img-txt-box .img img {z-index:1; max-width: 90%; max-height:85%; object-fit: contain; position:relative;}
.prod-section .img-txt-box .img .magnified-view {z-index:3; cursor:pointer; position:absolute; right:10px; bottom:10px; width:44px; height:44px; background:#E6E6E6; border-radius:5px; overflow:hidden; color:#fff; display:flex; font-size:20px; justify-content: center; align-items: center;}
.prod-section .img-txt-box .txt {float:left; padding-left:40px; font-size:20px; font-weight:500; line-height:34px; color:#333333;}

.prod-section .txt-box {font-size:20px; font-weight:500; line-height:34px; color:#333333; margin:40px auto;}
.prod-section .img-box {margin:0 -1%;}
.prod-section .img-box.mt40 {margin-top:40px;}
.prod-section .img-box::after {content:""; clear:both; display:block;}
.prod-section .img-box .img {width:31.333%; margin:0 1%; height:215px; border-radius:10px; overflow:hidden; text-align:center; position:relative; justify-content: center; align-items: center; display:flex; float:left;}
.prod-section .img-box .img::after {z-index:2; content:""; position:absolute; left:0; top:0; background:rgb(0 0 0 / 2%); width:100%; height:100%;}
.prod-section .img-box .img img {z-index:1; max-width: 90%; max-height:85%; object-fit: contain; position:relative;}
.prod-section .img-box .img .magnified-view {z-index:3; cursor:pointer; position:absolute; right:10px; bottom:10px; width:44px; height:44px; background:#E6E6E6; border-radius:5px; overflow:hidden; color:#fff; display:flex; font-size:20px; justify-content: center; align-items: center;}

.prod-section .only-txt {color:#333333; font-size:20px; font-weight:600; line-height:34px; margin-top:40px;}

.prod-section.st-2 {padding-bottom:100px;}
.prod-section.st-3 {border-top:1px solid #DDDDDD; padding-top:100px;}
.prod-section.st-4 {border-top:1px solid #DDDDDD; padding-top:100px;}
.prod-section.st-5 {border-top:1px solid #DDDDDD; padding-top:100px;}


.prod-box {}
.prod-box.bd-top {border-top:1px solid #DDDDDD; padding-top:100px; margin-top:100px;}
.prod-box .tit-blue {color:#323190; font-size:24px; font-weight:800; line-height:29px;}
.prod-box .normal-txt {font-size:20px; font-weight:600; color:#333333; line-height:34px;margin-top:25px;}
.prod-box .txt-box {font-size:20px; font-weight:500; line-height:34px; color:#333333; margin:40px auto;}
.prod-box .img-box {margin:0 -1%;}
.prod-box .img-box.mt40 {margin-top:40px;}
.prod-box .img-box::after {content:""; clear:both; display:block;}
.prod-box .img-box .img {width:31.333%; margin:0 1% 2%; height:215px; border-radius:10px; overflow:hidden; text-align:center; position:relative; justify-content: center; align-items: center; display:flex; float:left;}
.prod-box .img-box .img::after {z-index:2; content:""; position:absolute; left:0; top:0; background:rgb(0 0 0 / 2%); width:100%; height:100%;}
.prod-box .img-box .img img {z-index:1; max-width: 90%; max-height:85%; object-fit: contain; position:relative;}
.prod-box .img-box .img .magnified-view {z-index:3; cursor:pointer; position:absolute; right:10px; bottom:10px; width:44px; height:44px; background:#E6E6E6; border-radius:5px; overflow:hidden; color:#fff; display:flex; font-size:20px; justify-content: center; align-items: center;}
.prod-box .img-box.col-1 {margin:0;}
.prod-box .img-box.col-1.w310 {width:310px;}
.prod-box .img-box.col-1 .img {width:100%; margin:0;}
/* 특이사항 */
.prod-box .img-box .img.w70 {width:68%;}
.prod-box .img-box .img.w30 {width:28%;}
.prod-box .img-box.cover .img img {max-width:none; max-height:none; object-fit: cover; width:100%; height:100%;}

.prod-box.mt200 {margin-top:200px;}
.prod-box .row {display:flex;}
.prod-box .row .col {}
.prod-box .row .col.pr-40 {padding-right:40px;}

.section.prod-info {border-top:1px solid #DDDDDD; padding-top:100px;}
.section.prod-info.noborder {border-top:none;}
.prod-box {margin-bottom:100px;}
.tit-bar {margin-bottom:25px;}
.tit-bar.mt100 {margin-top:100px;}
.tit-bar h4 {font-size:21px; line-height:25px; font-weight:800; color:#333333; padding-left:20px; position:relative;}
.tit-bar h4::before {content:""; width:10px; height:20px; background:#323190; position:absolute; left:0; top:2.5px;}
.tit-bar h4 span.blue {color:#323190;}
.tit-bar p {font-size:20px; font-weight:600; line-height:28px; color:#333333; margin-top:23px;}
.list-circle {}
.list-circle ul {}
.list-circle ul li {padding-left:20px; position:relative;  color:#333333; font-size:18px; font-weight:500; line-height:24px; margin-bottom:25px;}
.list-circle ul li::before {content:"ㆍ"; position:absolute; top:0; left:0;}
.tbl-prod {}
.tbl-prod.mt30 {margin-top:30px;}
.tbl-prod.mt20 {margin-top:20px;}
.tbl-prod table {border-top:1px solid #444444; width:100%;}
.tbl-prod table tr {border-bottom:1px solid #EEEEEE;}
.tbl-prod table th {color:#333333; font-size:18px; font-weight:600; padding:22px 20px; text-align:left; background:#FBFBFB; vertical-align: middle; border-right:1px solid #EEEEEE; line-height:1.6; width: 28%;}
.tbl-prod table th.sdk {color:#555555; font-size:18px; font-weight:500; background:rgb(251 251 251 / 30%);}
.tbl-prod table td {color:#555555; font-size:18px; font-weight:500; padding:22px 20px; border-right:1px solid #EEEEEE; line-height:1.6; vertical-align: middle;}
.tbl-prod table td:last-child {border-right:none; padding-right: 0px;}
.tbl-prod table th:last-child{border-right: none; padding-right: 0px;}
.tbl-sev td{
    width: 33%;
}
.tbl-prod .prv th{width: 25%;}
.tbl-prod .ds th{width: 26%;}
.tbl-prod .mov th{width: 14%;}
.tbl-prod .vrcs th{width: auto;}
.tbl-prod .vrcs td{padding: 22px 20px;}


.mo-top-menu {display:none;}


/* magnificpopup 팝업 모바일 스크롤 문제 */
body { -webkit-overflow-scrolling: touch; } 
body.mfp-active { overflow: hidden; -webkit-overflow-scrolling: auto; width: 100%; position: fixed; overflow: auto; } 
body .mfp-wrap { position: fixed; overflow: auto; top: 0 !important; }


/* 제품-smart valve */
.img-gide{
    margin-top: 100px; position: relative; font-weight: 700;
}
.img-gide span{
    display: block;
}
.img-gide ul{
    position: relative;
    height: 500px;
}
.img-gide ul li{
    list-style: none; margin: 0 auto;
    position: absolute;
}
.img-gide ul li:nth-of-type(2){
    right: 0px;
}
.img-gide ul li:nth-of-type(3){
    bottom: 0px;
}
.img-gide ul li:nth-of-type(4){
    bottom: 0px; right: 0px;
}
.img-gide ul li img{
    width: 300px;
}
.img-gide ul li span{
    margin-top: 5px;
}


.img-gide .sm-valve{
    position: absolute; top: 10%; left: 50%; margin-left: -120px;
}

.sm-valve .txt-1 span{
    position: relative;
}
.sm-valve .txt-1 span::after{
    content: '';
    width: 20px;
    height: 20px;
    border-top: 10px solid #ff0000; 
    border-right: 10px solid #ff0000; 
    display: inline-block;
    transform: rotate(45deg);
    position: absolute;
    top: 40px; 
    left: 20px; 
}
.sm-valve .txt-1 span:last-child::after{
    border-color: #0400ff;
    right: 20px;
    margin-left: 150px;
    top: -70px;
}

.sm-valve .txt-2{
    text-align: center; font-size: 20px; padding: 10px; box-sizing: border-box; 
    margin-top: 80px;
}

.sm-img{
    width: 100px; margin: 0 auto;
}
.sm-img img{
    width: 100%; border-radius: 50%;  
}
.sm-valve .txt-2{
    max-width: 240px;
}
.sm-valve .txt-2 span {
    background: #859ddd;
    display: inline-block;
    height: 40px;
    margin-left: -20px;
    margin-top: 10px;
    position: relative;
    width: 180px;
    text-align: left;
    vertical-align: middle;
    color: #333333;
    padding: 10px;
    
}
.sm-valve .txt-2 span:before {
    border-left: 30px solid #859ddd;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    content: "";
    height: 0;
    right: -30px;
    position: absolute;
    top: 0px;
    width: 0;    
}
.sm-valve .txt-2 p{
    margin-bottom: 5px;
}
.sm-valve .txt-2 p:first-child{
    color: #ff0000; margin-bottom: 10px;
}
.sm-valve .txt-2 .txt-2-2{background: #5174d6;}
.sm-valve .txt-2 .txt-2-2::before{border-left: 30px solid #5174d6}
.sm-valve .txt-2 .txt-2-3{background: #2f58cd;}
.sm-valve .txt-2 .txt-2-3::before{border-left: 30px solid #2f58cd}

.sm-valve .txt-2.en span{
    padding-left: 10px; padding: 0px;
}
.sm-img-mo{
    display: none;
}