@charset "utf-8";

/* common set */
#container table.table{border-top:2rem solid #fff;}
#container table.table thead th{padding:33rem 10rem; border-bottom:1rem solid #303030; font-weight:600; font-weight:100; font-size:19rem;}
#container table.table thead tr th:last-child{border-right:0;}

table.table{width:100%; margin:0; padding:0; border-spacing:0;}
table.table caption{display:none;}
table.table tbody tr{margin:0; padding:0;}
table.table tbody tr th{font-weight:bold; font-size:18rem;}
table.table tbody tr td,
table.table tbody tr th{padding:21rem 10rem; border-bottom:0; font-family:var(--font-k); font-weight:400; font-weight:200; font-size:18rem; font-size:15rem; text-align:center; word-break:keep-all; vertical-align:middle;}
table.table tbody tr td.year{font-weight:bold;}
table.table tbody tr td:last-child{border-right:none;}
table.table tbody tr th{opacity:1;}
table.table tbody tr td{color:#959595;}
table.table tbody tr:first-child td,
table.table tbody tr:first-child th{padding-top:39rem;}

/* 서브헤드 */
.list_lang li.on a{color: var(--c-01);}

/* sub-visual */
.sub-visual{width: 100%; height: 445rem; position: relative;}
.sub-visual .inner{position: relative; height: 100%;}
.sub-visual .sub-visual__title{position: absolute; left: 0; top: 206rem;} 
.sub-visual .sub-visual__title span{color: #fff; text-transform: uppercase; opacity: 0.35; font-weight: bold; display: block; font-family: var(--font-e); font-size: 16rem;}
.sub-visual .sub-visual__title h2{font-size: 60rem; color: #fff; margin-top: 16rem; font-family: var(--font-k);}
.sub-visual.company_v{background: url(../img/sub/sub-visual01.jpg) no-repeat; background-size:cover; background-position: 50% 50%;}
.sub-visual.product_v{background: url(../img/sub/sub-visual02.jpg) no-repeat; background-size:cover; background-position: 50% 50%;}
.sub-visual.customer_v{background: url(../img/sub/sub-visual04.jpg) no-repeat; background-size:cover; background-position: 50% 50%;}
.sub-visual.promotion_v{background: url(../img/sub/sub-visual03.jpg) no-repeat; background-size:cover; background-position: 50% 50%;}
#en .sub-visual .sub-visual__title h2{font-family: var(--font-e);}

.sub-lnb > ul{display: flex; position: absolute; left: 0; bottom: 0;}
.sub-lnb > ul > li + li{margin-left: 68rem;}
.sub-lnb > ul > li a{color: #fff; font-size: var(--default-s); position: relative; font-weight: 400; opacity: 0.55; display: block; padding-bottom: 34rem;}
.sub-lnb > ul > li.active a{color: var(--c-01); font-weight: 500; opacity: 1;}
.sub-lnb > ul > li.active a::before{content: ""; position: absolute; bottom: 0; width: 100%; height: 4rem; background-color: var(--c-01);}

.sub-side{position: absolute; right: 0; top:0; width: 109rem; height: 100%; z-index: 2; border-left: 1px solid rgba(221,221,221,0.28); }
.sub-side .bt-down{display: flex; flex-direction: column-reverse; opacity: 0.38; position: absolute; left: 50%; transform: translateX(-50%); bottom: 50rem; align-items: center;}
.sub-side .bt-down svg{ transform: rotate(180deg); fill: #fff;}
.sub-side .bt-down span{color: #fff; margin-bottom: 28rem; writing-mode: tb-rl; font-size: 12rem;}
.sub-side .sub_go_inq{position: absolute; right: 159rem; bottom:50rem; width: 69rem; height: 69rem; border-radius: 100%; z-index: 100; background: rgb(152,224,95);background: linear-gradient(264deg, rgba(152,224,95,1) 0%, rgba(58,188,143,1) 100%); display: flex; align-items: center; justify-content: center; }
.sub-side .sub_go_inq i{color: #fff; font-size: 16rem; }


/* 서브 컨텐츠 타이틀 */
.sub-contents{padding-bottom: 120rem;}
.sub-title{padding: 80rem 0 100rem; box-sizing: border-box; text-align: center;}
.sub-title em{ font-size: 20rem; font-weight: bold; color:var(--c-01)}
.sub-title h3{font-size: 44rem; font-weight: bold; font-family: var(--font-k); margin-top: 22rem;}
.sub-title h3 b{font-weight: 700;}
.sub-title h3:has(b){font-weight: 500;}
#en .sub-title h3{font-family: var(--font-e);}

/* 서브비주얼 span값 */
@keyframes fadeInLeft_span {
    0% {opacity: 0;-webkit-transform: translateX(-20px);-ms-transform: translateX(-20px);transform: translateX(-20px)}
    100% { opacity: 0.35; -webkit-transform: translateX(0);-ms-transform: translateX(0);transform: translateX(0)}
}
.fadeInLeft_span {-webkit-animation-name: fadeInLeft_span; animation-name: fadeInLeft_span}

/* 컴퍼니 */
.aboutus{position: relative;}
.aboutus .about-bg{position: absolute; left: 50%; transform: translateX(-50%); bottom: -16rem; opacity: 0.22;}
.aboutus .sub-title h3{font-family: var(--font-e); }
.aboutus .sub-title p{margin-top: 40rem; font-size: var(--default-s);}
.about-image{display: flex;align-items: flex-start; width: 50%;}
.about-image img + img{margin-left: 26rem; margin-top: 106rem;}
.about-cont{display: flex; position: relative; z-index: 2;}
.about-cont .about-text{width: 50%; padding-left: 90rem; box-sizing: border-box;}
.about-cont .about-text strong{display: block; font-size: 33rem; font-weight: bold; line-height: 1.484; margin-bottom: 32rem;}
.about-cont .about-text p{font-size: var(--default-s); line-height: 1.66;}
.about-cont .about-text p + p{margin-top: 27rem;}
.about-cont .about-text .sign{display: block; margin-top: 76rem; text-align: right; font-size: 15rem; font-weight: 200; color: #011a1e;}
#en .about-cont .about-text p{word-break: keep-all; line-height: 1.5;}
#en .about-cont .about-text strong{line-height: 1.3; font-size: 30rem;}

/* 히스토리 */
.history-cont{display: flex;}
.history-cont > div{width: 50%;}
.history-cont .history-imge{padding-right: 70rem; box-sizing: border-box;}
.history-imge img{max-width:100%;}
.history-imge strong{display: block; font-size: 35rem; font-weight: 300; line-height: 1.57; margin-top: 31rem;}
.history-list{padding-left: 40rem; box-sizing: border-box; }
.history-list__item{border-bottom: 1px solid #ddd; box-sizing: border-box; padding: 60rem 0;}
.history-list__item:nth-child(1){border-top: 1px solid #303030;}
.history-list__item .yr{display: block; font-size: 28rem; font-weight: bold; padding-left: 30rem; position: relative;}
.history-list__item .yr::before{content: "";width: 8rem;height: 8rem;border-radius: 100%;left: 0;top: 12rem;position: absolute;display: block;background: linear-gradient(264deg, rgba(152,224,95,1) 0%, rgba(58,188,143,1) 100%);}
.history-list__item ul{margin-top: 30rem;}
.history-list__item ul li{position: relative; padding-left:40rem; box-sizing: border-box;}
.history-list__item ul li + li{margin-top: 22rem;}
.history-list__item ul li *{font-size: var(--default-s);}
.history-list__item ul li em{position: absolute; left: 0; top: 0; font-weight:bold; }
.history-list__item ul li p{color: #252525; word-break: keep-all;}
.history-list__item ul li p + p{margin-top: 20rem;}
#en .history-imge strong{font-weight: 500; font-size: 28rem;}


/* 인증서 */
.certification-list{display: flex;  align-items: flex-start; /* max-width: 1042rem; */ width: 100%; margin: 0 -18rem;}
.certification-list li{ width: calc(25% - 18rem); padding: 0 18rem; position: relative;}
.certification-list li .certi-img{border:1px solid #eee; padding: 24rem 30rem; box-sizing: border-box; background-color: #f5f5f5; display: flex; align-items: center; justify-content: center; } 
.certification-list li .certi-img img{width: 100%;}
.certification-list li .certi-text{margin-top: 23rem; text-align: center;}
.certification-list li .certi-text em{display: block; font-size: 15rem; font-weight: 700; color: var(--c-01);}
.certification-list li .certi-text p{font-size: var(--default-s); font-weight: medium; line-height: 1.444; margin-top: 16rem; }
.certification-list li .certi-text span{display: block; font-size: 15rem; margin-top: 10rem; color: #626162; font-weight: 200; font-family: var(--font-k);}

/* 인증서 팝업 */
#layerPopup img{width:500px;}
.popLayer{position:fixed; opacity:0; top:0px; left:0px; z-index:-99; width:100%; height:100%; background:rgba(0,0,0,0.5); transition:opacity 0.3s ease-out 0s;visibility: hidden;}
.popLayer > div{position:absolute; max-width: 900px; width: 90%; top:50%; left:50%; margin:0 auto; padding:86px 60px; background-color: #fff; box-sizing: border-box; box-shadow:26px 18px 49px rgba(0,0,0,0.2); transform:translate(-50%, -50%);}
.popLayer.active{opacity:1;z-index:999999;visibility: visible;}
.popLayer .close{display:block;}
.popupBox .hamburger{top:0px; right:-67px; width:67px;}
.popupBox  .hamburger .bar{left:22px;}
.hamburger{display:block; position:absolute; top:0px; right:0; z-index:9999;width: 81px; height:71px; background:rgba(255,255,255,0); border:0; flex-grow:0; cursor:pointer;}
.hamburger.open{position:fixed;}
.hamburger:focus{outline:0;}
.hamburger .bar{position:absolute; left:25px; width:25px; height:2px; background-color:#111; transition:top 0.2s ease-in-out 0.2s, transform 0.2s ease-in-out 0s;}
.hamburger .bar.top{top:33px;}
.hamburger .bar.middle{top:42px; left:23px; transition:opacity 1ms linear 0.2s; transform:translateY(-50%);}
.hamburger .bar.bottom{top:49px;}
.hamburger.open .bar{transition:top 0.2s ease-in-out 0s, transform 0.2s ease-in-out 0.2s;}
.hamburger.open .bar.top{top:50%; transform:translateY(-50%) rotate(45deg);}
.hamburger.open .bar.middle{opacity:0; transition:opacity 1ms linear 0.2s;}
.hamburger.open .bar.bottom{top:50%; transform:translateY(-50%) rotate(-45deg);}
.hamburger.open:before{content:"";}
.hamburger.open div{background:#fff;}


/* 오시는길 */
.location-cont{display: flex; justify-content: space-between; align-items: center;}
.location-cont > div{width: 50%;}
.location-cont .location-info__title span{font-size: 15rem;}
.location-cont .location-map{box-sizing: border-box; padding-left: 40rem;}
.location-cont .location-map iframe{width: 100%; height: 436rem; }
.location-info{padding-right: 25rem; box-sizing: border-box;}
.location-info__title{padding-bottom: 40rem;}
.location-info__title > span{color: var(--c-01); display: block; font-size: 15rem; font-weight: bold;}
.location-info__title > strong{display: block; font-size: 28rem; font-weight: bold; margin-top: 24rem;}
.location-info__adderess{display: flex; align-items: center; margin-top: 26rem;}
.location-info__adderess li{color: #666; font-size: 15rem; ;}
.location-info__adderess li + li{margin-left: 16rem;}
.location-info__adderess li span{border-radius: 4px; background-color: #f6f6f6; font-size: 14rem; color: #999; padding: 5rem 6rem; margin-right: 6rem; }
.location-info__detail{padding-top: 30rem; border-top: 1px solid #eee; display: flex; flex-wrap: wrap;}
.location-info__detail__item{display: flex; width: 255rem;}
.location-info__detail__item i{width: 25rem; height: 25rem; display: flex; align-items: center; justify-content: center;}
.location-info__detail__item i img{max-width: 100%;}
.location-info__detail__item > div{padding-left: 20rem; box-sizing: border-box;}
.location-info__detail__item > div em{font-size: var(--default-s); display: block; font-weight: bold; margin-bottom: 5rem;}
.location-info__detail__item > div em + *{font-size: 16rem; color: var(--c-bd01); display: block;}
.location-info__detail__item.email{margin-top: 47rem;}

/* 조직도 */
.oranization-image img{max-width: 100%; margin: 0 auto; display: block;}
.oranization-image .mo_ver{display: none;}

/* 제품 */
.ecois-desc{border:1px solid #eee; box-sizing: border-box; padding: 50rem; }
.ecois-desc em{display: block; position: relative; font-size: 24rem; padding-left: 24rem; }
.ecois-desc em::before{content: ""; position: absolute; left: 0; top: 10rem; width: 10rem; height: 10rem; border-radius: 50%; background-color: var(--c-01);}
.ecois-desc em b{font-weight: bold;}
.ecois-desc p{font-size: var(--default-s); line-height: 1.888; margin-top: 13rem;}
.ecois-desc .plus{margin-top: 33rem;}
.ecois-desc .plus strong{font-size: 20rem; font-weight: 600;}
.ecois-desc .plus span{font-weight: 600; color: #bcbcbc; font-size: 18rem; margin-left: 10rem;}
#en .ecois-desc p{line-height: 1.5;}

.sube-process{display: flex; justify-content: space-between; margin-top: 50rem; }
.sube-process__item{border:1px solid #eee; box-sizing: border-box; gap: 64rem; position: relative; }
.sube-process__item:not(:nth-child(1))::before{content: ""; z-index: 10; width: 77rem; height: 71rem; background: url(../img/sub/ic-arrow.svg) no-repeat; background-size: contain; position: absolute;top: 50%; left: -54rem; transform: translateY(-50%); }
.sube-process__item:not(.point){/* width: 350rem; */ width: 25%}
.sube-process__item.point{width: 40%; border-color: var(--c-01); box-shadow: 9px 12px 29px 0px rgb(126 207 95 / 26%)}
.sube-process__item.point .sube-process__title{background-color: var(--c-01);}
.sube-process__item.point .sube-process__title strong{color: #fff;}
.sube-process__item.point .sube-process__imgBox{flex-wrap: wrap; justify-content: space-between; gap: 8rem; }
.sube-process__item.point .sube-process__imgBox .tab-item{display: block; cursor: pointer; z-index: 1; position: relative; width: calc(50% - 5rem); border:1px solid #eee; background-color: #081915; box-sizing: border-box; transition: all .3s;}
.sube-process__item.point .sube-process__imgBox .tab-item img{width: 100%; transition: all .3s;}
.sube-process__item.point .sube-process__imgBox span{position: absolute; width: 100%; text-align: center; cursor: pointer; z-index: 7; left:0; top: 50%; opacity: 0; visibility: hidden; transform: translateY(-50%); color: #fff; font-weight: 500; transition: all .3s;}
.sube-process__item.point .sube-process__imgBox .tab-item.on{border-color: var(--c-01);}
.sube-process__item.point .sube-process__imgBox .tab-item.on span{opacity: 1; visibility: visible;}
.sube-process__item.point .sube-process__imgBox .tab-item.on img{opacity: 0.4;}
.sube-process__item:not(.point) .sube-process__imgBox{flex-direction: column; }
.sube-process__title{background-color: #f6f6f6; border-bottom: 1px solid #eee; height: 60rem; display: flex; align-items: center; justify-content: center;}
.sube-process__title strong{display: block; text-align: center; font-size:22rem; font-weight: bold;}
.sube-process__imgBox{box-sizing: border-box; padding: 35rem; display: flex; align-items: center; justify-content: center; height: 460rem;}
.sube-process__imgBox img{max-width: 100%; display: block; margin: 0 auto;}
#en .sube-process__title strong{font-size: 20rem;}

@media (hover: hover){
    .sube-process__item.point .sube-process__imgBox .tab-item:hover{border-color: var(--c-01);}
    .sube-process__item.point .sube-process__imgBox .tab-item:hover span{opacity: 1; visibility: visible;}
    .sube-process__item.point .sube-process__imgBox .tab-item:hover img{opacity: 0.4;}
}

.instrumnet-pic{display: grid; grid-template-columns:repeat(3, 1fr); grid-gap: 24rem; gap: 24rem; margin-top: 45rem;}
.instrumnet-pic li img{width: 100%;}
.instrumnet-pic + .product-feature{margin-top: 70rem;}

.product-intro{padding-bottom: 124rem;}
.products-bg{width: 100%; height: 453rem; background: url(../img/sub/sube-bg.jpg) no-repeat; background-size: cover; background-position: 50% 50%;}

.product-body{padding-top: 120rem;}
.product-tab{display: flex; align-items: center; justify-content: center;}
.product-tab li{border:1px solid #bcbcbc; }
.product-tab li > *{color: #bcbcbc; font-size: var(--default-s); font-style: normal; text-align: center; width: 220rem;height: 60rem;display: flex;align-items: center;justify-content: center;cursor: pointer;}
.product-tab li + li{margin-left: 12rem;}
.product-tab li.on{border-color: #252525;}
.product-tab li.on > *{color: #252525;}
.product-tab + *{margin-top: 84rem;}

.product-title{text-align: center;}
.product-title em{font-size: 17rem; font-weight: bold; font-family: var(--font-e); color: #bcbcbc;}
.product-title h4{font-size: 38rem;font-weight: 600;margin-top: 19rem;}
.product-title h4 + *{margin-top: 31rem;}
.product-title p{font-size: var(--default-s); line-height: 1.77; font-weight: 200;}
.product-title + *{margin-top: 78rem;}
#en .product-title p{ word-break: keep-all;}

.product-spec{display: flex; align-items: center;}
.product-spec > *{width: 50%;}
.product-spec__imge img{max-width: 100%;}
.product-spec__imge.pro05{border:1px solid #eee}
.product-spec__imge.pro05 img{display: block; margin: 0 auto;}
.product-spec__imge.pro05 + .product-spec__list{padding-left: 80rem;}
.product-spec__list{padding-left: 13rem; box-sizing: border-box;}
.product-spec__list li{padding-left: 35rem;  color: #333; box-sizing: border-box; position: relative; font-family: var(--font-k); font-weight:400;}
.product-spec__list li.on{color: var(--c-01);}
.product-spec__list li::before{content: ""; width: 17rem; height: 14rem; background: url(../img/sub/ic-check.svg) no-repeat; position: absolute; left: 0; top: 2rem;}
.product-spec__list li + li{margin-top: 21rem;}
#en .product-spec__list li{line-height: 1.4;}
#en .product-spec__list li + li{margin-top: 17rem;}

.product-feature{margin-top:86rem;}
.product-feature > strong{display: block; font-size: 22rem; font-weight: 600; color: var(--c-01);}
.product-feature__list{border-top: 1px solid #666; margin-top: 19rem;}
.product-feature__list > li{border-bottom: 1px solid #eee; box-sizing: border-box; padding: 50rem 20rem; display: flex; align-items: center;}
.product-feature__list .left{width: 214rem; display: flex; align-items: center;}
.product-feature__list .left + *{width: calc(100% - 214rem);}
.product-feature__list .left strong{font-size: 55rem; opacity: 0.08; width: 45rem;}
.product-feature__list .left em{font-weight: bold; font-size: 22rem;}
.product-feature__list .num-list li{ list-style-type:decimal; font-size: 17rem; font-weight: 300; line-height: 1.7; color: #444; font-family: var(--font-k);}
.product-feature__list .num-list li + li{margin-top: 17rem;}
.product-feature.v2 .product-feature__list .left em{font-size: 20rem;}
#en .product-feature__list .num-list li + li{margin-top: 14rem;}

/* 문의 */
.form_box{border-top: 1px solid #222; padding-top: 40rem;}
.inq_form{display:flex; flex-wrap:wrap;  justify-content:space-between;}
.inq_form > .input_box{width:calc(50% - 11rem); margin-bottom: 45rem;}
.inq_form > .input_box.w100{width: 100%;}
.inq_form > div input,
.inq_form > div textarea{width:100%; margin:10rem 0 0; border:none; border:1px solid #ddd; font-size:15rem; font-weight:400; resize:none; flex:1; box-sizing:border-box;}
.inq_form::placeholder{color:#ccc;}
.inq_form > div input{padding:15rem; border-bottom:1rem solid #ddd;}
.inq_form > div textarea{padding:15rem; border-bottom:1rem solid #ddd; font-weight:500;}
.inq_form > div span{width:100%; font-weight:500; font-size:16rem; margin-bottom: 0;}
.inq_form > div:last-child{width:100%; margin-bottom: 0;}
.inq_form > div textarea{height:150rem;}

.marking{content:""; display:inline-block; font-size:0; font-style:normal;}
.marking::after{content:"*"; display:block; position:relative; top:-5rem; margin-left:5rem; font-size:16rem; font-weight:800; color:var(--c-01);}

.area_submit{margin-top: 23rem;}
.area_submit .area-button{margin-top: 54rem; justify-content: center;}
.submit_ckbox > label{font-size:14rem;color:#bbb;padding-left: 32rem;line-height: 1.75;font-weight: 400;position: relative;}
.submit_ckbox > label a{color: #444;}

/* check box */
.check_con{display:block;/*  display:flex; justify-content:flex-start; align-items:center; */ position:relative; cursor:pointer; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;}
.check_con input{position:absolute; opacity:0; width:0; height:0; cursor:pointer;}
.area_submit .checkmark{left: 0;position:absolute;top: 4rem;width:18rem;height:18rem;border:1rem solid #ddd;}
.check_con input:checked ~ .checkmark{border:1rem solid #152f53;}
.checkmark:after{content:""; display:none; position:absolute;}
.check_con input:checked ~ .checkmark:after{display:block;}
.check_con .checkmark:after{top:2rem; left:6rem; width:6rem; height:10rem; border:solid #152f53; transform:rotate(45deg); -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); border-width:0 2rem 2rem 0;}

/* layer popup - btn control */
[data-pop-layer="layer"]{position:fixed; top:0rem; left:0rem; z-index:2000; width:100%; height:100%; background:rgba(0,0,0,0.3);}
[data-pop-layer="layer"] .popBox{position:absolute; top:50%; left:50%; width:100%; box-sizing:border-box; background:#fff; box-shadow:3rem 15rem 40rem rgb(0 0 0 / 15%); max-width:1110rem;}
[data-pop-layer="layer"] .popBox h2{height:auto; padding:25rem 20rem !important; border-bottom:1rem solid #eee; font-weight:500; font-size:30rem; text-align:center; letter-spacing:-1rem;}
[data-pop-layer="layer"] .popBox h2:after{content:''; display:inline-block; height:100%; vertical-align:middle;}
[data-pop-layer="layer"] .popBox h2 span{display:inline-block; width:99%; vertical-align:middle;}
[data-pop-layer="layer"] .popBox .btn_close{position:absolute; top:-20rem; right:-67rem; width:70rem; height:68rem; line-height:68rem; padding:0; background:none; border:none;}
[data-pop-layer="layer"] .popBox .btn_close span{display:inline-block; position:relative; overflow:hidden; width:23rem; height:23rem; margin:-4rem auto 0; background:url(../img/sub/btn_close.png) no-repeat 50% 0; background-size:23rem 23rem; text-indent:100%; white-space:nowrap; vertical-align:middle;}
[data-pop-layer="layer"] .popBox .btn_close:focus{outline:none;}
[data-pop-layer="layer"] .popBox .popConts{box-sizing:border-box;;}

.pop_inr{height:360rem; line-height:1.6; margin:60rem 60rem; font-size:14rem; color:#666; overflow-y:scroll;}
.pop_inr h6{margin-top:20rem; margin-bottom:7rem; font-size:17rem !important;}

#area_privacy  h3{text-align: center; font-size: 42rem; margin-bottom: 23rem;}
#area_privacy .privacy{font-size: 16px; line-height: 28px;}
#area_privacy .privacy h6{margin-top: 40px; margin-bottom: 12px; font-size: 22px;} 
.wrap_privcay{margin-top: 80rem;}

/* pagenation */
.pg_wrap {clear:both;margin: 85rem 0 0px;text-align:center}
.pg_wrap:after {display:block;visibility:hidden;clear:both;content:""}
.pg_page, .pg_current {display:inline-block;vertical-align:middle;}
.pg a:focus, .pg a:hover {text-decoration:none}
.pg_page {position:relative; background: transparent; color: #222; font-size: 16rem; border:none; text-decoration:none;width: 35rem;height: 35rem;border-radius: 100%; font-family: var(--font-e); display: flex;align-items: center;justify-content: center;margin: 0 3rem;overflow: hidden;padding: 0; font-weight: bold;box-sizing: border-box;}
.pg_page:before{opacity:0; content:''; position:absolute; left:0; right:0; bottom:0; width:100%; height:2rem; background:#2d52a7;}
.pg_start {text-indent:-999rem;background: url('../img/base/arr_end.png') no-repeat 50% 50%;-webkit-transform: rotate(180deg);transform: rotate(180deg);}
.pg_prev {text-indent:-999rem;background: url('../img/base/arr_next.png') no-repeat 50% 50%;-webkit-transform: rotate(180deg);transform: rotate(180deg);margin-right: 50rem;}
.pg_end {text-indent:-999rem;background: url('../img/base/arr_end.png') no-repeat 50% 50%;}
.pg_next {text-indent:-999rem;background: url('../img/base/arr_next.png') no-repeat 50% 50%;margin-left: 50rem;}

.pg_current {position:relative; font-family: var(--font-e); color: #fff; font-size: 16rem;width: 35rem;height: 35rem;display: flex;justify-content: center;border-radius: 1000rem; font-weight: bold;border: none;align-items: center;box-shadow: none;box-sizing: border-box;background:linear-gradient(264deg, rgba(152,224,95,1) 0%, rgba(58,188,143,1) 100%)}
.pg_current::after{display: none;}

span.pg{display:flex; justify-content:center; align-items:center;}

/* 게시판 */
.board-conts{padding-top: 80rem;}
#bo_v_title .bo_v_tit{font-size: 28rem;}
.notice_photo .bo_list li a .subject{display: flex;}
.notice_photo .bo_list li a .subjuect-title{width: calc(100% - 300rem);}
#bo_gall{min-height: auto;}
#bo_gall.thumb-bo #gall_ul li:hover .datetime *,
#bo_gall.thumb-bo #gall_ul li:hover .subject h3{color: var(--c-01);}
#bo_gall.thumb-bo #gall_ul li:hover .subject .bcont{opacity: 0.4;}
#bo_v_title .bo_v_tit{font-style: normal;}
.datetime span{font-family: var(--font-e);}






/*new 250114*/

.product_new{}
.product_new img{max-width: 100%}
.product_new .flex_new_p{display: flex; gap:15px; margin-top: 60px;}
.product_new .flex_new_p .box{flex:1; background: #F9FFF7; display: flex; gap:25px; padding: 25px;    justify-content: center;
    align-items: center;}
.product_new .flex_new_p .box .txt{}
.product_new .flex_new_p .box .txt h3{font-size: 20px; }
.product_new .flex_new_p .box .txt p{font-size: 14px; word-break: keep-all; margin-top: 15px;}


.lot_new{margin-top: 120px;}
.lot_new .lot_grid{display: flex; gap:20px; align-items: flex-start;
    justify-content: flex-start;}
.lot_new .lot_grid .left{display: flex; gap:45px 20px; flex-wrap: wrap;}
.lot_new .lot_grid .left .box{width: calc(50% - 10px)}

.lot_new .lot_grid .box{text-align: center}
.lot_new .lot_grid .box p{margin-top: 25px; font-size: 16px; word-break: keep-all}


.green_bg{padding: 100px 0; background: #F9FFF7}

.green_bg .product-title h4{display: none}
.green_bg .product-title h4.on_title{display: block}

.green_bg .tab {
  display: flex;
  gap: 15px;
      justify-content: center;
    align-items: center;
}
.green_bg .tab__item {
  border: 2px solid #7AB92D; border-radius: 50px; padding: 12px 32px; 
  text-align: center; 
}

.green_bg .tab__item a{font-size: 20px; color: #7AB92D; font-weight: 600}

.green_bg .tab__item.active {
  background-color: #7AB92D;
}

.green_bg .tab__item.active a{color: #fff}

.green_bg .tab__content-wrapper {
  margin: 78rem auto 0;
  max-width: 930px;
}
.green_bg .tab__content {
  display: none;
}
.green_bg .tab__content.active {
  display: block;
}


.tab_p_title{padding-bottom: 15px; border-bottom: 2px solid #000; margin-bottom: 20px;}
.tab_p_title h3{font-size: 32px; font-weight: 600}
.tab_p_title h3.flex{display: flex;    justify-content: flex-start;
    align-items: center; gap:10px}

.tab_p_title h3.flex img{margin-top: -10px}

.tab_img{}
.tab_img img{margin: 0 auto; display: block;max-width: 100%}

* + .tab_p_title{margin-top: 100px}


.green_dist{background: #DCF2BB; border-radius: 10px; padding: 25px 30px; margin-bottom: 30px;}
.green_dist ul{display: flex;flex-wrap: wrap; gap:15px 45px}
.green_dist ul li{position: relative; padding-left: 15px; font-size: 16px; word-break: keep-all; width: calc(50% - 22.5px) }
.green_dist ul li:before{content: ''; width: 6px; height: 6px;background: #8ADA6B; border-radius: 6px;
position: absolute; left: 0; top: 5px }

.green_dist h4{font-size: 16px; font-weight: 500; margin-bottom: 15px;}
.green_dist h4 b{font-weight: bold}
.green_dist p{position: relative; padding-left: 15px; font-size: 16px; word-break: keep-all; width: 100%;
 display: flex; gap:40px; }
.green_dist p:before{content: ''; width: 6px; height: 6px;background: #8ADA6B; border-radius: 6px;
position: absolute; left: 0; top: 5px }
.green_dist p b{width: 120px; color: #558A06; font-weight: bold}
.green_dist p + p{margin-top: 15px;}

.green_tlb_flex{display: flex; align-items: center}

.green_tlb_flex h3{margin-bottom: 8px; font-size: 16px; text-align: center; k}
.green_tlb_flex table{width: 100%; border-spacing: 0; border-top: 2px solid #000}
.green_tlb_flex th{padding: 8px 15px; text-align: center; background: #DCF2BB;
font-size: 16px; color: #558A06; width: 50%}

.green_tlb_flex th + th{border-left: 1px solid #BCDF87; }

.green_tlb_flex td{text-align: center; padding: 25px;}

.green_tlb_flex td.imgbox{padding: 0}

.box_center{display: flex; gap:50px;flex-direction: column;
    justify-content: center;
    align-items: center; text-align: center}
.box_center h2{word-break: keep-all; font-size: 30px;}



.green_tlb_flex *{flex:1}



.tlb_tab{margin-top: 30px}
.tlb_tab table{width: 100%; border-spacing: 0}
.tlb_tab th{border-bottom: 1px solid #333333; padding:15px 15px; font-size: 20px;}
.tlb_tab th.left{text-align: left}
.tlb_tab th + th{border-left: 1px solid #EEEEEE}

.tlb_tab td{background: #fff; padding: 15px 15px; font-size: 18px; border-bottom:1px solid #BCDF87 }
.tlb_tab td.th_title{text-align: center; vertical-align: middle;background: #EDFFD3 ; color: #B6DF7A}
.tlb_tab td.tdbg{text-align: center; vertical-align: middle;background: #DCF2BB; color: #558A06}




.ck_list{padding: 25px 35px;border-radius: 10px;
background: #DCF2BB; max-width: 690px; margin: 0 auto}

.ck_list li{display: flex; gap:20px; color: #333; font-size: 16px; word-break: keep-all;
align-items: flex-start;
    justify-content: flex-start; font-weight: bold}
.ck_list li + li{margin-top: 20px;}


.flex_4_tab{display: flex; gap:15px;}


@media (min-width:2000px){
	
    
}

@media (max-width:1480px){
	.sub-visual .sub-visual__title,.sub-lnb > ul{left:40rem;}
    .sub-side {width: 80rem;}
    .sub-side .sub_go_inq{right: 109rem;}
    .sub-visual .sub-visual__title h2{font-size: 52rem;}

    .about-image img:nth-child(1){width: 56%;}
    .about-image img:nth-child(2){width: 44%;}
    .about-cont .about-text p br{display: none;}
    
    .product-spec__imge img{width: 90%;}
}
@media (max-width:1024px){
    .sub-title{padding: 60rem 0 76rem;}
    .sub-title h3{font-size: 32rem; margin-top: 14rem;}
    .sub-side{display: none;}
    .sub-side .sub_go_inq{width: 50rem; height: 50rem;}
    .sub-side .sub_go_inq i{font-size: 14rem;}
    .aboutus .sub-title p{margin-top: 28rem;}

    .about-cont .about-text{padding-left: 68rem;}
    .about-cont .about-text strong{font-size: 24rem; margin-bottom: 26rem;}
    .about-cont .about-text .sign{margin-top: 46rem;}
    #en .about-cont .about-text strong{font-size: 27rem; margin-top: 20rem;}

    .history-imge strong,#en .history-imge strong{font-size: 24rem;}
    .history-list{padding-left: 0;}
    .history-list__item .yr::before{top: 11rem;}
    .history-list__item .yr{font-size: 22rem;}
    .history-list__item{padding: 40rem 0;}
    .history-list__item ul li p + p{margin-top: 14rem;}

    /* 제품소개 */
    .ecois-desc{padding: 38rem;}
    .ecois-desc em{font-size: 22rem;}
    .sube-process__title{height: 50rem;}
    .sube-process__title strong,#en .sube-process__title strong{font-size: 18rem;}
    
    .sube-process__item.point .sube-process__imgBox span{opacity: 1; visibility: visible;}
    .sube-process__item .sube-process__imgBox{height: 320rem;}
    .sube-process__item.point .sube-process__imgBox .tab-item img{opacity: 0.4;}
    .product-body{padding-top: 100rem;}
    .product-tab{width: 100%;}
    .product-tab li{height: 54rem; width: 20%;}
    .product-tab li > *{height: 100%; width: 100%;}
    .product-tab li + li {margin-left: 8rem;}
    .product-title h4{font-size: 34rem;}
    .product-title h4 + *{margin-top: 21rem;}
    .product-title em{font-size: 15rem;}
    .product-spec__list li + li{margin-top: 15rem;}

    .subject h3{font-size: 18rem!important;}
    .subject .bcont{font-size: 16rem !important;}
    #bo_gall .gall_img{width: 170rem; height: 100rem;}
    .bo_v_file_cnt{display: block; position: relative; top: 0; left: 0; right: 0;}

    .inq_form > .input_box{margin-bottom: 26rem;}
    .product-tab + *{margin-top: 50rem;}
    
   /*250114*/
  
  .lot_new .lot_grid {
    gap: 45px 20px;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;
}
    
    
    
    
}
@media (max-width:860px){
    .sub-visual .sub-visual__title, .sub-lnb > ul{left: 24rem;}
    .sub-visual{height: 380rem;}
    .sub-visual .sub-visual__title{top: 166rem;}
    .sub-visual .sub-visual__title span{font-size: 14rem;}
    .sub-visual .sub-visual__title h2{font-size: 44rem;}
    .sub-title{padding: 40rem 0 60rem;}
    .sub-title h3{font-size: 28rem;}
    .sub-title em{font-size: 16rem;}
    .about-cont{flex-wrap: wrap;}
    .about-cont > div{width: 100% !important;}
    .about-cont .about-text{padding-left: 0}
    .about-image img:nth-child(1){width: 54%;}
    .about-image img:nth-child(2){width: 41%;}
    
    .certification-list{margin: 0;}
    .certification-list li{width: 33.333%; padding: 0 12rem;}
    .certification-list li .certi-img{padding: 21rem 24rem;}

    
    .location-cont{flex-direction: column-reverse;}
    .location-cont > div{width: 100%; padding: 0;}
    .location-cont .location-map{padding-left: 0;}
    .location-cont .location-map iframe{height: 256rem;}
    .location-info__title{margin-top: 28rem;}
    .location-info__title > strong{font-size: 22rem; margin-top: 13rem;}
    .location-info__detail__item{width: 33.333%;}
    .location-info__detail__item.email{margin-top: 0;}
    
    .ecois-desc{padding: 25rem;}
    .ecois-desc em{font-size: 18rem; padding-left: 18rem;}
    .ecois-desc em::before{width: 8rem; height: 8rem; top: 5rem;}
    .sube-process{margin-top: 30rem; flex-wrap: wrap; flex-direction: column; }
    .sube-process__imgBox{padding: 16rem; }
    .sube-process__item .sube-process__imgBox{height: auto;}
    .sube-process__item.point .sube-process__imgBox{gap: 12rem;}
    .sube-process__item.point .sube-process__imgBox .tab-item{width: calc(50% - 7rem);}
    .sube-process__item:not(.point),.sube-process__item.point{width: 100%; }
    .sube-process__item:not(.point) .sube-process__imgBox{flex-direction: row;}
    .sube-process__imgBox{display: flex; justify-content: center;}
    .sube-process__imgBox img{margin: 0;}
    .sube-process__item.point{margin: 48rem 0;}
    .sube-process__item.point .sube-process__imgBox span{font-size: 18rem;}
    .sube-process__item:not(:nth-child(1))::before{top: -38rem; left: 50%; transform: translateX(-50%) rotate(90deg); width: 57rem; height: 51rem;}
    .product-intro{padding-bottom: 80rem;}
    .products-bg{height: 320rem;}
    .product-body{padding-top: 80rem;}
    .product-tab + *{margin-top: 64rem;}
    .product-spec{flex-direction: column;}
    .product-spec > *,.product-spec__imge img{width: 100%;}
    .product-spec__list{margin-top: 24rem; padding-left: 0;}
    .product-title + *{margin-top: 48rem;}
    .product-spec__list{padding: 20rem; margin-top:24rem; box-sizing: border-box; border: 1px solid #eee; border-top-color: #222;}
    .product-feature{margin-top: 66rem;}
    .product-feature__list .left{width: 154rem;}
    .product-feature__list .left + *{width: calc(100% - 154rem);}
    .product-feature__list > li{padding: 32rem 16rem;}
    .product-feature__list .num-list li + li{margin-top: 6rem;}
    .product-feature > strong{font-size: 20rem;}
    .product-feature.v2 .product-feature__list .left em{font-size: 17rem;}
    .product-feature__list .num-list li{font-size: 16rem;}
    .instrumnet-pic{gap: 16rem; margin-top: 32rem;}
    .ecois-desc .plus strong{font-size: 18rem;}
    .ecois-desc .plus span{font-size: 16rem;}
    .ecois-desc .plus{margin-top: 23rem;}

    #bo_gall.thumb-bo #gall_ul li a{padding: 23rem 0;}
    .datetime{width: 160rem; padding-left: 20rem;}
    #bo_gall.thumb-bo #gall_ul .subject{width: calc(100% - 160rem);}
    #bo_gall.thumb-bo .gall_img{width: 130rem; height: 70rem;}
    .subject h3{font-size: 16rem!important;}
    .subject .bcont{font-size: 15rem !important; margin:0}
    .subjuect-title{width: calc(100% - 150rem);}
    .datetime{padding-left: 40rem;}
    .datetime h2{font-size: 26rem !important;}
    .datetime span{font-size: 23rem;}

    .inq_form > div span{font-size: 15rem;}

    .product-spec__imge.pro05 + .product-spec__list{padding-left:20rem}
    #en .product-title p {line-height: 1.5}
    #en .product-title p br{display: none;}
    #en .product-feature__list > li{flex-direction: column; align-items:flex-start;}
    #en .product-feature__list .num-list li{list-style-position: inside;}
    #en .product-feature__list .left + *{width: 100%;}
    #en .product-feature__list .num-list li + li{margin-top: 8rem;}
    
    
   /*250114*/
  .flex_4_tab {
    gap: 15px;
    flex-wrap: wrap;
}
    
}
@media (max-width:768px){
    .history-cont{display: block;}
    .history-cont > div{width: 100%; padding: 0;}
    .history-cont .history-imge{padding-right: 0;}
    .history-list{margin-top: 32rem;}

    #en .sub-lnb{overflow-y: hidden; overflow-x: scroll; height: 52rem; width: 100%; position: absolute; bottom: 0;}
    #en .sub-lnb li{white-space: nowrap;}

}

@media (max-width:540px) {
    .sub-visual{height: 320rem;}
    .sub-visual .sub-visual__title h2{font-size: 34rem;}
    #en .sub-visual .sub-visual__title h2{font-size: 28rem;}
    .sub-visual .sub-visual__title, .sub-lnb > ul{left: 16rem;}
    .sub-visual .sub-visual__title{top: 146rem;}
    .sub-visual .sub-visual__title h2{margin-top: 8rem;}
    .sub-lnb > ul > li + li{margin-left: 27rem;}
    .sub-lnb > ul > li a{padding-bottom: 24rem;}
    .sub-title{padding: 30rem 0 34rem;}
    .sub-title h3 {font-size: 24rem; margin-top: 5rem;}
    .sub-title em{font-size: 14rem;}
    .about-image img + img{margin-left:13rem; margin-top: 53rem;}
    .sub-contents{padding-bottom: 62rem;}
    .about-cont .about-text{padding-top:32rem;}
    .about-cont .about-text strong{font-size: 18rem;}
    #en .about-cont .about-text strong{font-size: 20rem;}

    .history-imge strong,#en .history-imge strong{font-size: 19rem;}
    .history-list__item{padding: 22rem 0;}
    .history-list__item ul{margin-top: 20rem;}
    .history-list__item .yr{font-size: 20rem; padding-left: 20rem;}
    .history-list__item .yr::before{top: 9rem;}
    .history-list__item ul li + li {margin-top: 13rem;}

    .certification-list{flex-wrap: wrap; }
    .certification-list li{width:50%; padding: 0 8rem;}
    .certification-list li:nth-child(n + 3){margin-top: 23rem;}
    .certification-list li .certi-text em{font-size: 12rem;}
    .certification-list li .certi-text p{margin-top: 8rem;;}
    .certification-list li .certi-text p br{display: none;}
    .certification-list li .certi-text span{font-size: 13rem; margin-top: 4rem;}
    .certification-list li .certi-img{padding: 16rem;}

    .location-cont .location-map iframe{height: 186rem;}
    .location-cont .location-info__title span{font-size: 12rem;}
    .location-info__title > strong{font-size: 18rem; margin-top: 10rem;}
    .location-info__adderess{display: block;}
    .location-info__adderess li{font-size: 14rem;}
    .location-info__adderess li + li{margin-left: 0; margin-top: 12rem;}
    .location-info__title{margin-top: 18rem; padding-bottom: 32rem;}
    .location-info__detail{flex-direction: column;}
    .location-info__detail__item{width: 100%; margin-bottom: 20rem;}
    .location-info__detail__item:last-child{margin-bottom: 0;}

    .ecois-desc{padding: 20rem;}
    .ecois-desc p{line-height: 1.6;}
    .ecois-desc .plus strong{font-size: 16rem;}
    .ecois-desc .plus span{display: block; font-size: 14rem; margin-left: 0; margin-top: 4rem;}
    .ecois-desc p br{display: none;}
    .sube-process__title{height: 42rem;}
    .sube-process__title strong,#en .sube-process__title strong{font-size: 16rem;}
    .sube-process__item.point .sube-process__imgBox .tab-item{width: calc(50% - 4rem);}
    .sube-process__item.point .sube-process__imgBox{gap: 8rem;}
    .sube-process__item.point .sube-process__imgBox span{font-size: 16rem; width: 100%; display: block; text-align: center;}
    .product-intro{padding-bottom: 42rem;}
    .products-bg{height: 160rem;}
    .product-body{padding-top: 40rem;}
    .product-tab + *{margin-top: 44rem;}
    .product-tab{flex-wrap: wrap; gap: 8rem;}
    .product-tab li{width:calc(50% - 4rem); height: 46rem;}
    .product-tab li + li{margin-left: 0;}
    .sube-process__item:nth-child(1) .sube-process__imgBox img{width: 50%;}
    .product-title h4{font-size: 25rem; margin-top: 12rem;}
    .product-title em{font-size: 14rem;}
    .product-title p br{display: none;}
    .product-title h4 + *{margin-top: 14rem;}
    .product-title p{line-height: 1.6;}
    .product-title + *{margin-top: 32rem;}
    .product-spec__list li + li{margin-top: 12rem;}
    .product-spec__list li{line-height: 1.5; padding-left: 25rem; word-break: keep-all; font-size: 15rem;}
    .product-spec__list li::before{width: 14rem; height: 11rem; top: 6rem;}
    .product-feature {margin-top: 40rem;}
    .product-feature > strong{font-size: 18rem;}
    .product-feature__list{margin-top: 11rem;}
    .product-feature__list > li{flex-wrap: wrap;}
    .product-feature__list .left + *{width: 100%; padding-left: 16rem;}
    .product-feature__list .left strong{font-size: 42rem; width: auto; margin-right: 8rem;}
    .product-feature__list .left em{font-size: 18rem;}
    #en#en .product-feature__list .left + *{padding-left: 0;}
    .product-feature__list .num-list li{font-size: 15rem; line-height: 1.6;}
    .product-feature__list > li{padding: 14rem  16rem;}
    .instrumnet-pic{display: flex; flex-wrap: wrap;}
    .instrumnet-pic + .product-feature{margin-top: 40rem;}
    .product-feature__list .left{margin-bottom: 12rem;}
    #en .product-tab li > *{font-size: 14rem;}
    
    #bo_gall.thumb-bo .gall_img{width: 80rem;  height: 52rem;}
    #bo_gall.thumb-bo #gall_ul{display: block;}
    #bo_gall.thumb-bo #gall_ul li{width: 100%;}
    .datetime{width: 60rem; padding-left: 0;}
    .datetime h2{font-size: 18rem !important;}
    .datetime span{font-size: 16rem; margin:2rem 0 0;}
    .subjuect-title{width: calc(100% - 90rem);}
    .subject h3{font-size: 15rem !important;}
    .subject .bcont{font-size: 14rem !important;}
    #bo_gall.thumb-bo #gall_ul .subject{width: calc(100% - 70rem);}
    #bo_gall.thumb-bo #gall_ul li:nth-child(n+3){margin-top: 0;}
    .pg_wrap{margin: 42rem 0 0;}

    .form_box{padding-top: 20rem;}
    .inq_form > .input_box{width: 100%;}
    .inq_form > div input{height: 44rem;}

    .product-tab + *{margin-top: 30rem;}
    
    
    
   /*250114*/
  
  
  	.flex_4_tab img{width: 100%}
  	
  	.product_new .flex_new_p {
    gap: 15px;
    margin-top: 60px;
    flex-direction: column;}
    
    .lot_new .lot_grid  .box img{max-width: 100%}
  	
  	
  	.green_bg .tab {
    gap: 15px;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

.green_bg .tab__item a{font-size: 16rem}

    .tab_p_title h3 {
        font-size: 25rem;
        margin-top: 12rem;
    }
    
    .green_dist ul li{width: 100%}
  	
  	
 .green_tlb_flex {
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 50px;
} 	
  	
 .green_dist p {
    position: relative;
    padding-left: 15px;
    font-size: 16px;
    word-break: keep-all;
    width: 100%;
    display: flex;
    gap: 10px;
    flex-direction: column;
} 	
  	
  .green_dist p b{width: 100%}	
  	

}