@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');

/************************reset***********************/
#container {min-width:280px !important; width:100%;}
html {min-width:280px !important; word-break:keep-all;}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,
small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,
aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,
nav,output,ruby,section,summary,time,mark,audio,video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
	font-family: 'Noto Sans KR', sans-serif;
 letter-spacing:-0.5px;
}
/* HTML5 display-role reset for older browsers */
article,aside,details,figcaption,figure,footer,header,hgroup,menu,
nav,section {display: block;}
ol,ul {  list-style: none;}
blockquote,q {  quotes: none;}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}
table { border-collapse: collapse;  border-spacing: 0;}
input:focus {  outline: none;}
a {  color: inherit;  text-decoration: none;}
a:focus, 
a:hover {text-decoration:none !important;}
.row {display:block !important;}
.container-fluid {padding:0 !important;}

/************************common***********************/
.br {display:none;}
.bold {font-weight:700;}
.fc-g-1 {color:#d8dde6;}
.fc-g-2 {color:#d4d4d4}
.fc-b-4 {color:#4b5ee9;}
.fc-gr-1 {color:#21c4af;}
.fc-0 {color:#000;}
.fc-f {color:#fff;}
.drop-shadow {filter: drop-shadow(5px 5px 5px #ededed);}
.dot-line {width:100%; height:1px; border-top:1px dotted #a7a7a7;}
.bd-10 {box-sizing:border-box; border:5px solid  #f1f1f1; padding:0;}
.f-right {float:inherit;}


/************************container***********************/

.containerr {max-width:1280px; width:100%; margin:0 auto;}
.containerr h2 {font-size:30px; font-weight:300; letter-spacing:-2px;}
.containerr h5 {font-size:10px;letter-spacing:0;}
.containerr p {font-size:14px; line-height:1.8;}

/******************product-tape******************/
#hmt-tape {padding-bottom:30px;}
#hmt-tape .hmt-tape-tit {padding:20px 15px 5px 15px; width:100%; background:url('/_img/tape_bg.png') no-repeat center; background-size:cover; }
#hmt-tape .containerr.pd-2 {padding:0 20px;}
#hmt-tape h3 {font-size:22px;}
#hmt-tape h2 {margin:5px 0;}
#hmt-tape p {margin-bottom:15px;}
#hmt-tape .txt {padding:0;}

/******************product-info******************/
#hmt-product {padding-bottom:30px;}
#hmt-product .hmt-product-tit {padding:20px 15px 5px 15px; width:100%; background:url('/_img/pd_bg.png') no-repeat center; background-size:cover; }
#hmt-product .containerr.pd-2 {padding:0 15px;}
#hmt-product .tit {font-size:22px;}
#hmt-product h2 {margin:5px 0;}
#hmt-product p {line-height:1.5; min-height:45px;}
#hmt-product .pd-list {display:flex; justify-content:space-around;}
#hmt-product .pd-list li {display:flex; flex-basis:32%;}

/******************paradiam******************/
#hmt-paradigm { width:100%; padding:30px 20px; background:url('/_img/paradiam_bg.png') no-repeat center; background-size:cover;}
#hmt-paradigm .containerr {padding:30px 15px; background:#fff;}
#hmt-paradigm .containerr .con-sm {margin:20px auto 0 auto; width:auto; text-align:center;}
#hmt-paradigm h4 {font-size:18px; letter-spacing:-1px;}

/******************iso******************/
#hmt-iso { width:100%; padding:60px 15px; background:url('/_img/iso_bg.png') no-repeat right #f6fdff; background-size:cover;}
#hmt-iso .txt {padding:0;}
#hmt-iso p {margin-top:25px;}
#hmt-iso .iso-img {margin-top:25px;}

/******************Form******************/
#hmt-form { width:100%; padding:0 15px 50px 15px; background:url('/_img/fform_bg.png') no-repeat right #f6fdff; background-size:cover;}
#hmt-form .form-logo {width:100px;}
#hmt-form .txt {padding:15px; text-align:center;}
#hmt-form .form {padding:0;}
#hmt-form h3 {font-size:16px; font-weight:600; color:#000; text-align:center;}
#hmt-form p {margin-top:15px;}
#hmt-form .hmt-send .hmt-form-con input {padding:10px 13px;; width:100%; background:#fff; border:1px solid #e8e8e8; box-sizing:border-box; border-radius:3px; font-size:13px;}
#hmt-form .hmt-send .hmt-form-con textarea {padding:10px 13px;; width:100%; min-height:100px; background:#fff; border:1px solid #e8e8e8; box-sizing:border-box; border-radius:3px; font-size:13px;}
#hmt-form .hmt-send .privcy {display:flex; font-size:13px;}
#hmt-form .hmt-send .privcy .ma-10 {margin:0 5px;}
#hmt-form .hmt-send button {width:100%; background:#2a3ab1; color:#fff; margin-top:5px; padding:12px;}

/******************Footer******************/
#hmt-footer {background:#2a2a2a; padding:20px 20px 40px 20px; width:100%;}
#hmt-footer .tit {margin-top:20px; font-size:16px; letter-spacing:-1px; }
#hmt-footer .tit .f-sm {margin-left:5px;  font-size:80%; color:#797979; font-weight:500;}
#hmt-footer  p {margin-top:10px; font-size:13px; font-weight:200; line-height:1.6;}
#hmt-footer  .copyright {display:block;  color:#797979; font-size:12px; }
#hmt-footer  .copyright .copy { font-weight:600; }
#hmt-footer  .copyright  .fbtn ul {display:flex; margin-top:5px;}
#hmt-footer  .copyright  .fbtn ul li a {display:block; padding-right:15px; }
#hmt-footer  .copyright  .fbtn ul li a:hover {color:#dedede;}

/******************Hmt-equ******************/
#hmt-equ {padding-bottom:30px;}
#hmt-equ .hmt-equ-tit {padding:25px; width:100%; background:url('/_img/equ_bg.png') no-repeat center; background-size:cover; }
#hmt-equ .hmt-equ-tit h2 {margin:5px 0; font-weight:bold;}
#hmt-equ .hmt-equ-tit h5 {font-size:14px;}
#hmt-equ .containerr {padding:0 10px;}
#hmt-equ .containerr.equ-con p {min-height:55px;}
#hmt-equ .containerr.equ-con .row {
    display:flex !important; flex-flow:row wrap; justify-content:space-between;
    width:100%; margin:0 auto;
}
#hmt-equ .containerr.equ-con .row::before {display:none;}
#hmt-equ .containerr.equ-con .row::after {display:none;}
#hmt-equ .containerr.equ-con .row .col-md-5 {width:48%; padding:0;}
/* 매우 작은 기기들 (모바일폰, 768px 보다 작은) */
/* 부트스트랩에서 이것은 기본이므로 미디어쿼리가 없습니다. */

/* 작은 기기들 (태블릿, 460px 이상) */
@media (min-width: 460px) {

.br {display:block; width:100%; height:1px;}
}

/* 작은 기기들 (태블릿, 768px 이상) */
@media (min-width: 768px) {

.bd-10 {box-sizing:border-box; border:10px solid  #f1f1f1;}
.f-right {float:right;}

.containerr {width:90%;}
.containerr h2 {font-size:30px; font-weight:300; letter-spacing:-2px;}
.containerr p {font-size:14px; line-height:1.8;}

#hmt-tape .txt {padding:30px 50px;}

#hmt-product {padding-bottom:50px;}
#hmt-product .hmt-product-tit {padding:40px 0;}
#hmt-product .containerr.pd-2 {padding:0 60px;}

}


/* 중간 기기들 (데스크탑, 992px 이상) */
@media (min-width: 992px) { 
#hmt-equ .containerr.equ-con .row .col-md-5 {width: 20%; padding:0 15px;}
 .col-md-w5 {width: 20%; }

.containerr {width:100%;}
.containerr h2 {font-size:40px; font-weight:300; letter-spacing:-4px;}
.containerr h2.eng {font-size:32px; font-weight:300; letter-spacing:-2px;}
.containerr h2.vie {font-size:32px; font-weight:300; letter-spacing:-2px;}
.containerr p {font-size:16px; line-height:2.0;}
.containerr h5 {font-size:14px;letter-spacing:0;}

#hmt-paradigm { width:100%; padding:80px 60px;}
#hmt-paradigm .containerr {padding:80px 40px;}
#hmt-paradigm .containerr .con-sm {margin:40px auto 0 auto; width:auto; text-align:center;}
#hmt-paradigm h4 {font-size:22px; letter-spacing:-1px;}

#hmt-iso {padding:130px 0 200px 0;}
#hmt-iso .containerr {position:relative; }
#hmt-iso .txt {padding:10px 30px 30px 50px;}
#hmt-iso .iso-img {margin:0; position:absolute; top:160px; left:-20px; width:750px;}

#hmt-form .form-logo {width:130px;}
#hmt-form .txt {padding:10px 20px 20px 60px;  text-align:left;}
#hmt-form h3 {text-align:left;}
#hmt-form p {margin-top:30px;}
#hmt-form .form {padding:0 40px;}
#hmt-form .hmt-send .hmt-form-con input {padding:10px 13px;; width:100%; background:#fff; border:1px solid #e8e8e8; box-sizing:border-box; border-radius:3px; font-size:13px;}
#hmt-form .hmt-send .hmt-form-con textarea {padding:10px 13px;; width:100%; min-height:100px; background:#fff; border:1px solid #e8e8e8; box-sizing:border-box; border-radius:3px; font-size:13px;}
#hmt-form .hmt-send .privcy {display:flex; font-size:13px;}
#hmt-form .hmt-send .privcy .ma-10 {margin:0 5px;}
#hmt-form .hmt-send button {width:100%; background:#2a3ab1; color:#fff; margin-top:5px; padding:12px;}


#hmt-footer  .copyright {display:flex; justify-content:space-between; color:#797979; font-size:14px; }
#hmt-footer  .copyright .copy { font-weight:600; letter-spacing:0.2px;}
#hmt-footer  .copyright  .fbtn ul li a {padding-left:15px; }
}

/* 큰 기기들 (큰 데스크탑, 1200px 이상) */
@media (min-width: 1200px) {
.containerr h2 {font-size:50px; font-weight:300; letter-spacing:-4px;}
.containerr p {font-size:17px; line-height:2.0;}

#hmt-tape {padding-bottom:150px;}
#hmt-tape .hmt-tape-tit {padding:200px 0 60px 0;}
#hmt-tape .containerr.pd-2 {padding:0;}
#hmt-tape h2 {margin:10px 0 20px 0;}
#hmt-tape h3 {font-size:30px; letter-spacing:-2px;}
#hmt-tape h4 {font-size:20px; letter-spacing:-2px;}
#hmt-tape .txt {padding:40px 160px;}

#hmt-equ {padding-bottom:150px;}
#hmt-equ .hmt-equ-tit {padding:150px 0 70px 0; width:100%; background:url('/_img/equ_bg.png') no-repeat center; background-size:cover; }
#hmt-equ .hmt-equ-tit h2 {margin:10px 0 35px 0;}
#hmt-equ .hmt-equ-tit h5 {font-size:25px;}
#hmt-equ .containerr {padding:0;}
#hmt-equ .containerr.equ-con p {min-height:71px;}

#hmt-product {padding-bottom:150px;}
#hmt-product .hmt-product-tit {padding:200px 0 60px 0;}
#hmt-product .tit {font-size:35px;}
#hmt-product .containerr.pd-2 {/*padding:0;*/}
#hmt-product h2 {margin:10px 0 20px 0;}
#hmt-product p {margin-bottom:0;}

#hmt-paradigm { width:100%; padding:150px 0;}
#hmt-paradigm .containerr {padding:100px 0;}
#hmt-paradigm .containerr .con-sm {margin:40px auto 0 auto; width:840px; text-align:center;}
#hmt-paradigm h4 {font-size:22px; letter-spacing:-1px;}


#hmt-iso .txt {padding:0 30px;}

#hmt-form .form-logo {width:180px;}
#hmt-form p {margin-top:60px;}
#hmt-form { width:100%; padding:0 40px; background:url('/_img/fform_bg.png') no-repeat right #f6fdff; background-size:cover;}
#hmt-form .txt {padding:65px 0 180px 115px ; }
#hmt-form .form {padding:75px 20px;}

#hmt-footer {padding:20px 40px 60px 40px;}
#hmt-footer .tit {margin-top:40px; font-size:18px;}
#hmt-footer .tit .f-sm {margin-left:10px; }
#hmt-footer  p {margin-top:15px; font-size:14px;}


 }