/* 폰트 font-family:'Nanum Square', sans-serif; font-family: 'Barlow', sans-serif; */ /*그라데이션*/ .gradient { background: #198ee8; /* Old browsers */ background: -moz-linear-gradient(left, #198ee8 0%, #198ee8 47%, #4c65e4 59%, #4c65e4 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #198ee8 0%,#198ee8 47%,#4c65e4 59%,#4c65e4 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #198ee8 0%,#198ee8 47%,#4c65e4 59%,#4c65e4 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#198ee8', endColorstr='#4c65e4',GradientType=1 ); /* IE6-9 */ } /* /////////////// company //////////////*/ /* /////////////// company //////////////*/ /* /////////////// company //////////////*/ /* /////////////// company //////////////*/ /* /////////////// company //////////////*/ /* /////////////// company //////////////*/ /*비투지 소개*/ .about_ {min-height: 100px; padding-top: 50px;} .about_1>.bg {position: absolute; left: 0; top: 100px; display: block; width: 100%; height: 533px; background: #eff2f5;} .about_1 .about_1_thumb>div {position: absolute; height: 100%; display: flex; align-items: center; justify-content: center; text-align:center; left: 0; top: 0;} .about_1 .about_1_thumb>div h3 {display: block; font-family:'Nanum Square', sans-serif; font-size: 34px; font-weight: 700; letter-spacing: -0.025em; color: #fff; position: relative; line-height: 1; } .about_1 .about_1_thumb>div h3 span {font-size: inherit; font-weight: inherit; font-family: inherit; color: inherit; letter-spacing: inherit; line-height: inherit; display: block; } .about_1 .about_1_thumb>div h3:before {content: ""; display:block; width: 50px; height: 4px; background: #198ee8; /* Old browsers */ background: -moz-linear-gradient(left, #198ee8 0%, #198ee8 47%, #4c65e4 59%, #4c65e4 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #198ee8 0%,#198ee8 47%,#4c65e4 59%,#4c65e4 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #198ee8 0%,#198ee8 47%,#4c65e4 59%,#4c65e4 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#198ee8', endColorstr='#4c65e4',GradientType=1 ); /* IE6-9 */ margin: 0 auto 18px; } .about_1 .txt {padding-top: 40px; height: 303px;} .about_1 .txt p {position: relative; display:block; font-family:'Nanum Square', sans-serif; line-height: 28px; font-weight: 400; letter-spacing: -0.025em; color: #333; font-size: 17px;} .about_1 .txt p+p {margin-top: 15px;} .about_1 .txt p font {font-family: 'Noto Sans KR', sans-serif; font-weight: 700; font-size: inherit; color: inherit; letter-spacing: inherit; line-height: inherit;} .about_1 .txt p b {font-weight: 700;font-family: inherit; font-size: inherit; color: inherit; letter-spacing: inherit; line-height: inherit;} .about_2 {padding-top: 82px; padding-bottom: 100px;} .about_2 .about_2_1 {position: relative; display: block; width: 100%; max-width: 720px; height: 390px; margin: 0 auto; display: flex; align-items: center; justify-content: center; background: url(/images/sub/company/about_2.png)no-repeat center;} .about_2 .about_2_1>div {height: 100%; width: 50%; text-align: center; display: flex; align-items: center; justify-content: center;} .about_2 .about_2_1>div:nth-child(1) {padding-left: 30px;} .about_2 .about_2_1>div:nth-child(2) {padding-right: 30px;} .about_2 .about_2_1>div h3.h31 {display: block; line-height: 1; font-weight: 500; font-family: 'Barlow', sans-serif; font-size: 40px; letter-spacing: -0.040em; color: #198ee8;} .about_2 .about_2_1>div h3.h32 {display: block; line-height: 1; font-weight: 500; font-family: 'Barlow', sans-serif; font-size: 40px; letter-spacing: -0.040em; color: #4c65e4;} .about_2 .about_2_1>div img {display: block; margin: 13px auto;} .about_2 .about_2_1>div p.p1 {display: block; font-family:'Nanum Square', sans-serif; font-size: 24px; letter-spacing: -0.040em; font-weight: 400; line-height: 1; color: #333; margin-top: 16px;} .about_2 .about_2_1>div p.p2 {display: block; font-family:'Nanum Square', sans-serif; font-size: 24px; letter-spacing: -0.040em; font-weight: 700; line-height: 1; color: #333; margin-top: 16px;} .about_2 .about_2_1>div p.p3 {display: block; font-family:'Nanum Square', sans-serif; font-size: 24px; letter-spacing: -0.040em; font-weight: 400; line-height: 34px; color: #333; margin-top: 25px;} .about_2 .about_2_txt {position: relative; display: block; width: 1070px; margin: 28px auto 0;} .about_2 .about_2_txt p {display: block; width: 100%; height: auto; background: url(/images/sub/company/dot_line.png)repeat-x left center; font-size: 0; text-align: center;} .about_2 .about_2_txt p span {display: inline-block; font-family: 'Barlow', sans-serif; background: #fff; font-weight: 500; letter-spacing: -0.025em; color: #034295; line-height: 1; font-size: 40px; padding: 0 33px;} .about_2 .about_2_txt h3 {display: block; font-size: 74px; letter-spacing: -0.025em; color: #0c2a52; line-height: 1; text-align:center; margin-top: 18px;} .about_2 .about_2_txt>span {display: block; width: 370px; height: 44px; border-radius: 30px; background: #034295; color: #fff; text-align: center; font-weight: 700; letter-spacing: -0.025em; font-size: 24px; line-height: 44px; margin: 0 auto; margin-top: 19px; font-family:'Nanum Square', sans-serif;} /*연혁*/ .history_ {padding-top: 60px; padding-bottom: 100px;} .history_ .inner {background: url(/images/sub/company/dot_line2.png)repeat-y top center; min-height: 100px; overflow: hidden;} .history_ .inner:after {clear: both; display: block; content: "";} .history_ .list_.list_right:first-child:after {content: "";position: absolute;left: -5px;top: 0px;display: block;background: #fff;width: 10px;height: 13px;} .history_ .list_.list_left:first-child:after {content: "";position: absolute;right: -5px;top: 0px;display: block;background: #fff;width: 10px;height: 13px;} .history_ .list_.list_right:last-child:after {content: "";position: absolute;left: -5px;top: 30px;display: block;background: #fff;width: 10px;height: 600px;} .history_ .list_.list_left:last-child:after {content: "";position: absolute;right: -5px;top: 30px;display: block;background: #fff;width: 10px;height: 600px;} .history_ .list_ {position: relative; display: flex; width :50%; height: auto; align-items: flex-start;} .history_ .list_+.list_ {margin-top: 60px;} .history_ .list_.list_left {float: left; margin-right: 10px; flex-direction:row-reverse;} .history_ .list_.list_left .info {position: relative; display: flex; align-items: flex-start; flex-direction: row-reverse;} .history_ .list_.list_left .info .txt {position: relative; display: flex; align-items: center; flex-direction: row-reverse;} .history_ .list_.list_right {float: right; margin-left: 10px; } .history_ .list_.list_right .info {position: relative; display: flex;align-items: flex-start; } .history_ .list_.list_right .info .txt {position: relative; display: flex; align-items: center;} .history_ .list_ .info .txt .txt_inner {display: flex; align-items: center;} .history_ .list_ span.circle {display: flex; width: 17px; height: 17px; border-radius: 100%; border: 1px solid #198ee8; position: absolute; top: 13px; background: #fff; justify-content: center; align-items:center;} .history_ .list_.list_left span.circle {right: -8px;} .history_ .list_.list_right span.circle {left: -8px;} .history_ .list_ span.bar {display: block; width: 102px; height: 1px; background: #e5e5e5; margin-top: 21px;} .history_ .list_.list_left span.bar {margin-left: 16px;} .history_ .list_.list_right span.bar {margin-right: 16px;} .history_ .list_ span.circle:before {display: block; width: 9px; height: 9px; background: #198ee8; border-radius: 100%; content: "";} .history_ .list_ h3.year {font-family: 'Barlow', sans-serif; font-size: 44px; letter-spacing: -0.025em; color: #0c2a52; font-weight: 400; line-height: 1;} .history_ .list_.list_left h3.year {margin-left: 22px;} .history_ .list_.list_right h3.year {margin-right: 22px;} .history_ .list_ p.month, .history_ .list_ p.font {font-family:'Nanum Square', sans-serif; font-size: 17px; letter-spacing: -0.025em; color: #333; font-weight: 400; line-height: 1;} .history_ .list_ p.month {font-weight: 700;} .history_ .list_.list_left p.month {margin-left: 5px;} .history_ .list_.list_right p.month {margin-right: 5px;} .history_ .list_ .info .box div.txt {margin-top: 11px;} .history_ .list_ .info .box img {margin-top: 11px;} .history_ .list_ .info .box>:first-child {margin-top: 7px !important;} /* 기술/인증 */ .technology_ {padding-top: 40px; padding-bottom: 100px;} .certification_ {background: #eff2f5;} .certification_ .certification_inner {padding: 70px 0 65px; background: url(/images/sub/company/certification_deco.png)no-repeat right bottom;} /* .certification_ .block {position: relative; display: block; width: calc(100% + 28px); margin-left: -14px; height: auto;} */ .certification_ .block {} .certification_ .block+.block {margin-top: 50px;} .certification_ .block h3 {position:relative; display: block; width: 100%; height: auto; line-height: 1; font-family:'Nanum Square', sans-serif; font-size: 30px; font-weight: 400; letter-spacing: -0.025em; color: #0c2a52;} .certification_ .block h3:before {content: ""; display: block; width: 24px; height: 4px; margin-bottom: 10px; background: #198ee8; /* Old browsers */ background: -moz-linear-gradient(left, #198ee8 0%, #198ee8 47%, #4c65e4 59%, #4c65e4 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #198ee8 0%,#198ee8 47%,#4c65e4 59%,#4c65e4 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #198ee8 0%,#198ee8 47%,#4c65e4 59%,#4c65e4 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#198ee8', endColorstr='#4c65e4',GradientType=1 ); /* IE6-9 */ } .certification_ .block .box {overflow: hidden;} .certification_ .block ul {position: relative; position: relative; display: flex; width: calc(100% + 14px); margin-left: -7px; height: auto; align-items: flex-start; margin-top: 25px;} .certification_ .block ul li {position: relative; display: block; width :25%; height: auto; padding: 0 7px;} .certification_ .block ul li>div {position: relative; display: block; width: 100%; height: 180px; border: 1px solid #dddddd; background: #fff; padding-left: 24px;} .certification_ .block ul li p.p1 {display: block; height: 100px; font-family:'Nanum Square', sans-serif; font-weight: 700; letter-spacing: -0.025em; color: #222; font-size: 17px; line-height: 26px; padding-top: 28px;} .certification_ .block ul li p.p2 {display: block; font-family:'Nanum Square', sans-serif; font-weight: 400; letter-spacing: -0.025em; color: #333; font-size: 17px; line-height: 26px;} .certification_ .block ul li p.p2 span {font-family: inherit; font-weight: 700; letter-spacing: inherit; color: #198ee8; font-size: inherit; line-height: inherit;} /*전기차용 GaN 전력 소자*/ .business2-4-flex-box {position: relative; width: 1200px; height: auto; display: flex; justify-content: center; align-items: center; margin: 0 auto; margin-top: 50px;} .business2-4-flex-box * {font-family:'Nanum Square', sans-serif;} .business2-4-flex-box .box {position: relative; width: 345px; height: auto;} .business2-4-flex-box .box .tit {display: flex; justify-content: center; align-items: center; font-size: 20px; font-weight: 700; line-height: 1; text-align: center; border-width: 2px; border-style: solid; height: 48px; width: 100%;} .business2-4-flex-box .box .tit.tit1 {border-color: rgb(255, 126, 40); color: rgb(255, 126, 40);} .business2-4-flex-box .box .tit.tit2 {border-color: rgb(8, 184, 205); color: rgb(8, 184, 205);} .business2-4-flex-box .box .tit.tit3 {border-color: #2596f6; color: #fff; background-color: #2596f6;} .business2-4-flex-box .box .body {background-color: #f6f9fc; display: block; width: 100%; height: auto; min-height: 210px; margin-top: 6px; padding: 27px 22px;} .business2-4-flex-box .box .body p {position: relative; display: block; color: rgb(0, 0, 0); font-weight: 400; line-height: 1.647; font-size: 17px; padding-left: 10px;} .business2-4-flex-box .box .body p b {color: inherit; font-weight: 700; line-height: inherit; font-size: inherit;} .business2-4-flex-box .box .body p:before {content:""; position: absolute; left: 0; top: 10px; display: block; background-color: rgb(51, 51, 51); width: 4px; height: 4px;} .business2-4-flex-box .side {display: flex; width: 80px;height: auto; justify-content: center; align-items: center;} /*전기차용 GaN 전력 소자 end*/ /* 오시는길 */ .contact {position: relative; display: block; width: 1200px; margin: 0 auto;} .map {position: relative; display: block; width: 100%; height: auto;} .map iframe {width: 100% !important; height: 450px;} .location_talbe_box table {width: 100%; border-top: 2px solid #198ee8;} .location_talbe_box table th, .location_talbe_box table td {text-align: center ; padding:12px; border: 1px solid #ddd; } .location_talbe_box table th {background: #fbfbfb;} .location_talbe_box table th i {color:#198ee8; margin-right:8px; font-size:16px;} .location_talbe_box table td {font-size:15px; font-weight: 300; color:#666;} /* 오시는길 end */