@charset "utf-8";
/*
CSS Document 
allisxen@gmail.com
*/
@import url('//fonts.googleapis.com/css2?family=Poppins:wght@100;200;400;700&display=swap');
@import url(gnufix.css);
:root {
--main-color:#b63838;
--sub-color:#c96c5a;
--alt-color:#f00;
--heading-color:#000;
--heading2-color:#3a3e4b;
--heading3-color:#474e60;
--heading4-color:#536685;
--primary-color:#536685;
--primaryhover-color:#2e5aa1;
}
body{font-size:1rem;overflow-x:hidden}
body,h1, h2, h3, h4, h5, h6,textarea, select{font-family: 'Noto Sans KR', sans-serif;}
_body{font-family: 'Nanum Gothic', sans-serif;}
a{color:#0070c0; text-decoration:none;} 
a:hover{ color:#DC143C;} 
:focus {outline:0;box-shadow:none!important;}
optgroup{font-style:normal;}
address{ margin-bottom:0; font-style:normal;}
caption{caption-side: unset; color:inherit;}
ul{padding:0;}


.fa{ font-family:FontAwesome,"Font Awesome 5 Free";}

.btn-primary{ background-color:var(--primary-color); border-color:var(--primary-color);}
.btn-primary:hover{ background-color:var(--primaryhover-color); border-color:var(--primaryhover-color);}

.nav-top-sub{ background:rgba(0,0,0,1); font-size:0.875em}
.nav-top-sub .col{ display:flex;align-items:flex-end;justify-content:flex-end; }
.nav-top-sub ul{ margin-bottom:5px}
.nav-top-sub li{ display:inline-block; margin-left:12px;}
.nav-top-sub a{ color:rgba(255,255,255,.8);}
.nav-top-sub a.admin-link{ color:#fff; padding:2px 6px; height:2em; line-height:1.5em}

#nav-top{justify-content:end; flex-grow:0; font-size:1.3em}
.breadcrumb-item + .breadcrumb-item::before{ content:"\003e";transform:scaleX(0.6); color:#CCC;}
.dropdown-item.active, .dropdown-item:active{ background:rgba(0,0,0,.5);}



.con-container h1,
.con-container h2,
.con-container h3{ font-size:2em; color:var(--heading-color); font-weight:700; letter-spacing:-.5px; position:relative; padding:0 0 12px 0; margin-top:3rem; margin-bottom:2rem;}
.con-container h1:first-of-type,
.con-container h2:first-of-type,
.con-container h3:first-of-type,
.con-container h4:first-of-type{ margin-top:0;}
.con-container h1 strong{ color:#000; font-weight:900; }
.con-container h1:before,
.con-container h2:before,
.con-container h3:before{ content:' '; position:absolute; bottom:0; left:0; width:54px; height:2px; background:#969696;}

.con-container h2{ font-size:1.8em; color:var(--heading2-color); margin-bottom:1rem; letter-spacing:-2px}
.con-container h2:before{ background:var(--heading2-color); opacity:.6; width:50px; height:3px;bottom:-6px;}
.con-container h2.center{ text-align:center;}
.con-container h2.center:before{left:50%; transform: translate(-50%,0);}

.con-container h3{ color:#000; font-size:1.429em; padding:0 0 0 34px; margin-top:3rem; margin-bottom:1.5rem; position:relative}
.con-container h3::before,
.con-container h3::after {content: ""; position:absolute}

.con-container h3::before { top:4px; left:0; width: 23px;height: 23px; background:transparent;
  border-top: 9px solid #000;
  border-left: 9px solid #d20f14;
}

.con-container h3::after {
position:absolute;
width:9px; height:9px;
background:#000;
background-image: linear-gradient(45deg, #000 50%, #d20f14 50%);
left:14px; top:18px;
}

.con-container h4{ color:var(--heading4-color); font-size:1.14em; margin-top:2rem;margin-bottom:1rem;}
.con-container h4:before{ content:'-'; color:var(--heading4-color); font-size:1.143em; margin-right:5px; display:inline-block;}

.list{ padding:0;margin-bottom:0;}
ol.list{padding-left:26px;}
ol.list{ list-style-position: inside; }
ul.list li{list-style:none; position:relative; padding-left:12px;margin-bottom:8px;}
ul.list li:last-child{ margin-bottom:0;}
ul.list li:before { position:absolute; left:0; top:-2px;content: "\2022"; color:#777; }
.list li ul{ margin:10px 0 0 20px;}
ol.list>li{counter-increment: list;list-style-type: none;position: relative; margin-bottom:8px;}
ol.list>li:before {color: #e75204;content: counter(list) ".";left:-32px;position: absolute;text-align: right;width: 26px;}


#site-footer{ border-top: 1px solid rgba(0,0,0,.125); padding:50px 0; margin-top:4rem; }
/*#site-footer .logo-alt{filter: grayscale(100%);}*/
#site-footer address,
#site-footer p{ margin-bottom:0;}
#site-footer,.site-footer a{}


/*
█▄▄ █▀█ ▄▀█ █▀█ █▀▄
█▄█ █▄█ █▀█ █▀▄ █▄▀
*/

.ck.ck-editor__editable { min-height: 200px !important; }
#bo_v_con div{ position:relative;}
#bo_v_con iframe { position: absolute; width: 100%; height: 100%; }

#bo_cate a{ border-color:var(--main-color); color:var(--main-color); opacity:.8; line-height:1.25;}
#bo_cate #bo_cate_on,
#bo_cate a:focus, #bo_cate a:hover, #bo_cate a:active{ box-shadow:none; background:var(--main-color); border-color:var(--main-color); opacity:1}

#bo_list .td_name{ width:120px; text-align:center}
#bo_list .td_num{ width:60px;}
#bo_list .td_datetime{ width:96px; font-size:.9em;}
#bo_w{max-width: 960px;margin: 0 auto;}
.write_div{ position:relative;}
._write_div input:valid + label.sound_only,
write_div input:not(:placeholder-shown) + label.sound_only,
.write_div input:focus + label.sound_only,
.write_div textarea:not(:placeholder-shown) + label.sound_only,
.write_div textarea:focus + label.sound_only{ display:block; position:absolute;top:-6px; left:8px; width:auto; height:1.1em; line-height:1; font-size:.92em; padding:0 3px!important; background:#fff; color:#999;}
label.sound_only strong{ display:none;}
.bo_w_info.write_div input:focus + label.sound_only{ display:none!important;}
.bo_v_nb{ display:none;}
.bo_notice td{ background:rgba(0,0,0,.06)!important;}
.bo_notice .notice_icon{color:crimson;}
#bo_list .bo_tit .fa-lock{ border:0 none; background:none;}
#bo_list .bo_tit .new_icon{ background:#1E90FF; width:auto; height:auto; line-height:normal; padding:1px 4px 2px; font-size:10px; color:#fff;}
#bo_list .bo_tit .fa-download{ font-size:10px; height:auto; width:auto; padding:5px 4px 3px; line-height:normal}
#bo_list .bo_tit .fa-link{ background:none; color:#4285f4; font-size:.6em;}
#bo_v_title .bo_v_tit{ font-size:1.5em;}
#bo_gall #bo_list_total,
#bo_gall .btn_bo_user,
#bo_gall .btn_bo_user li{ float:none;}
#bo_gall #bo_btn_top{display: flex;justify-content: space-between;}
#bo_gall .btn_bo_user{display: flex;margin-left: auto;}


.bo-list .row{ margin-top:1rem; margin-bottom:1rem}
.bo-list .col{ position:relative;}
.bo-list .col:first-child .box{border-top: 2px solid var(--bs-gray-600);}
.bo-list .col .box{border-bottom: 1px solid rgba(0,0,0,.125);display:flex;align-items:start;padding:1.5em 1rem; font-size:1.4em; font-weight:300; color:#212121; }
.bo-list .config-tool{ position:absolute; left:.75rem; top:.15rem;}
.bo-list .num{flex: 0 0 48px;}
.bo-list .col .box:hover{background:hsl(0, 0%, 98%);}
.bo-list .subject .title{display:flex; align-items:center; margin-bottom:.75rem;}
.bo-list .subject .title a{color:#212121;}
.bo-list .subject .title a:hover{ color:var(--main-dark-color);}
.bo-list .subject .title .category{ font-size:.7em; margin-right:1em}
.bo-list .subject p{font-size:.8125em; color:hsl(0, 0%, 50%);}
.bo-list .subject-info{font-size:.667em; color:var(--bs-gray-700); display:flex; gap:1rem;}
.bo-list .subject-thumbnail{ margin-right:1.4rem;}


.check-each{ position:absolute; right:10px; top:10px; z-index:900;}
.row.gallery .card{ height:100%;}
.row.gallery .card-body{padding:1rem;}
.row.gallery .card-img,.row.gallery .card-img-bottom,.row.gallery .card-img-top{max-width:100%; height:auto;}
.row.gallery .card-title{ font-size:1em; margin-top:0;}
.row.gallery .card-title a{ color:#333;text-decoration:none;}
.row.gallery .card-title a:hover{ color:#d95502;}
.row.gallery .card-text{ font-size:.91em; color:#777;}
.row.gallery .card .no-image{ width:100%; position:relative; background:rgba(0,0,0,.1); }
.row.gallery .card .no-image span{ display:block; width:100%; position:absolute; top:50%; transform: translateY(-50%); text-align:center; text-transform:uppercase; color:#aaa; font-size:.8em}
.row.gallery .category{ display:none;}
.row.gallery .card-footer{ font-size:.8em; color:#777; display:flex; align-items: center;flex-wrap: wrap;}
.row.gallery .sv_member{ color:#626262; margin-right:1em;}
.row.gallery .sv_member:before,
.row.gallery .date:before {margin-right:.3em;font-family:FontAwesome, "Font Awesome 5 Free";}
.row.gallery .sv_member:before{ content: "\f007";}
.row.gallery .date:before{ content:"\f017";}
.row.gallery .hits{ margin-left:auto;}

#bd_certification span.hits {display:none;}

.no-image span:before { display:block; font-size:1.8em; content: "\f03e";font-family:FontAwesome, "Font Awesome 5 Free";}

#bd_request #bo_w{ max-width:100%;}
#bd_request .bo_w_tit{ display:none;}
#bd_request #bo_w label{font-weight:500; display:inline-block;background-image:none;}
#bd_request #bo_w label.required:after{ content:"*";color:red;}
#bd_request #bo_w .form-control{ border:0 none; border-bottom:1px solid #dedede; padding: .75rem 0; border-radius:0;}
#bd_request #bo_w #wr_password,#bd_request #bo_w #wr_homepage{ margin-left:0;}
#bd_request #bo_w .form-control:focus{outline-color: transparent;outline-style: none; border:0 none!important; border-bottom:2px solid #222!important;}
#bd_request .agree{ margin-top:2.5rem; padding-top:1em;border-top: 1px solid rgba(0,0,0,.125);}
#bd_request .agree p{ margin-bottom:.2rem;}
#bd_request .agree .form-check{ margin-top:1em;}
#bd_request #wr_content{ height:90px!important;}
#bd_request #captcha{ margin-top:1rem;}

#bo_v_info .profile_info{ display:none;}

#bo_v_img img{ display:block; text-align:center; margin:1em auto;}

.list-btn-group {display: flex;justify-content: end;align-items: center; gap:4px}
#bo_btn_top::after{ display:none;}

/* } board #####################################################################*/

.fade{transition: opacity .15s linear;}
.definition-group { border-top: 1px dashed rgba(0,0,0,0.2);}
.definition-group dl{ margin-bottom:0;}
.definition-group dl>div { padding: 1em; margin: 0px; background: transparent; border-bottom: 1px dashed rgba(0,0,0,0.2); display:flex; position:relative;}
.definition-group dt:after{position: absolute;
    content: '';
    width: 1px;
    height: 100%;
    background-color: rgba(0,0,0,0.15);
    top: 50%;
    right: 10px;
    transform: translateY(-50%);}
.definition-group dt {  flex-basis:max-content; min-width:120px; flex-shrink: 0;/*text-align:end;*/ padding-right:2em; position:relative }
.definition-group dd { color: #555; margin-bottom:0; }


figure.caption-end{ position:relative;}
figure.caption-end figcaption{ position:absolute; left:0; right:0; bottom:0; padding:.5rem 1rem; color:#fff; background:rgba(0,0,0,.7);}

figure.inset{ margin:2rem 0;transition: all .5s;}
figure.inset:hover{ transform: translate(0,-1rem);}


.flex-control-thumbs{ margin-top:4px; padding-left:0; list-style:none;display:flex;flex-wrap:wrap;justify-content:space-between; gap:1px}
.flex-control-thumbs:after {content: "";flex: auto;}
.flex-control-thumbs li{flex-basis:calc(12.5% - 1px);  background:#000; }
.flex-control-thumbs li img{ width:100%; opacity:.4;transition: all .5s; object-fit:contain;aspect-ratio:4/3; cursor:pointer;}
.flex-control-thumbs li img.flex-active{opacity:1; cursor:default;}

.help{display: flex;align-items: center; gap:.75rem; margin-bottom:1em;}
.help p{ margin-bottom:0;}
.help .num{ background:var(--main-color); color:#fff; font-family:'Poppins', sans-serif; font-weight:700; flex-basis:40px; min-width:40px;height:40px; text-align:center; font-size:1.5em; line-height:40px; border-radius:50%;}

.nav-tabs{justify-content: center;font-size: 1.1875em;border-bottom: 1px solid #dedede; margin-bottom:1rem;}
.nav-tabs a {display: block;text-align: center;border-radius:0;border:1px solid #dedede; color:#999; padding:.7rem 2rem; border-bottom:0 none;}
.nav-tabs a:hover{ background:var(--main-color); border-color:var(--main-color); color:#ddd;}
.nav-tabs li:not(:first-child) a{ border-left:0 none;}
.nav-tabs a.active{ background:var(--main-color); border-color:var(--main-color);font-weight:300; color:#fff; }

.list-group.horizontal{flex-wrap: wrap;justify-content: space-between;flex-direction: row;}
.list-group.horizontal .list-group-item{ flex: 0 1 calc(100%/3 - 5px); margin-bottom:.75rem; border: 1px solid rgba(0,0,0,.125); border-radius:.25rem;}



ul.galley-flow { display: flex; flex-wrap: wrap; gap:10px;  }
.galley-flow li { height: 200px; flex-grow: 1; border:1px solid #e5e5e5; border-radius:.5rem; overflow:hidden; background:rgba(0,0,0,.1);}
.galley-flow img { max-height: 100%; min-width: 100%; object-fit: contain; vertical-align: bottom; }

.smartphoto{ background:rgba(0,0,0,.9);z-index: 10000;}




/*
█▀▀ █▀█ █▄░█
█▄▄ █▄█ █░▀█
*/
.nav-top-g{ background:rgba(0,0,0,.5); border-bottom:1px solid rgba(255,255,255,.32); padding:.8rem 0; z-index:1000;}
.nav-top-g .navbar{align-items: baseline;}
.nav-top-g:hover,
.subpage .nav-top-sub,
.subpage .nav-top-g{ background:rgba(0,0,0,5);}


.nav-top-g .logos{display:flex;flex-direction: column;}
.nav-top-g:hover .logo-rel{ display:flex;}
.nav-top-g .logo-rel{ display:none; width:520px; margin-top:36px; gap:10px; align-items: center;}
.nav-top-g .logo-rel span{flex-basis:150px; gap:15px}
.nav-top-g .logo-rel span img{ width:100%; height:auto;}

#nav-top .logo-rel{ display:none;}
#nav-top.show .logo-rel{ display:flex; width:100%; margin-bottom:2rem}
#nav-top .logo-rel span{ flex-basis:50%;}
@media (max-width: 1200px) {
.nav-top-g .logo-rel{ width:280px;}
}


#nav-top .nav-link{ color:#fff; font-weight:500;}
#nav-top .nav-link:focus, 
#nav-top .nav-link:hover{ color:#e2302a;}

.dropdown-menu{ background:none; border:0 none;}
.dropdown-item{ color:#aaa; padding:.5rem; }
.dropdown-item:hover{ background:none; color:#fff}


@media all and (min-width: 992px) {
.navbar{ align-items:start;}
.navbar-expand-lg{justify-content: space-between;}
.navbar-expand-lg .navbar-nav .dropdown-menu{ position:static;}
.nav-item{ width:160px;}
.dropdown-menu{ display:block; max-height:0; opacity:0; visibility:hidden; transition: all .7s ease-in;}
.dropdown-toggle::after {display:none;}
.nav-top-g:hover .dropdown-menu,
.navbar-nav:hover .dropdown-menu{ display:block;max-height:500px; opacity:1; visibility:visible;transition: all .7s ease-out; }
}

#site-header{ position:fixed; top:0; width:100%; z-index:1100;transition: all .5s;}
#site-header.fixed-top{ background:rgba(0,0,0,.65);}

#splash .slider{ height:100vh; min-height:420px }
#splash .flex-viewport,
#splash .slides, #splash .slides > li{ height:100%;}
#splash .slides>li img{object-fit: cover;object-position: 50% 50%; width:100%; height:100%;}

#splash .slides li::before{top:0; max-width:100%; background:rgba(0,0,0,.49);}
#splash .slides li img{ max-width:100%;}
#splash .slogan{ font-size:50px; font-size: calc(1.5vw + 1.5vh + 1.5vmin);}
#splash .slogan{bottom:10%; left:4%; color:#fff; font-weight:700; letter-spacing:-2px; line-height:1.14;font-family: 'Poppins', sans-serif; }
#splash .slogan span{ font-family:'Noto Sans KR', sans-serif; font-weight:100;}
#splash .slogan span,
#splash .slogan b{display:block;}
#splash .slogan .slogan2{ font-size:1.4em;  font-weight:700; letter-spacing:-5px}
#splash .slogan .slogan2 b{ font-size:1.6em; font-weight:700;}
.relsite .flex-control-paging{ bottom:-1em;}
.flex-control-paging li a{ background:#999;}
.flex-control-paging a.flex-active{ background:var(--main-color);}

#splash .slogan{ opacity:0;animation:1.2s ease 0 fadeOut;}
#splash .flex-active-slide .slogan{animation:1.2s ease .7s  fadeIn;animation-fill-mode:forwards}
@keyframes fadeIn {
  0% {opacity: 0;}
  100% {opacity: 1;}
}
@keyframes fadeOut {
  0% {opacity: 1;}
  100% {opacity: 0;}
}

.header-page{ text-align:center; background-color:#777; padding:210px 0 10px; margin-bottom:50px;background-size:cover;position:relative; color:#fff; background-position:center}
.header-page a{ color:#fff;}
.header-page::before {content: '';position: absolute;top: 0;right: 0;bottom: 0;left: 0; background-image:linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,.1) 50%,rgba(0,0,0,0.65) 100%);}
.header-page .container{ position:relative;}
.header-page{background-image:url(../img/bg-header-page.jpg); }
.projects .header-page{background-image:url(../img/bg-header-page-facility.jpg); }
.testing .header-page{background-image:url(../img/bg-header-page-paper.jpg); }
.customer .header-page{background-image:url(../img/bg-header-page-conference.jpg); }



.header-page h1{ margin:0 0 60px; color:#fff; text-shadow:1px 2px 4px rgba(0, 0, 0, 1); position:relative; font-size:2.2em;animation: fadein .8s;z-index:2}
.header-page h1 span{border-bottom:4px solid rgba(255,255,255,.6);}
.header-page h1:after{ content:attr(data-subheading); display:block; margin-top:20px; font-size:.4em; font-weight:normal; color:rgba(255,255,255,.7)}

.table thead th{ text-align:center;}


.main-slogan{ text-align:center; font-size:1.25em; padding:3em 1em; line-height:1.1;}
.main-slogan strong{ ; font-size:1.9em; margin-bottom:1em; display:block;}
.main-slogan em{ font-style:normal; color:var(--main-color)}
.main-slogan-bg{ background:linear-gradient(rgba(39, 83, 125, .7), rgba(39, 83, 125, .7)) , url(../img/bg-house-model.jpg) fixed;background-blend-mode: multiply; background-position:center;background-size: cover; text-align:start; padding:90px 0; margin-top:5rem;}
.main-slogan-bg p{ color:#fff; font-size:2.2em;text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.68);}
.main-slogan-bg b{ display:block; font-size:1.6em; font-weight:500;}

a.more{ color:#fff; display:inline-block; position:relative; margin-top:20px; padding-bottom:5px; font-family:'Poppins', sans-serif}
a.more:before{ display:block; content:''; position:absolute; width:100%; bottom:0; height:1px; background:#fff;}
a.more:after{ content:'→'; background:#fff; display:block; position:absolute; left:calc( 100% + 20px); top:-50%; width:48px; height:48px; text-align:center; line-height:48px; color:#000; border-radius:50%;transition: all .5s;}
a.more:hover:after{ background:var(--main-color); color:#fff;}

main#content{font-size:1.125em;}


#content h2.box{font-size:1.25em; width:15rem; padding:.75rem; background:#222; color:#fff; padding-bottom:3rem}
#content h2.box::before { background-color:#fff; bottom:1.5rem; height:1px; opacity:1}

#content .slogan h2{font-size:2.8em; font-weight:300;  margin-bottom:3rem;}
#content .slogan h2 small{ font-size:.5em; color:var(--main-color); display:block;}
#content .slogan h2:before{ display:none; background:var(--main-color); opacity:1; bottom:auto; top:50%; width:140px; height:5px;transform: translate(-160px,0);}
#content .slogan .bx{ padding-left:70px;}
#content .slogan p{font-size:1.056em; font-weight:300;}



.main-service{ margin-bottom:5rem;background-size:cover;}


.main-service .col{ aspect-ratio:1 / 1.2;}
.main-service .col:not(:first-child){border-left:1px solid #fff;}
.main-service .card{ border:0 none; border-radius:0; background:#000; color:#fff; height:100%}
.main-service .card-img{opacity:.4;transition: all .5s; height:100%;}
.main-service .card:hover .card-img{opacity:.15;}
.main-service .card-title{ font-size:1.875em; margin-bottom:2rem }
.main-service .card-title small{ display:block; font-size:.4em; text-transform:uppercase;}
.main-service .card-img-overlay{display: flex;flex-direction: column;justify-content:center; padding:1rem 2rem;}
.main-service .card-text{max-height: 0;transition: max-height .5s ease-out;overflow: hidden;}
.main-service .card:hover .card-text{max-height: 500px;transition: max-height .5s ease-in;}	
.main-service .card-footer{ background:transparent; border-top:0; padding:.5rem 0}
.main-service a.more{ margin-top:2rem;}
.main-service .col:hover a.more:after{ background:var(--main-color); color:#fff;}

.latest{position:relative;}
.latest h2{ position:absolute; left:0; top:0; text-align:end;transform: translate(-120%, -5px); font-weight:700;}
.latest h2 small{ display:block; font-size:.5em; color:var(--main-color);}
.latest .col{padding-bottom:1em;}
.latest .row .col:not(:first-child){border-top: 1px solid rgba(0,0,0,.125); padding-top:1em;}
.latest .heading{display:flex;justify-content:flex-start;flex-wrap:wrap; margin-bottom:1rem;}
.latest .heading .cate{ flex-basis:62px; background:var(--main-color); color:#fff;font-size:.8125em;display: flex;justify-content: center;align-items: center;}
.latest .heading h5{ margin-left:10px; margin-bottom:0; font-size:1.1em;}
.latest .heading h5 a{ color:#222;}
.latest .heading h5 .date{ display:block; font-size:.8125em; color:#666; margin-bottom:5px;}
.latest .latest-con{ color:hsl(0, 0%, 28%);}

.quickmenu li{border: 1px solid rgba(0,0,0,.125);border-radius:.25rem; padding:.75em 1em; margin-bottom:.9em}
.quickmenu a{ color:#212121;}
.quickmenu a:hover{ color:var(--main-color);}
.quickmenu .ico,
.quickmenu [class^='fa']{ margin-right:1rem; color:var(--main-color);}

.relsite{ position:relative; padding:0 50px; margin-top:3rem;}
.relsite .slides li img{ width:auto; max-width:100%;}
.relsite .flex-direction-nav .flex-prev{ left:20px}
.relsite .flex-direction-nav .flex-next{ right:20px}
.relsite .flex-prev::before,
.relsite .flex-next::before{ border-color:#000; border-width:2px 2px 0 0; width:24px; height:24px;}
.relsite .flex-disabled::before{ border-color:#eee;}


.process {margin-bottom:2rem;display: flex;justify-content: flex-start; gap:1rem;border: 1px solid rgba(0,0,0,.125); padding:1rem;}
.process .ico span{ display:inline-block; background:#b63838; border-radius:50%;}
.process h5{white-space: nowrap; flex-basis:260px; min-width:260px;margin-top: 2rem; position:relative;}
.process h6{ color:var(--main-color); margin-top:1rem;}
.process .description li{ margin-bottom:0;}
.process .description{ position:relative; padding-left:1.5rem }
.process .description:after{ content:''; position:absolute; left:0; top:0; width:1px; height:100%; background:#eee;}

.certificate{ padding:1.8rem; border: 1px solid rgba(0,0,0,.125); height:100%}
.certificate h5{ font-size:1em;}
.certificate p{ margin:1.5rem 0 2.4rem;}
.certificate li{ margin-bottom:1rem;}
.magnify{ position:relative; display:block}
.magnify::after{ content:'\f00e'; font-size:1.4rem; display:block; padding:6px 12px; background:rgba(0,0,0,.6);position:absolute; right:0; bottom:0; color:#fff; font-family:FontAwesome, "Font Awesome 5 Free";}


.facility-item{ display:flex; align-items: center; margin-bottom:1rem}
.facility-item .title{ background:var(--main-color); color:#fff; padding:.5rem .75rem; margin-right:1rem;word-break: keep-all;}

#facility .slides img{ aspect-ratio:1.333; object-fit:contain}


#testing_process #content .row{ margin-bottom:6rem;}
#testing_process #content figure{ text-align:center; border: 1px solid rgba(0,0,0,.125);border-radius:.25rem; padding:1rem; position:relative}
#testing_process #content figure .num{ position:absolute; left:10px; top:-10px; font-weight:700; font-family:'Poppins', sans-serif; font-size:3.4em; color:var(--sub-color);}
#testing_process #content .list-group{font-size:.875em;}
#testing_process #content .list-group .fas{color:hsl(0, 0%, 50%);}



.nav-tabs.full li{flex:1}









/*
█▀█ █░█░█ █▀▄
█▀▄ ▀▄▀▄▀ █▄▀
*/
@media (min-width: 576px) {}
@media (min-width: 768px) {}
@media (min-width: 992px) {}
@media (min-width: 1200px) {}


@media (max-width: 1199.98px) {
.list-group.horizontal .list-group-item{flex:0 1 calc(100%/2 - 5px);}
}
@media (max-width: 991.98px) {
.main-service .card-title{ font-size:1.4em;}
.main-service .card:hover .card-text{ max-height:0; display:none}

}
@media (max-width: 767.98px) {
html{ font-size:14px;}
.tbl_head01 thead th{ padding-top:5px; padding-bottom:5px;}
.bo_tit_sub .name,
.bo_tit_sub .date{ font-size:.9em; display:block;}
/*c*/
#site-header{ position:fixed}
.nav-top-g{ background:rgba(0,0,0,.8);}
.nav-top-g .logo-rel,
.nav-top-g:hover .logo-rel{ display:none;}
#nav-top .nav-link,
.dropdown-menu{ font-size:1.143rem;}


.latest h2{ position:static; text-align:start;transform:none; margin-bottom:1rem}
.main-service{ margin-bottom:2rem;}
.main-service .col{ aspect-ratio:auto;}

.main-service .card-img{ aspect-ratio:2;object-fit: cover;}

.main-slogan{ font-size:1.14em;}
.main-slogan strong,
.main-slogan-bg p{ font-size:1.1em;}
.main-slogan-bg{padding:2em 0;}
#site-footer{font-size:.875em;}
#site-footer span{ display:block;}
.header-page{ padding-top:120px;}

#content h2.box{ width:100%;}

.process{flex-direction: column;}
.process .ico{ text-align:center;}
.process .ico img{ width:60px; height:auto;}
.process h5{ flex-basis:100%; margin-top:0;}
.process .description{ padding-left:0;}
.process .description:after{ display:none;}
#testing_visit .process-btn .btn{ width:100%; margin-bottom:1em;}




}

@media (max-width: 575.98px) {
#splash .slider{ height:45vh; min-height:280px }

.main-service .col:not(:first-child){ border-left:0 none; border-top:1px solid #fff;}
.main-service .card-title{ margin-bottom:0;}


.list-group.horizontal .list-group-item{ flex:100%;}

#content .slogan h2{ font-size:2em;}
.flex-control-thumbs li{flex-basis:calc(20% - 1px)}
}



@media (min-width: 576px) and (max-width: 767.98px) {}
@media (min-width: 768px) and (max-width: 991.98px) {}
@media (min-width: 992px) and (max-width: 1199.98px) {}
@media (min-width: 1200px) {}