@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url('https://fonts.googleapis.com/css?family=Oxygen:300,400,700');
 
 
/*이미지 사이즈*/
/*제품 .pro-desc-img{max-height: 180px; overflow:hidden;}*/
.certification a.pro-desc-img{display:block; height: 190px; overflow:hidden;}
.certification a.pro-desc-img img{height:auto; vertical-align:top;}


.font-weight-bold500 {
	font-weight: 500 !important;
}

 
 
 .inline-block{display:inline-block !important;}
.over-hidden{overflow:hidden !important;}
p {color: #707070; line-height:1.5em; margin-bottom:0;}

.top-sub-title{color:#024da1 !important; font-family:'Oxygen', 'Noto Sans KR', sans-serif !important; font-size:17px !important; }
.lead{line-height:1.5em; font-size:20px; word-break:keep-all; color:#111 !important;}

.mt-5px{margin-top:5px !important;}
.mt-30{margin-top:30px !important;}
.mt-15px{margin-top:15px !important;}
.mt-10px{margin-top:10px !important;}

.mb-5px{margin-bottom:5px !important;}
.mb-10px{margin-bottom:10px !important;}
.mb-15px{margin-bottom:15px !important;}
.mb-30px{margin-bottom:30px !important;}
.p-200{padding-top:200px !important; padding-bottom:200px !important;}


.btn{ box-shadow: 0 1px 3px rgba(0,0,0,0.1), 0 1px 2px rgba(0,0,0,0.1);}
.bottom-search .btn{box-shadow:0 0 0 0 !important;}



.py-10{padding-bottom: 5rem!important; padding-top: 5rem!important;}
.py-20{padding-bottom: 10rem!important; padding-top: 10rem!important;}
.word-b{word-break:keep-all;}
.width_100{width:100%;}
.width_80{width:80%;}
.width_60{width:60%;}
.width_50{width:50%;}
.width_30{width:30%;}
.width_20{width:20%;}

 

.f-right{float:right;}
.text-color-white{color:#fff !important;}

#footer .logo img{min-width:250px;}

.page-header{margin-bottom:0 !important;}

.modal{z-index:999999999999999999 !important; top:0; background:rgba(0,0,0,0.4);}
.modal.fade .modal-dialog{margin-top:5rem;}
.modal-backdrop{position:relative; top:0; background:#000;}
.modal-title{color:#111;}

#header .header-body{border-bottom:1px solid #f1f3f7;}
 
 .page-header{padding:30px 0;}
 
 .list-icon li > i{top:5px;}
  .list-icon li a:hover{color:#ccc !important;}
 .bg-black{background:#171616 !important;}

.case img{width:100%;}
.case a:hover img{opacity:0.8}

.ce_con img{border:1px solid #ccc; width:100%;}
.ce_con .modal img{border:none !important;}
 
.top_icon{z-index:999; border:3px solid #e4e5e6; background:#fff; text-align:center; width:70px; height:70px; position:absolute; top:-35px; left:50%; margin-left:-35px;}
.top_icon i{font-size:40px; color:#ccc; line-height:65px;}

#footer .footer-copyright{margin-top:0; padding:15px 0 !important;}


.result-tab table tr:last-child td{ border-bottom:1px solid #dee2e6;}

.map iframe{width:100% !important; height:400px;}

.result-tab table{min-width:700px;}
.result-tab .nav-item{width:16.6%;}
.result-tab li.nav-item a{text-align:center;}
.result-tab li.nav-item a span{font-size:14px; font-weight:bold; display:block;  margin-top:10px;}
.result-tab .nav-item .nav-link{padding:10px 0;}

.table td, .table th{padding:10px 3px !important;}
table thead{text-align:center; background:#f1f3f7 ;

 color:#fff; font-weight:normal;}
.table thead th{color:#111; font-weight:normal;}
.result-tab table tbody tr td{text-align:center;}
.result-tab table tbody tr td:last-child{text-align:left;}

form{width:100%:}

.nav > .nav-item > .nav-link:hover, .nav > .nav-item > .nav-link:focus, .nav > .nav-item > .nav-link:active{color:#111;}

.es_form .form-check{width:50%; float:left; margin-bottom:10px;}
.es_form h2{color:#024da1;}

.agree.form-check .form-check-label{font-size:12px !important;}

.privacy{height:250px; overflow-y:scroll; line-height:1.5em; font-size:13px; border:1px solid #ccc; padding:15px;}

.es_form i{margin-right:7px; font-size:20px; vertical-align:-2px; color:#024da1;}
.checkbox-custom label:before{border-color:#999;}

.customer_con table tbody tr td:last-child{text-align:center;}
.customer_con table tbody tr:last-child{border-bottom:1px solid #2388ed;}

html .nav-tabs .nav-item .nav-link i{color:#2388ed  !important;}

.bottom-search .form-control{padding:8px 15px;}
.bottom-search button.btn{padding:10.5px 15px; }
.bottom-search button.btn i{ font-size: 0.8rem;}
.page-nav{display:inline-block; margin:0; padding:0;}
.page-nav li{float:left; list-style:none !important; }
.page-nav li a{padding:0 10px;   line-height:1em; color:#333; font-size:14px;}
.page-nav li a.active{color:#2388ed; font-weight:bold;}
.page-nav li a i{font-size:20px; vertical-align:middle;}

.pipe{background-image:url("../image/pipe.jpg"); background-position:center;  background-size:cover; background-repeat:no-repeat;}
.pipe .t_box{background:rgba(256,256,256,0.7); padding:15px 0; }
 .pipe_box h2{font-size:21px; }
.image-frame.image-frame-style-3:after{display:none;}
.image-frame{border:7px solid #fff;}

.blog-post-desc p:last-child{margin-bottom:0 !important;}

.page_btn a{padding:8px 30px !important;}

 .side-contact-btn .btn-primary{border-color: #024da1; background-color: #024da1;}
  .side-contact-btn .btn-primary:hover{background:#2388ed; border-color:#2388ed;}
 
.side-contact{padding:0; margin:0; list-style:none; position:relative; padding-left:55px;}
.side-contact:before{content:"\e830"; font-size:30px; top:12px; position:absolute; left:5px; font-family: Linearicons-Free;  color:#024da1 ;   text-align:center;}
.side-contact a{color:#000; border-left:1px solid #ccc; text-align:center; display:block;width:100%; font-size:15px;}

.side-contact-btn{width:100%; text-align:center;}
.side-contact-btn a{display:inline-block; padding:10px; width:100% !important;  text-align:center; border-radius:0;}


.notice_table tr td:last-child{min-width:90px; font-size:13px;}

.board_bottom .input-group{width:270px; margin:0 auto;}
.board_bottom{text-align:center !important;}

.info_box span a{color:#000;}
.info_box h3{color:#333;}

.content-grid-row:last-child a{border-bottom:0;}

.content-grid a:hover{opacity:0.8;}

.tp-caption.text-color-white{  text-shadow: .02em .02em 0 #000;}

html .text-color-primary:not(.no-skin), html .text-primary:not(.no-skin){color:#024da1 !important;}

 #header .header-nav-main nav > ul > li > a{font-size:18px; color:#000;}
#header .header-nav-main nav > ul > li.dropdown .dropdown-menu li a:not(.btn){color:#ccc; font-size:15px;}
#header .header-nav-main nav > ul > li.dropdown .dropdown-menu li a:not(.btn):hover{color:#fff;}

.features .icon-box-info-title h3{color:#024da1;}

.map_btn a{padding:10px 0; display:inline-block; text-align:center;width:150px; text-align:center;}



.client{list-style:none; text-align:center; padding:0; margin:0;}
.client li{box-shadow: 0 1px 3px rgba(0,0,0,0.1), 0 1px 2px rgba(0,0,0,0.1); display:inline-block; width:19.5%; border-radius:5px; color:#111; padding:5px 0; background:#fdfdfd; margin-bottom:8px;   padding:15px 0;}

@media (max-width: 1199px) and (min-width: 768px)  {
	
	.side-contact{padding-left:40px;}
	.side-contact:before{font-size:28px;}

}


@media (max-width: 1199px) and (min-width: 992px)  {
	
	.certification a.pro-desc-img{height: 155px;}

}





@media  (max-width: 1199px)  {
	.info_box span a{font-size:20px !important;}
	.info_box h3{font-size:16px !important;}
}

@media  (max-width: 991px)  {
.sm-m-30px{margin-bottom:30px !important;}
}
@media  (max-width: 768px)  {
.section{padding:2.5rem 0; }

.lead{font-size:16px;}

.result-tab li.nav-item a span{font-size:12px; font-weight:normal; line-height:1.3em;}

.info_box span a{font-size:18px !important;}
h2{font-size:1.4rem;}
p{font-size:14px;}
h3{font-size:1.2rem;}

.info_box .border-right{padding-bottom:30px;border-bottom:1px solid #dee2e6; border-right:none !important;}

.sm-mb-30px{margin-bottom:30px !important;}

.nav-tabs i{font-size:1.3rem !important;}

#header .header-logo img{width:200px !important;}

 #header .header-nav-main nav > ul > li > a{font-size:14px;}
#header .header-nav-main nav > ul > li.dropdown .dropdown-menu li a:not(.btn){font-size:12px;}

.client li{width:24%;}

}



@media  (max-width: 575px)  {
.xs-mb-30px{margin-bottom:30px !important;}
.post-date, .post-likes{font-size:11px !important;} 

.content-grid .content-grid-item{width:50% !important;}
.content-grid .content-grid-item h3{font-size:15px !important;}

.client li{width:32%; font-size:12px !important; padding:10px 0;}
}

@media  (min-width: 440px)  {
.agree {margin-top:5px;}

}




/* SH - 230221 수정 */
@media (max-width:480px){
	.greeting-bx br{ display:none; }
}

.pr-feature .row{ align-content:center;justify-content:end; }
.pr-feature .row > *{ padding:0 15px; }
.pr-feature .feature-1{ width:60%; }
.pr-feature .feature-2{ width:40%; }
.pr-feature{ padding:40px;border-radius:30px;border:2px solid #ddd; }
.pr-feature .feature-bx{ position:relative;display:flex;flex-wrap:wrap;justify-content:end;align-items:end;align-content:end;height:100%; }
.pr-feature .feature-bx img{ width:340px; }
.pr-feature ul{ padding:0;margin:0;list-style:none; }
.pr-feature .point li span{ position:absolute;width:12px;height:12px;border-radius:50%;background:#2388ed;font-size:0;color:transparent; }
.pr-feature .point-list li{ position:absolute; }
.pr-feature .point-list li:before{ content:"";position:absolute;background:#2388ed; }
.pr-feature .feature-1 .point-list{ position:absolute;left:0;top:0;width:160px;height:100%; }
.pr-feature .feature-1 .point-list li{ padding-right:8px;text-align:right;line-height:1.4;width:100%; }
.pr-feature .feature-1 .point-list li:before{ height:1px;left:100%;top:50%;transform:translateY(-50%); }
.pr-feature .feature-1 .point-list li:nth-child(1){ left:0%;top:4%; }
.pr-feature .feature-1 .point-list li:nth-child(1):before{ width:280px; }
.pr-feature .feature-1 .point-list li:nth-child(2){ left:0%;top:18.4%; }
.pr-feature .feature-1 .point-list li:nth-child(2):before{ width:240px; }
.pr-feature .feature-1 .point-list li:nth-child(3){ left:0%;top:42%; }
.pr-feature .feature-1 .point-list li:nth-child(3):before{ width:245px; }
.pr-feature .feature-1 .point-list li:nth-child(4){ left:0%;top:53.5%; }
.pr-feature .feature-1 .point-list li:nth-child(4):before{ width:210px; }
.pr-feature .feature-1 .point li:nth-child(1) span{ left:71.5%;top:5%; }
.pr-feature .feature-1 .point li:nth-child(2) span{ left:64.5%;top:22%; }
.pr-feature .feature-1 .point li:nth-child(3) span{ left:66.5%;top:43%; }
.pr-feature .feature-1 .point li:nth-child(4) span{ left:60%;top:57%; }
.pr-feature .feature-2{ padding-left:45px; }
.pr-feature .feature-2 .point-list li{ text-align:center;padding-bottom:2px; }
.pr-feature .feature-2 .point-list li:before{ width:1px;left:50%;top:100%;transform:translateX(-50%); }
.pr-feature .feature-2 .point-list li:nth-child(1){ left:15.1%;top:0;width:83px; }
.pr-feature .feature-2 .point-list li:nth-child(1):before{ height:158px; }
.pr-feature .feature-2 .point-list li:nth-child(2){ width:80px;left:33.5%;top:15%; }
.pr-feature .feature-2 .point-list li:nth-child(2):before{ height:88px; }
.pr-feature .feature-2 .point li:nth-child(1) span{ left:25%;top:41%; }
.pr-feature .feature-2 .point li:nth-child(2) span{ left:43%;top:40%; }
@media (min-width:992px) and (max-width:1199px){
	.pr-feature .feature-bx img{ width:300px; }
	.pr-feature .feature-1 .point-list li:nth-child(1):before{ width:185px; }
	.pr-feature .feature-1 .point-list li:nth-child(2):before{ width:155px; }
	.pr-feature .feature-1 .point-list li:nth-child(3):before{ width:160px; }
	.pr-feature .feature-1 .point-list li:nth-child(4):before{ width:130px; }
	.pr-feature .feature-1 .point li:nth-child(1) span{ left:69%;top:5%; }
	.pr-feature .feature-1 .point li:nth-child(2) span{ left:61.5%;top:22%; }
	.pr-feature .feature-1 .point li:nth-child(3) span{ left:64%;top:43%; }
	.pr-feature .feature-1 .point li:nth-child(4) span{ left:57%;top:57%; }
	.pr-feature .feature-2 .point-list li:nth-child(1){ left:5.5%;top:0;width:83px; }
	.pr-feature .feature-2 .point-list li:nth-child(1):before{ height:135px; }
	.pr-feature .feature-2 .point-list li:nth-child(2){ width:80px;left:23.5%;top:15%; }
	.pr-feature .feature-2 .point-list li:nth-child(2):before{ height:75px; }
	.pr-feature .feature-2 .point li:nth-child(1) span{ left:18%;top:41%; }
	.pr-feature .feature-2 .point li:nth-child(2) span{ left:35%;top:40%; }
}
@media (min-width:768px) and (max-width:991px){
	.pr-feature .row > *{ width:100%; }
	.pr-feature .feature-2{ margin-top:30px;padding-left:0; }
	.pr-feature .feature-2 .point-list{ position:absolute;left:0;top:0;width:160px;height:100%; }
	.pr-feature .feature-2 .point-list li{ text-align:right;padding-bottom:0;padding-right:8px; }
	.pr-feature .feature-2 .point-list li:nth-child(1),
	.pr-feature .feature-2 .point-list li:nth-child(2){ width:100%;left:0; }
	.pr-feature .feature-2 .point-list li:nth-child(2){ top:13%; }
	.pr-feature .feature-2 .point-list li:nth-child(1):before,
	.pr-feature .feature-2 .point-list li:nth-child(2):before{ height:1px;left:100%;top:50%;transform:translate(0,-50%); }
	.pr-feature .feature-2 .point-list li:nth-child(1):before{ width:225px; }
	.pr-feature .feature-2 .point-list li:nth-child(2):before{ width:180px; }
	.pr-feature .feature-2 .point li:nth-child(1) span{ left:62%;top:3%; }
	.pr-feature .feature-2 .point li:nth-child(2) span{ left:53%;top:16%; }
}
@media (max-width:767px){
	.pr-feature{ padding:30px; }
	.pr-feature .row > *,.pr-feature .feature-bx img{ width:100%; }
	.pr-feature .row > *{ padding:0 15px; }
	.pr-feature br{ display:none; }
	.pr-feature .point-list li,.pr-feature .feature-1 .point-list,.pr-feature .feature-2 .point-list{ position:relative; }
	.pr-feature .point li span{ font-size:14px;color:#fff;width:24px;height:24px;line-height:24px;text-align:center;border-radius:100%; }
	.pr-feature .feature-1 .point-list,.pr-feature .feature-2 .point-list{ width:100%;height:auto; }
	.pr-feature .feature-1 .point-list li,.pr-feature .feature-2 .point-list li{ text-align:left;padding-left:30px;line-height:24px;position:relative; }
	.pr-feature .feature-1 .point-list li:not(:last-child),.pr-feature .feature-2 .point-list li:not(:last-child){ margin-bottom:8px; }
	.pr-feature .feature-1 .point-list li:before,.pr-feature .feature-2 .point-list li:before,
	.pr-feature .feature-1 .point-list li:nth-child(1):before,
	.pr-feature .feature-1 .point-list li:nth-child(2):before,
	.pr-feature .feature-1 .point-list li:nth-child(3):before,
	.pr-feature .feature-1 .point-list li:nth-child(4):before,
	.pr-feature .feature-2 .point-list li:nth-child(1):before,
	.pr-feature .feature-2 .point-list li:nth-child(2):before{ color:#fff;width:24px;height:24px;line-height:24px;left:0;text-align:center;border-radius:100%; }
	.pr-feature .feature-1 .point-list li:nth-child(1):before,
	.pr-feature .feature-2 .point-list li:nth-child(1):before{ content:"1"; }
	.pr-feature .feature-1 .point-list li:nth-child(2):before,
	.pr-feature .feature-2 .point-list li:nth-child(2):before{ content:"2"; }
	.pr-feature .feature-1 .point-list li:nth-child(3):before{ content:"3"; }
	.pr-feature .feature-1 .point-list li:nth-child(4):before{ content:"4"; }
	.pr-feature .feature-2{ margin-top:30px;padding-left:15px; }
	.pr-feature .feature-2 .point-list li:nth-child(1),
	.pr-feature .feature-2 .point-list li:nth-child(2){ width:100%;left:0;padding-bottom:0; } 
	.pr-feature .feature-2 .point-list li:before{ top:0%;transform:translateX(0); }
	.pr-feature .feature-1 .point li:nth-child(1) span{ left:49.5%; }
	.pr-feature .feature-1 .point li:nth-child(2) span{ left:39.5%; }
	.pr-feature .feature-1 .point li:nth-child(3) span{ left:40%;top:35%; }
	.pr-feature .feature-1 .point li:nth-child(4) span{ left:28%;top:46%; }
	.pr-feature .feature-2 .point li:nth-child(1) span{ left:25%;top:3%; }
	.pr-feature .feature-2 .point li:nth-child(2) span{ left:38%;top:3.5%; }
}
@media (max-width:480px){
	.pr-feature{ padding:20px; }
	.pr-feature .point{ width:100%;height:100%;position:absolute;left:0;top:0; }
	.pr-feature .point li span,
	.pr-feature .feature-1 .point-list li:nth-child(1):before,
	.pr-feature .feature-1 .point-list li:nth-child(2):before,
	.pr-feature .feature-1 .point-list li:nth-child(3):before,
	.pr-feature .feature-1 .point-list li:nth-child(4):before,
	.pr-feature .feature-2 .point-list li:nth-child(1):before,
	.pr-feature .feature-2 .point-list li:nth-child(2):before{ width:20px;height:20px;line-height:20px;font-size:12px; }
	.pr-feature .feature-1 .point-list li, .pr-feature .feature-2 .point-list li{ line-height:20px;padding-left:24px; }
	.pr-feature .feature-1 .point li:nth-child(1) span{ left:48%;top:3%; }
	.pr-feature .feature-1 .point li:nth-child(2) span{ left:40%;top:17%; }
	.pr-feature .feature-1 .point li:nth-child(3) span{ left:40%;top:33%; }
	.pr-feature .feature-1 .point li:nth-child(4) span{ left:60%;top:36%; }
	.pr-feature .feature-2 .point li:nth-child(1) span{ left:25%;top:3%; }
	.pr-feature .feature-2 .point li:nth-child(2) span{ left:38%;top:3.5%; }
}
@media (max-width:419px){
	.pr-feature .feature-1 .point li:nth-child(4) span{ top:34%; }
}
@media (max-width:380px){
	.pr-feature .point li span,
	.pr-feature .feature-1 .point-list li:nth-child(1):before,
	.pr-feature .feature-1 .point-list li:nth-child(2):before,
	.pr-feature .feature-1 .point-list li:nth-child(3):before,
	.pr-feature .feature-1 .point-list li:nth-child(4):before,
	.pr-feature .feature-2 .point-list li:nth-child(1):before,
	.pr-feature .feature-2 .point-list li:nth-child(2):before{ width:16px;height:16px;line-height:16px;font-size:12px; }
}


.pr-color-list{ padding:0;margin:0;list-style:none;display:flex;margin-left:-5px;margin-right:-5px;flex-wrap:wrap; }
.pr-color-list li{ width:11.11%;padding:0 5px;margin:5px 0; }
.pr-color-list li img{ height:50px;width:100% !important; }
.pr-color-list li p{ font-size:14px;color:#000;margin-top:5px;line-height:1; }
@media (min-width:992px) and (max-width:1199px){
	.pr-color-list li img{ height:40px; }
}
@media (min-width:768px) and (max-width:991px){
	.pr-color-list li{ width:16.66%; }
	.pr-color-list li img{ height:40px; }
}
@media (min-width:576px) and (max-width:767px){
	.pr-color-list li{ width:20%; }
	.pr-color-list li img{ height:50px; }
}
@media (max-width:575px){
	.pr-color-list li img{ height:40px; }
	.pr-color-list li{ width:33.33%;margin:8px 0; }	
}
@media (max-width:420px){
	.pr-color-list li img{ height:30px; }
}


.side-contact:before{ top:50%;transform:translateY(-50%); }