@charset "utf-8";
@import url("https://fonts.googleapis.com/earlyaccess/notosanskr.css");

/*thin 100
light 300
regular 400
medium 500
bold 700
black 900*/

/*(       xs < 576  /
    576 ≤ sm < 768  /
    768 ≤ md < 992  /
    992 ≤ lg < 1200 /
   1200 ≤ xl                )*/
/*-----------------------
         header
-------------------------*/
html {
  font-size: 16px;
}
.container {
  max-width: 1600px;
  padding: 0 6.25rem;
}
.container-full {
  max-width: 100%;
}
.row {
  margin: 0;
}

.header-group {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background: #fff;
  box-shadow: 0px 0px 20px 3px rgba(0, 0, 0, 0.3);
  z-index: 4;
}

/* 네비 */
.navbar {
  position: static;
  padding: 38px 25px !important;
}
.navbar .navbar-brand {
  margin-right: 260px;
  padding-top: 0;
  padding-bottom: 0;
}
.navbar .navbar-collapse .navbar-nav .nav-item .dropdown-menu .container {
  padding: 0;
}
.navbar .navbar-collapse .navbar-nav .nav-item .dropdown-menu .con1 a:first-child {
  margin-left: 491px;
}
.navbar .navbar-collapse .navbar-nav .nav-item .dropdown-menu .con2 {
  padding: 0px 25px !important;
  text-align: center;
}
.navbar .navbar-collapse .navbar-nav .nav-item .dropdown-menu .con2 a:first-child {
  margin-left: 115px;
}
.navbar .navbar-brand img {
  height: 35px;
}
.navbar-expand-sm .navbar-nav {
  width: 100%;
  margin-right: 10vw;
}
.navbar-light .navbar-nav .nav-link {
  font-family: "Noto Sans KR", sans-serif;
  font-weight: 700;
  font-size: 18px;
  color: #000;
  padding: 0.33vw;
  border-bottom: 1px solid #fff;
}
.navbar-light .navbar-nav .nav-link:hover {
  border-bottom: 1px solid #000;
}
.dropdown {
  position: static;
}
.navbar .navbar-collapse .navbar-nav .nav-item .dropdown-menu {
  position: absolute;
  top: 113px;
  left: 0;
  width: 100%;
  z-index: 2;
  border: none;
  background: #ccc;
}
.navbar .navbar-collapse .navbar-nav .nav-item .dropdown-menu a {
  color: #444;
  padding: 0.33vw; /*padding-left: 0;*/
}
.navbar .navbar-collapse .navbar-nav .nav-item .dropdown-menu a:hover {
  color: #fff;
}

/* 언어선택 */
.navbar .lang_change {
  position: relative;
  width: 50px;
  height: 30px;
  border: 1px solid #fff;
  box-sizing: border-box;
  background: #fff;
  padding: 2px 5px 5px 5px;
  /*background: url(../img/main_icon03.png) no-repeat 90% 50%;*/ /* 화살표 모양의 이미지 */
  -webkit-appearance: none; /* 네이티브 외형 감추기 */
  -moz-appearance: none;
  appearance: none;
  z-index: 1;
}
.navbar .lang_change .lang,
.lang_wrap .KO,
.lang_wrap .EN {
  position: absolute;
  top: 4px;
  left: 9px;
  color: #777;
  font-size: 14px;
  font-family: "Noto Sans KR", sans-serif;
}
.navbar .lang_change img {
  position: absolute;
  right: 6px;
  top: 13px;
  width: 7px;
  height: 4px;
}
.navbar .lang_wrap {
  display: none;
  position: relative;
  top: 3px;
  z-index: 1;
}
.navbar .lang_wrap img {
  position: absolute;
  right: 6px;
  top: 13px;
  width: 7px;
  height: 4px;
  transform: rotate(180deg);
}
.navbar .lang_wrap .lang2 {
  position: absolute;
  right: 0px;
  top: 29px;
}
.navbar .lang_wrap a {
  position: relative;
  display: inline-block;
  width: 50px;
  height: 30px;
  border: 1px solid #7b7b7b;
  box-sizing: border-box;
  color: #777;
  font-size: 14px;
  background: #fff;
}

/* 메뉴 */
.main-menu {
  width: 100%;
  height: 100%;
  opacity: 0;
  visibility: hidden;
}
.nav-open .main-menu {
  display: none;
  opacity: 1;
  visibility: visible;
  background: #fff;
  z-index: 1;
  top: 65px;
}
.main-menu .nav li a {
  color: #fff;
  font-size: 5vh;
  font-weight: 600;
}
.main-menu .nav li {
  opacity: 0;
  -webkit-transform: translateY(-40px);
  transform: translateY(-40px);
  -webkit-animation-timing-function: cubic-bezier(0.45, 0.005, 0, 1);
  -moz-animation-timing-function: cubic-bezier(0.45, 0.005, 0, 1);
  -o-animation-timing-function: cubic-bezier(0.45, 0.005, 0, 1);
  animation-timing-function: cubic-bezier(0.45, 0.005, 0, 1);
}
.nav-open .main-menu .nav li {
  opacity: 1;
  -webkit-transform: translateY(0px);
  transform: translateY(0px);
  -webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
  transition: transform 0.2s, opacity 0.2s;
}

/* 모바일 메뉴 */
.menuArea {
  position: absolute;
  top: 0;
  padding: 0 15px;
  margin: 25px 0;
  width: 100%;
  text-align: left;
  margin-top: 40px;
}
.menuArea .oneDepth > a {
  display: block;
  padding: 10px 0;
  width: 100%;
  height: 52px;
  color: #222;
  font-size: 15px;
  font-weight: 600;
  line-height: 34px;
  border-bottom: 1px solid #d8dbe0;
}
.menuArea .oneDepth.on > a,
.menuArea .oneDepth:hover > a {
  border-bottom: 1px solid #222;
}
.menuArea .oneDepth > ul {
  display: none;
}
.menuArea .twoDepth > a {
  display: block;
  padding: 10px 0;
  color: #444;
  font-size: 14px;
  line-height: 16px;
  font-weight: 500;
}
.menuArea .twoDepth > a:first-child {
  padding-top: 20px;
}
.menuArea .twoDepth > a:last-child {
  padding-bottom: 20px;
}
.menuArea .twoDepth.on > a,
.menuArea .twoDepth > a:hover {
  color: #1e489d;
}
.menuArea .twoDepth:first-child > a {
  margin-top: 10px;
}
.menuArea .twoDepth > a + ul {
  margin: 10px 0;
}
.menuArea .twoDepth > ul {
  display: none;
  background: #f4f5f6;
  padding: 15px 20px;
}
.menuArea .thrDepth > a {
  position: relative;
  display: block;
  padding: 7px 0 7px 10px;
  color: #666;
  font-size: 14px;
  font-weight: 200;
  line-height: 15px;
}
.menuArea .thrDepth > a:before {
  content: "-";
  display: block;
  position: absolute;
  top: 7px;
  left: 0;
}
.menuArea .thrDepth.on > a,
.menuArea .thrDepth:hover > a {
  color: #1e489d;
}
.navbar-nav .dropdown-menu {
  border: none;
}
.navbar .navbar-collapse .navbar-nav .nav-item .dropdown-menu a {
  margin-right: 4vw;
}
.dropdown-toggle::after {
  display: none;
}
.nav-button {
  position: relative;
  z-index: 1111;
  display: block;
  padding: 0px;
}
.nav-button #nav-icon3 {
  width: 25px;
  height: 18px;
  display: inline-block;
  position: relative;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: 0.5s ease-in-out;
  -moz-transition: 0.5s ease-in-out;
  -o-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
  cursor: pointer;
}
.nav-button #nav-icon3 span {
  display: block;
  position: absolute;
  height: 3px;
  width: 100%;
  background: #000;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
}
.nav-button #nav-icon3 span:nth-child(1) {
  top: 0;
}
.nav-button #nav-icon3 span:nth-child(2),
#nav-icon3 span:nth-child(3) {
  top: 8px;
}
.nav-button #nav-icon3 span:nth-child(4) {
  top: 16px;
}
.nav-open #nav-icon3 span:nth-child(1) {
  top: 9px;
  width: 0;
  left: 50%;
}
.nav-open #nav-icon3 span:nth-child(2) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.nav-open #nav-icon3 span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.nav-open #nav-icon3 span:nth-child(4) {
  top: 9px;
  width: 0;
  left: 50%;
}

.flex-center {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
}

/*-----------------------
         팝업 공지
-------------------------*/
.layer-popup {
  position:absolute;
  top:120px;
  left:100px;
  background-color:#fff;
  border:2px solid #1E489D;
  border-radius: 5px;
  z-index:3;
  display: none;
}
.layer-popup-head {
  padding:10px 20px 0px 20px;
  position:relative;
}
.layer-popup-head-title input {
  margin-right: 5px;
  margin-bottom: 2px;
  appearance: auto !important;
  -webkit-appearance: checkbox !important;
}
.layer-popup-head-close {
  position:absolute;
  top:10px;
  right:20px;
  color:#333;
  text-decoration:none;
}
.layer-popup-body {
  padding:5px;
}
.layer-popup-body img {
  width:100%;
}
.layer-popup-body div {
  height: 120px;
  padding-top: 30px;
}
.layer-popup-body div a {
  background: #fff;
  color:#333;
  display: block;
  width: 45%;
  height: 60px;
  text-align: center;
  border-radius: 30px;
  font-size: 25px;
  font-weight: bold;
  margin: auto;
  padding-top: 10px;
  cursor: pointer;
}

@media (max-width: 460px) {
  .layer-popup {
    width:90% !important;
  }
}
@media (max-width: 700px) {
  .layer-popup-body div {
    height: 90px;
    padding-top: 20px;
  }
  .layer-popup-body div a {
    width: 70%;
    height: 50px;
    font-size: 18px;
    padding-top: 11px;
  }
}
@media (max-width: 875px) {
  .layer-popup {
    width:80%;
  }
}
@media (min-width: 875px) {
  .layer-popup-w-650 {
    width:650px !important;
  }
  
  .layer-popup {
    width:800px;
  }
}

/*-----------------------
         contents
-------------------------*/
.contents {
  margin-top: 119px;
}

/*------------------ main ----------------------*/
/* sec1 - 배너 */
.sec1 .banner .carousel .carousel-inner {
  z-index: 1;
}
.sec1 .banner .carousel .carousel-inner .carousel-item > div:first-child {
  position: relative;
  background-position: center;
  height: 26.25rem;
}
.sec1 .banner .carousel .carousel-inner .carousel-item .img1 {
  background: url(../img/main-bg01.png) no-repeat;
  background-size: cover;
  background-position: right !important;
}
.sec1 .banner .carousel .carousel-inner .carousel-item .img1 .img1_1 {
  position: absolute;
  top: 25.87%;
  width: 55.5%;
  height: 151.8%;
  right: 0;
  background: url(../img/main-bg02-m.png) no-repeat;
  background-size: contain;
}
.sec1 .banner .carousel .carousel-inner .carousel-item .img2 {
  background: url(../img/main-bg02.png) no-repeat;
  background-size: cover;
  background-position: center !important;
}
.sec1 .banner .carousel .carousel-inner .carousel-item .img2 .img2_1 {
  position: absolute;
  top: 12.75%;
  width: 39.9%;
  height: 182.5%;
  right: 0;
  background: url(../img/main-bg04-m_2.png) no-repeat;
  background-size: contain;
}
.sec1 .banner .carousel .carousel-inner .carousel-item .img3 {
  background: url(../img/main-bg03.png) no-repeat;
  background-size: cover;
  background-position: center !important;
}
.sec1 .banner .carousel .carousel-inner .carousel-item .img3 .img3_1 {
  position: absolute;
  top: 12.75%;
  width: 39.9%;
  height: 182.5%;
  right: 150px;
  background: url(../img/main-bg03-m.png) no-repeat;
  background-size: contain;
}
.sec1 .banner .carousel .carousel-inner .carousel-item .img4 {
  background: url(../img/main-bg04.png) no-repeat;
  background-size: cover;
  background-position: center !important;
}
.sec1 .banner .carousel .carousel-inner .carousel-item .img4 .img4_1 {
  position: absolute;
  top: 8.125%;
  right: 0;
  width: 58.9%;
  height: 188.75%;
  background: url(../img/main-img01.png) no-repeat;
  background-size: contain;
}
.sec1 .banner .carousel .carousel-inner .carousel-item .carousel-caption {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  margin: 0 auto;
  padding-top: 5.93rem;
  color: #000;
}
.sec1 .banner .carousel .carousel-inner .carousel-item .carousel-caption .title1 > span {
  display: inline-block;
  margin-bottom: 1.25rem;
  font-size: 2.12rem;
  line-height: 36px;
}
.sec1 .banner .carousel .carousel-inner .carousel-item .carousel-caption .title1 h1 {
  display: inline-block;
  font-weight: 700;
  margin-bottom: 1.56rem;
  font-size: 5rem;
  line-height: 5.12rem;
}
.sec1 .banner .carousel .carousel-inner .carousel-item .carousel-caption .title1 h1.main_visual_title {
  font-size: 3.4rem;
}
.sec1 .banner .carousel .carousel-inner .carousel-item .carousel-caption .title1 p {
  display: inline-block;
  margin-bottom: 3.12rem;
  font-weight: 400;
  font-size: 1.875rem;
  line-height: 2rem;
}
.colB {
  font-weight: 700;
  color: #0d3f98;
}
.sec1 .banner .carousel .carousel-control-prev {
  left: 0;
}
.sec1 .banner .carousel .carousel-indicators {
  z-index: 2;
  top: 331px;
  bottom: unset;
  display: inline-block;
  margin: auto;
}
.sec1 .banner .carousel .carousel-indicators li {
  float: left;
  width: 12px;
  height: 12px;
  margin: 0 10px 0 0;
  border: none;
  border-radius: 6px;
  background-color: #fff;
  opacity: 1;
}
.sec1 .banner .carousel .carousel-indicators li.active {
  width: 66px;
}
.sec1 .banner .carousel .carousel-indicators .stop,
.sec2 .con2 .carousel-indicators .stop {
  background-color: rgba(237, 92, 92, 0.75);
}
.sec1 .banner .carousel .carousel-indicators .start,
.sec2 .con2 .carousel-indicators .start {
  background-color: rgba(92, 63, 190, 0.75);
}
.sec1 .banner .carousel .carousel-indicators .stop,
.sec1 .banner .carousel .carousel-indicators .start {
  width:13px;
  height:13px;
  border-radius: 0;
}
.sec1 .banner .carousel .carousel-indicators .stop {
  background: url(../img/btn/btn_pause.png) no-repeat;
  background-size: 13px !important;
}
.sec1 .banner .carousel .carousel-indicators .start {
  background: url(../img/btn/btn_play.png) no-repeat;
  background-size: 12px !important;
}
.sec1 .banner_caption1 {
  padding-top: 3.12rem;
  padding-bottom: 6.25rem;
}
.sec1 .banner_caption1 p {
  margin-bottom: 50px;
  font-weight: 400;
  font-size: 1.12rem;
  line-height: 1.75rem;
  color: #222;
  width: 39%;
}
.bButton {
  position: relative;
  display: inline-block;
  width: 9.625rem;
  height: 3rem;
  border-radius: 24px;
  background: #0d3f98;
  text-align: left;
  line-height: 3rem;
  color: #fff;
  font-size: 1.25rem;
  font-weight: 400;
  padding: 0 1.5rem;
  z-index: 3;
}
.bButton:hover {
  background: #222;
  color: #fff;
}
.bButton:before {
  content: "";
  background: url(../img/btn/btn_right_wh.png) no-repeat;
  width: 0.375rem;
  height: 0.5rem;
  background-size: contain;
  position: absolute;
  top: 50%;
  left: 84%;
  transform: translate(-50%, -50%);
}
.carousel-control-next,
.carousel-control-prev {
  height: 80%;
}

/* sec1 - 배너 하단 아이콘 */
.sec1 .banner_bottom {
  padding: 0;
}
.sec1 .banner_bottom .container {
  padding-top: 4.37rem;
  padding-bottom: 10.62rem;
}
.sec1 .banner_bottom .row {
  margin: 0;
  padding: 0;
}
.sec1 .banner_bottom .row > div {
  margin: 0;
  padding: 0;
}
.sec1 .banner_bottom .row > div:not(:first-child) {
  margin: 0 !important;
  padding-left: 3.12rem;
}
.sec1 .banner_bottom .features-icons-item .features-icons-icon {
  height: auto;
  margin-bottom: 32px;
}
.sec1 .banner_bottom .text-primary {
  width: 4.37rem;
  height: 4.37rem;
  margin-right: 1.87rem;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  background-size: contain !important;
}

.sec1 .banner_bottom .bIcon-easy {
  background: url("../img/icon/icon_easy.png");
}
.sec1 .banner_bottom .bIcon-reliable {
  background: url("../img/icon/icon_reliable@2x.png");
}
.sec1 .banner_bottom .bIcon-exact {
  background: url("../img/icon/icon_exact@2x.png");
}
.sec1 .banner_bottom .bIcon-integrated {
  background: url("../img/icon/icon_Integrated@2x.png");
}
.sec1 .banner_bottom .bIcon-durable {
  background: url("../img/icon/icon_durable@2x.png");
}
.sec1 .banner_bottom .bIcon-safety {
  background: url("../img/icon/icon_Safety@2x.png");
}
.sec1 .banner_bottom .bIcon-user-friendly {
  background: url("../img/icon/icon_User-Friendly@2x.png");
}

.sec1 .banner_bottom h1 {
  height: 4.37rem;
  line-height: 4.37rem;
  font-family: "Noto Sans KR", sans-serif;
  font-size: 2.12rem;
  font-weight: 700;
}
.sec1 .banner_bottom p {
  position: relative;
  font-family: "Noto Sans KR", sans-serif;
  font-size: 1.12rem;
  font-weight: 400;
  line-height: 1.75rem;
  color: #777;
}
.sec1 .banner_bottom .row > div:not(:last-child) p {
  min-height: 7.05rem;
  border-right: 1px solid #ddd;
  padding-right: 3.12rem;
}
.sec1 .banner_bottom .row > div:nth-child(1) p {
  padding-right: 6.12rem;
}
.sec1 .banner_bottom .row > div:nth-child(3) p {
  padding-right: 2.12rem;
}

/* sec2 - 핸드폰 */
.sec2 {
  position: relative;
  padding: 7.81rem;
  background: url("../img/main-bg05.png") no-repeat center center;
  background-position: 50% 50%;
  background-size: cover;
  height: 70.88rem;
  overflow: hidden;
}
.sec2 .tit h1 {
  font-size: 4.06rem;
  line-height: 4.07rem;
  color: #222;
  margin-bottom: 2.5rem;
}
.sec2 .tit p {
  font-size: 2.12rem;
  line-height: 2.12rem;
  color: #222;
}
.sec2 .tit p.addendum {
  font-size: 1rem;
  line-height: 22px;
  color: #777777;
  margin-top:30px;
}
.sec2 .con {
  max-width: 2400px;
  height: 50rem;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 0);
}
.sec2 .con > div {
  width: 14%;
  height: 82%;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: bottom !important;
  margin-top: 2%;
}
.sec2 .con > div:nth-child(1) {
  background: url("../img/main-img02.png");
}
.sec2 .con > div:nth-child(2) {
  background: url("../img/main-img03.png");
}
.sec2 .con > div:nth-child(3) {
  width: 21%;
  height: 100%;
  background: url("../img/main-img04.png");
  margin-top: 0;
}
.sec2 .con > div:nth-child(4) {
  background: url("../img/main-img05.png");
}
.sec2 .con > div:nth-child(5) {
  background: url("../img/main-img06.png");
}

.sec2 .con2 {
  display: none;
  width: 783.5px;
  height: 350px;
  margin-top: 0;
  margin-bottom: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -39%) !important;
}
.sec2 .con2 .slider {
  width: 50%;
  margin: 100px auto;
}
.sec2 .con2 .slick-slide {
  transition: all ease-in-out 0.3s;
  opacity: 0.2;
  width: 180px !important;
  margin: 0px 24px;
}
.sec2 .con2 .slick-slide img {
  width: 100%;
}
.sec2 .con2 .slick-active {
  opacity: 0.5;
}
.sec2 .con2 .slick-current {
  opacity: 1;
}
.sec2 .con2 .slick-arrow {
  position: absolute;
  top: 48%;
  right: 74px;
  width: 180px;
  height: 345px;
  border-radius: 30px;
  z-index: 3;
}
.sec2 .con2 .slick-prev {
  left: 75px;
}
.sec2 .con2 .slick-next {
  right: 75px;
}
.slick-prev:before,
.slick-next:before {
  color: black;
  position: absolute;
  top: 45%;
}
.slick-prev:before {
  content: "" !important;
  background: url(../img/btn/btn_left_black.png) no-repeat center center !important;
  background-size: contain !important;
  width: 19px !important;
  height: 34px !important;
  left: 67%;
}
[dir="rtl"] .slick-prev:before {
  content: "" !important;
  background: url(../img/btn/btn_right_black.png) no-repeat center center !important;
  background-size: contain !important;
  width: 19px !important;
  height: 34px !important;
}
.slick-next {
  right: -25px;
}
[dir="rtl"] .slick-next {
  right: auto;
  left: -25px;
}
.slick-next:before {
  content: "" !important;
  background: url(../img/btn/btn_right_black.png) no-repeat center center !important;
  background-size: contain !important;
  width: 19px !important;
  height: 34px !important;
  right: 67%;
}
[dir="rtl"] .slick-next:before {
  content: "" !important;
  background: url(../img/btn/btn_left_black.png) no-repeat center center !important;
  background-size: contain !important;
  width: 19px !important;
  height: 34px !important;
}

/* sec3 - 인슐린펌프&인슐린펜&케어앱&플랫폼 */
.sec3 .con {
  position: relative;
  width: 100%; /* height: 800px;*/
}
.sec3 .con:nth-child(2) {
  z-index: 0;
  background: #f2f2f2;
}
.sec3 .con:nth-child(3) {
  z-index: 0;
  background: url(../img/main-bg08.png) no-repeat center center;
  background-size: cover;
}
.sec3 .con:nth-child(4) {
  z-index: 0;
  background: url(../img/main-bg06.png) no-repeat;
  background-position: 73%;
  background-size: cover;
}
.sec3 .con .no-gutters {
  position: relative;
  width: 100%;
  height: 100%;
}
.sec3 .con .container .no-gutters .showcase-video {
  padding-top: 15rem;
  padding-bottom: 15rem;
  z-index: 2;
}
.sec3 .con .container .no-gutters .showcase-text {
  padding-top: 15rem;
  padding-bottom: 15rem;
  z-index: 2;
}
.sec3 .con:nth-child(2) .order-lg-2 {
  padding-left: 4rem;
}
.sec3 .con:nth-child(4) .order-lg-2 {
  padding-left: 4rem;
}
.sec3 .con .container .no-gutters .showcase-text > span {
  display: inline-block;
  margin-bottom: 1.62rem;
  line-height: 1.87rem;
  font-size: 1.25rem;
  font-weight: 500;
  color: #222;
  border-bottom: 1px solid #222;
}
.sec3 .con .container .no-gutters .showcase-text > h1 {
  margin-bottom: 1.31rem;
  font-size: 2.12rem;
  font-weight: 700;
  color: #222;
}
.sec3 .con .container .no-gutters .showcase-text > p {
  margin-bottom: 2.62rem;
  font-size: 1.12rem;
  line-height: 1.75rem;
  font-weight: 300;
  color: #777;
}
.sec3 .con .container .no-gutters .showcase-text .s3p1 {
  width: 74%;
}
.sec3 .con .container .no-gutters .showcase-text .s3p3 {
  width: 71%;
}
.sec3 .con .container .no-gutters .showcase-text .s3p4 {
  width: 97%;
}
.sec3 .con .container .no-gutters .showcase-text .common-s3p {
  font-size: 0.8rem;
  margin-top: 50px;
  line-height: 1rem;
}
.sec3 .con .no-gutters .con2Img1 {
  background: url("../img/main-img07.png") no-repeat;
  background-position: 50% 50%;
  background-size: contain;
  width: 55.25rem;
}
.sec3 .con .no-gutters .con2Img2 {
  background: url("../img/main-img08.png") no-repeat;
  background-position: 50% 50%;
  background-size: contain;
  width: 55.25rem;
}
.sec3 .con .no-gutters .con2Img3 {
  display: none;
  background: url("../img/main-img09.png") no-repeat center center;
  background-position: 50% 50%;
  background-size: contain;
  width: 60.125rem;
}
.sec3 .con .no-gutters .con2Img4 {
  background: url("../img/main-img10.png") no-repeat;
  background-position: 50% 100%;
  background-size: contain;
  width: 61.81rem;
  opacity: 0;
}
.sec3 .con .showcase-video {
	color:#aaa !important;
	font-size: 0.8rem;
}
.sec3 .con .showcase-video .custom-main-prod-video-div {
  position: relative; 
  padding-bottom: 56.25%;
  height: 0;
}
.sec3 .con .showcase-video .custom-main-prod-video-div video {
  width:100%;
  position:absolute;
  top:0;
  left:0;
}

/* sec4 - 온오프라인 통합의료관리 솔루션 */
.sec4 {
  padding: 8.12rem 0;
  background: url("../img/main-bg07.png") no-repeat center center;
  background-position: 50% 50%;
  background-size: cover;
  height: 33.93rem;
}
.sec4 h1 {
  margin-bottom: 40px;
  font-size: 3.75rem;
  font-weight: 500;
  line-height: 4.375rem;
  color: #fff;
}
.sec4 p {
  font-size: 1.75rem;
  font-weight: 400;
  line-height: 2.75rem;
  color: #fff;
}

/*------ 제품소개 ------*/
.wButton {
  position: relative;
  display: inline-block;
  width: 9rem;
  height: 3rem;
  border-radius: 24px;
  background: #fff;
  text-align: left;
  line-height: 2.9rem;
  font-size: 1.25rem;
  font-weight: 400;
  color: #0d3f98;
  padding: 0 1.5rem 0 1.2rem;
  margin-right: 1rem;
  margin-bottom: 0.5rem;
} /*padding-right: 0.75rem;*/
.wButton:hover {
  background: #0d3f98;
  color: #fff;
}
.wButton:before {
  content: "";
  background: url(../img/icon/icon-contact-arr.png) no-repeat;
  width: 0.375rem;
  height: 0.5rem;
  background-size: contain;
  position: absolute;
  top: 50%;
  left: 89%;
  transform: translate(-50%, -50%);
}
.wButton:hover:before {
  content: "";
  background: url(../img/btn/btn_right_wh.png) no-repeat;
  width: 0.375rem;
  height: 0.5rem;
  background-size: contain;
  position: absolute;
  top: 50%;
  left: 89%;
  transform: translate(-50%, -50%);
}
.pNum {
  display: inline-block;
  margin-bottom: 2.37rem;
  line-height: 1.87rem;
  font-size: 1.25rem;
  font-weight: 500;
  color: #222;
  border-bottom: 1px solid #222;
}
.pTxt1 {
  margin-bottom: 1.25rem;
  font-size: 2.12rem;
  font-weight: 700;
  color: #222;
}
.pTxt2 {
  margin-bottom: 1.75rem;
  font-size: 1.12rem;
  line-height: 1.75rem;
  font-weight: 700;
  color: #222;
}
.pTxt3 {
  font-size: 1.12rem;
  line-height: 1.75rem;
  font-weight: 300;
  color: #777;
}
.pTxt2 > li,
.pTxt3 > li {
  font-size: 1.12rem;
}
.pB {
  color: #000;
  font-weight: 400;
}
.pBW {
  color: #fff;
  font-weight: 400;
}
.txtindent {
  text-indent: -1rem;
  padding-left: 1rem;
}
.txtindent2 {
  text-indent: -1.7rem;
  padding-left: 1.6rem;
}
.txtindent3 {
  text-indent: -0.6rem;
  padding-left: 1rem;
}

/*--- 제품소개 공통 ---*/
/* prod-intro-common-sec1 - 의료기기 광고심의필 */
.prod-intro-common-sec1 {
  padding:1.5rem 0 !important;
  color: #c3ced5 !important;
  background: #2c2c2c !important;
}
.prod-intro-common-sec1 p{
  font-size: 0.8rem !important;
}

/*--- G8InsulinPump ---*/
/* G8-sec1 - 배너 */
.G8-sec1 .banner .img1 {
  position: relative;
  background-position: 50%;
  height: 26.25rem;
}
.G8-sec1 .banner .img1 {
  background: url(../img/G8-bg01.png) no-repeat;
  background-size: cover;
  background-position: center;
}
.G8-sec1 .banner .img1 .img1_1 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(127%, -11%);
  width: 21.56%;
  height: 153.5%;
  right: 0;
  background: url(../img/G8-img01.png) no-repeat;
  background-size: contain;
}
.G8-sec1 .banner .img1 .carousel-caption {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  margin: 0 auto;
  padding-top: 5.93rem;
  color: #000;
  z-index: 0;
}
.G8-sec1 .banner .img1 .carousel-caption .title1 {
  color: #0d3f98;
}
.G8-sec1 .banner .img1 .carousel-caption .title1 > span {
  display: inline-block;
  margin-bottom: 0.56rem;
  font-weight: 700;
  font-size: 2.12rem;
  line-height: 36px;
}
.G8-sec1 .banner .img1 .carousel-caption .title1 h1 {
  display: inline-block;
  font-weight: 700;
  margin-bottom: 1.87rem;
  font-size: 3.5rem;
  line-height: 3.62rem;
}
.G8-sec1 .banner_caption1 {
  padding-top: 7.75rem;
  padding-bottom: 7.75rem;
}
.G8-sec1 .banner_caption1 h1 {
  font-weight: 400;
  font-size: 3.75rem;
  line-height: 3.87rem;
  color: #222;
  margin-bottom: 2.37rem;
}
.G8-sec1 .banner_caption1 p {
  font-weight: 300;
  font-size: 1.75rem;
  line-height: 2.75rem;
  color: #222; /*margin-bottom: 1.75em;*/
  width: 62%;
}
.G8-sec1 .banner_caption1 p b {
  color: #000;
}

/* G8-sec2 - 안정성,정확성,편의성 향상,편리한 조작,구성도 */
.G8-sec2 > div {
  position: relative;
  width: 100%;
}
.G8-sec2 .con1 .no-gutters {
  position: relative;
  width: 100%;
  height: 100%;
}
.G8-sec2 .con1 .order-lg-1 {
  padding-top: 12.25rem;
  padding-bottom: 12.25rem;
}
.G8-sec2 .con1 .con2Img1 {
  background: url(../img/G8-img01.png) no-repeat center center;
  background-size: contain;
  opacity: 0;
}
.G8-sec2 .con2 .con2Img2 {
  background: url(../img/G8-img03_2.png) no-repeat center center;
  background-size: contain;
  opacity: 0;
}
.G8-sec2 .con2 .order-lg-2 {
  padding-top: 12.25rem;
  padding-left: 8.2rem;
  padding-bottom: 19.25rem;
}
.G8-sec2 .con3 .order-lg-1 {
  padding-top: 12.25rem;
  padding-bottom: 19.25rem;
}
.G8-sec2 .con3 .con2Img3 {
  background: url(../img/G8-img04.png) no-repeat center center;
  background-size: contain;
  opacity: 0;
}
.G8-sec2 .con4 .con2Img4 {
  background: url(../img/G8-img05.png) no-repeat center center;
  background-size: contain;
  opacity: 0;
}
.G8-sec2 .con4 .order-lg-2 {
  padding-top: 12.25rem;
  padding-left: 4rem;
  padding-bottom: 24.5rem;
}
.G8-sec2 .con5 .order-lg-1 {
  padding: 9.62rem 0;
}
.G8-sec2 .con5 .con2Img5 {
  background: url(../img/G8-img06.png) no-repeat center center;
  background-size: contain;
  opacity: 0;
}
.G8-sec2 > div > div:nth-child(2) {
  position: absolute;
  z-index: -1;
}
.G8-sec2 .bg {
  background-size: cover;
  width: 100%;
  height: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.G8-sec2 .bg1 {
  background: url(../img/G8-bg02_2.png) no-repeat center center;
  background-position: 56%;
}
.G8-sec2 .bg2 {
  background: url(../img/G8-bg03_2.png) no-repeat;
  background-position: 57%;
}
.G8-sec2 .bg3 {
  background: url(../img/G8-bg04_2.png) no-repeat;
  background-position: 50%;
}
.G8-sec2 .bg4 {
  background: url(../img/G8-bg05_2.png) no-repeat;
  background-position: 56%;
}
.G8-sec2 .bg5 {
  background: url(../img/G8-bg06_2.png) no-repeat;
  background-position: 43%;
}
.G8-sec2 .con .no-gutters {
  position: relative;
  width: 100%;
  height: 100%;
}
.G8-sec2 .con .container .no-gutters .showcase-text {
  padding-top: 15rem;
  padding-bottom: 15rem;
  z-index: 2;
}
.G8-sec2 .con5 .pTxt3 {
  width: 52%;
}

/* G8-sec3 - 고객지원센터운영 */
.G8-sec3 {
  position: relative;
  padding: 9.37rem 0 0 0;
  background: #7b8b9a;
}
.G8-sec3 h2 {
  font-weight: 500;
  font-size: 3.75rem;
  line-height: 3.87rem;
  color: #fff;
  margin-bottom: 2rem;
}
.G8-sec3 p {
  font-weight: 300;
  font-size: 1.75rem;
  line-height: 2.75rem;
  color: #c3ced5;
  margin-bottom: 7.18rem;
  width: 715px;
}
.G8-sec3 .img3 {
  position: relative;
  bottom: 0;
  width: 100%;
  height: 13.1rem;
  background: url(../img/G8-img07.png) no-repeat;
  background-size: contain;
  background-position: bottom;
}

/*--- P8InsulinPen ---*/
/* P8-sec1 - 배너 */
.P8-sec1 .banner .img1 {
  position: relative;
  background-position: 50%;
  height: 26.25rem;
}
.P8-sec1 .banner .img1 {
  background: url(../img/P8-bg01.png) no-repeat;
  background-size: cover;
  background-position: center;
}
.P8-sec1 .banner .img1 .img1_1 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(29%, -11%);
  width: 40.56%;
  height: 121.5%;
  right: 0;
  background: url(../img/P8-img01.png) no-repeat;
  background-size: contain;
}
.P8-sec1 .banner .img1 .carousel-caption {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  margin: 0 auto;
  padding-top: 5.93rem;
  color: #000;
  z-index: 0;
}
.P8-sec1 .banner .img1 .carousel-caption .title1 {
  color: #0d3f98;
}
.P8-sec1 .banner .img1 .carousel-caption .title1 > span {
  display: inline-block;
  margin-bottom: 0.56rem;
  font-weight: 700;
  font-size: 2.12rem;
  line-height: 36px;
}
.P8-sec1 .banner .img1 .carousel-caption .title1 h1 {
  display: inline-block;
  font-weight: 700;
  margin-bottom: 1.87rem;
  font-size: 3.5rem;
  line-height: 3.62rem;
}
.P8-sec1 .banner_caption1 {
  padding-top: 7.75rem;
  padding-bottom: 7.75rem;
}
.P8-sec1 .banner_caption1 h1 {
  font-weight: 400;
  font-size: 3.75rem;
  line-height: 3.87rem;
  color: #222;
  margin-bottom: 2.37rem;
}
.P8-sec1 .banner_caption1 p {
  font-weight: 300;
  font-size: 1.75rem;
  line-height: 2.75rem;
  color: #222; /*margin-bottom: 1.75em;*/
  width: 62%;
}
.P8-sec1 .banner_caption1 p b {
  color: #000;
}
.P8-sec1 .banner_caption1 .sales-url {
  margin-top:40px;
  background: #223d97;
  border-radius: 50px;
  padding: 15px;
  width:50%;
  color:#fff;
  display: block;
  font-size: 1.75rem;
}

/* P8-sec2 - 안정성,편의성,제품사양,편리한 조작 */
.P8-sec2 > div {
  position: relative;
  width: 100%;
}
.P8-sec2 .con .container .no-gutters .showcase-text {
  padding-top: 15rem;
  padding-bottom: 15rem;
  z-index: 2;
}
.P8-sec2 .con1 .no-gutters {
  position: relative;
  width: 100%;
  height: 100%;
}
.P8-sec2 .con1 .order-lg-1 {
  padding-top: 12.25rem;
  padding-bottom: 12.25rem;
}
.P8-sec2 .con1 .con1Img1 {
  background: url(../img/P8-img02.png) no-repeat center center;
  background-size: contain;
  opacity: 1;
}
.P8-sec2 .con2 .con2Img2 {
  background: url(../img/P8-img03.png) no-repeat center center;
  background-size: contain;
  opacity: 1;
}
.P8-sec2 .con2 .order-lg-2 {
  padding-top: 12.25rem;
  padding-left: 4.2rem;
  padding-bottom: 12.25rem;
}
.P8-sec2 .con3 .order-lg-1 {
  padding-top: 10.25rem;
  padding-bottom: 10.25rem;
}
.P8-sec2 .con3 .con2Img3 {
  background: url(../img/P8-img04.png) no-repeat center center;
  background-size: 70%;
  opacity: 1;
}
.P8-sec2 .con3 .showcase-text .add-info {
  margin-top: 25px;
}
.P8-sec2 .con3 .showcase-text .add-info .title {
  display: flex;
  margin-bottom:10px;
}
.P8-sec2 .con3 .showcase-text .add-info .title h5 {
  font-size: 1rem;
  line-height: 35px;
}
.P8-sec2 .con3 .showcase-text .add-info .bIcon-user-friendly {
  width: 35px;
  height: 35px;
  margin-right:5px;
  background-size: contain !important;
  background: url("../img/icon/icon_User-Friendly@2x.png") no-repeat;
}
.P8-sec2 .con3 .showcase-text .add-info .body {
  margin-left:15px;
}
.P8-sec2 .con3 .showcase-text .add-info .body span {
  display: inline-block;
  font-size: 0.9rem;
  line-height: 24px;
  width: 110px;
  height: 27px;
  margin: 0 5px 5px 0;
  text-align: center;
  background: #fff;
  border-radius: 5px;
  border: 1px solid #e0e0e0;
}
.P8-sec2 .con4 .con2Img4 {
  background: url(../img/P8-img05.png) no-repeat center center;
  background-size: contain;
  opacity: 0;
}
.P8-sec2 .con4 .order-lg-2 {
  padding-top: 12.25rem;
  padding-left: 4rem;
  padding-bottom: 24.5rem;
}
.P8-sec2 > div > div:nth-child(2) {
  position: absolute;
  z-index: -1;
}
.P8-sec2 .bg {
  background-size: cover;
  width: 100%;
  height: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.P8-sec2 .bg1 {
  background: #f2f2f2;
}
.P8-sec2 .bg2 {
  /* background: url(../img/P8-bg02_2.png) no-repeat; */
  /* background-position: 57%; */
  opacity: 0.7;
}
.P8-sec2 .bg3 {
  background: #f2f2f2;
  background: url(../img/P8-bg03.png) no-repeat;
  background-size: cover;
  background-position: 50%;
}
.P8-sec2 .bg4 {
  background: url(../img/P8-bg05.png) no-repeat;
  background-size: cover;
  background-position: 56%;
}

/* P8-sec3 - 고객지원센터운영 */
.P8-sec3 {
  position: relative;
  padding: 9.37rem 0 0 0;
  background: #7b8b9a;
}
.P8-sec3 h2 {
  font-weight: 500;
  font-size: 3.75rem;
  line-height: 3.87rem;
  color: #fff;
  margin-bottom: 2rem;
}
.P8-sec3 p {
  font-weight: 300;
  font-size: 1.75rem;
  line-height: 2.75rem;
  color: #c3ced5;
  margin-bottom: 7.18rem;
  width: 1130px;
}
.P8-sec3 .img3 {
  position: relative;
  bottom: 0;
  width: 100%;
  height: 13.1rem;
  background: url(../img/P8-img07.png) no-repeat;
  background-size: contain;
  background-position: bottom;
}

/*--- CareApp ---*/
.Care-sec1 .banner .img1 .carousel-caption .title1 > span {
  text-shadow: 0px 0px 4px #ffffff80;
}
.Care-sec1 .banner .img1 .carousel-caption .title1 h1 {
  text-shadow: 0px 0px 4px #ffffff80;
}
.Care-sec1 .banner .img1 {
  background: url(../img/care-bg01.png) no-repeat center center;
}
.Care-sec1 .banner_caption1 p {
  width: 56%;
}

.Care-sec2 .con1 .order-lg-1 {
  padding: 17.5rem 0;
}
.Care-sec2 .con2 .order-lg-2 {
  padding-top: 13.84rem;
  padding-bottom: 13.84rem;
}
.Care-sec2 .con3 .order-lg-1 {
  padding: 14.87rem 0;
}
.Care-sec2 .con4 .order-lg-2 {
  padding-top: 17.5rem;
  padding-bottom: 17.5rem;
}
.Care-sec2 .con5 .order-lg-1 {
  padding: 15.75rem 0;
}
.Care-sec2 .con1 .pTxt3 {
  width: 83%;
}
.Care-sec2 .con2 .pTxt2 {
  margin-bottom: 2.5rem;
}
.Care-sec2 .con2 .pTxt3 {
  margin-bottom: 1.87rem;
  width: 99%;
}
.Care-sec2 .con4 .pTxt3 {
  width: 86%;
}

.Care-sec2 .con1 .con2Img1 {
  background: url(../img/care-img01.png) no-repeat center center;
  background-size: contain;
}
.Care-sec2 .con2 .con2Img2 {
  background: url(../img/care-img02.png) no-repeat center center;
  background-size: contain;
}
.Care-sec2 .con3 .con2Img3 {
  background: url(../img/care-img03.png) no-repeat center bottom;
  background-size: contain;
  height: 44.37rem;
  margin-top: 5.5rem;
  opacity: 1;
}
.Care-sec2 .con4 .con2Img4 {
  background: url(../img/care-img04.png) no-repeat center center;
  background-size: contain;
}
.Care-sec2 .con5 .con2Img5 {
  background: url(../img/care-img05.png) no-repeat center center;
  background-size: contain;
  opacity: 1;
}

.Care-sec2 .bg {
  background-size: cover;
  width: 100%;
  height: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.Care-sec2 .bg1 {
  background: url(../img/care-bg02_2.png) no-repeat center center;
  background-position: 50%;
}
.Care-sec2 .bg2 {
  background: url(../img/care-bg03_2.png) no-repeat center center;
  background-position: 50%;
}
.Care-sec2 .bg3 {
  background: url(../img/care-bg04.png) no-repeat center center;
  background-position: 50%;
}
.Care-sec2 .bg4 {
  background: url(../img/care-bg05_2.png) no-repeat center center;
  background-position: 63%;
}
.Care-sec2 .bg5 {
  background: url(../img/care-bg06.png) no-repeat center center;
  background-position: 50%;
}

.Care-sec2 .bluetooth {
  background: url(../img/care-icon01.png) no-repeat center center;
  background-size: contain;
  width: 15.25rem;
  height: 2.93rem;
}

.Care-sec3 {
  background: url(../img/care-bg07.png) no-repeat center center;
  background-position: 50%;
  background-size: cover;
}
.Care-sec3 .col-xl-12 {
  border-bottom: 4px solid #fff;
  margin-bottom: 1.87rem;
}
.Care-sec3 .row:nth-child(2) {
  padding-bottom: 6.87rem;
}
.Care-sec3 .row:nth-child(2) > div {
  margin: 0;
  padding: 0;
}
.Care-sec3 .row:nth-child(2) div:nth-child(2) {
  padding-top: 2.5rem;
}
.Care-sec3 h2 {
  line-height: 4.5rem;
  margin-bottom: 4rem;
}
.Care-sec3 .careP1 {
  width: 57%;
  margin-bottom: 5.62rem;
}
.Care-sec3 .careP2 {
  width: 100%;
  color: #fff;
  text-align: left;
  margin-bottom: 2.06rem;
}
.Care-sec3 .careP3 {
  width: 100%;
  text-align: left;
  margin-bottom: 0;
}
.Care-sec3 .googleBtn {
  display: inline-block;
  width: 17.56rem;
  height: 5.25rem;
  background: url(../img/btn/btn_googlepaly.png) no-repeat center center;
  background-size: contain;
  padding: 0;
  margin-right: 1rem;
}
.Care-sec3 .appBtn {
  display: inline-block;
  width: 17.56rem;
  height: 5.25rem;
  background: url(../img/btn/btn_appstore.png) no-repeat center center;
  background-size: contain;
  padding: 0;
}

/*--- Platform ---*/
.Plat-sec1 .banner .img1 {
  background: url(../img/platform-bg01.png) no-repeat center center;
}
.Plat-sec1 .banner_caption1 p {
  width: 54%;
}

.Plat-sec2 .con1 .order-lg-1 {
  padding: 18.37rem 0;
}
.Plat-sec2 .con2 .order-lg-2 {
  padding-top: 13.12rem;
  padding-bottom: 13.12rem;
}
.Plat-sec2 .con3 .order-lg-1 {
  padding: 14.87rem 0;
}
.Plat-sec2 .con4 .order-lg-2 {
  padding-top: 16.62rem;
  padding-bottom: 16.62rem;
}
.Plat-sec2 .con1 .pTxt3 {
  width: 81%;
}
.Plat-sec2 .con2 .pTxt3 {
  width: 91%;
}
.Plat-sec2 .con3 .pTxt3 {
  width: 79%;
}
.Plat-sec2 .con4 .pTxt3 {
  width: 80%;
}

.Plat-sec2 .con1 .con2Img1 {
  background: url(../img/platform-img01.png) no-repeat center center;
  background-size: cover;
  opacity: 0;
}
.Plat-sec2 .con2 .con2Img2 {
  background: url(../img/platform-img02.png) no-repeat center center;
  background-size: contain;
}
.Plat-sec2 .con3 .con2Img3 {
  background: url(../img/platform-img03.png) no-repeat center center;
  background-size: contain;
  opacity: 1;
}
.Plat-sec2 .con4 .con2Img4 {
  background: url(../img/platform-img04.png) no-repeat center center;
  background-size: contain;
}

.Plat-sec2 .bg {
  background-size: cover;
  width: 100%;
  height: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.Plat-sec2 .bg1 {
  background: url(../img/platform-bg02.png) no-repeat center center;
  background-position: 50%;
  background-size: cover;
}
.Plat-sec2 .bg2 {
  background: url(../img/platform-bg03_2.png) no-repeat center center;
  background-position: 50%;
  background-size: cover;
}
.Plat-sec2 .bg3 {
  background: #f2f2f2;
}
.Plat-sec2 .bg4 {
  background: url(../img/platform-bg04_2.png) no-repeat center center;
  background-position: 63%;
  background-size: cover;
}

.Plat-sec3 {
  background: url(../img/platform-bg05.png) no-repeat center center;
  background-position: 50%;
  background-size: cover;
  padding: 5.81em 0;
}
.Plat-sec3 h2 {
  margin-bottom: 2rem;
}
.Plat-sec3 p {
  width: 878px;
  margin-bottom: 0;
}

/*-----------------------
         footer
-------------------------*/
.footer {
  padding-top: 80px;
  padding-bottom: 110px;
  background-color: #222;
  color: #7b7b7b;
}
.footer .row.fRow2 .center {
  display: none;
}
.footer .row.fRow3 .address img {
  margin-top: 7px;
  margin-bottom: 14px;
}
.footer .row.fRow3 .address p {
  line-height: 30px;
}
.footer .row.fRow3 .address p span {
  margin-left: 32px;
}
.footer .center .surch {
  display: inline-block;
  position: relative;
  width: 280px;
  height: 48px;
  border: 3px solid #fff;
  border-radius: 24px;
  color: #fff;
  text-align: center;
  line-height: 41px;
}

.selectbox:before {
  /* 화살표 대체 */
  content: "";
  position: absolute;
  top: 50%;
  right: 15px;
  width: 0;
  height: 0;
  margin-top: -1px;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #333;
}
.selectbox label {
  position: absolute;
  top: 1px;
  left: 5px;
  padding: 0.8em 0.5em;
  color: #999;
  z-index: -1;
}
.selectbox select {
  width: 100%;
  height: auto;
  line-height: normal;
  font-family: inherit;
  padding: 0.8em 0.5em;
  border: 0;
  opacity: 0; /* 숨기기 */
  filter: alpha(opacity=0); /* IE8 숨기기 */
  -webkit-appearance: none; /* 네이티브 외형 감추기 */
  -moz-appearance: none;
  appearance: none;
}
/* IE 10, 11의 네이티브 화살표 숨기기 */
select::-ms-expand {
  display: none;
}

/*-------------------------------------------- @media --------------------------------------------*/
/*-------------------- @media(max-width: 2050px) --------------------*/
@media (max-width: 2050px) {
  .contents {
    margin-top: 116px;
  }
}
/*-------------------- @media(max-width: 1600px) --------------------*/
@media (max-width: 1600px) {
  /* nav 크기 조절에 따라 조정*/
  .navbar .navbar-brand {
    margin-right: 55px;
  }
  .navbar .navbar-collapse .navbar-nav .nav-item .dropdown-menu .con1 a:first-child {
    margin-left: 286px;
  }
  .navbar .navbar-collapse .navbar-nav .nav-item .dropdown-menu .con2 a:first-child {
    margin-left: -75px;
  }
  .navbar-light .navbar-nav .nav-link {
    font-size: 16px;
    padding: 0 0.33vw;
  }
  .navbar-expand-sm .navbar-nav {
    margin-right: 4vw;
  }
  .navbar .navbar-collapse .navbar-nav .nav-item .dropdown-menu {
    top: 109px;
  }

  .contents {
    margin-top: 111px;
  }

  .sec1 .banner_bottom .row > div:nth-child(1) p {
    padding-right: 0;
  }
  .sec1 .banner_bottom .row > div:nth-child(3) p {
    padding-right: 0;
  }
  .sec2 {
    height: 57.88rem;
  }
  .sec2 .con {
    height: 34rem;
  }
  .sec3 .con:nth-child(3) {
    background: #fff;
  }
  .sec3 .con:nth-child(4) {
    background-position: 61%;
  }
  .sec3 .con .no-gutters .con2Img3 {
    display: block;
  }

  /*--- G8InsulinPump ---*/
  .G8-sec2 .con:nth-child(2) {
    background-position: 61%;
  }
  .G8-sec2 .con1 .con2Img1 {
    opacity: 1;
    background-position: 50%;
  }
  .G8-sec2 .con2 .con2Img2 {
    opacity: 1;
    background-position: 50% 50%;
    background: url(../img/G8-img03.png) no-repeat center center;
    background-size: contain;
    margin: 12.5rem 0;
  } /*height: 25rem;*/
  .G8-sec2 .con3 .con2Img3 {
    opacity: 1;
    background-position: 50% 60%;
  }
  .G8-sec2 .bg1 {
    background: #f2f2f2;
  }
  .G8-sec2 .bg2 {
    background: url(../img/G8-bg03.png) no-repeat;
    background-position: 44%;
  }
  .G8-sec2 .bg3 {
    background-position: 50%;
  }
  .G8-sec2 .bg3 {
    background: url(../img/G8-bg04.png) no-repeat center center;
  }
  .G8-sec2 .bg4 {
    background-position: 50%;
  }
  .G8-sec2 .bg5 {
    background-position: 50%;
  }
  .G8-sec3 p {
    width: 64%;
  }

  /*--- P8InsulinPen ---*/
  .P8-sec2 .con1 .con1Img1 {
    opacity: 1;
    background-position: 50%;
  }

  /*--- CareApp ---*/
  .Care-sec2 .con1 .con2Img1 {
    opacity: 0;
  }
  .Care-sec2 .con2 .con2Img2 {
    opacity: 0;
  }
  .Care-sec2 .con3 .con2Img3 {
    background: url(../img/care-img03.png) no-repeat center center;
    background-size: contain;
  }
  .Care-sec2 .con4 .con2Img4 {
    background: url(../img/care-img04.png) no-repeat center center;
    background-size: contain;
  }
  .Care-sec2 .con5 .con2Img5 {
    background: url(../img/care-img05.png) no-repeat center center;
    background-size: contain;
  }
  .Care-sec2 .bg1 {
    background: url(../img/care-bg02_2.png) no-repeat center center;
    background-position: 50%;
    background-size: cover;
  }
  .Care-sec2 .bg2 {
    background: url(../img/care-bg03_2.png) no-repeat center center;
    background-position: 50%;
    background-size: cover;
  }
  .Care-sec2 .bg3 {
    background: url(../img/care-bg04.png) no-repeat center center;
    background-size: cover;
  }
  .Care-sec2 .bg4 {
    background-position: 58%;
  }
  .Care-sec3 .googleBtn,
  .Care-sec3 .appBtn {
    margin-right: 0;
  }

  /*--- Platform ---*/
  .Plat-sec2 .con1 .con2Img1 {
    opacity: 0;
  }
  .Plat-sec2 .con2 .con2Img2 {
    opacity: 0;
  }
  .Plat-sec2 .con3 .con2Img3 {
    background-position: 50% 50%;
    margin-top: 0;
  }

  .Plat-sec2 .bg1 {
    background: url(../img/platform-bg02.png) no-repeat center center;
    background-position: 38%;
    background-size: cover;
  }
  .Plat-sec2 .bg2 {
    background: url(../img/platform-bg03_2.png) no-repeat center center;
    background-position: 50%;
    background-size: cover;
  }
  .Plat-sec2 .bg3 {
    background: #f2f2f2;
  }
  .Plat-sec2 .bg4 {
    background-position: 56%;
  }

  .Plat-sec3 {
    background-position: 59%;
  }
  .Plat-sec3 p {
    width: 75%;
  }
}
/*-------------------- @media(max-width: 1500px) --------------------*/
@media (max-width: 1500px) {
  .container {
    padding: 0 5.25rem;
  }

  .sec1 .banner .carousel .carousel-inner .carousel-item .carousel-caption {
    padding-top: 5.25rem;
  }
  .sec1 .banner .carousel .carousel-inner .carousel-item .img1 .img1_1 {
    top: 40.87%;
    width: 50.5%;
    height: 146.8%;
  }
  .sec1 .banner .carousel .carousel-inner .carousel-item .img2 .img2_1 {
    top: 30.75%;
    left: 66.7%;
    width: 34.9%;
    height: 177.5%;
  }
  .sec1 .banner .carousel .carousel-inner .carousel-item .img4 .img4_1 {
    top: 13.125%;
    width: 53.9%;
    height: 183.75%;
  }
  .sec3 .con .container .no-gutters .showcase-video {
    padding-top: 14rem;
    padding-bottom: 14rem;
  }
  .sec3 .con .container .no-gutters .showcase-text {
    padding-top: 14rem;
    padding-bottom: 14rem;
  }

  /*--- G8InsulinPump ---*/
  .G8-sec1 .banner .carousel-caption {
    padding-top: 5.25rem !important;
  }
  .G8-sec2 .con .container .no-gutters .showcase-text {
    padding-top: 14rem;
    padding-bottom: 14rem;
  }
  .G8-sec3 p {
    width: 68%;
  }

  /*--- P8InsulinPen ---*/
  .P8-sec1 .banner .carousel-caption {
    padding-top: 5.25rem !important;
  }
  .P8-sec2 .con .container .no-gutters .showcase-text {
    padding-top: 14rem;
    padding-bottom: 14rem;
  }
}
/*-------------------- @media(max-width: 1400px) --------------------*/
@media (max-width: 1400px) {
  .sec1 .banner_caption1 p {
    width: 41%;
  }
  .sec1 .banner_bottom .row div:not(:first-child) {
    padding-left: 1.85rem;
  }
  .sec1 .banner_bottom .row > div:not(:last-child) p {
    padding-right: 1.85rem;
  }
  .sec3 .con .container .no-gutters .showcase-video {
    padding-top: 13rem;
    padding-bottom: 13rem;
  }
  .sec3 .con .container .no-gutters .showcase-text {
    padding-top: 13rem;
    padding-bottom: 13rem;
  }

  /*--- G8InsulinPump ---*/
  .G8-sec2 .con .container .no-gutters .showcase-text {
    padding-top: 13rem;
    padding-bottom: 13rem;
  }
  .G8-sec2 .con2 .con2Img2 {
    margin: 13.5rem 0;
  }
  .G8-sec2 .bg2 {
    background-position: 40%;
  }
  .G8-sec2 .bg3 {
    background-position: 45%;
  }
  .G8-sec2 .bg4 {
    background-position: 45%;
  }
  .G8-sec3 p {
    width: 73%;
  }

  /*--- P8InsulinPen ---*/
  .P8-sec2 .con .container .no-gutters .showcase-text {
    padding-top: 13rem;
    padding-bottom: 13rem;
  }
  .P8-sec3 p {
    width: 73%;
  }

  /*--- CareApp ---*/
  .Care-sec2 .bg2 {
    background-position: 50%;
  }
  .Care-sec2 .bg4 {
    background-position: 54%;
  }

  /*--- Platform ---*/
  .Plat-sec2 .bg2 {
    background-position: 48%;
  }
  .Plat-sec2 .bg4 {
    background-position: 55%;
  }
}
/*-------------------- @media(max-width: 1300px) --------------------*/
@media (max-width: 1300px) {
  html {
    font-size: 15px;
  }
  .container {
    padding: 0 4.25rem;
  }

  .sec1 .banner .carousel .carousel-inner .carousel-item .carousel-caption {
    padding-top: 4.25rem;
  }
  .sec1 .banner_caption1 p {
    width: 45%;
  }
  .sec2 {
    height: 51.88rem;
  }
  .sec2 .con {
    height: 29rem;
  }

  /*--- G8InsulinPump ---*/
  .G8-sec1 .banner .carousel-caption {
    padding-top: 4.25rem !important;
  }

  /*--- P8InsulinPen ---*/
  .P8-sec1 .banner .carousel-caption {
    padding-top: 4.25rem !important;
  }
  .P8-sec3 p {
    width: 68%;
  }

  /*--- CareApp ---*/
  .Care-sec2 .bg1 {
    background-position: 58%;
  }
  .Care-sec2 .bg2 {
    background-position: 45%;
  }
}
/*-------------------- @media(max-width: 1200px) --------------------*/
@media (max-width: 1200px) {
  .navbar .navbar-collapse .navbar-nav .nav-item .dropdown-menu .con2 a:first-child {
    margin-left: 20px;
  }
  
  .container {
    padding: 0 3.25rem;
  }

  .sec1 .banner .carousel .carousel-inner .carousel-item .carousel-caption {
    padding-top: 3.25rem;
  }
  .sec1 .banner .carousel .carousel-inner .carousel-item .img1 .img1_1 {
    top: 49.87%;
    width: 45.5%;
    height: 141.8%;
  }
  .sec1 .banner .carousel .carousel-inner .carousel-item .img2 .img2_1 {
    top: 22.75%;
    width: 39.9%;
    height: 172.5%;
  }
  .sec1 .banner .carousel .carousel-inner .carousel-item .img4 .img4_1 {
    top: 34.125%;
    width: 48.9%;
    height: 178.75%;
  }
  .sec1 .banner_bottom .text-primary {
    width: 3.37rem;
    height: 3.37rem;
    margin-right: 1.37rem;
  }
  .sec1 .banner_bottom .row > div:not(:last-child) p {
    min-height: 8.55rem;
  }
  .sec3 .con:nth-child(4) {
    background-position: 58%;
  }

  /* footer */
  .footer .row.fRow3 .center {
    display: none;
  }

  /*--- G8InsulinPump ---*/
  .G8-sec1 .banner .carousel-caption {
    padding-top: 3.25rem !important;
  }
  .G8-sec1 .banner .carousel .carousel-inner .carousel-item .img1 .img1_1 {
    top: 49.87%;
    width: 45.5%;
    height: 141.8%;
  }
  .G8-sec1 .banner .img1 {
    background-position: 55%;
  }
  .G8-sec2 .con:nth-child(2) {
    background-position: 58%;
  }
  .G8-sec3 p {
    width: 80%;
  }

  /*--- P8InsulinPen ---*/
  .P8-sec1 .banner .carousel-caption {
    padding-top: 3.25rem !important;
  }
  .P8-sec1 .banner .carousel .carousel-inner .carousel-item .img1 .img1_1 {
    top: 49.87%;
    width: 45.5%;
    height: 141.8%;
  }
  .P8-sec1 .banner .img1 {
    background-position: 55%;
  }

  /*--- Platform ---*/
  .Plat-sec1 .banner .img1 {
    background-position: 54%;
  }
  .Plat-sec2 .bg1 {
    background-position: 48%;
  }
  .Plat-sec2 .bg4 {
    background-position: 53%;
  }
}
/*-------------------- @media(max-width: 1100px) --------------------*/
@media (max-width: 1100px) {
  .sec1 .banner_caption1 p {
    width: 52%;
  }

  /*--- G8InsulinPump ---*/
  .G8-sec2 .bg2 {
    background-position: 42%;
  }
  .G8-sec2 .bg3 {
    background-position: 42%;
  }
  .G8-sec3 p {
    width: 63%;
  }

  /*--- CareApp ---*/
  .Care-sec2 .bg4 {
    background-position: 50%;
  }

  /*--- Platform ---*/
  .Plat-sec2 .bg2 {
    background-position: 48%;
  }
}
/*-------------------- @media(max-width: 1000px) --------------------*/
@media (max-width: 1000px) {
  html {
    font-size: 14px;
  }
  .navbar .navbar-collapse .navbar-nav .nav-item .dropdown-menu .con2 a:first-child {
    margin-left: 70px;
  }
  .container {
    padding: 0 3rem;
  }

  .sec1 .banner .carousel .carousel-inner .carousel-item .carousel-caption {
    padding-top: 3rem;
  }
  .sec1 .banner .carousel .carousel-inner .carousel-item .img1 .img1_1 {
    top: 61.87%;
  }
  .sec1 .banner .carousel .carousel-inner .carousel-item .img2 .img2_1 {
    top: 63.75%;
    width: 35.9%;
  }
  .sec1 .banner .carousel .carousel-inner .carousel-item .img4 .img4_1 {
    top: 44%;
  }
  .sec2 {
    height: 45.88rem;
  }
  .sec2 .con {
    height: 22rem;
  }
  .sec3 .con:nth-child(4) {
    background-position: 54%;
  }

  /*--- G8InsulinPump ---*/
  .G8-sec1 .banner .carousel-caption {
    padding-top: 3rem;
  }
  .G8-sec2 .con:nth-child(2) {
    background-position: 54%;
  }
  .G8-sec3 p {
    width: 67%;
  }

  /*--- P8InsulinPen ---*/
  .P8-sec1 .banner .carousel-caption {
    padding-top: 3rem;
  }
}
/*-------------------- @media(max-width: 991px) --------------------*/
@media (max-width: 991px) {
  .sec1 .banner_bottom .row > div {
    width: 100%;
  }
  .sec3 .con:nth-child(4) {
    background: #f2f2f2;
  }
  .sec3 .con .container .no-gutters .showcase-video {
    padding: 3rem 0;
  }
  .sec3 .con .container .no-gutters .showcase-text {
    padding: 0 0 3rem 0;
  }
  .sec3 .con .no-gutters .con2Img1 {
    margin-top: 3rem;
    width: 35.25rem;
  }
  .sec3 .con .no-gutters .con2Img3 {
    margin-top: 3rem;
    width: 40.125rem;
  }
  .sec3 .con .no-gutters .con2Img4 {
    margin-top: 3rem;
    width: 41.81rem;
    opacity: 1;
  }
  .sec3 .con .container .no-gutters .showcase-text .s3p1,
  .sec3 .con .container .no-gutters .showcase-text .s3p2,
  .sec3 .con .container .no-gutters .showcase-text .s3p3,
  .sec3 .con .container .no-gutters .showcase-text .s3p4 {
    width: 100%;
  }

  /*--- G8InsulinPump ---*/
  .G8-sec1 .banner_caption1 p {
    width: 83%;
  }
  .G8-sec2 .con:nth-child(2) {
    background: #f2f2f2;
  }
  .G8-sec2 .con .container .no-gutters .showcase-text {
    padding: 0 0 3rem 0;
  }
  .showcase .showcase-img2 {
    min-height: 30rem;
  }
  .G8-sec2 .con1 .con2Img1 {
    margin-top: 3rem;
    opacity: 1;
    width: 80%;
    background-position: 50%;
  }
  .G8-sec2 .con2 .con2Img2 {
    margin-top: 3rem;
    margin-bottom: 0;
    opacity: 1;
    width: 62%;
    height: 315px;
    background-position: 50% 60%;
    background: url(../img/G8-img03_2.png) no-repeat center center;
    background-size: contain;
  }
  .G8-sec2 .con3 .con2Img3 {
    margin-top: 3rem;
    opacity: 1;
    width: 60%;
    background-position: 50% 60%;
  }
  .G8-sec2 .con4 .con2Img4 {
    margin-top: 3rem;
    opacity: 1;
    width: 60%;
    height: 200px;
    background-position: 50% 60%;
  }
  .G8-sec2 .con5 .con2Img5 {
    margin-top: 3rem;
    opacity: 1;
    width: 66%;
    height: 315px;
    background-position: 50%;
  }
  .G8-sec2 .con5 .pTxt3 {
    width: 100%;
  }
  .G8-sec2 .con1 .pTxt3 {
    width: 100%;
  }
  .G8-sec2 .bg1 {
    background: #f2f2f2;
  }
  .G8-sec2 .bg2 {
    background: #fff;
  }
  .G8-sec2 .bg3 {
    background-position: left;
  }
  .G8-sec2 .bg4 {
    background: #f2f2f2;
  }
  .G8-sec2 .bg5 {
    background: #fff;
  }

  .G8-sec2 .con1 .order-lg-1,
  .G8-sec2 .con2 .order-lg-2,
  .G8-sec2 .con3 .order-lg-1,
  .G8-sec2 .con4 .order-lg-2,
  .G8-sec2 .con5 .order-lg-1 {
    padding: 0 0 3rem 0;
  }

  /*--- P8InsulinPen ---*/
  .P8-sec1 .banner_caption1 p {
    width: 83%;
  }
  .P8-sec2 .con .container .no-gutters .showcase-text {
    padding: 0 0 3rem 0;
  }
  .P8-sec2 .con1 .con1Img1 {
    margin-top: 3rem;
    opacity: 1;
    width: 80%;
    background-position: 50%;
  }
  .P8-sec2 .con1 .pTxt3 {
    width: 100%;
  }
  .P8-sec2 .con2 .con2Img2 {
    margin-top:20px;
  }
  .P8-sec2 .con3 .con2Img3 {
    background-size: 50%;
  }
  .P8-sec2 .con4 .con2Img4 {
    margin-top: 3rem;
    margin-bottom: 3rem;
    opacity: 1;
    height: 200px;
    background-position: 50% 60%;
  }
  .P8-sec2 .con1 .order-lg-1,
  .P8-sec2 .con2 .order-lg-2,
  .P8-sec2 .con3 .order-lg-1,
  .P8-sec2 .con4 .order-lg-2 {
    padding: 0 0 3rem 0;
  }
  .P8-sec2 .bg4 {
    background: #f2f2f2;
  }

  /*--- CareApp ---*/
  .Care-sec1 .banner .img1 {
    background-position: 60%;
  }
  .Care-sec2 .bg1 {
    background: url(../img/care-bg02.png) no-repeat center center;
  }
  .Care-sec2 .bg3 {
    background: url(../img/care-bg04.png) no-repeat center center;
  }
  .Care-sec2 .bg4 {
    background: #fff;
  }
  .Care-sec2 .bg5 {
    background: url(../img/care-bg06.png) no-repeat center center;
    background-position: 70%;
  }

  .Care-sec2 .con1 .con2Img1 {
    min-height: 24rem;
    left: 4%;
  }
  .Care-sec2 .con2 .con2Img2 {
    background: url(../img/care-img02.png) no-repeat center center;
    background-size: contain;
  }
  .Care-sec2 .con3 .con2Img3 {
    margin: 2.5rem 0 0 0;
    height: unset;
    width: 36%;
    left: 8%;
  }
  .Care-sec2 .con5 .con2Img5 {
    left: 8%;
  }
  .Care-sec2 .con2 .pTxt3,
  .Care-sec2 .con4 .pTxt3 {
    width: 100%;
  }
  .Care-sec3 .googleBtn,
  .Care-sec3 .appBtn {
    max-width: none;
    width: 190px;
    height: 72px;
  }

  /*--- Platform ---*/
  .Plat-sec2 .con1 .con2Img1 {
    opacity: 0;
  }
  .Plat-sec2 .bg1 {
    background: url(../img/platform-bg02.png) no-repeat center center;
    background-position: 54%;
  }
  .Plat-sec2 .bg4 {
    background: url(../img/platform-bg04.png) no-repeat center center;
    background-position: 63%;
    background-size: cover;
  }

  .Plat-sec2 .con2 .con2Img2 {
    background: url(../img/platform-img02.png) no-repeat center center;
    background-size: contain;
  }
  .Plat-sec2 .con2 .pTxt3,
  .Plat-sec2 .con3 .pTxt3,
  .Plat-sec2 .con4 .pTxt3 {
    width: 100%;
  }
}
/*-------------------- @media(max-width: 900px) --------------------*/
@media (max-width: 900px) {
  .sec1 .banner .carousel .carousel-inner .carousel-item .img1 .img1_1 {
    top: 66.87%;
    width: 44.5%;
  }
  .sec1 .banner .carousel .carousel-inner .carousel-item .img4 .img2_1 {
    top: 54.75%;
    width: 35.9%;
  }
  .sec1 .banner .carousel .carousel-inner .carousel-item .img4 .img4_1 {
    width: 52.9%;
    height: 102.75%;
    top: 50%;
    left: 50%;
    transform: translate(8%, 5%);
  }
  .sec1 .banner_bottom .row > div:not(:last-child) p {
    min-height: 10rem;
  }
  .sec2 .tit h1 {
    font-size: 3.06rem;
  }
  .sec2 .tit p {
    font-size: 1.62rem;
  }

  /*--- G8InsulinPump ---*/
  .G8-sec1 .banner .img1 .img1_1 {
    transform: translate(127%, -2%);
  }
  .G8-sec3 p {
    width: 75%;
  }

  /*--- P8InsulinPen ---*/
  .P8-sec1 .banner .img1 .img1_1 {
    transform: translate(29%, -2%);
  }

  /*--- CareApp ---*/
  .Care-sec3 .careP1 {
    width: 99%;
  }

  /*--- Platform ---*/
  .Plat-sec3 p {
    width: 84%;
  }
}
/*-------------------- @media(max-width: 800px) --------------------*/
@media (max-width: 800px) {
  .sec1 .banner_bottom .row > div:not(:last-child) p {
    min-height: 12rem;
  }
}
/*-------------------- @media(max-width: 760px) --------------------*/
@media (max-width: 760px) {
  .navbar .navbar-brand {
    margin-right: 20px;
  }
  .navbar-expand-sm .navbar-nav {
    margin-right: 2vw;
  }
  .navbar .navbar-collapse .navbar-nav .nav-item .dropdown-menu .con1 a:first-child {
    margin-left: 248px;
  }
}
/*-------------------- @media(max-width: 720px) --------------------*/
@media (max-width: 720px) {
  html {
    font-size: 13px;
  }
  .container {
    padding: 0 25px;
  }
  .contents {
    margin-top: 66px;
  }

  /* nav 기본 모바일 디자인 사이즈/2 */
  .navbar {
    padding: 22px 25px !important;
  } /*2.08vw*/
  .navbar .navbar-brand {
    padding-left: 0;
    font-size: 0;
  }
  .navbar .navbar-brand img {
    height: 17px;
  }
  .nav-button {
    margin: 0;
  }
  .navbar-expand-sm .navbar-collapse {
    display: none !important;
  }
  .nav-button {
    display: block !important;
  }
  .nav-button #nav-icon3 {
    width: 25px;
    height: 18px;
  }
  .nav-button #nav-icon3 span {
    height: 2px;
  }
  .navbar .lang_change {
    display: none;
  }
  body.nav-open .navbar .lang_change {
    position: absolute;
    top: 17px;
    right: 50px;
    display: block;
    margin-left: 56.3vw;
    margin-right: 20px;
    padding: 5px 5px 5px 5px;
  }
  .navbar .lang_wrap {
    position: absolute;
    top: 17px;
    right: 70px;
    z-index: 2;
  }
  .navbar-expand-sm .navbar-toggler {
    margin: 0;
  }
  .nav-open .main-menu {
    display: block;
    box-shadow: 0px 20px 20px -20px rgba(0, 0, 0, 0.3) inset;
  }

  .sec1 .banner .carousel .carousel-inner .carousel-item > div:first-child {
    height: 210px;
    background-position: center !important;
  }
  .sec1 .banner .carousel .carousel-inner .carousel-item > div:first-child {
    height: 268px;
  }
  .sec1 .banner .carousel .carousel-inner .carousel-item .img1 {
    background: url(../img/main-bg01-m.png) no-repeat;
  }
  .sec1 .banner .carousel .carousel-inner .carousel-item .carousel-caption {
    padding-top: 45px;
  }
  .sec1 .banner .carousel .carousel-inner .carousel-item .carousel-caption .title1 > span {
    font-size: 23px;
    line-height: 25px;
    margin-bottom: 6px;
  }
  .sec1 .banner .carousel .carousel-inner .carousel-item .carousel-caption .title1 h1 {
    font-size: 30px;
    line-height: 32px;
    margin-bottom: 15px;
  }
  .sec1 .banner .carousel .carousel-inner .carousel-item .carousel-caption .title1 h1.main_visual_title {
    font-size: 30px;
  }
  .sec1 .banner .carousel .carousel-inner .carousel-item .carousel-caption .title1 p {
    font-size: 15px;
    line-height: 17px;
    margin-bottom: 0;
  }
  .sec1 .banner .carousel .carousel-indicators {
    top: 175px;
  }
  .sec1 .banner .carousel .carousel-indicators li {
    width: 6px;
    height: 6px;
    border-radius: 3px;
    margin-right: 5px;
  }
  .sec1 .banner .carousel .carousel-indicators li.active {
    width: 33px;
  }
  .sec1 .banner .carousel .carousel-indicators .stop,
  .sec1 .banner .carousel .carousel-indicators .start {
    width: 6px !important;
  }
  .sec1 .banner .carousel .carousel-indicators .stop,
  .sec1 .banner .carousel .carousel-indicators .start {
    width:7px;
    height:7px;
    border-radius: 0;
  }
  .sec1 .banner .carousel .carousel-indicators .stop {
    background-size: 7px !important;
  }
  .sec1 .banner .carousel .carousel-indicators .start {
    background-size: 6px !important;
  }
  .sec1 .banner .carousel .carousel-inner .carousel-item .img1 .img1_1 {
    display: none;
    width: 73.85%;
    height: 86.5%;
    top: 50%;
    left: 50%;
    transform: translate(-30%, 25%);
  }
  .sec1 .banner .carousel .carousel-inner .carousel-item .img2 .img2_1 {
    display: none;
    width: 43.25%;
    height: 91.2%;
    top: 50%;
    left: 50%;
    transform: translate(-32%, 18%);
  }
  .sec1 .banner .carousel .carousel-inner .carousel-item .img3 .img3_1 {
    display: none;
    width: 43.25%;
    height: 91.2%;
    top: 50%;
    left: 50%;
    transform: translate(-32%, 18%);
  }
  .sec1 .banner .carousel .carousel-inner .carousel-item .img4 .img4_1 {
    display: none;
    width: 82.25%;
    height: 113.45%;
    top: 50%;
    left: 50%;
    transform: translate(-30%, 8%);
  }

  /* .sec1 .banner .carousel .carousel-inner .carousel-item > div:last-child {
    padding-top: 146px;
    padding-bottom: 40px;
  } */
  .sec1 .banner_caption1 p {
    font-size: 13px;
    line-height: 22px;
    margin-bottom: 25px;
    width: 100%;
  }
  .carousel-control-next,
  .carousel-control-prev {
    height: 86%;
  }

  .sec1 .banner_bottom .container {
    padding-top: 0;
    padding-bottom: 0;
  }
  .sec1 .banner_bottom .row > div {
    max-width: none;
    flex: none;
    width: 100%;
  }
  .sec1 .banner_bottom .row > div:not(:last-child) {
    border-bottom: 1px solid #ddd !important;
  }
  .sec1 .banner_bottom .text-primary {
    width: 35px;
    height: 35px;
  }
  .sec1 .banner_bottom .bIcon1 {
    background: url("../img/icon/icon_easy@2x.png") no-repeat center center;
    background-size: contain;
  }
  .sec1 .banner_bottom .bIcon2 {
    background: url("../img/icon/icon_reliable@2x.png") no-repeat center center;
    background-size: contain;
  }
  .sec1 .banner_bottom .bIcon3 {
    background: url("../img/icon/icon_durable@2x.png") no-repeat center center;
    background-size: contain;
  }
  .sec1 .features-icons .row div:not(:first-child) {
    padding: 0;
  }
  .sec1 .banner_bottom h1 {
    height: 35px;
    font-size: 20px;
    line-height: 35px;
  }
  .sec1 .banner_bottom .features-icons-item .features-icons-icon {
    margin-top: 25px;
    margin-bottom: 18px;
  }
  .sec1 .banner_bottom p {
    min-height: unset !important;
    font-size: 13px;
    line-height: 22px;
    letter-spacing: 0;
    padding: 0 !important;
    margin-bottom: 25px;
    border: none !important;
  }
  .bButton {
    width: 90px;
    height: 25px;
    border-radius: 13px;
    line-height: 24px;
    font-size: 10px;
    padding-right: 1.25rem;
  }

  .sec2 {
    height: 591px;
    padding: 50px 0 0 0;
  }
  .sec2 .tit h1 {
    font-size: 23px;
    line-height: 25px;
    margin-bottom: 15px;
  }
  .sec2 .tit p {
    font-size: 15px;
    line-height: 17px;
  }
  .sec2 .tit p.addendum {
    font-size: 9px;
    line-height: 13px;
  }
  .sec2 .con {
    display: none;
  }
  .sec2 .con2 {
    display: block;
    transform: translate(-50%, -25%) !important;
  }

  .sec3 .con .no-gutters .con2Img1 {
    margin-top: 0;
    width: 235px;
    height: 182px;
    background-position: unset;
    min-height: unset;
    margin-bottom: 27px;
  }
  .sec3 .con .no-gutters .con2Img2 {
    margin-top: 0;
    width: 235px;
    height: 182px;
    background-position: unset;
    min-height: unset;
    margin-bottom: 27px;
  }
  .sec3 .con .no-gutters .con2Img3 {
    margin-top: 27px;
    width: 283px;
    height: 130px;
    background-position: unset;
    min-height: unset;
    margin-bottom: 27px;
  }
  .sec3 .con .no-gutters .con2Img4 {
    margin-top: 10px;
    width: 250px;
    height: 200px;
    background-position: unset;
    min-height: unset;
    margin-bottom: 27px;
    right: 5%;
  }
  .sec3 .con .container .no-gutters .showcase-text > span {
    font-size: 13px;
    line-height: 20px;
    margin-bottom: 21px;
  }
  .sec3 .con .container .no-gutters .showcase-text > h1 {
    font-size: 20px;
    line-height: 22px;
    margin-bottom: 20px;
  }
  .sec3 .con .container .no-gutters .showcase-text > p {
    font-size: 13px;
    line-height: 21px;
    margin-bottom: 25px;
  }
  .sec3 .con:nth-child(odd) .container .no-gutters .showcase-text {
    margin-bottom: 50px;
  }

  .sec4 {
    background: url(../img/main-bg07-m2.png) no-repeat center center;
    background-size: cover;
    height: 230px;
    padding-top: 46px;
    padding-bottom: 46px;
  }
  .sec4 h1 {
    font-size: 23px;
    line-height: 25px;
    margin-bottom: 14px;
  }
  .sec4 p {
    font-size: 15px;
    line-height: 21px;
  }

  /*------ 제품소개 ------*/
  .wButton {
    width: 88px;
    height: 25px;
    border-radius: 13px;
    line-height: 24px;
    font-size: 10px;
  } /*padding-right: 0.25rem;*/
  .wButton:hover {
    background: #0d3f98;
    color: #fff;
  }
  .wButton:before {
    content: "";
    background: url(../img/icon/icon-contact-arr.png) no-repeat;
    width: 0.375rem;
    height: 0.5rem;
    background-size: contain;
    position: absolute;
    top: 50%;
    left: 89%;
    transform: translate(-50%, -50%);
  }
  .wButton:hover:before {
    content: "";
    background: url(../img/btn/btn_right_wh.png) no-repeat;
    width: 0.375rem;
    height: 0.5rem;
    background-size: contain;
    position: absolute;
    top: 50%;
    left: 89%;
    transform: translate(-50%, -50%);
  }
  .pNum {
    font-size: 13px;
    line-height: 20px;
    margin-bottom: 21px;
  }
  .pTxt1 {
    font-size: 20px;
    line-height: 22px;
    margin-bottom: 20px;
  }
  .pTxt2 {
    font-size: 13px;
    line-height: 21px;
    margin-bottom: 25px;
  }
  .pTxt3 {
    font-size: 13px;
    line-height: 21px;
    margin-bottom: 25px;
  }
  .pTxt2 > li,
  .pTxt3 > li {
    font-size: 13px;
  }
  .txtindent {
    text-indent: -12px;
    padding-left: 12px;
  }
  .txtindent2 {
    text-indent: -20px;
    padding-left: 18px;
  }
  .txtindent3 {
    text-indent: -6px;
    padding-left: 5px;
  }
  .showcase .showcase-img2 {
    min-height: 200px;
    margin-top: 20px;
    height: 200px;
    opacity: 1;
  }

  /*--- G8InsulinPump ---*/
  .G8-sec1 .banner .img1 {
    height: 210px;
    background-position: 49%;
    background: url(../img/G8-bg01_2.png) no-repeat;
    background-size: cover;
  }
  .G8-sec1 .banner .carousel-caption {
    padding-top: 45px;
  }
  .G8-sec1 .banner .carousel-caption .title1 > span {
    font-size: 23px !important;
    line-height: 25px !important;
    margin-bottom: 6px !important;
  }
  .G8-sec1 .banner .carousel-caption .title1 h1 {
    font-size: 30px !important;
    line-height: 32px !important;
    margin-bottom: 15px !important;
  }
  .G8-sec1 .banner .carousel-caption .title1 p {
    font-size: 15px !important;
    line-height: 17px !important;
    margin-bottom: 0 !important;
  }
  .G8-sec1 .banner .img1 .img1_1 {
    width: 53.85%;
    height: 152.5%;
    top: 50%;
    left: 50%;
    transform: translate(-45%, -13%);
    background: url(../img/G8-bg01_3.png) no-repeat center center;
    background-size: contain;
  }
  .G8-sec1 .banner_caption1 {
    padding-top: 146px;
    padding-bottom: 40px;
  }
  .G8-sec1 .banner_caption1 h1 {
    font-size: 28px;
    line-height: 30px;
    margin-bottom: 13px;
  }
  .G8-sec1 .banner_caption1 p {
    font-size: 15px;
    line-height: 21px;
    width: 68%;
  }
  .G8-sec2 .con2 .con2Img2 {
    margin: 20px 0 0 0;
    width: 100%;
    height: 300px;
  }
  .G8-sec2 .con4 .con2Img4,
  .G8-sec2 .con5 .con2Img5 {
    width: 100%;
  }
  .G8-sec3 {
    padding-top: 46px;
  }
  .G8-sec3 h2 {
    font-size: 28px;
    line-height: 30px;
    margin-bottom: 13px;
  }
  .G8-sec3 p {
    font-size: 15px;
    line-height: 21px;
    margin-bottom: 0;
    width: 57%;
  }

  /*--- P8InsulinPen ---*/
  .P8-sec1 .banner .img1 {
    height: 210px;
    background-position: 49%;
    background: url(../img/P8-bg01.png) no-repeat center center;
    background-size: cover;
  }
  .P8-sec1 .banner .carousel-caption {
    padding-top: 45px;
  }
  .P8-sec1 .banner .carousel-caption .title1 > span {
    font-size: 23px !important;
    line-height: 25px !important;
    margin-bottom: 6px !important;
  }
  .P8-sec1 .banner .carousel-caption .title1 h1 {
    font-size: 30px !important;
    line-height: 32px !important;
    margin-bottom: 15px !important;
  }
  .P8-sec1 .banner .carousel-caption .title1 p {
    font-size: 15px !important;
    line-height: 17px !important;
    margin-bottom: 0 !important;
  }
  .P8-sec1 .banner .img1 .img1_1 {
    width: 43.85%;
    height: 195.5%;
    top: 50%;
    left: 50%;
    transform: translate(-45%, -13%);
    background: url(../img/P8-img01.png) no-repeat center center;
    background-size: contain;
  }
  .P8-sec1 .banner_caption1 {
    padding-top: 146px;
    padding-bottom: 40px;
  }
  .P8-sec1 .banner_caption1 h1 {
    font-size: 28px;
    line-height: 30px;
    margin-bottom: 13px;
  }
  .P8-sec1 .banner_caption1 p {
    font-size: 15px;
    line-height: 21px;
    width: 68%;
  }
  .P8-sec1 .banner_caption1 .sales-url {
    font-size: 15px;
    padding:10px;
  }
  .P8-sec2 .con2 .con2Img2 {
    margin-bottom:10px;
  }
  .P8-sec2 .con3 .con2Img3 {
    background-size: contain;
    margin-bottom:20px;
  }
  .P8-sec2 .con3 .showcase-text .add-info .body span span{
    display: block;
    margin: 10px 0 0 0;
  }
  .P8-sec3 {
    padding-top: 46px;
  }
  .P8-sec3 h2 {
    font-size: 28px;
    line-height: 30px;
    margin-bottom: 13px;
  }
  .P8-sec3 p {
    font-size: 15px;
    line-height: 21px;
    margin-bottom: 0;
    width: 57%;
  }

  /*--- CareApp ---*/
  .Care-sec1 .banner_caption1 {
    padding-top: 40px;
  }
  .Care-sec1 .banner_caption1 p {
    width: 63%;
  }
  .Care-sec1 .banner .img1 {
    background-position: 50%;
    background: url(../img/care-bg01-m2.png) no-repeat center center;
    background-size: cover;
  }
  .Care-sec2 .con1 .con2Img1 {
    min-height: 200px;
  }
  .Care-sec2 .con2 .pTxt2 {
    margin-bottom: 1.87rem;
  }
  .Care-sec2 .con3 .con2Img3 {
    left: 4%;
    height: 230px;
    width: 100%;
  }
  .Care-sec2 .con4 .con2Img4 {
    height: 254px;
  }
  .Care-sec2 .con5 .con2Img5 {
    width: 80%;
    left: 5%;
    height: 200px;
  }
  .Care-sec2 .bluetooth {
    width: 120px;
    height: 25px;
  }
  .Care-sec3 .col-xl-12 {
    margin-bottom: 17px;
  }
  .Care-sec3 .careP1 {
    margin-bottom: 14px;
    width: 63%;
  }
  .Care-sec3 .careP2 {
    margin-bottom: 14px;
  }
  .Care-sec3 .row:nth-child(2) {
    padding-bottom: 46px;
  }
  .Care-sec3 .googleBtn {
    width: 164px;
    height: 56px;
    margin-right: 7px;
  }
  .Care-sec3 .appBtn {
    width: 164px;
    height: 56px;
    margin-left: 7px;
  }
  .Care-sec3 .googleBtn {
    background: url(../img/btn/btn_googlepaly@2x.png) no-repeat center center;
    background-size: contain;
  }
  .Care-sec3 .appBtn {
    background: url(../img/btn/btn_appstore@2x.png) no-repeat center center;
    background-size: contain;
  }

  /*--- Platform ---*/
  .Plat-sec1 .banner .img1 {
    background: url(../img/platform-bg01.png) no-repeat center center;
  }
  .Plat-sec1 .banner_caption1 {
    padding-top: 40px;
  }
  .Plat-sec1 .banner_caption1 p {
    width: 60%;
  }
  .Plat-sec2 .bg1 {
    background: #f2f2f2;
  }
  .Plat-sec2 .con1 .con2Img1 {
    opacity: 1;
    background-size: contain;
    height: 200px;
    margin: 20px 0 0 0;
  }
  .Plat-sec2 .con2 .con2Img2 {
    height: 215px;
  }
  .Plat-sec2 .con3 .con2Img3 {
    min-height: 170px;
    height: 170px;
  }
  .Plat-sec3 {
    padding-bottom: 46px;
  }

  /* footer */
  .footer {
    padding-top: 25px;
    padding-bottom: 25px;
  }
  .footer .center .surch {
    position: relative;
    width: 140px;
    height: 25px;
    border: 2px solid #fff;
    border-radius: 12px;
    font-size: 8px;
    line-height: 22px;
  }
  .footer .row.fRow3 .center {
    display: none;
  }
  .footer .row.fRow3 .address img {
    margin-top: 0;
    margin-bottom: 15px;
    width: 103px;
  }
  .footer .row.fRow3 .address p {
    font-size: 8px;
    line-height: 15px;
  }
  .footer .row.fRow3 .address p span {
    margin-left: 16px;
  }
}
/*-------------------- @media(max-width: 670px) --------------------*/
@media (max-width: 670px) {
  .G8-sec1 .banner .img1 .img1_1 {
    width: 53.85%;
    height: 152.5%;
    transform: translate(-45%, -5%);
  }
  .P8-sec1 .banner .img1 .img1_1 {
    width: 51.85%;
    height: 163%;
    transform: translate(-45%, -5%);
  }
  .Plat-sec1 .banner .img1 .img1_1 {
    background: url(../img/platform-bg01.png) no-repeat center center;
  }
}
/*-------------------- @media(max-width: 490px) --------------------*/
@media (max-width: 490px) {
  .G8-sec1 .banner .img1 .img1_1 {
    width: 59.85%;
    height: 152.5%;
    transform: translate(-45%, 2%);
  }
  .P8-sec1 .banner .img1 .img1_1 {
    width: 55.85%;
    height: 143.5%;
    transform: translate(-45%, 2%);
  }
  .Plat-sec1 .banner .img1 .img1_1 {
    background: url(../img/platform-bg01.png) no-repeat center center;
  }
}
/*-------------------- @media(max-width: 420px) --------------------*/
@media (max-width: 420px) {
  .sec2 .con2 {
    width: 759px;
  }
  .sec2 .con2 .slick-slide {
    margin: 0px 20px;
  }
}
/*-------------------- @media(max-width: 394px) --------------------*/
@media (max-width: 394px) {
  .Care-sec3 .googleBtn,
  .Care-sec3 .appBtn {
    margin: 0;
  }
}
/*-------------------- @media(max-width: 360px) --------------------*/
@media (max-width: 360px) {
  /* .sec1 .banner .carousel .carousel-inner .carousel-item > div:last-child {
    padding-top: 122px;
    padding-bottom: 40px;
  } */
  .sec1 .banner .carousel .carousel-inner .carousel-item .img1 .img1_1 {
    display: none;
    width: 73.85%;
    height: 86.5%;
    top: 50%;
    left: 50%;
    transform: translate(-49%, 34%);
  }
  .sec1 .banner .carousel .carousel-inner .carousel-item .img2 .img2_1 {
    display: none;
    width: 43.25%;
    height: 113.2%;
    top: 50%;
    left: 50%;
    transform: translate(-32%, 22%);
  }
  .sec1 .banner .carousel .carousel-inner .carousel-item .img4 .img4_1 {
    display: none;
    width: 82.25%;
    height: 125.45%;
    top: 50%;
    left: 50%;
    transform: translate(-44%, 18%);
  }

  .sec2 .con2 {
    width: 688px;
  }
  .sec2 .con2 .slick-slide {
    margin: 0px 8px;
  }
  .sec2 .con2 .slick-prev {
    left: 60px;
  }
  .sec2 .con2 .slick-next {
    right: 60px;
  }
  .sec2 .con2 .slick-prev:before {
    left: 74%;
  }
  .sec2 .con2 .slick-next:before {
    right: 74%;
  }

  .sec4 {
    background: url(../img/main-bg07-m.png) no-repeat center center;
    background-size: cover;
  }

  /*--- G8InsulinPump ---*/
  .G8-sec1 .banner_caption1 {
    padding-top: 122px;
    padding-bottom: 40px;
  }
  .G8-sec1 .banner .img1 .img1_1 {
    width: 73.85%;
    height: 91.5%;
    top: 50%;
    left: 50%;
    transform: translate(-47%, 29%);
  }
  .G8-sec1 .banner_caption1 p {
    width: 100%;
  }
  .G8-sec2 .con1 .pTxt3 {
    letter-spacing: -0.8px;
  }
  .G8-sec2 .con1 .con2Img1 {
    margin-top: 20px;
    width: 100%;
  }
  .G8-sec2 .con3 .con2Img3 {
    width: 80%; /*margin-right: 0!important;*/
  }
  .G8-sec2 .con5 .con2Img5 {
    width: 95%;
    margin-top: 0;
    background-position: bottom;
    height: 210px;
  }
  .G8-sec3 h2 {
    letter-spacing: -0.8px;
  }
  .G8-sec3 p {
    width: 95%;
  }

  /*--- P8InsulinPen ---*/
  .P8-sec1 .banner_caption1 {
    padding-top: 122px;
    padding-bottom: 40px;
  }
  .P8-sec1 .banner .img1 .img1_1 {
    width: 55.85%;
    height: 94.5%;
    top: 50%;
    left: 50%;
    transform: translate(-47%, 29%);
  }
  .P8-sec1 .banner_caption1 p {
    width: 100%;
  }
  .P8-sec2 .con1 .pTxt3 {
    letter-spacing: -0.8px;
  }
  .P8-sec2 .con1 .con1Img1 {
    margin-top: 20px;
    width: 100%;
  }

  /*--- CareApp ---*/
  .Care-sec1 .banner .img1 {
    background-position: 50%;
    background: url(../img/care-bg01-m.png) no-repeat center center;
    background-size: cover;
  }
  .Care-sec1 .banner_caption1 {
    padding-top: 40px;
  }
  .Care-sec1 .banner_caption1 p {
    width: 94%;
  }
  .Care-sec2 .con1 .con2Img1 {
    left: 7%;
  }
  .Care-sec2 .con2 .con2Img2 {
    height: 200px;
  }
  .Care-sec2 .con3 .con2Img3 {
    left: 9%;
    width: 73%;
  }
  .Care-sec2 .con4 .con2Img4 {
    height: 231px;
  }
  .Care-sec2 .con5 .con2Img5 {
    height: 200px;
    left: 7%;
  }
  .Care-sec3 .careP1 {
    width: 100%;
  }

  /*--- Platform ---*/
  .Plat-sec1 .banner_caption1 {
    padding-top: 40px;
  }
  .Plat-sec2 .bg1 {
    background-position: 51% 5%;
  }
}

.custom-table {
  border-collapse: collapse;
}
.custom-table td,
.custom-table th {
  border: 1px solid #999;
  padding: 3px 5px;
}
.custom-table th {
  background-color: #efefef;
  text-align: center;
}