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("../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("../images/common/a_down.png");
background-repeat: no-repeat;
}
#gnb>.nav-item.active>.nav-link>.arrow {
background-image:url("../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("../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("../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("../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("../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("../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("../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("../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("../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("../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("../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("../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("../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("../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("../images/sub/sub_2018/dot.gif");
margin-left :10px;
line-height : 190%;
}
.txt2 li{
list-style-image : url("../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("../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("../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;
}