(주)하소인텍 | 신분증스캐너, 금융기기, 고속스캐너 body, html { width: 100%; height: 100%; } body { font-family: 'Noto Sans KR', 'Dotum', '돋움', 'Open Sans', Arial, sans-serif ; } a { color: #000000; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s; } a:hover { color: #666666; } li { list-style:none; } ::-moz-selection { color: #fff; background: #212529; text-shadow: none; } ::selection { color: #fff; background: #212529; text-shadow: none; } img::selection { color: #fff; background: transparent; } img::-moz-selection { color: #fff; background: transparent; } .fl{float: left;} .fr{float: right;} .cb{clear:both;} .a {position:relative; float:left; left:50%;} .b {position:relative; float:left; right:50%;} ul{padding:0;} /* ++++++네비게이션++++++ */ #navbarResponsive-lg{display:none;} #realHeader { background-color : #FFFFFF; }#realHeader1 { background-color : #FFFFFF; } /* ++++++ 영문홈페이지 링크 버튼 ++++++ */ #realHeader .eng { display : none; } #realHeader1 .eng { display : none; } .eng-bg {display : none; } /* ++++++회사로고++++++ */ #mainNav .navbar-brand { width : 146px; height : 22px; background-image: url("http://hasointech.com/css/../images/common/logo_s.png"); background-size: 146px 22px; background-repeat: no-repeat; margin-top:20px; background-repeat: no-repeat; } /* ++++++버튼++++++ */ button.navbar-toggler { float: right; margin-top:8px; margin-bottom:8px; } .cb-s {clear : both;} /* ++++++메인네비++++++ */ #mainNav .navbar-nav > li.nav-item > div.nav-link{ font-size: .9em; font-weight: 700; text-transform: uppercase; } /* ++++++ 서브네비 ++++++ */ #realHeader{ position:relative; height:57px; } #realHeader1{ position:relative; height:57px; margin-top:-23px; } #mainNav {height:57px; width:100%;position:relative;left:0;top:0; background-color: #fff; font-family: 'Open Sans', Arial, sans-serif, 'Noto Sans KR', 'Dotum', '돋움' ; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s; } #headerWrap{width:100%; height:57px; background:#fff;position:absolute;left:0;top:0px; border-bottom: 2px solid #D8D8D8;} #navbarResponsive{ margin-left : -20px; margin-right : -20px; background-color : #ffffff; } #navbarResponsive>#gnb>li>ul{ padding-top:5px; padding-bottom:5px; display :none; font-family: 'Noto Sans KR', 'Dotum', '돋움', 'Open Sans', Arial, sans-serif ; font-size : 0.9em; } #gnb>.nav-item>.nav-link, #gnb>.nav-item.active>.nav-link { padding-top :12px; padding-left : 20px; height:45px; width:100%; border-top : 1px solid rgba(255,255,255,0.3); background-color : #00B1E1; color: #ffffff; cursor: pointer; } .nav-link>.arrow, #gnb>.nav-item.active>.nav-link>.arrow{ width:11px; height:6px; margin-right: 25px; margin-top : 8px; } .nav-link>.arrow { background-image:url("http://hasointech.com/css/../images/common/a_down.png"); background-repeat: no-repeat; } #gnb>.nav-item.active>.nav-link>.arrow { background-image:url("http://hasointech.com/css/../images/common/a_up.png"); background-repeat: no-repeat; } #navbarResponsive>#gnb>li>ul.show{ display:block; padding-left: 20px; padding-right:20px; } #navbarResponsive>#gnb>li>ul.show>li.link-mo{ height:21px; margin-top:10px; } #navbarResponsive>#gnb>li>ul.show>li.link-mo-la{ height:32px; margin-top:10px; } #navbarResponsive>#gnb>li>ul.show>li.link-mo>a{ color:#444444; } #navbarResponsive>#gnb>li>div>a.mo-eng{ color: #ffffff; } @media (min-width: 992px) { #navbarResponsive{display:none;} #gnb{display:none; } #navbarResponsive-lg{display:block;} .cb-s {float: right;} /* ++++++ 영문홈페이지 링크 버튼 ++++++ */ #realHeader .eng { display:block; border :2px solid #00b1d9; border-radius: 15px; padding :2px 9px; font-size : 13px; margin : 5px 10px 5px 10px; font-weight : 500; } #realHeader1 .eng { display:block; border :2px solid #00b1d9; border-radius: 15px; padding :2px 9px; font-size : 13px; margin : 5px 10px 5px 10px; font-weight : 500; } #realHeader .eng a{ color :#00b1d9 !important; } #realHeader1 .eng a{ color :#00b1d9 !important; } .eng-bg { display:block; width : 62%; border-bottom : 1px solid #DDDDDD; } /* ++++++회사로고++++++ */ #mainNav .navbar-brand { width : 306px; height : 30px; background-image: url("http://hasointech.com/css/../images/common/logo_m.png"); background-size: auto; margin : 0px; background-repeat: no-repeat; } /* ++++++ 메인 네비 ++++++ */ #mainNav .navbar-nav > li.nav-item > a.nav-link-lg{ font-size: 0.95em; font-weight: 700; text-transform: uppercase; color: #212529; text-align : center; text-decoration : none; padding-top : 9px; } /* ++++++ 서브 네비 ++++++ */ #realHeader{ position:fixed; height:50px; margin-top:0px; } #realHeader1{ position:fixed; height:50px; margin-top:0px; } #mainNav { height:50px;} #navbarResponsive-lg{ margin-left : -20px; margin-right : -20px; background-color : #ffffff; } #navbarResponsive-lg>#gnb-lg>li>ul{ /* padding-top:5px; padding-bottom:5px; */ font-family: 'Noto Sans KR', 'Dotum', '돋움', 'Open Sans', Arial, sans-serif ; font-size : 0.9em; } #navbarResponsive-lg{ margin : 0px; padding: 0px; background-color : #ffffff; border-bottom : 0px solid #D8D8D8; } #navbarResponsive-lg>#gnb-lg li ul{ height:0px; overflow: hidden; font-size : 0.8em; position:absolute;left:0; margin-top:25px; transition: height .3s; -webkit-transition: height .3s; -moz-transition: height .3s; -o-transition: height .3s; } .le-spa { letter-spacing:-1px;} #headerWrap{width:100%; height:57px; background:#fff;position:absolute;left:0;top:2px; border-bottom: 2px solid #D8D8D8; transition: height .3s; -webkit-transition: height .3s; -moz-transition: height .3s; -o-transition: height .3s; } #navbarResponsive-lg{float : right; width : 62%; position : relative;} #navbarResponsive-lg>#gnb-lg{ width : 100%; position:absolute; top:-20px; } /* +++++ inc-top 버전 5px 에러 ++++++ */ #navbarResponsive-lg>#gnb-lg.inc-top{ top:-14px; } #navbarResponsive-lg>#gnb-lg>li{width:25%;/* float:left; */ text-align:center;} #navbarResponsive-lg>#gnb-lg>li>ul>li{text-align:left;} #navbarResponsive-lg>#gnb-lg>li>ul>li>div {opacity:0; background-color : #3DC4E3; height : 3px; width : 25px; margin-bottom : 16px; } #navbarResponsive-lg #gnb-lg li ul {padding-left: 2.5%;} #navbarResponsive-lg #gnb-lg li.m1 ul{left:1%;} #navbarResponsive-lg #gnb-lg li.m2 ul{left:20%; border-left:1px solid #eeeeee;} #navbarResponsive-lg #gnb-lg li.m3 ul{left:49%; border-left:1px solid #eeeeee;} #navbarResponsive-lg #gnb-lg li.m4 ul{left:79%; border-left:1px solid #eeeeee;} #navbarResponsive-lg>#gnb-lg>li>ul>li.h{height:31px;} #navbarResponsive-lg>#gnb-lg>li>ul>li>a{display:block;padding:5px 0;} #navbarResponsive-lg>#gnb-lg>li:hover >a{color: #3DC4E3;} #navbarResponsive-lg>#gnb-lg>li:hover >ul>li>div{opacity :1;} #navbarResponsive-lg>#gnb-lg>li>ul>li>a:hover{color:#00b1d9; font-weight: 500; text-decoration:none;} } @media (min-width: 1200px) { /* ++++++회사로고++++++ */ #mainNav .navbar-brand { width : 328px; height : 31px; background-image: url("http://hasointech.com/css/../images/common/logo.png"); background-repeat: no-repeat; } /* ++++++ 서브 네비 ++++++ */ #navbarResponsive-lg>#gnb-lg>li>ul{font-size : 0.9em;} /* #navbarResponsive:hover >#gnb{ height:380px;} */ #navbarResponsive-lg #gnb-lg li ul {padding-left: 3%;} } /* ++++++메인이미지++++++ */ .head-tx { margin-top : 140px; } .head-tx>.head-tx-img { margin-left : 14px; width: 208px; height: 111px; background-image: url("http://hasointech.com/css/../images/common/head_tx_s_s.png"); } .head-tx-btn { position: relative; display: block; max-width: 120px; margin-top : 30px; margin-left : 14px; } .head-tx-btn .head-tx-btn-s { position: absolute; bottom: 0; display: block; width: 100%; height: 100%; opacity: 0; -webkit-transition: all 0s; -moz-transition: all 0s; transition: all 0s; } .head-tx-btn:hover .head-tx-btn-s { opacity: 1; z-index : 1; -webkit-transition: opacity 0.3s; /* Safari */ transition: opacity 0.3s; } .head-tx-btn:focus { outline: none; } header.masthead { margin-top:-65px; margin-bottom:10px; height: 380px; background-image: url("http://hasointech.com/css/../images/common/header.jpg"); background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .btn { margin-top : 7px; font-weight : 300; text-transform: uppercase; font-family: 'Noto Sans KR', 'Dotum', '돋움', 'Open Sans', Arial, sans-serif ; } .btn-primary { background-color: rgba(0, 0, 0, 0); border-color: rgba(0, 0, 0, 0); } .btn-primary:hover, .btn-primary:focus, .btn-primary:active { color: #fff; background-color:rgba(0, 0, 0, 0) !important; border-color: rgba(0, 0, 0, 0); } .btn-primary:active, .btn-primary:focus { box-shadow: 0 0 0 0rem rgba(0, 0, 0, 0) !important; } @media (min-width: 415px) { .head-tx { margin-top : 165px; } .head-tx>.head-tx-img { margin-left : 4px; width: 261px; height: 141px; background-image: url("http://hasointech.com/css/../images/common/head_tx_s.png"); } header.masthead { height: 500px; } .head-tx-btn { position: relative; display: block; max-width: 172px; margin-top : 55px; margin-left : 14px; } } @media (min-width: 768px) { header.masthead { margin-bottom:0px; } } @media (min-width: 992px) { .head-tx { margin-top : 237px; } .head-tx>.head-tx-img { width: 363px; height: 191px; background-image: url("http://hasointech.com/css/../images/common/head_tx.png"); } header.masthead { height: 663px; padding-top: 0; padding-bottom: 0; margin-top:0px; } } /* ++++++제품-뉴스++++++ */ .section1{ margin-top : 0px; margin-bottom : 12px; } @media (min-width: 992px) { .section1{ margin-top : 12px; } } /* ++++++제품슬라이드+++++ */ /* 모바일용 (0px~768px) */ .slider { width : 92%; margin-left:4%; margin-right:4%; } .slick-slide { margin : 0px 0px; /* max-width:192px를 width:192px로 수정하여 slick 슬라이드 slidesPerRow의 버그 임시 해결 (정확한 원인파악x) */ width:192px; } .slick-slide img { width : 100%; } .slick-prev:before, .slick-next:before { color : rgba(0,0,0,0.5); } .slick-slide { transition : all ease-in-out .3s; opacity: .2s; } .slick-active { opacity: .5s; } .slick-current { opacity:1; } @media (min-width: 992px) { .slider { width : 96%; margin-left:2%; margin-right:2%; } .slick-slide { margin : 0px 0px; } } @media (min-width: 1200px) { .slider { width : 96%; margin-left:2%; margin-right:2%; } } /* ++++++제품부분++++++ */ #portfolio { margin-left :0px; margin-bottom : 0px; margin-top : 0px } .portfolio-box { position: relative; display: block; max-width: 192px; margin: 0px auto; } .portfolio-box .portfolio-box-s{ position: absolute; bottom: 0; display: block; width: 100%; height: 100%; text-align: center; opacity: 0; color: #fff; -webkit-transition: all 0s; -moz-transition: all 0s; transition: all 0s; } .portfolio-box:hover .portfolio-box-s { opacity: 1; z-index : 1; -webkit-transition: opacity 0s; /* Safari */ transition: opacity 0s; } .portfolio-box:focus { outline: none; } @media (min-width: 768px) { .portfolio-box { margin: 7px auto; } } @media (min-width: 992px) { .portfolio-box { margin: 13px auto; } } /* ++++++뉴스++++++ */ .news { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#00b2ec+0,0085d1+100 */ background: #00b2ec; /* Old browsers */ background: -moz-linear-gradient(-45deg, #00b2ec 0%, #0085d1 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(-45deg, #00b2ec 0%,#0085d1 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(135deg, #00b2ec 0%,#0085d1 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b2ec', endColorstr='#0085d1',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ width : 100%; height: 100%; padding :24px 22px 28px 22px; box-shadow: 3px 3px 8px rgba(0,0,0,0.3); } .blank{ display : none; } .news-tit{ font-weight : 500; margin-top : 0px; color : #ffffff; font-size:1.4em; } .news-cont { font-size:0.87em; margin-top : 18px; line-height : 180%; } .news .news-cont a{ color : #FFFFFF !important; } .ellipsis { text-overflow:ellipsis; overflow:hidden; white-space:nowrap; color:#ffffff; } .news-box{ margin-top:7px; margin-bottom:12px; } @media (min-width: 768px) { .news-box{ margin-top:0px; } } @media (min-width: 992px) { /* ++++++뉴스++++++ */ .news { float : right; width : 92%; height: 88%; padding :15px; margin-top :12px; } .blank{ width : 8%; height: 100%; } .news-tit{ margin-top :5px; font-size:1.2em; } .news-tit > a > img{ margin-top:5px; margin-right : 3px; } .news-cont { font-size:0.75em; margin-top : 15px; } .news-box{ margin-bottom:0px; } } @media (min-width: 1200px) { /* ++++++뉴스++++++ */ .news { width : 90%; height: 88%; padding :24px 22px 18px 22px; } .blank{ width : 10%; height: 100%; } .news-tit{ margin-top : 0px; font-size:1.4em; } .news-cont { font-size:0.87em; margin-top : 12px; } .ellipsis { width: 203px; } } /* ++++++고객센터-바로가기++++++ */ #section2 { /* padding-top : 5px; padding-bottom :5px; */ background-color : #738390; } /* ++++++고객센터 부분++++++ */ .call-tit{ font-weight: 500; font-size:1.15em; color: #FFFFFF; margin-top : 22px; } .call-text{ margin-top : 3px; padding-left :0px; font-size:1em; font-weight: 300; color:#E1E6E8; } .call-num a{ font-size : 1.6em; font-weight:500; color: #28dcfd; margin-top : 5px; } .call-num a:hover { text-decoration : none; } /* ++++++바로가기++++++ */ .container1 { width: 100%; padding-right: 0px; padding-left: 0px; margin-right: auto; margin-left: auto; } .link-icon{ height:56px; width: 100%; border-top:1px solid #91A4AC; } .link-icon img{ margin-top:8px; } .link-icon:hover{ background-color : #5e6e7b; } .link-line{ display:none; } .link-box{ margin-top:40px; text-align:center; } @media (min-width: 992px) { .call-num{ margin-top : 15px; padding-left :15px; } .call-text{ margin-top : 23px; padding-left :15px; } .call-tit, .call-num, .call-text{ float:left; } .link-icon img{ margin-top:16px; } .link-box{ margin-top:0px; text-align:center; } .link-icon{ width:126px; height:68px; float:right; margin-left:0px; border-top:0px solid #000000; } .link-line{ display:block; height: 20px; width:1px; background-color:#a8b2ba; margin-top:26px; float:right; } } @media (min-width: 1200px){ .link-icon{ width:144px; } } /* ++++++footer++++++ */ .f-bg {margin-top:35px;} .bot-info {padding-bottom :20px; line-height: 20px;} .bot-info p{list-style:none;} .bot-info-1{ text-align:center; color:#000000; font-size:0.8em; padding-bottom :15px; border-bottom :1px solid #DDDDDD; } .bot-info-1-b {font-weight:500;} .bot-info-sns-1 { position: relative; display: block; margin: 20px 10px; float : left; } .bot-info-sns-1 .bot-info-sns-2{ position: absolute; bottom: 0; display: block; width: 100%; height: 100%; text-align: center; opacity: 0; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s; } .bot-info-sns-1:hover .bot-info-sns-2 { opacity: 1; z-index : 1; -webkit-transition: opacity 0.5s; /* Safari */ transition: opacity 0.5s; } .bot-info-sns { width: 112px; margin: 0 auto; } @media (min-width: 768px) { .bot-info-1{ text-align:left; } } @media (min-width: 992px) { } @media (min-width: 1200px) { .bot-info {padding-bottom :50px; line-height: 23px;} .bot-info-1{ font-size:0.85em; padding-bottom :0px; border-bottom :0px solid #DDDDDD; } .bot-info-1{ float:left;} .bot-info-sns-1 { float:left; margin: 0px 10px; } .bot-info-sns { margin-left:60px; float:left; } } /* ++++++서브페이지 footer++++++ */ .f-bg-sub { padding-top : 35px; margin-top:35px; background-color : #7d8b98; } .bot-info-2 { text-align:center; color:#ffffff; font-size:0.85em; } .bot-info-2 a{ color:#ffffff; } .bot-info-2-b {font-weight:500;} .foot-email a{ color:#ffffff; } @media (min-width: 768px) { .bot-info-2{ text-align:left; } } @media (min-width: 1200px) { .bot-info {padding-bottom :50px; line-height: 23px;} .bot-info-2{ font-size:0.85em; padding-bottom :0px; border-bottom :0px solid #DDDDDD; } .bot-info-2{ float:left;} .bot-info-sns-1 { float:left; margin: 0px 10px; } .bot-info-sns { margin-left:45px; float:left; } } /* ++++++서브헤드++++++ */ height: 355px; padding-top: 10em; background-image: url("http://hasointech.com/css/../images/common/subhead4.jpg"); background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .subhead-tit { display:none; } .subhead-bar { position : absolute; left:0px; margin-left:0px; top : 55px; width : 100%; height: 50px; background-image : url("http://hasointech.com/css/../images/common/subhead-bar.png"); -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .subhead-inb-home { position:absolute; top:0; left:0; width : 53px; height : 50px; z-index:100; } @media (min-width: 992px) { /* ++++++서브헤드++++++ */ .subhead1 { height: 355px; padding-top: 10em; background-image: url("http://hasointech.com/css/../images/common/subhead1.jpg"); background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .subhead2 { height: 355px; padding-top: 10em; background-image: url("http://hasointech.com/css/../images/common/subhead2.jpg"); background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .subhead3 { height: 355px; padding-top: 10em; background-image: url("http://hasointech.com/css/../images/common/subhead3.jpg"); background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .subhead4 { height: 355px; padding-top: 10em; background-image: url("http://hasointech.com/css/../images/common/subhead4.jpg"); background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .subhead-tit { display:block; margin-top : 5px; font-size:2.7em; font-weight:600; } .subhead-bar { position : absolute; left:0px; margin-left:0px; top : 330px; width : 100%; height: 50px; background-image : url("http://hasointech.com/css/../images/common/subhead-bar.png"); -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .subhead-inb-home { position:relative; width : 53px; height : 50px; margin-left:-20px; } } /* ++++++서브헤드 드롭다운++++++ */ .dropdown.remove{ display:none; } .dropdown { position : absolute; top:0; left:0px; height : 50px; width :100%; } .dropdown>button>.btn-txt{ margin-left :50px; } .dropdown-menu { padding : 20px; width :100%; margin-top : 5px; line-height : 230%; /* margin-left:5px; */ } .dropdown button{ padding-left :20px; padding-right :19px; width : 100%; } .btn-img { margin-top : 8px; } .dropdown li{ font-weight : 300; } .dropdown li a:hover{ text-decoration:none; color : #00b1d9; } .dropdown .dropdown-menu .dropdown-select a{ color : #00b1d9; font-weight : 400; } .dropdown-menu{ -ms-transform: translate3d(0px, 45px, 0px)!important; -moz-transform: translate3d(0px, 45px, 0px)!important; -o-transform: translate3d(0px, 45px, 0px)!important; -webkit-transform: translate3d(0px, 45px, 0px)!important; transform: translate3d(0px, 45px, 0px)!important; } @media (min-width: 992px) { /* ++++++서브헤드 드롭다운++++++ */ .dropdown.remove{ display:block; } .dropdown { position : relative; height : 50px; width :28%; border-right : 1px solid rgba(255,255,255,0.3); } .dropdown>button>.btn-txt{ margin-left :0px; } .dropdown-menu { padding : 20px; width :100%; margin-top : 3px; line-height : 230%; } .dropdown button{ padding-left :20px; padding-right :19px; width : 100%; } .btn-img { margin-top : 8px; } .dropdown li{ font-weight : 300; } .dropdown li a:hover{ text-decoration:none; color : #00b1d9; } .dropdown .dropdown-menu .dropdown-select a{ color : #00b1d9; font-weight : 400; } } /* ++++++top button++++++ */ #backtotop { cursor : pointer; display : none; position : fixed; right:5%; bottom : 15px; padding : 8px; filter : alpha(opacity=40); -khtml-opacity : 0.4; -moz-opacity : 0.4; opacity : 0.4; z-index : 1000; } #backtotop:hover { /*마우스 오버시 변경 값*/ filter : alpha(opacity=100); -khtml-opacity : 1; -moz-opacity : 1; opacity : 1; } .s_top{ /*마우스 오버시 기호 색지정*/ color : #FFF; } .s_top:hover { color:#FF0004 } /* ++++++++서브페이지++++++++++ */ /* 공통부분 */ .sub-page { font-size : 0.9em; font-weight : 300; } .sub-page-tit { margin-top:100px; font-size:1.9em !important; font-weight:500 !important; letter-spacing:-2px; /* color:#2dcc70; */ } .t1{ color : #00b1d9; } .t2 { width : 25%;} .t3 { color : #1290e0; font-weight : 400; margin-top : -8px; } .t5 { font : 0.9em; font-weight:400; } .t6{ font-weight:500; } .text-b {color :#34a4e5; } .txt1{ margin-top:10px; } .txt1 li { list-style-image : url("http://hasointech.com/css/../images/sub/sub_2018/dot.gif"); margin-left :10px; line-height : 190%; } .txt2 li{ list-style-image : url("http://hasointech.com/css/../images/sub/sub_2018/dot.gif"); font-weight:500; line-height : 170%; } .td2 { font-weight : 300; } @media (min-width: 415px){ .sub-page-tit { margin-top:110px; font-size:2.5em !important; } } @media (min-width: 992px) { .sub-page-tit { margin-top:100px; font-size:2.9em !important; font-weight:400 !important; } } /* +++++회사 페이지+++++ */ .sub-page-line { padding-bottom : 8px; border-bottom : 3px solid #00B1D9; } .sub-com-sum{ margin-top : 25px; margin-bottom : 10px; } .sub-com-logo{ margin-bottom:20px; } .com-sum-cont { padding-left : 0px; } .com-tit1{ margin-top :60px; } .com-tit2 { margin-top : 60px; } .com-cont1 { margin-top : 25px; line-height : 175%; } .com-cont2 { margin-top : 25px; margin-bottom : 20px; line-height : 175%; } .com-table>table{ width:100%; } .com-table { margin-top : 25px; } .com-table-tit{ height:70px; } .com-table-cont { display:none; font-size : 0.9em; font-weight:300; } @media (min-width: 415px){ .com-table { margin-top : 40px; } .com-table-tit{ height:30px; } .com-table-cont { display:table-cell; } } @media (min-width: 992px) { .sub-page-line { padding-bottom : 5px; } .com-sum-cont { padding-left : 50px; } .com-tit1{ margin-top :190px; } .com-tit2 { margin-top : 100px; } .com-cont2 { margin-bottom : 70px; } .com-table>table{ width:80%; margin:0 auto; } } @media (min-width: 1200px) { .com-sum-cont { padding-left : 25px; margin-bottom : 30px; } } /* ++++++motion++++++ */ .motion{display:none; } #motion0{ display:none; animation-name: myfirst; animation-duration: 100s; animation-timing-function: linear; animation-iteration-count: infinite; animation-play-state: running; /* Firefox: */ -moz-animation-name: myfirst; -moz-animation-duration: 100s; -moz-animation-timing-function: linear; -moz-animation-iteration-count: infinite; -moz-animation-play-state: running; /* Safari and Chrome: */ -webkit-animation-name: myfirst; -webkit-animation-duration: 100s; -webkit-animation-timing-function: linear; -webkit-animation-iteration-count: infinite; -webkit-animation-play-state: running; } @keyframes myfirst{ from {transform:rotate(0deg);}to {transform:rotate(360deg);} } @-moz-keyframes myfirst /* Firefox */{ from {-moz-transform:rotate(0deg);}to {-moz-transform:rotate(360deg);} } @-webkit-keyframes myfirst /* Safari and Chrome */{ from {-webkit-transform:rotate(0deg);}to {-webkit-transform:rotate(360deg);} } #motion1{ display:none; animation-name: myfirst; animation-duration: 70s; animation-timing-function: linear; animation-iteration-count: infinite; animation-play-state: running; /* Firefox: */ -moz-animation-name: myfirst; -moz-animation-duration: 70s; -moz-animation-timing-function: linear; -moz-animation-iteration-count: infinite; -moz-animation-play-state: running; /* Safari and Chrome: */ -webkit-animation-name: myfirst; -webkit-animation-duration: 70s; -webkit-animation-timing-function: linear; -webkit-animation-iteration-count: infinite; -webkit-animation-play-state: running; } @keyframes myfirst{ from {transform:rotate(0deg);}to {transform:rotate(360deg);} } @-moz-keyframes myfirst /* Firefox */{ from {-moz-transform:rotate(0deg);}to {-moz-transform:rotate(360deg);} } @-webkit-keyframes myfirst /* Safari and Chrome */{ from {-webkit-transform:rotate(0deg);}to {-webkit-transform:rotate(360deg);} } #motion2{ display:none; animation-name: myfirst; animation-duration: 30s; animation-timing-function: linear; animation-iteration-count: infinite; animation-play-state: running; /* Firefox: */ -moz-animation-name: myfirst; -moz-animation-duration: 30s; -moz-animation-timing-function: linear; -moz-animation-iteration-count: infinite; -moz-animation-play-state: running; /* Safari and Chrome: */ -webkit-animation-name: myfirst; -webkit-animation-duration: 30s; -webkit-animation-timing-function: linear; -webkit-animation-iteration-count: infinite; -webkit-animation-play-state: running; } @keyframes myfirst{ from {transform:rotate(0deg);}to {transform:rotate(360deg);} } @-moz-keyframes myfirst /* Firefox */{ from {-moz-transform:rotate(0deg);}to {-moz-transform:rotate(360deg);} } @-webkit-keyframes myfirst /* Safari and Chrome */{ from {-webkit-transform:rotate(0deg);}to {-webkit-transform:rotate(360deg);} } #motion3{ display:none; animation-name: myfirst; animation-duration: 10s; animation-timing-function: linear; animation-iteration-count: infinite; animation-play-state: running; /* Firefox: */ -moz-animation-name: myfirst; -moz-animation-duration: 10s; -moz-animation-timing-function: linear; -moz-animation-iteration-count: infinite; -moz-animation-play-state: running; /* Safari and Chrome: */ -webkit-animation-name: myfirst; -webkit-animation-duration: 10s; -webkit-animation-timing-function: linear; -webkit-animation-iteration-count: infinite; -webkit-animation-play-state: running; } @keyframes myfirst{ from {transform:rotate(0deg);}to {transform:rotate(360deg);} } @-moz-keyframes myfirst /* Firefox */{ from {-moz-transform:rotate(0deg);}to {-moz-transform:rotate(360deg);} } @-webkit-keyframes myfirst /* Safari and Chrome */{ from {-webkit-transform:rotate(0deg);}to {-webkit-transform:rotate(360deg);} } @media (min-width: 992px) { .motion{display:block; } #motion0,#motion1,#motion2,#motion3{ display:block; } } /* ++++++ 연혁 ++++++ */ .com-cont2>iframe.if-his{ height:1550px; } .com_his_tit1 { background-color : #f6f6f6; border-bottom :3px solid #41a5c2; border-top :1px solid #e0e0e0; font-size : 1.1em; font-weight : 600; color : #323232; text-align : center; padding-top : 2px; } .com_his_tit2 { background-color : #ffffff; border-bottom :1px solid #e0e0e0; border-top :1px solid #e0e0e0; font-size : 1.1em; font-weight : 600; color : #797979; text-align : center; padding-top : 2px; } .com_his_tit2 a { text-decoration : none; color : #797979; } .com_his_tit2 a:hover { text-decoration : underline; } .his_table { margin-top:10px; } .year { display:none; width:25%; color:#454545; font-size:1.5em; font-weight:bold; letter-spacing:-3px; font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif; } .year_con li {font-size:0.85em; clear:both; font-weight : 300; padding-bottom:5px;} .year_con>li.year_con1 { color:#454545; font-size:1.5em!important; font-weight:bold; letter-spacing:-3px; font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif; } .month {color:#454545; font-size:15px; font-weight:bold; letter-spacing:-1px; font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif;} .month_con {padding:0px 15px 0px 16px;} .year_con_move{display:none;} @media (min-width: 768px) { .com_his_tit1 { font-size : 1.2em; } .com_his_tit2 { font-size : 1.2em; } .his_table { margin-top:25px; } .year { display:table-cell; width:170px; font-size:30px; } .year_con li {font-size:0.9em; height:33px; padding-bottom:0px; } .year_con>li.year_con1 { display:none; } .year_con_move{display:table-cell;} } /* ++++++ 연구소 소개 ++++++ */ .com-cont2>iframe.if-lab{ height:2300px; } .com_lab_con1 { font-size : 0.9em; font-family: 'Noto Sans KR', 'Nanum Gothic', '나눔고딕', 'Dotum', '돋움', 'Open Sans', Arial, sans-serif ; font-weight:300; } .com_lab_con2>.lab-con-img{ width:90%; max-width: 652px; min-width: 250px; } .com_lab_con2>table { display:none; } .com_lab_con2 { margin-top :50px; margin-bottom : 50px; } .com_lab_con3{ padding-bottom:10px; font-weight : 600; } .com_his_tit2 a { text-decoration : none; color : #797979; } .com_his_tit2 a:hover { text-decoration : underline; color : #797979; } .lab_year { display: none; color:#454545; font-size:30px; font-weight:bold; letter-spacing:-3px; font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif; } .lab_con { padding:0px 15px 0px 12px;font-size:0.9em; font-family: 'Noto Sans KR', 'Nanum Gothic', '나눔고딕', 'Dotum', '돋움', 'Open Sans', Arial, sans-serif ; } .lab_con1 {color:#989898; font-size:0.8em; padding:0px 0px 10px 18px;} .lab_con2 {color:#4fabc6; padding-left:10px;} .lab_tit_img { display:none; } .lab_tit_img_s { margin-bottom:20px; } .lab_year_mo{ color:#454545; font-size:25px; font-weight:bold; letter-spacing:-3px; font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif; } .lab_table { margin-top:20px; } @media (min-width: 768px) { .lab_year_mo{ display:none; } .lab_year { display: block; } } @media (min-width: 781px) { .lab_tit_img { display:block; } .lab_tit_img_s { display:none; } .com_lab_con2>.lab-con-img{ width: 652px; } .lab-con1{ padding-left:35px ; } .lab-con2{ padding-left:35px ; } } @media (min-width: 992px) { .com_lab_con2>.lab-con-img { display:none; } .com_lab_con2>table { display:block; } .com_lab_con2 { margin-top : 100px; margin-bottom : 200px; } .lab-con1{ padding-left:0px ; } .lab-con2{ padding-left:0px ; } } /* ++++++ 조직도 ++++++ */ .box { margin-left:215px; will-change: transform;} .box1 { margin-top:-105px; will-change: transform; } .box2 { margin-top:-190px; will-change: transform; } .box3 {margin-left:-5px; margin-top:-40px; will-change: transform; } .box4 { margin-right:140px; margin-top:-258px; will-change: transform; } .org-remove{ display:none; } .org-mo>img{ width:100%; max-width:672px; margin-top:40px; margin-bottom:20px; } .org-des{ margin-top:15px; } @media (min-width: 992px) { .org-des{ margin-top:0px; padding-left:50px; } } @media (min-width: 1200px) { .org-remove{ display:block; } .org-mo{ display:none; } .org-des{ padding-left:0px; } } /* ++++++ 오시는 길 ++++++ */ .map-cont1{ margin-top:20px; } .map-cont2{ margin-top:20px; margin-bottom :55px; } @media (min-width: 992px) { .map-cont1{ margin-top:0px; } } @media (min-width: 1200px) { .map-cont2{ margin-top:0px; margin-bottom :55px; } } /* ++++사업군페이지++++ */ .sub-busi-sum { margin-top : 30px; padding-bottom : 20px; border-bottom : 3px solid #00B1D9; } .sub-busi-sum-img { margin-top : 55px; margin-bottom : 30px; } .busi-tit1 { margin-top :100px; margin-bottom : 30px; } .busi-table1 { border-top : 2px solid #000000; } .busi-table2 { border-right : 1px solid #dfdfe0; } .busi-table3 { border-top : 1px solid #dfdfe0; border-bottom : 1px solid #dfdfe0; background-color : #fbfbfb; font-size : 0.85em; font-weight : 300; } .busi-img1 { margin-bottom : 80px; } .busi-con1 { padding-left :10px; padding-right :50px; } .busi-con2 { margin-top :20px; } /* +++++ 신분증인식사업 +++++ */ .busi-id1>img { width:100%; max-width:741px; } .busi-id2>img { width:100%; max-width:823px; } .busi-id3>img.busi-list2{ width:100%; max-width:1140px; } .busi-id3>img.busi-list1{ width:100%; max-width:676px; } .busi-list2{ display:none; } .busi-table-id img{ width:100%; max-width:187px; } .busi-table-remove{ display:none; } .busi-table1-1 { border-top : 1px solid #dfdfe0; } .busi-table2-1 { border-right : 0px solid #dfdfe0; } @media (min-width: 768px) { .busi-list1{ display:none; } .busi-list2{ display:block; } .busi-table-remove{ display:table-cell; } .busi-table-remove1{ display:none; } .busi-table2-1 { border-right : 1px solid #dfdfe0; } } /* +++++ 싸이패스솔루션 +++++ */ .sub-page-tit1{ font-size: 0.95em; font-weight:300; letter-spacing:-3px; } .sub-busi-sum-img1>img { margin-top : 55px; margin-bottom : 0px; width:100%; max-width:603px; } .sub-busi-sum-img2>img { margin-top : 55px; margin-bottom : 30px; width:100%; max-width:598px; } .busi-img-cy>img { margin-top :40px; width:100%; max-width:320px; } .busi-con1-cy { padding-left :30px; } .busi-img-cy1-1 { width:100%; max-width:1006px; } .busi-img-cy1-2 { width:100%; max-width:488px; } .busi-img-cy1-1 { display:none; } .busi-img-cy2>img { width:90%; max-width:365px; } .busi-img-cy3 img { width:100%; max-width:231px; } @media (min-width: 415px){ .busi-con1-cy { padding-left :20px; } } @media (min-width: 576px) { .busi-con1-cy { margin-left :-20px; } } @media (min-width: 768px) { .busi-con1-cy { margin-left :-60px; } .busi-img-cy1-1 { display:block; } .busi-img-cy1-2 { display:none; } } @media (min-width: 992px) { .busi-img-cy>img { margin-top :0px; } .busi-con1-cy { margin-left :0px; padding-left :20px; padding-right:50px; padding-bottom :20px; } } @media (min-width: 1200px) { .busi-con1-cy { padding-left :10px; padding-right :50px; } } /* +++++ 고속스캔 및 이미지프로세싱 +++++ */ .busi-img-pro>img{ width:100%; max-width:701px; } .busi-img-pro1>img { width:100%; max-width:780px; } .busi-img-pro2>img { width:100%; max-width:389px; } .busi-table-pro1 img { width:100%; max-width:390px; } .busi-table-pro2 img { width:100%; max-width:388px; } /* +++++ 금융기기 +++++ */ .busi-img-bank1>img { width:100%; max-width:655px; } .busi-table-bank1 img { width:100%; max-width:390px; } .busi-table-bank2 img { width:100%; max-width:388px; } /* +++++ PC,Mobile 인터페이스 +++++ */ .busi-img-pc>img { width:100%; max-width:597px; } /* +++++ USB솔루션 +++++ */ .busi-img-usb1>img { width:100%; max-width:589px; } .busi-img-usb2>img { width:100%; max-width:700px; } .busi-table-usb1 img { width:100%; max-width:390px; } .busi-table-usb2 img { width:100%; max-width:388px; } /* +++++ 개발용역 +++++ */ .busi-devel-field { margin-top : 60px; } .busi-devel-img-sm{ display : block; } .busi-devel-img-lg{ display : none; } .busi-devel-img { padding-left :30px; padding-right :30px; } .busi-devel-img-sm { margin : 0 auto; margin-top :0px; margin-bottom :40px; width:100%; max-width:344px; } .busi-devel-right { margin-top : 20px; margin-bottom : 20px; } .busi-devel-left { margin-top : 20px; margin-bottom : 20px; } .busi-devel-field > h2 { margin-bottom : 30px; } .busi-devel-right > h2 { margin-bottom : 30px; } .busi-devel-left > h2 { margin-bottom : 30px; } .busi-devel-contact { margin-top : 70px; margin-bottom : 30px; padding-top : 50px; border-top : 3px solid #00B1D9; } .sub-tit2 { font-size:1em !important; font-weight:300 !important; letter-spacing:-2px; } @media (min-width: 768px){ .busi-devel-img { padding-left :0px; padding-right :0px; } .busi-devel-img-lg{ display : block; } .busi-devel-img-sm{ display : none; } .busi-devel-img-lg { margin : 0 auto; margin-top :0px; margin-bottom :50px; width:100%; max-width:792px; } } @media (min-width: 992px) { /* .busi-devel-img>img { margin-bottom :50px; } */ .busi-devel-right { margin-top : 60px; margin-bottom : 60px; padding-right :60px; border-right: 1px solid #eeeeee; } .busi-devel-left { margin-top : 60px; margin-bottom : 60px; padding-left :60px; } .busi-devel-line-l{ height :1px; background-color: #eeeeee; margin-right:50px; } .busi-devel-line-r{ height :1px; background-color: #eeeeee; margin-left:50px; } .sub-tit2 { font-size:0.85em !important; } } /* ++++제품페이지++++ */ /* 제품개요 */ .product-sum-tit{ margin-top : 40px; font-size:2em; font-weight:500; letter-spacing:-0.05em; } .product-sum-tit1{ margin-top : 20px; font-size:2em; font-weight:500; letter-spacing:-0.05em; } .product-sum-cont { margin-bottom : 25px; } .product-spec-icon { margin-bottom : 25px; } .product-pdf{ margin-bottom : 25px; } .product-info1{ width : 100%; background-color:#f3f3f3; border : solid 1px #DDDDDD; margin-bottom : 30px; padding : 10px 15px 10px 10px ; } .product-info1 ul li { margin-left:10px; letter-spacing:-0.05em; list-style-image : url("http://hasointech.com/css/../images/sub/sub_2018/dot.gif"); } .product-img { margin-top : 20px; } #thumbs>ul{ margin-bottom:30px; } .pro-line{ overflow:hidden; } @media (min-width: 992px) { .product-sum-cont { padding-right:30px; } .product-spec-icon { margin-bottom : 60px; } .product-info1{ margin-bottom : 20px; } } @media (min-width: 1200px) { .pro-sum-img { padding-left:50px; } } /* ++++++제품기능++++++ */ .product-bg { background-color:#f3f3f3; } /* ++++++제품특징++++++ */ .product-feature2-text{ font-weight : 600; margin-bottom : 5px; margin-top : 30px; } .product-feature2 tr, .product-feature2 td{ border-collapse:collapse; text-align : center; } .product-feature2-tit { background-color : #8696a3; color : #ffffff; } .product-feature2-blue { background-color : #d4e2eb; } .product-feature2-gray { background-color : #e8eaf0; } .product-feature2-bold { font-weight : 400; } .product-feature2-table1 { border-bottom:1px solid #c5c5c5; } .product-feature2-table2 { border-right:1px solid #c5c5c5; } @media (min-width: 465px){ .product-info1{ width : 400px; } } /* +++++ 주민등록증 진위확인시스템 +++++ */ .pro-img-id1>img { width:100%; max-width:504px; } .pro-img-id2>img { width:100%; max-width:325px; margin-top:15px; margin-bottom:40px; } .pro-img-id3>img { width:100%; max-width:467px; margin-top:40px; } .pro-img-id4>img { width:100%; max-width:175px; } .pro-img-id5>img { width:100%; margin-top:5px; margin-bottom:15px; /* max-width:681px; */ } .pro-img-id8>img { width:100%; max-width:1100px; margin-bottom:40px; margin-top:60px; } .product-option1{ margin-top:20px; margin-bottom :10px; } .pro-id-table{ font-size:0.9em; } .pro-table-rem1{ display:none; } .pro-table1 { width:30%; } .pro-table2 { width:70%; } .pro-img-id600 img{ width:100%; max-width:401px; padding-top:0px; margin : 0 auto 30; } /* +++++ 휴대용 신분증 스캐너 +++++ */ .pro-img-scan1 img{ width:100%; max-width:325px; margin-top:30px; margin-bottom :30px; } .pro-scan1{ margin-top:30px; } .pro-img-scan2 img{ width:100%; max-width:315px; margin-top:30px; margin-bottom :30px; } .pro-img-200-1 img{ width:100%; max-width:242px; margin-top:-30px; margin-bottom :40px; } .pro-img-200-2 img{ width:100%; max-width:780px; } .pro-img-200-3 img{ width:100%; max-width:245px; margin-top:30px; } .pro-img-200-4 img{ width:100%; max-width:506px; margin-top:30px; } .pro-img-200-5 img{ width:100%; max-width:701px; } .pro-img-200-6 img{ width:100%; max-width:772px; } .pro-img-200-7 img{ width:100%; max-width:800px; } .pro-200-1{ margin-bottom :55px; } /* +++++ 다용도 통합 고속스캐너 +++++ */ .pro-img-sot1 img{ width:100%; max-width:275px; padding-top:0px; margin : 0 auto; } .pro-img-sot2 img{ width:100%; max-width:215px; margin-top :40px; } /* +++++ 순번대기시스템 +++++ */ .pro-img-hiqs1 img{ width:100%; max-width:779px; } .pro-img-hiqs2 img{ width:100%; max-width:292px; margin-bottom :30px; margin-top :30px; } .pro-img-hiqs3 img{ width:100%; max-width:369px; } .pro-img-hiqs4 img{ width:100%; max-width:273px; margin-top:30px; margin-bottom : 40px; } .pro-img-hiqs5 img{ width:100%; max-width:288px; margin-top:30px; margin-bottom : 40px; } .pro-hiqs1 { margin-bottom:10px; } .pro-hiqs2 { margin-top:40px; } /* +++++ usb 원거리 멀티 스위치 +++++ */ .pro-img-usb1 img{ width:100%; max-width:780px; } /* +++++ 슬림터치 +++++ */ .pro-img-slim1 img{ width:100%; max-width:334px; padding-top:0px; margin : 0 auto; } .pro-img-slim2 img{ width:100%; max-width:263px; margin-bottom:50px; } .pro-img-slim3 img{ width:100%; max-width:284px; margin-bottom : 50px; } .pro-img-slim4 img{ width:100%; max-width:669px; } .pro-img-slim5 img{ width:100%; max-width:267px; } /* +++++ 여권스캐너 +++++ */ .pro-img-scan2-1 img{ width:100%; max-width:450px; margin-top:30px; margin-bottom :50px; } .pro-img-scan2-2 img{ width:100%; max-width:401px; padding-top:0px; margin : 0 auto 30; } @media (min-width: 768px){ .product-option1{ padding-left:20px; margin-top:0px; margin-bottom :0px; } .pro-id-table{ font-size:1em; } .pro-table-rem1{ display:table-cell; } .pro-table-rem2{ display:none; } .pro-table1 { width:15%; } .pro-table2 { width:35%; } } @media (min-width: 992px){ .pro-img-id1>img { float:right; padding-left:50px; } .pro-img-id2>img { padding-left:30px; } .pro-img-id3>img { float:right; } .product-option1{ padding-left:50px; } .pro-img-scan1 img{ margin-top:70px; } .pro-scan1{ margin-top:0px; } .pro-img-scan2 img{ margin-top:0px; } .pro-img-200-1 img{ margin-top:70px; margin-bottom :0px; } .pro-200-1{ padding-right: 70px; margin-bottom :55px; } .pro-sot1 { padding-left :50px; } .pro-img-hiqs2 img{ margin-top :30px; } .pro-hiqs2 { margin-top:0px; } .pro-hiqs3 { padding-right:65px; } .pro-img-hiqs4 img{ margin-top:120px; margin-bottom : 20px; } .pro-img-hiqs5 img{ margin-top:120px; margin-bottom : 20px; } .pro-img-slim2 img{ margin-top : 50px; margin-bottom:0px; } .pro-img-scan2-1 img{ margin-top:30px; } } @media (min-width: 1200px){ .pro-sot1 { padding-left :0px; } } /* +++++ 서브페이지 중간제목 +++++ */ .sub-tit { font-size:1.7em !important; font-weight:400 !important; letter-spacing:-2px; } .sub-tit1 { font-size:0.8em !important; font-weight:400 !important; letter-spacing:-2px; } @media (min-width: 415px){ .sub-tit { font-size:2.2em !important; font-weight:300 !important; } .sub-tit1 { font-size:0.7em !important; font-weight:300 !important; } } @media (min-width: 992px) { .sub-tit { font-size:2.7em !important; } } /* ++++++ 공통 ++++++ */ /* 탑 */ .sub-cont1 { margin-top :-7px; } .sub-cont2 { margin-top : 5px; } .sub-cont3 { margin-top :15px; } .sub-cont4 { margin-top : 20px; } .sub-cont5 { margin-top : 50px; } .sub-cont7 { margin-top : 70px; } .sub-cont8 { margin-top : 90px; } .sub-cont9 { margin-top : 100px; } /* 바텀 */ .sub-cont10 { margin-bottom : 20px; } .sub-cont11 { margin-bottom :55px; } .sub-cont12 { margin-bottom :90px; } .sub-cont28 { margin-bottom :30px; } /* 둘다 */ .sub-cont13 { margin-top : 20px; margin-bottom : 20px; } .sub-cont14 { margin-top : 20px; margin-bottom : 30px; } .sub-cont15 { margin-top:20px; margin-bottom :60px; } .sub-cont16 { margin-top :25px; margin-bottom : 50px; } .sub-cont17 { padding-top : 30px; margin-bottom : 50px; } .sub-cont18 { margin-top: 30px; margin-bottom :55px; } .sub-cont19 { margin-top:40px; margin-bottom :10px; } .sub-cont20 { margin-top : 40px; margin-bottom : 20px; } .sub-cont21 { margin-top:40px; margin-bottom :65px; } .sub-cont22 { margin-top : 45px; margin-bottom :15px; } .sub-cont23 { margin-top : 60px; margin-bottom : 20px; } .sub-cont24 { margin-top:65px; margin-bottom :40px; } .sub-cont25 { padding-right: 70px; margin-bottom :55px; } .sub-cont26 { margin-top : 25px; margin-bottom : 30px; padding-top : 55px; padding-bottom :40px; } .sub-cont27 { margin-top:120px; margin-bottom : 20px; } .sub-cont29 { margin-top:50px; margin-bottom : 20px; } .sub-cont32 { margin-top : 25px; margin-bottom : 50px; padding-top : 40px; padding-bottom :40px; } /* 패딩 */ .sub-cont30 { padding-right:65px; } .sub-cont31 { padding-top : 40px; padding-bottom : 30px; margin-bottom :30px; } .sub-cont33 { padding-top : 50px; padding-bottom : 90px; margin-bottom :-32px; } /* ++++++제품스펙++++++ */ .spec-tit1 { font-weight : 600; font-size : 1.1em; } .spec-td1 { font-weight : 500; } .spec-table tr { height : 40px; border-bottom:1px solid #c5c5c5; } .spec-table{ font-size : 0.95em; } /* +++++서포트 페이지+++++ */ .sub-sur1 { margin-top : 20px; margin-bottom :100px; } .sub-sur-table1 { margin-top : 30px; } .sub-sur2 { margin-top : 80px; } .sub-sur3 { margin-top : 80px; margin-bottom : 50px; } .sub-sur-rem { display:none; } .sur-tit { font-weight:500; } .sub-sur1 li, .sub-sur2 li, .sub-sur3 li { margin-top : 5px; margin-left : 0px; list-style : none; font-weight:300; font-size : 0.9em; /* list-style-image : url("http://hasointech.com/css/../images/sub/sub_2018/dot.gif"); */ padding-right :10px; } .t9 { font-weight:300; font-size : 0.9em; color : #a2a2a2; } .sub-sur4{ height:60px; } .sub-sur5{ display:none; } @media (min-width:415px) { .sub-sur5{ display:block; } .sub-sur6{ display:none; } } @media (min-width: 992px) { .sub-sur1 { margin-top : 60px; } .sub-sur-rem { display:table-cell; } .sub-sur4{ height:42px; } .sub-sur1 li, .sub-sur2 li, .sub-sur3 li { margin-top :-7px; margin-bottom : -12px;} } /* ++++++ 공지사항 ++++++ */ .notice_List { font-size: 1em; margin-top : 10px; padding-right:0px; margin-bottom : 25px; height:160px; } .notice_thumb { margin-top : 10px; } .notice_List_cont { height:40px; line-height : 160%; font-size: 0.9em; font-weight : 300; } .notice_List_date { font-size: 0.9em; font-weight : 300; /* padding-top:25px; */ padding-bottom : 25px; color : #999999; } .notice-rem { display:none; } @media (min-width: 580px) { .notice-rem { display:table-cell; } .notice_List { padding-right:30px; height:160px;} } @media (min-width: 768px) { .notice_List { height:80px;} } /* +++++++ 공지사항 서브페이지 ++++++ */ .not_sub_tit { font-size:1.2em; font-weight:500; } .not_sub_tit_date { padding-top:5px; font-size:0.9em; color : #888888; } .not_sub_cont1 { font-size:1em; font-weight:400; line-height : 180%; } .not_sub_cont2 { padding-top:20px; font-size:0.9em; font-weight:300; } .not-img1 img{ width:100%; max-width:656px; } .not-img2 img{ width:100%; max-width:722px; } .not-img1 iframe{ width:270px; height: 180px; } .t12{background-color:#a9ff20;} @media (min-width: 415px) { .not_sub_tit { font-size:1.4em;} .not-img1 iframe{ width:400px; height: 267px; } } @media (min-width: 685px) { .not-img1 iframe{ width:600px; height: 400px; } } /* ++++++1:1문의++++++ */ .sub-contactus { margin-top : 30px; font-size : 0.9em; }

PRODUCTS

평판 신분증스캐너

QuantumScan

QuantumScan은 공간적, 비용적, 시간적 편의성을 갖춘 A8 평판 신분증 스캐너입니다.
균일하고 선명한 이미지 추출이 가능합니다.

OCR 600dpi Twain Driver USB 2.0 WHQL인증
pdf 카달로그 다운로드

IR Full Scan

ISO7810 Card Size 규격의 주민등록증, 운전면허증, 공무원증, 외국인 신분증 등 다양한 신분증의 스캔이 가능하며, RGB 컬러스캔과 동시에 IR 이미지를 생성합니다.

IR 스캔 기능

IR 광원으로 신분증 전체를 스캔합니다.

OCR

스캔과 동시에 신분증의 이름, 생년월일 등의 텍스트 이미지를 실제 텍스트 문자로 변환합니다. OCR은 패턴 인식이라는 인공 지능 형식을 사용하여 문장 부호, 공백, 줄 끝 등을 포함한 개별 텍스트 문자를 식별합니다.

CIS sensor

QuantumScan은 최신의 신분증 전용 CIS(Contact Image Sensor) 센서를 사용하여 Color/IR 스캔 이미지를 동시에 만들며, 100/200/300/400/500/ Max. 600dpi 의 고화질의 선명하고 깨끗한 스캔 이미지를 출력합니다.

KIOSK  무인기 적용

QuantumScan은 KIOSK 등의 무인기에 적용하기에 용이합니다.

적용사례) 렌터카 무인창구
KIOSK에 내장된 QuantumScan은 수속 절차 진행 중 면허증 확인 단계에서 사용되고 있습니다.

Specifications
모델명 QuantumScan Card 크기 ISO7810 Credit Card Size
Card 크기 ISO7810 Credit Card Size
해상도 Max. 600dpi 스캔 속도 Max. 1.2sec
스캔 속도 Max. 1.2sec
컬러 24bit True Color 스캔파일 포맷 BMP, JPG
스캔파일 포맷 BMP, JPG
스캔 방식 단면 CIS S/W 인터페이스 TWAIN Driver 지원, 자체 드라이버 지원
S/W 인터페이스 TWAIN Driver 지원, 자체 드라이버 지원
인터페이스 USB 2.0 High Speed 전원 AC 100~240V 50/60Hz
전원 AC 100~240V 50/60Hz
크기 159(W) * 106(D) * 55.6(H) mm 중량 약 525g
중량 약 525g
Requirements
운영체제 Windows XP, Vista, 7, 8, 10 (32/64bit)
CPU Min. Pentium Ⅲ 1Ghz
RAM Min. 256MB