@font-face {
  font-family: 'icomoon';
  src: url("../fonts/icomoon/icomoon.eot?srf3rx");
  src: url("../fonts/icomoon/icomoon.eot?srf3rx#iefix") format("embedded-opentype"), url("../fonts/icomoon/icomoon.ttf?srf3rx") format("truetype"), url("../fonts/icomoon/icomoon.woff?srf3rx") format("woff"), url("../fonts/icomoon/icomoon.svg?srf3rx#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
}

/* font face */
@font-face {
	font-family: 'Pretendard Variable';
	font-weight: 45 920;
	font-style: normal;
	font-display: swap;
	src: local('Pretendard Variable'), url('../font/PretendardVariable.woff2') format('woff2-variations');
}

@font-face {
    font-family: 'Pretendard';
    src: url('../fonts/Pretendard-Thin.woff2') format('woff2');
    font-weight: 100;
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard';
    src: url('../fonts/Pretendard-ExtraLight.woff2') format('woff2');
    font-weight: 200;
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard';
    src: url('../fonts/Pretendard-Light.woff2') format('woff2');
    font-weight: 300;
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard';
    src: url('../fonts/Pretendard-Regular.woff2') format('woff2');
    font-weight: 400;
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard';
    src: url('../fonts/Pretendard-Medium.woff2') format('woff2');
    font-weight: 500;
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard';
    src: url('../fonts/Pretendard-SemiBold.woff2') format('woff2');
    font-weight: 600;
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard';
    src: url('../fonts/Pretendard-Bold.woff2') format('woff2');
    font-weight: 700;
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard';
    src: url('../fonts/Pretendard-ExtraBold.woff2') format('woff2');
    font-weight: 800;
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard';
    src: url('../fonts/Pretendard-Black.woff2') format('woff2');
    font-weight: 900;
    font-display: swap;
}
/* =======================================================
*
* 	Template Style 
*
* ======================================================= */
body {
  font-family: "Pretendard Variable", Pretendard, -apple-system, Arial, sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.7;
  color: #777;
  background: #fff;
}

#page {
  position: relative;
  overflow-x: hidden;
  width: 100%;
  height: 100%;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
.offcanvas #page {
  overflow: hidden;
  position: absolute;
}
.offcanvas #page:after {
  -webkit-transition: 2s;
  -o-transition: 2s;
  transition: 2s;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 101;
  background: rgba(0, 0, 0, 0.7);
  content: "";
}

a {
  color: #222;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
a:hover, a:active, a:focus {
  color: #17B794;
  outline: none;
  text-decoration: none;
}

p {
  margin-bottom: 0;
}

h1, h2, h3, h4, h5, h6, figure {
  color: #222;
  font-family: "Pretendard", Arial, sans-serif;
  font-weight: 500;
  margin: 0 0 20px 0;
}
ol, ul {
    list-style: none;
}

::-webkit-selection {
  color: #fff;
  background: #0077FF;
}

::-moz-selection {
  color: #fff;
  background: #0077FF;
}

::selection {
  color: #fff;
  background: #0077FF;
}

.d-flex {display: flex}

.m-0 {margin:0 !important}
.mtb-10r {margin-top: 10rem; margin-bottom: 10rem}
.mtb-8r {margin-top: 8rem; margin-bottom: 8rem}
.mtb-3r {margin-top: 3rem; margin-bottom: 3rem}
.mtb-4r {margin-top: 4rem; margin-bottom: 4rem}
.mt3-ml3 {margin-top: 3rem; margin-left: 3rem}
.mt3-mb7 {margin-top: 3rem; margin-bottom: 7rem !important}
.mt5-mb8 {margin-top: 5rem; margin-bottom: 8rem}
.mt-1r {margin-top: 1rem !important}
.mt-2r {margin-top: 2rem !important}
.mt-3r {margin-top: 3rem }
.mt-4r {margin-top: 4rem}
.mt-5r {margin-top: 5rem}
.mt-8r {margin-top: 8rem}
.mt-22r {margin-top: 22rem !important}
.mt-8em {margin-top: 8em}
.mt-20r {margin-top: 20rem !important}
.mb-0 {margin-bottom: 0 !important}
.mb-05r {margin-bottom: 0.5rem !important}
.mb-2r {margin-bottom: 2rem !important}
.mb-4r {margin-bottom: 4rem !important}
.mb-10r {margin-bottom: 10rem}
.mr-1r {margin-right: 1rem !important}
.mr-2r {margin-right: 2rem}
.mlr-12 {margin-left: 12px !important; margin-right: 12px !important}
.ml-2r {margin-left: 2rem !important}
.ml-4r {margin-left: 4rem }
.ml-8r {margin-left: 8rem }
.ml-12r {margin-left: 12rem}

.p-0 {padding: 0 !important}
.p-4r {padding: 4rem}
.pt-3r {padding-top: 3rem !important}
.pt-6r {padding-top: 6rem !important}
.ptb-5r {padding-top: 5rem !important; padding-bottom: 5rem !important}
.ptb-4r {padding-top: 4rem !important; padding-bottom: 4rem !important}
.pl-4r {padding-left: 4rem; !important}

.font-14 {font-size: 14px !important}
.font-13 {font-size: 13px !important}

.flo-r {float: right !important;}
.w-100 {width: 100%}
.w-94 {width: 94%}
.w-66 {width: 66%}
.w-55 {width: 55%}
.w-45 {width: 45%}

.bd-n {border:none !important}
.bd-left {border-left: 1px solid #ccc}
.bd-right {border-right: 1px solid #0072BF}

.gtco-container {
  max-width: 1560px;
  position: relative;
  margin: 0 auto;
  padding-left: 15px;
  padding-right: 15px;
}

.sm-txt.lh-1.web {display: block; }    
.sm-txt.lh-1.mob {display: none; } 

.idx-web {display: block; }    
.idx-mob {display: none; }  

@media screen and (max-width: 820px) {
    .gtco-container { max-width: 820px !important; }       
}
@media screen and (max-width: 1024px) {
    .gtco-container {
      max-width: 1024px;
      position: relative;
      margin: 0 auto;
      padding-left: 15px;
      padding-right: 15px;
    }    
}

.gtco-containers {
  max-width: 100%;
  position: relative;
  margin: 0 auto;
  padding-left: 15px;
  padding-right: 15px;
}

.gtco-nav {
  position: relative;
  top: 0;
  margin: 0;
  padding: 0;
  width: 100%;
  padding: 10px 0;
  z-index: 1001;
  background: #fff;
}

 #gtco-header.web, .gtco-section.web, .gtco-section-2.web, .gtco-section-3.web {display: block}    
 #gtco-header.mob, .gtco-section.mob, .gtco-section-2.mob, .gtco-section-3.mob {display: none}


@media screen and (max-width: 768px) {
  .gtco-nav {
    padding: 10px 0;
  }
}
.gtco-nav #gtco-logo {
  font-size: 20px;
  margin: 0;
  padding: 0;
  text-transform: uppercase;
  font-weight: bold;
}
.gtco-nav #gtco-logo em {
  color: #17B794;
}
@media screen and (max-width: 768px) {
  .gtco-nav .menu-1, .gtco-nav .menu-2 {
    display: none;
  }
      
}
.gtco-nav ul {
  padding: 0;
  margin: .4em 0 0 0;
}
.gtco-nav ul li {
  padding: 0;
  margin: 0;
  list-style: none;
  display: inline;
  line-height: 1.5;
}
.gtco-nav ul li > a {
  text-transform: uppercase;
  font-size: 16px !important;
  letter-spacing: .05em;
  font-weight: 500;    
}
.gtco-nav ul li a {
  font-size: 16px;
  padding: 30px 20px;
  color: #222;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  font-weight: 500;    
}
.gtco-nav ul li a:hover, .gtco-nav ul li a:focus, .gtco-nav ul li a:active {
  color: #222;
}
.gtco-nav ul li.has-dropdown {
  position: relative;
  color: #222;
  transition: 0.5s;
  font-weight: 500;
  padding: 2rem 3rem;    
}  
 
}
.gtco-nav ul li.has-dropdown > span {
  position: relative;
  padding-right: 20px !important;
      
}
.gtco-nav ul li.has-dropdown > span:after {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e921";
  font-style: 10px;
  position: absolute;
  top: 50%;
  margin-top: -7px;
  right: 0;
  color: #ccc;
}
.gtco-nav ul li.has-dropdown .dropdown {
  width: 200px;
  -webkit-box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.15);
  z-index: 1002;
  visibility: hidden;
  opacity: 0;
  position: absolute;
  top: 49px;
  left: 20px;
  text-align: left;
  background: #fff;
  padding: 20px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 0;
  -webkit-transition: 0s;
  -o-transition: 0s;
  transition: 0s;
  border: 1px solid #ccc;    
}
.gtco-nav ul li.has-dropdown .dropdown:before {
  bottom: 100%;
  left: 40px;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-bottom-color: #ccc;
  border-width: 8px;
  margin-left: 0;
}
.gtco-nav ul li.has-dropdown .dropdown li {
  display: block;
  margin-bottom: 7px;
}
.gtco-nav ul li.has-dropdown .dropdown li:last-child {
  margin-bottom: 0;
}
.gtco-nav ul li.has-dropdown .dropdown li a {
  padding: 2px 0;
  display: block;
  color: #999999;
  line-height: 1.2;
  text-transform: none;
  font-size: 15px;
}
.gtco-nav ul li.has-dropdown .dropdown li a:hover {
  color: #222;
}
.gtco-nav ul li.has-dropdown .dropdown li.active > a {
  color: #222 !important;
}
.gtco-nav ul li.has-dropdown:hover a, .gtco-nav ul li.has-dropdown:focus a {
  color: #222;
}
.gtco-nav ul li.btn-cta a {
  color: #17B794;
}
.gtco-nav ul li.btn-cta a span {
  background: #fff;
  padding: 4px 20px;
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  *display: inline;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  -ms-border-radius: 100px;
  border-radius: 100px;
}
.gtco-nav ul li.btn-cta a:hover span {
  -webkit-box-shadow: 0px 14px 20px -9px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0px 14px 20px -9px rgba(0, 0, 0, 0.75);
  box-shadow: 0px 14px 20px -9px rgba(0, 0, 0, 0.75);
}
.gtco-nav ul li.active > a {
  color: #000 !important;
}

@media screen and (max-width: 460px){
    .col-md-30 {
        width: 70% !important;
        float:left;
        left:15%;
    }
}

@media screen and (max-width: 820px){
    .col-md-30 {
        width: 33%;
    }
    .gtco-nav ul li.has-dropdown {
      padding: 2rem;    
    }  
}
@media screen and (max-width: 820px), screen and (max-width: 1024px) {
  #gtco-header.web, .gtco-section.web, .gtco-section-2.web, .gtco-section-3.web {display: block}    
  #gtco-header.mob, .gtco-section.mob, .gtco-section-2.mob, .gtco-section-3.mob {display: none}
    
  #gtco-header .text-left {
    text-align: center !important;
  }
}
/*
@media screen and (max-width: 820px) {
  #gtco-header.web, .gtco-section.web, .gtco-section-2.web, .gtco-section-3.web {display: none}    
  #gtco-header.mob, .gtco-section.mob, .gtco-section-2.mob, .gtco-section-3.mob {display: block}    
  #gtco-header .text-left {
    text-align: center !important;
  }
  #gtco-header .header-img img {
    width: 50%;
    margin-left: 5rem;  
  }
  
}
*/
@media screen and (max-width: 860px) {
  .gtco-section-2 .gtco-heading p {
    font-size: 18px;
    }
  #gtco-header .text-left {
    text-align: center !important;
  }
  #gtco-header .header-img img {
    width: 50% !important;
    margin-left: 5rem;  
  } 
  .main.mob {
  background-size: cover !important;
  background-position: 54% !important;  
  padding: 0      
  }

  .sub01.mob {
  background-size: cover !important;
  background-position: 60% !important;      
  }

  #gtco-header.sub02 {
  background-size: cover !important;
  background-position: 74% !important;
  }

  #gtco-header.sub03 {
  background-size: cover !important;
  background-position: 80% !important;       
  }
 .bg-allergy.mob {
  background-size: cover !important;
  background-position-x: center !important; 
  }
  .bg-micro-kit {
  background-size: cover !important;      
  background-position: 50% !important; 
  }     
    
  .gtco-cover {
    height: 600px;
    height: inherit !important;
    padding: 2em;
  }    
  .gtco-section h2, .gtco-section-2 h2 {
    font-size: 24px !important;
    margin-bottom: 24px;
    line-height: 1.5;
    color: #222;
    font-weight: 600;
  }
  .goco-phone img {width: 50%
  }
  .gtco-container {
    position: relative;
    margin: 0 auto;
    padding-left: 15px;
    padding-right: 15px;
  }    
  .mob.gtco-testimonial .gtco-left > blockquote p {
    font-size: 14px;
  }
  .m-768 .col-sm-6 {
    width: auto !important;    
    }   
  .gtco-section-2.mob .gtco-clinic {
    width: 100% !important;
    margin-bottom: 30px !important;
    background: #FFF;
    padding: 24px;
    border-radius: 20px;
    margin: 0;
    position: relative;
    text-align: center;
  }    
  .gtco-section.mob .if-pr {
    display: block;
    } 
  .gtco-section.mob .if-pr p {
    padding-bottom: 0; 
    font-size: 14px;
    line-height: 1.4
  }    
  .gtco-section.mob .if-pr img {
    width: 50% !important; 
  }
  .vet-768 img {
    width: 50% !important;      
    }    
  .gtco-section.mob .if-pr .clinic-arrow {
    position: absolute;
    top: 47%;
    left: 50%;
    transform: translate(-50%, -100%);
  }    
    
  .mob .bg-microscope {
   background: url(../images/svg/ico-microscope.png) no-repeat;
   background-size: 40%;
   background-position: 85% 6%;
   padding: 0 32px;
  }    
  .bg-microscope .col-sm-6 {
     width: 100%;
  }    
  .mob .gtco-allergy {
  float: left !important;
  width: 47% !important;
  margin-bottom: 30px !important;
  background: #FFF;
  padding: 24px;
  border-radius: 20px;
  margin: 0;
  position: relative;
  margin-left: 1rem;
  margin-right: 1rem;       
  }
  .mob .mid-txt {font-size: 3.5rem !important; margin-top: 1rem !important; font-weight: 300 !important; margin-bottom: 0 !important; color: #FFF !important; }
  .mob .sm-txt {font-size: 1.5rem !important; color: #FFF !important; font-weight: 300 !important;}
  .mob .app-icon {margin-top: 5rem !important}
  .mob .kit-btn {margin-top: 4rem !important}
  .mob .kit-btn .btn {display: block; width: 60% !important; padding: 10px; letter-spacing: normal; margin-left: 3rem;}    
  .mob .request-btn a {margin-right: 2rem !important}    
  .mob .al-3 {text-align: left; margin-left: 3rem !important;}     
  #gtco-footer.mob {
    background: #313840;
    padding: 5em 3em 3em 3em !important;
    margin-bottom: 0 !important;
    width: 100%;
    float: left;
    color: #606D7B;
    font-size: small;
  }    
}

@media screen and (max-width: 460px) {
  .sm-txt.lh-1.web {display: none}    
  .sm-txt.lh-1.mob {display: block}  
  .idx-web {display: none; }    
  .idx-mob {display: block; }      
  .gtco-container {
    padding: 2rem 1.5rem;
  } 

  #gtco-header .text-left {
    text-align: center !important;
  }
  #gtco-header .header-img img {
    width: 75%;
  }     
  #gtco-header .btn {
    display: block;
    width: 100%;
  }
    
  #gtco-header.mob .sub-tit {
    font-size: 32px;
    line-height: 1.2 !important;
    margin-top: 15px;
    margin-bottom: 30px !important;
    color: #FFF;
    font-weight: 600;
  }
  #gtco-header.mob .header-img {
    margin-top: 30px;
    margin-bottom: 0;
  }
  .gtco-cover .display-t, .gtco-cover .display-tc {
        height: 600px;
        height: inherit !important;
        padding: 3rem 0 !important;
  }    
    
  .mob .display-tc {padding: 3rem 0 0;}    
  .mob .display-tc h1,
  #gtco-counter .display-tc h1,
  .gtco-cover .display-tc h1 {
    font-size: 42px !important;
    line-height: 1.2 !important;
    margin-bottom: 10px !important;
  }
  .mob .mid-txt {font-size: 3.5rem !important; margin-top: 1rem !important; font-weight: 300 !important; margin-bottom: 0 !important; color: #FFF !important; }
  .mob .sm-txt {font-size: 1.5rem !important; color: #FFF !important; font-weight: 300 !important;}
  .mob .app-icon {margin-top: 5rem !important}
  .mob .kit-btn {margin-top: 4rem !important}
  .mob .kit-btn .btn {display: block; width: 60% !important; padding: 10px; letter-spacing: normal; margin-left: 3rem;}    
  .mob .request-btn a {margin-right: 2rem !important}    
  .mob .al-3 {text-align: left; margin-left: 3rem !important;}    
    
  .mob .gtco-heading h2, .mob .gtco-sec h2  {
  font-size: 21px !important;
  margin-bottom: 24px;
  line-height: 1.5;
  color: #222;
  font-weight: 600;
  }    
  .mob .gtco-heading p {
  font-size: 15px;
  line-height: 1.4;
  color: #898989;
  word-break: keep-all;  
  margin-bottom: 20px;    
}
  .mob .goco-phone img 
    {
  width: 75%
}
    
  .mob .blockquote {
    padding: 10px 20px;
    margin: 0 auto;
    word-break: keep-all;
    font-size: 15px;
    text-align: center;  
}  
  .gtco-section, .gtco-section-2 {
    padding: 0 !important;
    clear: both;
    position: relative;
    }    
     
  .mob.gtco-section h2, .mob.gtco-section-2 h2 {
    font-size: 22px;
    margin-bottom: 24px;
    line-height: 1.5;
    color: #222;
    font-weight: 600;
}
  .mob.gtco-section-2 .col-md-offset-2 {
    text-align: center;
}
  .mob.gtco-section-2 .col-md-offset-2 h2 {
    margin-bottom: 30px !important
}
  .gtco-section h2, .gtco-section-2 h2 {
  font-size: 20px !important; 
  margin-top: 32px; 
  line-height: 1.5; 
  color: #222; 
  font-weight: 600;
}
  .gtco-section-2 p {
    font-size: 14px !important; 
    margin: 0 2rem
}
  .gtco-section h3, .gtco-section-2 h3 {
  font-size: 38px; 
  margin-bottom: 24px; 
  line-height: 1.5; 
  color: #222; 
  font-weight: 600;
}

  .gtco-section h4, .gtco-section-2 h4 {
  font-size: 18px !important; 
  margin-bottom: 24px; 
  line-height: 1.5; 
  color: #222; 
  font-weight: 600;
}
  .gtco-section-2.mob .gtco-virus h4 {
    margin-bottom: 10px !important;
    font-size: 14px !important;  
}    
.gtco-section-2.mob .gtco-virus.gtco-left > blockquote p {
    font-size: 12px;
    line-height: 1.5;
}    
.gtco-section-3.mob .mm-txt {
    font-size: 18px;
    color: #FFF;
    text-align: center;
    line-height: 1.3
}    
  .mob.gtco-testimonial .gtco-left > blockquote p {
  font-size: 14px; 
} 
  .mob.gtco-testimonial.mob .gtco-left > div {
    display: table-cell;
    float: left;
    width: 60px;
    margin-left: 1rem;  
}
   .mob.gtco-testimonial.mob .gtco-left > blockquote {
    display: table-cell;
    border-left: none;
    margin: 0;
    padding: 0 0 0 10px; 
}

.gtco-section.mob .ige-tit, .gtco-section.mob .igg-tit {
    font-size: 18px;
    background: #222;
    color: #FFF;
    width: 180px;
    margin: 0 auto;
    border-radius: 14px;
}    
.gtco-section.mob .ige-txt, .gtco-section.mob .igg-txt {
    font-size: 13px;
    padding-top: 2.5rem;
    margin: 0 auto;
}

.gtco-section.mob .b-tit, .gtco-section.mob .b-tit {
    margin-top: 6rem;
    font-size: 16px;
    font-weight: 500;
    color: #0072BF;
}

.gtco-section.mob .g-txt, .gtco-section.mob .g-txt {
    font-size: 12px;
    color: #999999;
    letter-spacing: -0.05rem;
}   

.gtco-section-2.mob .gtco-clinic.gtco-left > div {
  display: block;
  float: none;
  width: 35%;
  margin: 0 auto;
}
.gtco-section-2.mob .gtco-clinic.gtco-left > div img {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
  max-width: 100% !important;
}
.gtco-section-2.mob .gtco-clinic.gtco-left > blockquote {
  display: block;
  border-left: none;
  margin: 15px;
  padding-left: 0;
}
.gtco-section-2.mob .gtco-clinic.gtco-left > blockquote p {
  font-size: 15px;
  line-height: 1.5;
  letter-spacing: -0.1rem;
}
.gtco-section-2.mob .gtco-clinic {
    width: 100% !important;
    margin-bottom: 30px !important;
    background: #FFF;
    padding: 24px;
    border-radius: 20px;
    margin: 0;
    position: relative;
    text-align: center;
}    
    
.mob .bg-microscope {
    background: url(../images/svg/ico-microscope.png) no-repeat;
    background-size: 70%;
    background-position: 50% 8%;
    padding: 0 32px;
}  
    
  .main.mob {
  background-size: cover !important;
  background-position: 54% !important;  
  padding: 0      
}

  .sub01.mob {
  background-size: cover !important;
  background-position: 60% !important;      
}

  #gtco-header.sub02 {
  background-size: cover !important;
  background-position: 74% !important;
}

  #gtco-header.sub03 {
  background-size: cover !important;
  background-position: 80% !important;       
}

  #gtco-header.sub04 {
  background-size: cover !important;
  background-position-x: center !important;       
}

  #gtco-header.sub05 {
  background-size: cover !important;
  background-position-x: center !important;       
}

 .bg-allergy.mob {
  background-size: cover !important;
  background-position-x: center !important; 
}
.mob .row-pb-sm {
    padding-bottom: 0 !important;
}
  .bg-micro-kit {
  background-size: cover !important;      
  background-position: 50% !important; 
}     

.gtco-section.mob .if-pr {
    display: block; 
}
.gtco-section.mob .if-pr p {
    padding-bottom: 0; 
    font-size: 14px;
    line-height: 1.4
}    
.gtco-section.mob .if-pr img {
    width: 90% !important; 
}        
.gtco-section.mob .if-pr .clinic-arrow {
    position: absolute;
    top: 47%;
    left: 50%;
    transform: translate(-50%, -100%);
}
    
.gtco-section-2.mob .gtco-allergy.gtco-left > div img {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
    max-width: 60% !important;
}
.mob .gtco-allergy {
    float: left !important;
    width: 100% !important;
    margin-bottom: 30px !important;
    background: #FFF;
    padding: 24px;
    border-radius: 20px;
    margin: 0;
    position: relative;
}

.mob .gtco-allergy.gtco-left .all-img {
    position: absolute; 
    right: 0;
    top: 44px;
}

.mob .gtco-allergy.gtco-left h4 {
    padding: 10px 20px 10px 0;
    margin: 0 auto;
    word-break: keep-all;
    font-size: 18px;
}

.mob .gtco-allergy.gtco-left .blockquote {
    width: 100%;
}

.mob .gtco-allergy.gtco-left p {
    font-size: 12px !important;
}
.gtco-section-3.mob {
    padding: 8rem 0;
    clear: both;
    position: relative;
}
    
#gtco-footer.mob {
    background: #313840;
    padding: 5em 3em 3em 3em !important;
    margin-bottom: 0 !important;
    width: 100%;
    float: left;
    color: #606D7B;
    font-size: small;
}

#gtco-footer.mob a {
  color: #606D7B; !important;
}
#gtco-footer.mob a:hover {
  color: #606D7B; !important;
}
#gtco-footer.mob h4 {
  margin-bottom: 16px; 
  color: #606D7B;
}
#gtco-footer.mob p {
  margin-bottom: 6px;        
}
#gtco-footer.mob .copy  {
  font-size: x-small;
  line-height: 1.6;
  margin-top: 2rem;
}
#gtco-footer.mob .gtco-cta {
  margin-bottom: 30px;
}
#gtco-footer.mob .gtco-cta h3 {
  color: #fff;
  font-size: 30px;
  font-weight: 300;
}
#gtco-footer.mob .gtco-cta .btn-white {
  padding: 15px 20px !important;
}
#gtco-footer.mob .gtco-cta .btn-white.btn-outline:hover {
  color: #000 !important;
}
#gtco-footer.mob .gtco-footer-paragraph h3 {
  color: #fff;
  margin-bottom: 10px;
}
#gtco-footer.mob .gtco-footer-link {
  padding-left: 30px;
}
    
}
@media screen and (max-width: 768px) {
  #gtco-footer.mob .gtco-footer-link {
    padding-left: 15px;
  }
}
#gtco-footer.mob .gtco-footer-link .gtco-list-link {
  padding: 0;
  margin: 0;
}
#gtco-footer.mob .gtco-footer-link .gtco-list-link li {
  padding: 0;
  margin: 0;
  list-style: none;
}
#gtco-footer.mob .gtco-footer-link .gtco-list-link li a {
  text-transform: uppercase;
  font-size: 13px !important;
}
#gtco-footer.mob .gtco-footer-subscribe {
  padding-left: 30px;
}    
    
}

@media screen and (min-width: 768px) {
    
  #gtco-header.web, .gtco-section.web, .gtco-section-2.web, .gtco-section-3.web {display: block}    
  #gtco-header.mob, .gtco-section.mob, .gtco-section-2.mob, .gtco-section-3.mob {display: none}      
}
#gtco-header,
#gtco-counter,
.gtco-bg {
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
  position: relative;
}

.gtco-bg {
  background-position: center center;
  width: 100%;
  float: left;
  position: relative;
}

.gtco-cover {
  /* height: 900px; */
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  position: relative;
  float: left;
  width: 100%;
}
.gtco-cover.gtco-inner h1 {
  margin-bottom: 0 !important;
}

.gtco-cover .overlay {
  z-index: 1;
  position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
  background: rgba(29, 43, 83, 0.89);
}
.gtco-cover > .gtco-container {
  position: relative;
  z-index: 10;
}

.gtco-cover .display-t,
.gtco-cover .display-tc {
  height: 900px;
  display: table;
  width: 100%;
  max-width: 1560px;
  margin: 0 auto;
}

@media screen and (max-width: 460px){
    .mt5-mb8 {margin-top: 3rem; margin-bottom:4rem;}
    .idx .col-md-5 {
        width: 96% !important;
    }
    .col-md-5 {
        width: 84% !important;
        margin-left: 0 !important;
        text-align: left !important;
    }
    .gtco-cover .display-t,
    .gtco-cover .display-tc {
      height: 400px !important;
    }
    .gtco-sub-cover .display-h .row {
        margin-left: 2rem !important;
    }
    .gtco-sub-cover .display-h .h-warp {
        margin-left: 0 !important;
    }
    .gtco-sub-cover .display-h .row .col-md-2 {width:80% !important; height: fit-content !important}
    .gtco-sub-cover .display-s .row .l-tit, .gtco-sub-cover .display-s .row .mid-txt, .gtco-sub-cover .display-s .row .sm-txt  {margin-left: 4rem !important}
    .gtco-sub-cover .display-h .h-warp{display: inline-flex;margin-top: 1.5rem;}
    .gtco-sub-cover .display-h .l-tit p{font-size: 2.5rem !important;}
    .gtco-sub-cover .display-h .y-tit p {font-size: 4rem !important;}
    .gtco-sub-cover .display-h .m-txt p {font-size: 1.75rem !important;}
    .gtco-sub-cover .display-h .n-txt p {font-size: 1.5rem !important; line-height: 1.5; margin-bottom: 1rem}
    .gtco-sub-cover .display-info .col-md-10 {width: 80% !important;}
    .gtco-sub-cover .display-if .row .sm-txt { width: 90% !important; }
    .gtco-sub-cover .display-if .row .col-md-5 img { width: 29rem !important; }
    .gtco-sub-cover .m-pet .sm-txt.w-wbreak { width: 100% !important; }
    #page .gtco-sub-cover .display-map { width: 100%; }
    .gtco-sub-cover .display-ai .sm-txt.lh-1 p{margin-bottom: 0.5rem }
    
         /* location_map */
    .display-map .location_map { height:500px; margin-bottom:100px;}
    .display-map .g-box {background: #eee; margin:2rem 0; padding: 2rem 1rem;}
    .display-map .location_txt { display:inline-flex; width:100%; margin-bottom:1.5rem;}
    .display-map .location_txt dt {display:inline-flex;width: 26%;align-items: anchor-center;}
    .display-map .location_txt dt dd { display:block;}
    .display-map .location_txt dt > span { display: inline-block; width: 18px; height: 18px; margin-right: 7px; line-height: 1.25; text-align: center;}
    .display-map .location_txt dt.location > span {background: url(../images/ico-location.png) no-repeat;background-size: 1.75rem;}
    .display-map .location_txt dt.telephone > span { background: url(../images/ico-telephone.png) no-repeat; background-size: 1.75rem;}
    .display-map .location_txt dt.fax > span { background: url(../images/ico-fax.png) no-repeat; background-size: 1.75rem;}
    .display-map .location_txt dt.car > span { background: url(../images/ico-car.png) no-repeat; background-size: 1.5rem;}
    .display-map .location_txt dt.bus > span { background: url(../images/ico-bus.png) no-repeat; background-size: 1.5rem;}
    .display-map .location_txt dt.rbus > span { background: url(../images/ico-rbus.png) no-repeat; background-size: 1.5rem;}
    .display-map .location_txt dt.gbus > span { background: url(../images/ico-gbus.png) no-repeat; background-size: 1.5rem;}
    .display-map .location_txt dd {display:table-cell;vertical-align:middle;text-align:left;padding-left: 10px;font-size: 1.5rem;word-break: keep-all;width: 90%;}
    .display-map .ml-8r { margin-left: 0 !important }
    .gtco-sub-cover .display-map .rnd_txt {display: inline-flex;width: 100%;padding: 1.5rem 1rem;border-bottom: 1px solid #222;margin-left: 0;margin-bottom: 0;}
    .gtco-sub-cover .display-map .rnd_txt.top {width: 100%;font-size: 2rem;font-weight: 700;border-top: 2px solid #222;}
    .gtco-sub-cover .display-map .rnd_txt.top dt { display:inline-flex; width:30rem;}
    .gtco-sub-cover .display-map .rnd_txt dt {display:inline-flex;width: 18rem;}
    .gtco-sub-cover .display-map .rnd_txt dt dd { display:block;}
}

@media screen and (max-width: 820px){
    .gtco-sub-cover .display-p .col-md-6 .w-wbreak { padding: 2rem;}
    .col-md-5 {
        width: 84%;
        margin-left: 0;
        text-align: left !important;
    }
    .gtco-cover .display-t,
    .gtco-cover .display-tc {
      height: 400px !important;
    }
    .gtco-sub-cover .display-h .row {
        margin-left: 6rem;
    }
    .gtco-sub-cover .display-h .h-warp {
        margin-left: 2rem;
    }
    .display-t .mt-1r.w-wbreak {
        width: 100%;
    }
    .gtco-sub-cover .display-h .row .col-md-2 {width:16%}
    .gtco-sub-cover .display-s .row .l-tit, .gtco-sub-cover .display-s .row .mid-txt, .gtco-sub-cover .display-s .row .sm-txt  {margin-left: 6rem}
    .gtco-sub-cover .display-h .h-warp{display: inline-flex; margin-top: 1.5rem;}
    .gtco-sub-cover .display-h .l-tit{font-size: 2.5rem !important;}
    .gtco-sub-cover .display-h .y-tit {font-size: 4rem !important;}
    .gtco-sub-cover .display-h .m-txt {font-size: 1.75rem }
    .gtco-sub-cover .display-h .n-txt {font-size: 1.5rem !important;}
    .gtco-sub-cover .display-h .h-28r {height: 20rem !important;}
    .gtco-sub-cover .display-h .h-24r {height: 20rem !important;}
    .gtco-sub-cover .display-h .h-14r {height: 14rem !important;}
    
    .nav-tabs > li > a {font-size: 1.5rem; padding: 1rem 2.5rem; }
    .gtco-sub-cover .display-p .col-md-6 {padding: 0 4rem 2rem 4rem;}
    .gtco-sub-cover .display-ai .col-sm-6 {width: 100%;}
    .gtco-sub-cover .display-ai .col-sm-6
    }
}

@media screen and (max-width: 1024px){
    
    #page .gtco-sub-cover .display-map { width: 100%; }
    .display-map .ml-8r { margin-left: 8rem}
    .display-map .rnd_txt {display: inline-flex; width: 95%; padding: 1.5rem 5rem; border-bottom: 1px solid #222; margin-left: 2rem; margin-bottom: 0;}
    .display-map .rnd_txt.top {width:95%; font-size: 2rem; font-weight: 700; border-top: 2px solid #222;}
    .display-map .rnd_txt.top dt { display:inline-flex; width:30rem;}
    .display-map .rnd_txt dt { display:inline-flex; width:14rem;}
    .display-map .rnd_txt dt dd { display:block;}
    .gtco-sub-cover .display-h {
      width: 100% !important;
    }
    .gtco-sub-cover .display-h .row {
      margin-left: 10rem;
    }
    .gtco-sub-cover .display-h .h-warp {
        display: inline-flex;
        margin-top: 1.5rem;
        margin-left: 4rem;
    }
    .gtco-sub-cover .display-s .row .l-tit, .gtco-sub-cover .display-s .row .mid-txt, .gtco-sub-cover .display-s .row .sm-txt  {margin-left: 10rem}
    .display-t .m-ov .col-md-45 { width: 70%; }
}

@media screen and (max-width: 860px), screen and (max-width: 1024px) {
    .gtco-sub-cover .display-map {
    width: 100% !important;
    }
    
    .rnd_txt {
    width: 95% !important;
    }
    .gtco-sub-cover > .gtco-container {
    max-width: 100%;
    }
    .gtco-cover .display-t,
    .gtco-cover .display-tc {
      height: 600px;
      display: table;
      width: 100%;
      max-width: 1024px;
      margin: 0 auto;
    }
    .gtco-sub-cover .display-t, .gtco-sub-cover .display-tc {
      height: 40rem !important;
      width: 100%;
      display: table-cell !important;
      vertical-align: middle;  
      padding-left: 10%;    
    }
    .gtco-sub-cover .display-p .col-md-6 .w-wbreak {
        padding: 0 2rem 2rem 2rem;
    }    
    #page .gtco-sub-cover .display-s {
    height: 40rem;
    width: 100% !important;
    display: table-cell !important;
    vertical-align: middle;
    }

    .gtco-sub-cover .display-h {
      width: 100% !important;
    }
    .ml-12r {
    margin-left: 0 !important;
    }
    
    
    /*.gtco-sub-cover .display-t .row div:first-of-type {display: none}*/
    .gtco-sub-cover .display-tc .row .col-md-6 {width: 100%; margin-bottom:4rem; padding:0 4rem;}
    .gtco-sub-cover .display-t .l-tit, .gtco-sub-cover .display-tc .l-tit, .gtco-sub-cover .display-info .l-tit {font-size: 3.75rem !important}
    .gtco-sub-cover .display-info .sm-txt {font-size: 1.75rem}
    .gtco-sub-cover .display-info .sm-txt.w-wbreak {width: 100%}
    .gtco-sub-cover .display-info .col-md-10 {width: 100%}
    .gtco-sub-cover .display-info .col-md-4 {width: 0}    
    #page .gtco-sub-cover .display-if {width: 100%; height: auto}
    .gtco-sub-cover .display-if .row {margin: 0 2rem;}
    .gtco-sub-cover .display-if .row .col-md-5 {width: 44%; margin: 1.5rem;}
    .gtco-sub-cover .display-if .row .col-md-5 img {width: 100%}
    .gtco-sub-cover .display-if .row .l-tit { font-size: 2.25rem; }
    .gtco-sub-cover .display-if .row .sm-txt { font-size: 1.5rem; width: 100%; }
    .gtco-sub-cover .display-if .row .mid-txt { font-size: 1.75rem; width: 100%; }
    
    .m-ov .col-md-45 { width: 90%; }
    .col-md-45 { width: 100%}
    .col-md-5 {
        width: 60%;
        margin-left:5rem;
        text-align: left;
    }
    .gtco-sub-cover {
      /* height: 900px; */
      background-size: cover;
      background-position: center center;
      background-repeat: no-repeat;
      position: relative;
      float: left;
      width: 100% !important;
      background-size: cover;
      background-position: top center;
      background-repeat: no-repeat;
      position: relative;
    }
    #page .gtco-sub-cover.sub-com-01 {
      background-position: right;
      height: 40rem !important;    
    }
    #page .gtco-sub-cover.sub-com-02 {
      height: 40rem;    
    }
    #page .gtco-sub-cover.sub-com-03 {
      background-position: left;
      height: 40rem !important;   
    }
    #page .gtco-sub-cover.sub-com-04 {
      height: 40rem;    
    }
    #page .gtco-sub-cover.sub-biz-si {
      height: 40rem;    
    }
    #page .gtco-sub-cover.sub-biz-ai {
      height: 40rem;    
    }
    #page .gtco-sub-cover.sub-com-esg {
      height: 40rem;    
    }
    #page .gtco-sub-cover.sub-biz-pet {
      height: 40rem;    
    }
    #page .gtco-sub-cover.sub-biz-info {
      height: 40rem;    
    }
    #page .gtco-sub-cover.sub-recruit {
      height: 40rem;    
    }
    #page .gtco-sub-cover.sub-contact {
      height: 40rem;    
    }
    
}

@media screen and (max-width: 460px) {
    #page .gtco-sub-cover.sub-com-01 {
        background-position: center;
    }
    .gtco-cover .display-t,
    .gtco-cover .display-tc {
      height: 400px;
      display: table;
      width: 100%;
      max-width: 1024px;
      margin: 0 auto;
    }
    .gtco-cover .display-tc .sm-txt br.onlyPC {display: none;}
    .gtco-sub-cover .sm-txt.w-wbreak {
        width: 80%;
    }
    .gtco-sub-cover .nav-tabs > li {
    float:none;
    margin-bottom: 0;
    }
    .nav-tabs > li > a:hover {
    margin-bottom: 0;    
    }
    .page-header {
    border-bottom: none;
    }
    .gtco-sub-cover .display-t, .gtco-sub-cover .display-tc {
      height: 32rem !important;
      width: 100% !important;
    }
    .sub-biz-ai.gtco-sub-cover .display-t {vertical-align: top;}
    .gtco-sub-cover .display-t .col-md-12 {
      width: 65% !important;
    }
    .gtco-sub-cover .display-t .m-pet .col-md-12 {
        width: 90% !important;
    }
    .gtco-sub-cover .display-s {
    height: 32rem !important;
    width: 100% !important;
    display: table-cell !important;
    vertical-align: middle;
    }
    .gtco-sub-cover .display-info .l-tit {font-size: 2.75rem !important}
    .gtco-sub-cover .display-tc .row .col-md-6 {width: 100%; margin-bottom:4rem;}
    .gtco-sub-cover .display-tc .row .col-sm-6 { margin-left:2rem;}
    .gtco-sub-cover .display-tc .m-ov .col-sm-6 { padding: 0 2rem; margin-left: 0; }
    .gtco-sub-cover .display-tc img {width: 100%;}
    .gtco-sub-cover .display-t .l-tit, .gtco-sub-cover .display-tc .l-tit {font-size: 2.5rem !important; margin-top: 2rem;}
    .gtco-sub-cover .mid-txt {font-size: 1.75rem !important; margin-top: 2rem; !important}
    .gtco-sub-cover .sm-txt {font-size: 1.5rem !important; margin-top: 2rem; !important}
    .gtco-sub-cover .m-ov .sm-txt, .gtco-sub-cover .m-hi .sm-txt  {font-size: 1.5rem !important; margin-top: 2rem; !important}
    .gtco-sub-cover .display-h .m-txt { font-size: 2.5rem !important; line-height: 1;}
    
    
    .col-md-45 { width: 100%}
    .col-md-5 {
        width: 60%;
        margin-left:5rem;
        text-align: left;
    }
    .gtco-sub-cover {
      /* height: 900px; */
      background-size: cover;
      background-position: center center;
      background-repeat: no-repeat;
      position: relative;
      float: left;
      width: 100% !important;
      background-size: cover;
      background-position: top center;
      background-repeat: no-repeat;
      position: relative;
    }
    .gtco-sub-cover.sub-com-01 {
      background-position: left;
      height: 32rem !important;
      background-position: center !important;    
    }
    .gtco-sub-cover.sub-com-02 {
      height: 32rem !important;    
    }
    .gtco-sub-cover.sub-com-03 {
      background-position: left;
      height: 32rem !important;   
    }
    .gtco-sub-cover.sub-com-04 {
      height: 32rem !important;    
    }
    .gtco-sub-cover.sub-biz-si {
      height: 32rem !important;
      background-position: -47rem;
    }
    .gtco-sub-cover.sub-biz-ai {
      height: 32rem !important;    
    }
    .gtco-sub-cover.sub-com-esg {
      height: 32rem !important;    
    }
    .gtco-sub-cover.sub-biz-pet {
      height: 32rem !important;    
    }
    .gtco-sub-cover.sub-biz-info {
      height: 32rem !important;
    }
    .gtco-sub-cover.sub-recruit {
      height: 32rem !important;
    }
    .gtco-sub-cover.sub-contact {
      height: 32rem !important;
    }
    
}

.gtco-sub-cover {
  /* height: 900px; */
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  position: relative;
  float: left;
  /*width: 100%; 반응형*/
  width: 1920px;    
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
  position: relative;
}
.gtco-sub-cover.sub-com-01 {
  background-image: url(../images/bg-sub-com01.png) ;
  height: 60rem;    
}
.gtco-sub-cover.sub-com-02 {
  background-image: url(../images/bg-sub-his.png) ;
  height: 40rem;    
}
.gtco-sub-cover.sub-com-03 {
  background-image: url(../images/bg-sub-com03.png) ;
  height: 56rem;    
}
.gtco-sub-cover.sub-com-04 {
  background-image: url(../images/bg-sub-cert.png) ;
  height: 40rem;    
}
.gtco-sub-cover.sub-biz-si {
  background-image: url(../images/bg-sub-si.png) ;
  height: 60rem;    
}
.gtco-sub-cover.sub-biz-ai {
  background-image: url(../images/bg-sub-ai.png) ;
  height: 60rem;    
}
.gtco-sub-cover.sub-com-esg {
  background-image: url(../images/bg-sub-esg.png) ;
  height: 60rem;    
}
.gtco-sub-cover.sub-biz-pet {
  background-image: url(../images/bg-sub-pet.png) ;
  height: 60rem;    
}
.gtco-sub-cover.sub-biz-info {
  background-image: url(../images/bg-sub-info.png) ;
  height: 60rem;    
}
.gtco-sub-cover.sub-recruit {
  background-image: url(../images/bg-sub-rec.png) ;
  height: 40rem;    
}
.gtco-sub-cover.sub-contact {
  background-image: url(../images/bg-sub-cont.png) ;
  height: 40rem;    
}

@media (max-width: 767px) {
    .zoom_link {
        display: block;
        position: absolute;
        right: calc(100vw * (20 / 767));
        bottom: calc(100vw * (60 / 767));
        width: calc(100vw * (64 / 767));
        height: calc(100vw * (64 / 767));
        text-indent: -999px;
        overflow: hidden;
        background: url(../images/common/btn-zoom.svg) no-repeat center center / 100%;
    }
}

/* mapArea */
.mapArea{width:100%; margin-bottom:70px;}
.mapArea #map_canvas{ width: 100%; height: 100%}
.mapArea .map_img img {width: 100%;height: 480px;object-fit: cover;}
.addressArea{ position: absolute; bottom: 0; left: 0; width: 100%; height: 80px; background: url(../images/gnbMenu.png); z-index: 999;}
address{ font-size: 16px; color: #fff; margin: 15px 0 8px}
address span{ margin-left: 10px; color: #f1f1f1}
address strong{ color: yellow; margin-right: 10px}

/* location_map */
.location_map { height:500px; margin-bottom:100px;}
.g-box {background: #eee; margin:4rem 2rem; padding:4rem 6rem;}
.location_txt { display:inline-flex; width:100%; margin-bottom:1.5rem;}
.location_txt dt { display:inline-flex; width:100px; align-items: anchor-center;}
.location_txt dt dd { display:block;}
.location_txt dt > span { display: inline-block; width: 24px; height: 24px; margin-right: 7px; line-height: 1.25; text-align: center;}
.location_txt dt.location > span { background: url(../images/ico-location.png) no-repeat; background-size: auto;}
.location_txt dt.telephone > span { background: url(../images/ico-telephone.png) no-repeat; background-size: auto;}
.location_txt dt.fax > span { background: url(../images/ico-fax.png) no-repeat; background-size: auto;}
.location_txt dt.car > span { background: url(../images/ico-car.png) no-repeat; background-size: auto;}
.location_txt dt.bus > span { background: url(../images/ico-bus.png) no-repeat; background-size: auto;}
.location_txt dt.rbus > span { background: url(../images/ico-rbus.png) no-repeat; background-size: auto;}
.location_txt dt.gbus > span { background: url(../images/ico-gbus.png) no-repeat; background-size: auto;}
.location_txt dd { display:table-cell; vertical-align:middle; text-align:left; padding-left: 30px;}

.rnd_txt {display: inline-flex; width: 100%; padding: 1.5rem 5rem; border-bottom: 1px solid #222;}
.rnd_txt.top {width:100%; font-size: 2rem; font-weight: 700; border-top: 2px solid #222;}
.rnd_txt.top dt { display:inline-flex; width:30rem;}
.rnd_txt dt { display:inline-flex; width:14rem;}
.rnd_txt dt dd { display:block;}

/* system */
.txt_top {position:relative;font-size:1.125rem;color:#222;padding-bottom:1.563rem;transition:all .3s ease;}
.txt_top:after {position:absolute;left:50%;bottom:0;display:block;content:'';background:#000;width:40px;height:2px;margin-left:-20px;}
.txt_top .en {display:block;font-size:3.125rem;}
.system_box {text-align:center;font-size:1.125rem;color:#434343; }
.system_box.bdt0 {border-top:0;}
.system_box h4 {font-size:3.2rem;color:#1b1b1b;margin-bottom:2.188rem;}
.system_box .desc {line-height:1.6;margin-bottom:2.25rem;}
.system_box .flow {display:inline-block;width:100%; height:480px;background-repeat:no-repeat;background-position:center center;}
.system_box .flow_recruit01 {margin: 8rem 0; background-image: url(../images/img-recruit01.png); height: 486px;}
.system_box .flow_recruit02 {margin: 8rem 0; background-image:url("../images/img-recruit02.png"); height: 440px;}
.system_box .flow_recruit03 {margin: 8rem 0; background-image:url("../images/img-recruit03.png"); height: 220px;}
.txt_clr_blue {color:#00278a !important;}
/* title */
.s_title_3 {font-size:16px; line-height:24px; color:#222; margin-top:16px;}/* padding-left:20px; */
.s_descript {display:block; font-size:1.8rem; line-height:26px; color:#222; padding:2px 0; margin-top:30px;}

.tab-bar {
    position: relative;background: #FFF;width: 100%;border-top: 1px solid #ccc;display: inline-flex;
}
.tab-bar div {
    width: 1560px;margin: 0 auto;padding: 2rem;height: 7rem;font-weight: 600;font-size: 1.5rem;display: inline-flex;line-height: 2;color: #1b1b1b;
}
.tab-bar .f-menu {
    padding: 0 1.25rem 0 2rem;
}
.tab-bar .s-arrow {
    width: 21px;height: 21px;margin-right: 1rem;
}
.tab-bar .s-arrow img {
    width: 100%; vertical-align: baseline; margin-top: 0.4rem;
}

.gtco-sub-cover.gtco-inner h1 {
  margin-bottom: 0 !important;
}

.gtco-sub-cover .l-tit{font-size: 4.5rem; margin-top: 1rem; font-weight: 600; margin-bottom: 0; color: #FFF; line-height: normal; word-break: keep-all;text-shadow: 0 0 4px rgba(0, 0, 0, 1.5);}
.gtco-sub-cover .mid-txt {font-size: 2.75rem; margin-top: 1rem; font-weight: 500; margin-bottom: 0; color: #FFF; word-break: keep-all;text-shadow: 0 0 4px rgba(0, 0, 0, 1.5); }
.gtco-sub-cover .sm-txt {font-size: 2rem; color: #FFF; font-weight: 300; word-break: keep-all;text-shadow: 0 0 4px rgba(0, 0, 0, 1.5);}
.gtco-sub-cover .sm-txt.w-wbreak {width: 100%}
.gtco-sub-cover .display-tc .sm-txt.w-wbreak {width: 85%}
.gtco-sub-cover .display-if .sm-txt.w-wbreak {width: 85%}

.gtco-sub-cover .display-tc .l-tit{font-size: 4.5rem; margin-top: 1rem; font-weight: 600; margin-bottom: 0; color: #222; line-height: normal; word-break: keep-all;text-shadow: none;}
.gtco-sub-cover .display-tc .mid-txt {font-size: 2.75rem; margin-top: 1rem; font-weight: 500; margin-bottom: 0; color: #222; word-break: keep-all; text-shadow: none;}
.gtco-sub-cover .display-tc .sm-txt {font-size: 2rem; color: #222; font-weight: 300; word-break: keep-all; text-shadow: none;}

.gtco-sub-cover .display-p .l-tit{font-size: 2.8rem; margin-top: 1rem; font-weight: 600; margin-bottom: 0; color: #222; line-height: normal; word-break: keep-all;text-shadow: none;}
.gtco-sub-cover .display-p .mid-txt {font-size: 2.25rem; margin-top: 1rem; font-weight: 500; margin-bottom: 0; color: #0077FF; word-break: keep-all; text-shadow: none;}
.gtco-sub-cover .display-p .sm-txt {font-size: 2rem; color: #222; font-weight: 300; word-break: keep-all; text-shadow: none;}

.gtco-sub-cover .display-ai .b-tit {font-size: 3.2rem; margin-top: 1rem; font-weight: 700; margin-bottom: 0; color: #222; word-break: keep-all; text-shadow: none;}
.gtco-sub-cover .display-ai .ll-tit{font-size: 2.5rem; margin-top: 1rem; font-weight: 700; margin-bottom: 0; color: #222; line-height: normal; word-break: keep-all;text-shadow: none;}
.gtco-sub-cover .display-ai .l-tit{font-size: 2.25rem; margin-top: 1rem; font-weight: 500; margin-bottom: 0; color: #222; line-height: normal; word-break: keep-all;text-shadow: none;}
.gtco-sub-cover .display-ai .ai-block {margin-left: 4rem; padding: 1.75rem 3rem; background: #707070; width: 34rem; text-align: center; font-size: 1.8rem; color: #FFF;}
.gtco-sub-cover .display-ai .sm-txt {font-size: 2rem; color: #222; font-weight: 300; word-break: keep-all; text-shadow: none; line-height: 1.5}
.gtco-sub-cover .display-ai .ai-features .f-tit {text-align: center; margin-top: 4rem; font-size: 2.5rem; font-weight: 500; color:#222;}
.gtco-sub-cover .display-ai .ai-features .f-cont {display: inline-flex;width: 100%;text-align: center;margin-top: 3rem;justify-content: space-around;}
.gtco-sub-cover .display-ai .ai-features .f-cont p {padding: 1rem 0 1rem; border-top: 2px solid #4194FF; font-weight: 500; font-size: 2rem}
.gtco-sub-cover .display-ai .ai-features .f-cont em {color: orange; margin-right: 1rem;}
.gtco-sub-cover .display-ai .ai-tool p {padding: 1.5rem 3rem; border: 4px solid #4194FF; font-weight: 700; font-size: 2.5rem; color: #4194FF; margin: 1rem 2rem 1.5rem 4rem; }


.gtco-sub-cover .display-if .l-tit{font-size: 3.2rem; margin-top: 1rem; font-weight: 600; margin-bottom: 0; color: #222; line-height: normal; word-break: keep-all;text-shadow: none;}
.gtco-sub-cover .display-if .mid-txt {font-size: 2.4rem; margin-top: 1rem; font-weight: 500; margin-bottom: 0; color: #222; word-break: keep-all; text-shadow: none;}
.gtco-sub-cover .display-if .sm-txt {font-size: 2rem; color: #222; font-weight: 300; word-break: keep-all; text-shadow: none;}

.gtco-sub-cover .display-h .h-warp{display: inline-flex;margin-top: 1.5rem;}
.gtco-sub-cover .display-h .l-tit{font-size: 2.75rem; margin-top: 1rem; font-weight: 600; margin-bottom: 0; color: #185FCB; line-height: normal; word-break: keep-all;text-shadow: none;}
.gtco-sub-cover .display-h .y-tit {font-size: 6rem; font-weight: 700; margin-bottom: 0; color: #00124A; word-break: keep-all; text-shadow: none; line-height: 1.5;}
.gtco-sub-cover .display-h .m-txt {font-size: 2.75rem; color: #6B9FEC; font-weight: 600; word-break: keep-all; text-shadow: none;}
.gtco-sub-cover .display-h .n-txt {    font-size: 2rem; color: #222; font-weight: 300; word-break: keep-all; padding: 0 2rem; line-height: 2;}
.gtco-sub-cover .display-h .h-28r {height: 28rem;}
.gtco-sub-cover .display-h .h-24r {height: 24rem;}
.gtco-sub-cover .display-r .recruit-mail {font-size: 2rem; background: #eee; margin: 0 5rem; padding: 2rem;word-break: keep-all;}
.gtco-sub-cover .display-r .recruit-mail span {color: mediumblue;}

.gtco-sub-cover .display-l .b-tit {font-size: 3.2rem; margin-top: 1rem; font-weight: 700; margin-bottom: 0; color: #222; word-break: keep-all; text-shadow: none;}

/* history */
.type_tab_con {display:block;overflow:hidden;margin: 0 auto;width: 1560px;}
.type_tab_con .tit {width:40%;transition:width .3s;}
.type_tab_con .tit.right {float:right; text-align:right;}
.type_tab_con .tit h4 {width:100%; font-size: 70px;font-weight: bold;margin-bottom: 10px; color: #318fff;}
.type_tab_con .tit p {color:#117eff;font-size: 22px;font-weight: normal;margin-bottom: 40px;color: #00418e;}
.type_tab_con .tit img {width:100%; float:left;}
.type_tab_con .desc {float: right;width:60%;padding-left:9%;transition:width .3s;}

@media screen and (max-width: 1024px) {
    .type_tab_con {width: 100%;}
    .type_tab_con .portfolio_list ul {padding: 45px 30px 0 30px;}
    .type_tab_con .portfolio_list li {padding-bottom: 50px;float:left;width: 30%;margin: 0px 14px;}  
    
}
@media screen and (max-width: 820px) {
    .type_tab_con {width: 100%;}
    .type_tab_con .portfolio_list ul {padding: 25px 20px 0 20px;}
    .type_tab_con .portfolio_list li {padding-bottom: 50px;float:left;width: 30%;margin: 0px 10px;}    
    .type_tab_con .portfolio_list2 li {width: 45%;height: 280px; margin: 0px 14px;}
    .m-si .portfolio_list2 ul { overflow: hidden; padding: 40px 20px 0 20px; }
    .gtco-sub-cover .display-tc.m-si {
        padding-left: 2%;
    }
}
@media screen and (max-width: 460px) {
    .gtco-sub-cover .display-p .col-md-6 .w-wbreak { padding: 0 1rem 2rem 1rem; }
    .gtco-sub-cover .display-ai .ai-tool p { padding: 1rem 2rem; font-size: 1.75rem !important; }
    .gtco-sub-cover .m-si { padding-left: 2% !important; }
    .mtb-4r { margin-top: 2rem; margin-bottom: 2rem;}
    .mobi {margin:0 8.5rem}
    .tab-content .display-ai .row { padding: 0 !important; }
    .gtco-sub-cover .display-p {height: auto !important;}
    .gtco-sub-cover .l-tit{font-size: 3rem; margin-top: 1rem; font-weight: 600; margin-bottom: 0; color: #FFF; line-height: normal; word-break: keep-all;text-shadow: 0 0 4px rgba(0, 0, 0, 1.5);}
    .gtco-sub-cover .mid-txt {font-size: 2.25rem; margin-top: 1rem; font-weight: 500; margin-bottom: 0; color: #FFF; word-break: keep-all;text-shadow: 0 0 4px rgba(0, 0, 0, 1.5); }
    .gtco-sub-cover .sm-txt.w-wbreak {width: 90% !important}
    .gtco-sub-cover .m-ov .sm-txt.w-wbreak { padding: 0; }
    .gtco-sub-cover .sm-txt.w-wbreak.lh-1  {width: 100% !important}
    .gtco-sub-cover .m-info .sm-txt.w-wbreak {width: 100% !important}
    .gtco-sub-cover .display-p .mid-txt {font-size: 1.3rem !important; margin-top: 1rem; font-weight: 500; margin-bottom: 0; color: #0077FF; word-break: keep-all; text-shadow: none;}
    .gtco-sub-cover .display-p .l-tit{font-size: 1.75rem !important;}
    .gtco-sub-cover .display-p .l-tit.mt-4r {margin-top: 0 !important;}
    .gtco-sub-cover .display-l .b-tit {font-size: 2.2rem; margin-top: 1rem; font-weight: 700; margin-bottom: 0; color: #222; word-break: keep-all; text-shadow: none;}
    .type_tab_con {width: 100%;}
    .type_tab_con .portfolio_list ul {padding: 20px 0 0 0;}
    .type_tab_con .portfolio_list li {padding-bottom: 25px;float:left;width: 44%;margin: 0px 8px;}    
    .type_tab_con .portfolio_list2 ul {padding: 0;}
    .type_tab_con .portfolio_list2 li {width: 42%;height: 140px; margin: 0px 12px;}
    .type_tab_con .portfolio_list2 li .txt {font-size: 13px; word-break: keep-all}
    .type_tab_con .portfolio_list2 li p {display: none}
    .gtco-sub-cover .display-s .sm-txt {margin-top:0 !important}
    .system_box .flow_recruit01 {margin: 8rem 0; background-image: url(../images/img-recruit01-m.png); height: 60rem !important; margin: 2rem 0 4rem !important;}
    .system_box .flow_recruit02 {margin: 8rem 0; background-image:url("../images/img-recruit02-m.png"); height: 32rem !important; margin: 2rem 0 4rem !important;}
    .system_box .flow_recruit03 {margin: 8rem 0; background-image:url("../images/img-recruit03-m.png"); height: 60rem !important; margin: 2rem 0 4rem !important;}
    .system_box h4 { font-size: 2rem !important; margin-bottom: 1.25rem !important; }
    .s_descript { font-size: 1.25rem !important; margin: 2rem; word-break: keep-all;}
    .gtco-sub-cover .display-ai .b-tit {font-size: 2rem !important;}
}


.portfolio_list { position:relative;}
.portfolio_list:before, .portfolio_list:after { content:""; position:absolute; z-index:2; left:-70px; width:70px; background:#fff;}
.portfolio_list:before { top:0; height:1px;}
.portfolio_list:after { bottom:0; height:1px;}
.portfolio_list ul {overflow:hidden;padding: 55px 40px 0 40px;}
.portfolio_list li {padding-bottom: 50px;float:left;width: 300px;margin: 0px 30px;}
.portfolio_list li.no_data { float:none; width:auto; padding-bottom:50px; text-align:center;}
.portfolio_list li .img {/*height: 230px; width: 200px; *//* margin: 0 auto; *//* margin-bottom:24px; border:1px solid #d2d2d2;*/}
.portfolio_list li .img img { width:100%; height:100%;}
.portfolio_list li .txt {color: #125eac;font-size: 16px;margin-top: 10px;margin-bottom: 0;text-align: center;display: block;font-weight: 500; line-height:20px;}
.portfolio_list li p {font-size: 14px;margin-top: 10px;margin-bottom: 0;text-align: center;display: block;font-weight: normal; line-height:20px;}

.portfolio_list2 { position:relative; padding-bottom: 55px;}
.portfolio_list2:before, .portfolio_list:after { content:""; position:absolute; z-index:2; left:-70px; width:70px; background:#fff;}
.portfolio_list2:before { top:0; height:1px;}
.portfolio_list2:after { bottom:0; height:1px;}
.portfolio_list2 ul {overflow:hidden;/* margin: 0 20px; */padding: 55px 40px 0 40px; /*border-top:1px solid #ddd;border-bottom:1px solid #ddd;*/}
.portfolio_list2 li {float:left;width: 306px;height: 306px; margin: 0px 30px; text-decoration: none}
.portfolio_list2 li.no_data { float:none; width:auto; padding-bottom:50px; text-align:center;}
.portfolio_list2 li .img {/*height: 230px; width: 200px; *//* margin: 0 auto; *//* margin-bottom:24px; */border:1px solid #d2d2d2;}
.portfolio_list2 li .img img { width:100%; height:100%;}
.portfolio_list2 li .txt {color: #125eac;font-size: 17px;margin-top: 15px;margin-bottom: 0;text-align: center;display: block;font-weight: 600; line-height:20px; word-break: keep-all;}
.portfolio_list2 li p {font-size: 14px;margin-top: 10px;margin-bottom: 0;text-align: center;display: block;font-weight: normal; line-height:20px;}

.gtco-sub-cover .display-esg{ margin-top: 4rem;}
.gtco-sub-cover .display-esg .sm-txt.w-wbreak {width: 67rem}
.gtco-sub-cover .display-esg.pb-4 {padding-bottom: 4rem}
.gtco-sub-cover .display-esg .type_tab_con .l-tit { font-size: 3.5rem; margin-top: 4rem; font-weight: 600; margin-bottom: 0; color: #222; line-height: normal; word-break: keep-all; text-shadow: none;}
.com-esg-list { position:relative; padding-bottom: 4rem;}
.com-esg-list:before, .portfolio_list:after { content:""; position:absolute; z-index:2; left:-70px; width:70px; background:#fff;}
.com-esg-list:before { top:0; height:1px;}
.com-esg-list:after { bottom:0; height:1px;}
.com-esg-list ul {overflow:hidden;/* margin: 0 20px; */padding: 55px 0 0 0; /*border-top:1px solid #ddd;border-bottom:1px solid #ddd;*/}
.com-esg-list li {float:left;width: 46%; height: 306px; padding: 2rem 4rem; margin: 2rem; text-decoration: none; position: relative;}
.com-esg-list li.esg-no1 { background:url("../images/img-esg-01.png") center bottom;}
.com-esg-list li.esg-no2 { background:url("../images/img-esg-02.png") center bottom;}
.com-esg-list li.esg-no3 { background:url("../images/img-esg-03.png") center bottom;}
.com-esg-list li.esg-no4 { background:url("../images/img-esg-04.png") center bottom;}
.com-esg-list li div { position: absolute; bottom:4rem;}
.com-esg-list li .tit {color: #FFF;font-size: 36px;margin-top: 15px;margin-bottom: 0;text-align: left;display: block;font-weight: 600; line-height:20px; word-break: keep-all; text-shadow: 0 0 4px rgba(0, 0, 0, 1.5);}
.com-esg-list li .txt {color: #FFF;font-size: 21px;margin-top: 15px;margin-bottom: 0;text-align: left;display: block;font-weight: 600; line-height:1.5; word-break: keep-all; width: 78%; word-break: keep-all;
    text-shadow: 0 0 4px rgba(0, 0, 0, 1.5);}
.com-esg-list li p {font-size: 14px;margin-top: 10px;margin-bottom: 0;text-align: center;display: block;font-weight: normal; line-height:20px;}

.com-esg-list-2 { position:relative; padding-bottom: 4rem;}
.com-esg-list-2:before, .portfolio_list:after { content:""; position:absolute; z-index:2; left:-70px; width:70px; background:#fff;}
.com-esg-list-2:before { top:0; height:1px;}
.com-esg-list-2:after { bottom:0; height:1px;}
.com-esg-list-2 ul {overflow:hidden;/* margin: 0 20px; */padding: 55px 0 0 0; /*border-top:1px solid #ddd;border-bottom:1px solid #ddd;*/}
.com-esg-list-2 li {float:left;width: 32%; height: 564px; padding: 2rem 4rem; margin: 1rem; text-decoration: none; position: relative;}
.com-esg-list-2 li.esg-v1 { background:url("../images/info-esg-01.png") no-repeat;}
.com-esg-list-2 li.esg-v2 { background:url("../images/info-esg-02.png") no-repeat;}
.com-esg-list-2 li.esg-v3 { background:url("../images/info-esg-03.png") no-repeat;}

.esg-mivi {margin-bottom: 4rem;}
.esg-mivi.pb-6 {padding-bottom: 6rem;}
.esg-mivi .d-inflex {display: inline-flex;}
.esg-mivi .col-s {width: 20%; text-align: center; vertical-align: middle;}
.esg-mivi .col-l {width: 75%}
.esg-mivi .col-l .sm-txt {width: 100%; font-size: 2.1rem; font-weight: 600; color: #222; text-shadow: none; margin-top: 5.5rem;}

.gtco-sub-cover .overlay {
  z-index: 1;
  position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
  background: rgba(29, 43, 83, 0.89);
}
.gtco-sub-cover > .gtco-container {
  position: relative;
  z-index: 10;
  max-width: 1560px;    
}

.gtco-sub-cover .display-t {
  height: 530px;
  width: 100%;
  display: table-cell !important;
  vertical-align: middle;  
  padding-left: 10%;    
}

.gtco-sub-cover .display-info {
  height: 530px;
  width: 1560px;
  display: table-cell !important;
  vertical-align: middle;  
  padding-left: 10%;    
}


.gtco-sub-cover .display-s {
  height: 400px;
  width: 1560px;  
  display: table-cell !important;
  vertical-align: middle;  
}

.gtco-sub-cover .display-tc {
  height: 530px;
  width: 1560px;
  display: table-cell !important;
  vertical-align: middle;     
}
.gtco-sub-cover .display-ai {
  width: 1560px;
}
.gtco-sub-cover .display-if {
  height: 500px;
  width: 1560px;
  display: table-cell !important;
  vertical-align: middle;     
}

.gtco-sub-cover .display-p {
  height: 530px;
  width: 1560px;
  display: table-cell !important;
  vertical-align: middle;     
}
.gtco-sub-cover .display-esg-main {
  height: 530px;
  width: 1560px;
  display: table-cell !important;
  vertical-align: middle;     
}
.gtco-sub-cover .display-esg-main .sm-txt{
  width: 67rem;
}
.gtco-sub-cover .display-esg {
  height: 530px;
  width: 1560px;
  display: table-cell !important;
  vertical-align: middle;     
}

.gtco-sub-cover .display-l {
  width: 1560px;
}

.gtco-sub-cover .display-h {
  width: 1560px;
}
.gtco-sub-cover .display-r {
  width: 1560px;
}
.gtco-sub-cover .display-map {
  width: 1560px;
}
.gtco-sub-cover .display-ai .l-tit {
    font-size: 2.25rem;
}
@media screen and (max-width: 1024px) {
    .gtco-sub-cover .display-esg{ margin-top: 4rem;}
    .gtco-sub-cover .display-esg .sm-txt.w-wbreak {width: 67rem}
    .gtco-sub-cover .display-esg.pb-4 {padding-bottom: 0}
    .gtco-sub-cover .display-esg .type_tab_con .l-tit { font-size: 3.5rem; margin-top: 4rem; font-weight: 600; margin-bottom: 0; color: #222; line-height: normal; word-break: keep-all; text-shadow: none;}
    .gtco-sub-cover .display-esg-main {
    height: 40rem;
    width: 100% !important;
    display: table-cell !important;
    vertical-align: middle;    
    }
    .gtco-sub-cover .display-esg-main .l-tit {
      margin-top: 0;
    }
    .gtco-sub-cover .display-esg-main .sm-txt.w-wbreak {
      width: 58.5rem;
    }
    .gtco-sub-cover .display-esg {
    height: 40rem;
    width: 1024px;
    display: table-cell !important;
    vertical-align: middle;    
    margin: 0 1rem;    
    }
    .type_tab_con .l-tit { font-size: 3rem; margin-top: 1rem; margin-left: 2rem; font-weight: 600; margin-bottom: 0; color: #222; line-height: normal; word-break: keep-all; text-shadow: none;}
    .com-esg-list ul {overflow:hidden;/* margin: 0 20px; */padding: 2rem 0 0 0; /*border-top:1px solid #ddd;border-bottom:1px solid #ddd;*/}
    .com-esg-list li {float:left;width: 46%; height: 306px; padding: 2rem 4rem; margin: 2rem; text-decoration: none; position: relative;}
    .com-esg-list li.esg-no1 { background:url("../images/img-esg-01.png") right bottom;}
    .com-esg-list li.esg-no2 { background:url("../images/img-esg-02.png") center bottom;}
    .com-esg-list li.esg-no3 { background:url("../images/img-esg-03.png") right bottom;}
    .com-esg-list li.esg-no4 { background:url("../images/img-esg-04.png") center bottom;}
    
    .com-esg-list-2 { position:relative; padding-bottom: 4rem;}
    .com-esg-list-2:before, .portfolio_list:after { content:""; position:absolute; z-index:2; left:-70px; width:70px; background:#fff;}
    .com-esg-list-2:before { top:0; height:1px;}
    .com-esg-list-2:after { bottom:0; height:1px;}
    .com-esg-list-2 ul {overflow:hidden;/* margin: 0 20px; */padding: 55px 0 0 0; /*border-top:1px solid #ddd;border-bottom:1px solid #ddd;*/}
    .com-esg-list-2 li {float:left;width: 30%; height: 440px; padding: 2rem 4rem; margin: 1rem; text-decoration: none; position: relative;}
    .com-esg-list-2 li.esg-v1 { background:url("../images/info-esg-01.png") center top no-repeat; background-size: 80%;}
    .com-esg-list-2 li.esg-v2 { background:url("../images/info-esg-02.png") center top no-repeat; background-size: 80%;}
    .com-esg-list-2 li.esg-v3 { background:url("../images/info-esg-03.png") center top no-repeat; background-size: 80%;}
    
    .esg-mivi {margin-bottom: 4rem;}
    .esg-mivi .d-inflex {display: inline-flex;}
    .esg-mivi.pb-6 {padding-bottom: 0;}
    .esg-mivi .d-inflex {display: inline-flex;}
    .esg-mivi .col-s {width: 20%; text-align: center; vertical-align: middle;}
    .esg-mivi .col-s img {width: 160px;}
    .esg-mivi .col-l {width: 75%}
    .esg-mivi .col-l .sm-txt {width: 100%; font-size: 2.1rem; font-weight: 600; color: #222; text-shadow: none; margin-top: 4.5rem;}
    
    .gtco-sub-cover .display-t {
    padding-left: 5%;
    }
    .gtco-section-2 .col-sm-6 {
        /*width: 33%;*/
    }
    .gtco-sub-cover .m-ov .sm-txt.w-wbreak {
    width: 85%;
    }
    .gtco-sub-cover .sm-txt.w-wbreak {
    width: 100%;
    font-size: 1.75rem;    
    }
    .gtco-sub-cover .m-ov .sm-txt.w-wbreak {
    padding: 0 2rem 0 0;
    }
    .col-md-offset-0 { margin-left: 10%; }
    .gtco-sub-cover .display-ai {
    width: 100%;
    }
    .gtco-sub-cover .display-ai img {
    width: 100%;
    }
    .gtco-sub-cover .display-ai .row {
    padding: 0 2rem;
    }
    .gtco-sub-cover .display-ai .sm-txt {
    font-size: 2rem;
    width: 100%; 
    }
    .gtco-sub-cover .display-ai .ai-features .f-cont p {
    font-size: 1.75rem;
    }
    .gtco-sub-cover .display-ai .col-md-3 {
        width: 30%;
    }
    .gtco-sub-cover > .gtco-container {
      /*max-width: 100%;*/    
    }
    .gtco-sub-cover .display-l {
    width: 100% !important;
    /*margin-left: 5%;*/
    }
    .gtco-sub-cover .display-l .row {
    padding: 0 4rem !important;
    }
    .gtco-sub-cover .display-h {
    width: 100%;
    margin-left: 10%;    
    }
    .gtco-sub-cover .display-p {
    height: 530px;
    width: 100%;
    }
    .gtco-sub-cover .display-s .col-md-6 {
    width: 100%;
    }
    .gtco-sub-cover .display-p .col-md-6 {
    width: 100%;
    padding: 0 8rem 4rem 8rem;
    text-align: center;
    }
    .gtco-sub-cover .display-p .col-md-6 .w-wbreak {
    width: 100%;
    }
    .gtco-sub-cover .display-info {
      height: 40rem;
      width: 960px;
      padding-left: 10%;    
    }
    .gtco-sub-cover .display-r {
      width: 100%;
    }
    .gtco-sub-cover .display-r .mt-5r {
    margin-top:0
    }
    .system_box .flow_recruit01 {
    background-size: contain;
    margin: 4rem 0 6rem;
    height: 30rem;
    }
    .system_box .flow_recruit02 {
    background-size: contain;
    margin: 4rem 0 6rem;
    height: 26rem;
    }
    .system_box .flow_recruit03 {
    background-size: contain;
    margin: 4rem 0 6rem;
    height: 13rem;
    }
    .system_box h4 {
    font-size: 2.75rem;
    }
    .s_descript {
    font-size: 1.5rem;
    margin-top: 10px;
    }
    .gtco-sub-cover .display-r .recruit-mail {font-size: 1.75rem; background: #eee; margin: 0 6.5rem; padding: 2rem;}
    .gtco-sub-cover .display-r .recruit-mail span {color: mediumblue;}
}
@media screen and (max-width: 820px) {
    .gtco-sub-cover .display-esg{ margin-top: 4rem;}
    .gtco-sub-cover .display-esg .sm-txt.w-wbreak {width: 67rem}
    .gtco-sub-cover .display-esg.pb-4 {padding-bottom: 0}
    .gtco-sub-cover .display-esg .type_tab_con .l-tit { font-size: 2.6rem; margin-top: 4rem; font-weight: 600; margin-bottom: 0; color: #222; line-height: normal; word-break: keep-all; text-shadow: none;}
    .gtco-sub-cover .display-esg-main {height: 40rem; width: 100% !important; display: table-cell !important; vertical-align: middle; padding-left: 6rem;}
    .gtco-sub-cover .display-esg-main .l-tit { margin-top: -2rem; font-size: 3rem; }
    .gtco-sub-cover .display-esg-main .sm-txt.w-wbreak { width: 50rem; }
    .gtco-sub-cover .display-esg {height: 40rem; width: 1024px; display: table-cell !important; vertical-align: middle; margin: 0 1rem;}
    .type_tab_con .l-tit { font-size: 3rem; margin-top: 1rem; margin-left: 2rem; font-weight: 600; margin-bottom: 0; color: #222; line-height: normal; word-break: keep-all; text-shadow: none;}
    .com-esg-list ul {overflow:hidden;/* margin: 0 20px; */padding: 2rem 0 0 0; /*border-top:1px solid #ddd;border-bottom:1px solid #ddd;*/}
    .com-esg-list li {float:left;width: 45%; height: 306px; padding: 2rem; margin: 2rem; text-decoration: none; position: relative;}
    .com-esg-list li .txt {color: #FFF;font-size: 1.75rem;margin-top: 15px;margin-bottom: 0;text-align: left;display: block;font-weight: 600; line-height:1.5; word-break: keep-all; width: 86%; word-break: keep-all;
    text-shadow: 0 0 4px rgba(0, 0, 0, 1.5);}
    
    .com-esg-list-2 { position:relative; padding-bottom: 4rem;}
    .com-esg-list-2:before, .portfolio_list:after { content:""; position:absolute; z-index:2; left:-70px; width:70px; background:#fff;}
    .com-esg-list-2:before { top:0; height:1px;}
    .com-esg-list-2:after { bottom:0; height:1px;}
    .com-esg-list-2 ul {overflow:hidden;/* margin: 0 20px; */padding: 55px 0 0 0; /*border-top:1px solid #ddd;border-bottom:1px solid #ddd;*/}
    .com-esg-list-2 li {float:left;width: 30%; height: 380px; padding: 2rem 4rem; margin: 1rem; text-decoration: none; position: relative;}
    .com-esg-list-2 li.esg-v1 { background:url("../images/info-esg-01.png") center top no-repeat; background-size: 80%;}
    .com-esg-list-2 li.esg-v2 { background:url("../images/info-esg-02.png") center top no-repeat; background-size: 80%;}
    .com-esg-list-2 li.esg-v3 { background:url("../images/info-esg-03.png") center top no-repeat; background-size: 80%;}
    
    .esg-mivi {margin-bottom: 4rem;}
    .esg-mivi .d-inflex {display: inline-flex;}
    .esg-mivi.pb-6 {padding-bottom: 0;}
    .esg-mivi .d-inflex {display: inline-flex;}
    .esg-mivi .col-s {width: 25%; text-align: center; vertical-align: middle;}
    .esg-mivi .col-s img {width: 140px;}
    .esg-mivi .col-l {width: 75%}
    .esg-mivi .col-l .sm-txt {width: 100%; font-size: 1.6rem; font-weight: 600; color: #222; text-shadow: none; margin-top: 4.5rem;}
    .gtco-sub-cover .display-t {
    padding-left: 15%;
    }
    .gtco-section-2 .gtco-testimony {
        float: left !important;
        width: 100% !important;
        padding: 1rem;
    }
    .gtco-section-2 .row {/*display: inline-flex;*/}
    .col-xs-12 { width: 25%; }
    .col-xs-10 { width: 75%; }
    #gtco-footer .gtco-containers .row {display: flex;}
    .gtco-sub-cover .display-p .l-tit {
    font-size: 2.25rem;
    line-height: 1.5;    
    }
    .gtco-sub-cover .display-p .sm-txt.w-wbreak {
    font-size: 1.75rem;
    line-height: 1.5;    
    }
    .gtco-sub-cover .sm-txt.w-wbreak {
    width: 100%;
    font-size: 1.5rem;    
    }
    .gtco-sub-cover .display-ai .col-md-12 {
        width: 100%;
    }
    .gtco-sub-cover .display-ai .col-md-8{
        width: 65%;
    }
    .gtco-sub-cover .display-ai .sm-txt.lh-1 {
        font-size: 1.4rem;
        width: 100%;
        letter-spacing: -1px;
    }
    .gtco-sub-cover .display-ai .b-tit {
    font-size: 2.5rem;
    width: 100%;    
    }
    .gtco-sub-cover .display-ai .ai-block {
        margin-left: 0;
        width: 20rem;
    }
    .gtco-sub-cover .display-ai .ai-features .f-cont p {
    font-size: 1.4rem;
    }
    .gtco-sub-cover .display-ai .ai-tool p {
    font-size: 2rem;
    border: 2px solid #4194FF;    
    }
    .gtco-sub-cover .display-l {
    width: 100% !important;
    margin-left: 0;    
    }
    .col-md-offset-0 {
    margin-left: 0;
    }
    .gtco-sub-cover .display-h {
    width: 100%;
    margin-left: 0; 
    }
    .gtco-sub-cover .display-p .col-md-6 {
    width: 100%;
    padding: 0 4rem 2rem 4rem;
    text-align: center;
    }
    .gtco-sub-cover .display-s .col-md-6 {
    width: 100%;
    }
    .gtco-sub-cover .display-r {
      width: 100%;
    }
    .gtco-sub-cover .display-r .mt-5r {
    margin-top:0
    }
    .system_box .flow_recruit01 {
    background-size: contain;
    margin: 4rem 0 6rem;
    height: 27rem;
    }
    .system_box .flow_recruit02 {
    background-size: contain;
    margin: 4rem 0 6rem;
    height: 21rem;
    }
    .system_box .flow_recruit03 {
    background-size: contain;
    margin: 4rem 0 6rem;
    height: 10.5rem;
    }
    .system_box h4 {
    font-size: 2.75rem;
    }
    .s_descript {
    font-size: 1.5rem;
    margin-top: 10px;
    }
    .gtco-sub-cover .display-r .recruit-mail {font-size: 1.5rem; background: #eee; margin: 0 4rem; padding: 2rem 1rem;}
    .gtco-sub-cover .display-r .recruit-mail span {color: mediumblue;}
}

@media screen and (max-width: 768px) {
    .com-esg-list {position: relative; padding-bottom: 2rem;}
    .com-esg-list li {float:left;width: 44%; height: 306px; padding: 2rem; margin: 2rem; text-decoration: none; position: relative;}
    .esg-mivi .col-s {width: 20%; text-align: center; vertical-align: middle;}
    .esg-mivi .col-s img {width: 120px;}
    .com-esg-list-2 ul {overflow:hidden;/* margin: 0 20px; */padding: 2rem 0 0 0; /*border-top:1px solid #ddd;border-bottom:1px solid #ddd;*/}
    .com-esg-list-2 li {float:left;width: 30%; height: 330px; padding: 2rem 4rem; margin: 1rem; text-decoration: none; position: relative;}
    .esg-mivi .col-l .sm-txt {margin-top: 3.5rem;}
    
    .gtco-sub-cover .display-t {
    padding-left: 15%;
    }    
  .gtco-sub-cover .display-ai .ai-features .f-cont p {
        font-size: 1.3rem !important;
    }
  .gtco-cover .display-t,
  .gtco-cover .display-tc {
    height: 600px;
    height: inherit !important;
    padding-left: 0;
  }
  .gtco-sub-cover .display-p .col-md-6 {
        width: 100%;
        padding: 0;
        text-align: center;
    }
  .gtco-sub-cover .display-r .recruit-mail {font-size: 1.3rem; }
}
.gtco-cover.gtco-cover-sm {
  height: 600px;
}
@media screen and (max-width: 768px) {
    .gtco-cover.gtco-cover-sm {
        height: 400px;
        height: inherit !important;
    }
    .gtco-sub-cover .display-p .col-md-6 img {
        margin: 3rem 0 0 0;
    }
    .gtco-allergy {
            width: 42% !important;
    }
}
@media screen and (max-width: 460px) {
    .gtco-sub-cover.sub-com-esg { background: url(../images/bg-sub-esg.png) -18rem bottom; background-size: cover;}
    
    .gtco-sub-cover .display-esg .type_tab_con .l-tit { font-size: 2.1rem; margin-top: 1rem; font-weight: 600; margin-bottom: 0; color: #222; line-height: normal; word-break: keep-all; text-shadow: none;}
    .gtco-sub-cover .display-esg-main {height: 24rem; width: 100% !important; display: table-cell !important; vertical-align: middle; padding-left: 2rem;}
    .gtco-sub-cover .display-esg-main .l-tit { margin-top: -2rem; font-size: 2.4rem; }
    .com-esg-list { padding-bottom: 0; }
    .com-esg-list ul {overflow:hidden;/* margin: 0 20px; */padding: 0; /*border-top:1px solid #ddd;border-bottom:1px solid #ddd;*/}
    .com-esg-list li {float:left;width: 86%; height: 280px; padding: 2rem; margin: 2rem 2rem 0; text-decoration: none; position: relative;}
    .com-esg-list li .txt {color: #FFF;font-size: 1.6rem;margin-top: 15px;margin-bottom: 0;text-align: left;display: block;font-weight: 600; line-height:1.5; word-break: keep-all; width: 86%; word-break: keep-all;
    text-shadow: 0 0 4px rgba(0, 0, 0, 1.5);}
    .esg-mivi .col-s {width: 35%; text-align: left; vertical-align: middle;}
    .esg-mivi .col-s img {width: 100px;}
    .esg-mivi .col-l {width: 65%}
    .esg-mivi .col-l .sm-txt {width: 100%; font-size: 1.4rem !important; font-weight: 600; color: #222; text-shadow: none; margin-top: 0;}
    .esg-mivi {margin-bottom: 0;}
    .com-esg-list-2 { position:relative; padding-bottom: 0;}
    .com-esg-list-2 ul {overflow:hidden;/* margin: 0 20px; */padding: 2rem; /*border-top:1px solid #ddd;border-bottom:1px solid #ddd;*/}
    .com-esg-list-2 li {float:left;width: 100%; height: 400px; padding: 2rem 4rem; margin: 1rem 0 2rem; text-decoration: none; position: relative;}
    .com-esg-list-2 li.esg-v1 { background:url("../images/info-esg-01.png") center top no-repeat; background-size: 70%;}
    .com-esg-list-2 li.esg-v2 { background:url("../images/info-esg-02.png") center top no-repeat; background-size: 70%;}
    .com-esg-list-2 li.esg-v3 { background:url("../images/info-esg-03.png") center top no-repeat; background-size: 70%;}
    
    
    
    
    

    
    
    .gtco-section-2 .row {display: inherit;}

    .gtco-sub-cover .display-ai .ai-features .f-cont {
    display: block;
    width: 100%;
    text-align: center;
    }
    .gtco-sub-cover .display-ai .ai-features .f-cont:last-child {
    margin-top: 0;
    }
    .gtco-sub-cover .display-ai .ai-features .f-cont .col-md-3 {
        width: 100%;
    }
    .gtco-sub-cover .display-p .col-md-6 img {
        margin: 3rem 0 0 0;
        width: 100%;
    }
    .request-btn a img {width: 42% !important; margin:0 !important}
    .top_btn.mr-2r {margin:0 !important;}
    .gtco-sub-cover .display-info {
      height: 32rem;
      width: 360px;
      padding-left: 10%;    
    }
    .gtco-sub-cover .display-p .col-md-6 {
        padding: 0 2rem 2rem 2rem;
    }
    .gtco-sub-cover .display-ai .ai-block {
    margin-left: 0;
    padding: 1rem 2rem;
    background: #707070;
    width: 32rem;
    text-align: center;
    font-size: 1.5rem;
    color: #FFF;
    }
    .gtco-sub-cover .display-ai .col-md-8 {
    width: 100%;
    }
    .gtco-sub-cover .display-ai.mt-8r {
        margin-top: 4rem !important;
    }
    .mt3-ml3 {
    margin-top: 0;
    margin-left: 0;
    }
}
.gtco-cover.gtco-cover-sm .display-t,
.gtco-cover.gtco-cover-sm .display-tc {
  height: 600px;
  display: table;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .gtco-cover.gtco-cover-sm .display-t,
  .gtco-cover.gtco-cover-sm .display-tc {
    height: 400px;
    height: inherit !important;
    padding: 3em 0;
  }
}
.gtco-cover.gtco-cover-xs {
  height: 500px;
}
@media screen and (max-width: 768px) {
  .gtco-cover.gtco-cover-xs {
    height: inherit !important;
    padding: 0;
  }
}
.gtco-cover.gtco-cover-xs .display-t,
.gtco-cover.gtco-cover-xs .display-tc {
  height: 500px;
  display: table;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .gtco-cover.gtco-cover-xs .display-t,
  .gtco-cover.gtco-cover-xs .display-tc {
    padding: 3em 0;
    height: inherit !important;
  }
}

.gtco-client {
  float: left;
  width: 100%;
  padding: 3em 0;
  background: #f6f6f6;
}
.gtco-client .client img {
  margin-top: 10px;
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  *display: inline;
}

.gtco-services {
  padding: 7em 0;
}
.gtco-services .service {
  margin-left: 10px;
  margin-right: 10px;
  text-align: center;
  padding: 2em;
  margin-bottom: 30px;
  position: relative;
  background: #fff;
  -webkit-box-shadow: 0px 22px 68px -9px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0px 22px 68px -9px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 22px 68px -9px rgba(0, 0, 0, 0.15);
  bottom: 0;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
@media screen and (max-width: 992px) {
  .gtco-services .service {
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 20px;
  }
}
.gtco-services .service h3 {
  font-size: 18px;
  color: #000;
  text-align: left;
  position: relative;
  padding-left: 30px;
}
.gtco-services .service h3 i {
  position: absolute;
  left: 0;
  top: -0.1em;
  color: #17B794;
  font-size: 22px !important;
}
.gtco-services .service p {
  text-align: left;
  color: #898989;
  font-size: 15px;
}
.gtco-services .service p:last-child {
  margin-bottom: 0;
}
.gtco-services .service.changed {
  bottom: -7em;
}
@media screen and (max-width: 768px) {
  .gtco-services .service.changed {
    bottom: 0;
  }
}

.gtco-products .one-row, .gtco-products .two-row {
  width: 100%;
  display: block;
  margin-bottom: 30px;
}
.gtco-products .two-row {
  height: 239px;
}
.gtco-products .one-row {
  height: 508px;
}
.gtco-products .gtco-item {
  position: relative;
}
.gtco-products .gtco-item .overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
.gtco-products .gtco-item .overlay i {
  position: absolute;
  top: 10px;
  right: 10px;
  font-size: 16px;
  z-index: 14;
  color: #fff;
}
.gtco-products .gtco-item .overlay .copy {
  bottom: -20px;
  position: absolute;
  left: 0;
  padding: 20px;
  z-index: 12;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.gtco-products .gtco-item .overlay .copy h3 {
  color: #fff;
  margin: 0 0 10px 0;
  padding: 0;
  font-size: 18px;
  font-weight: 400;
}
.gtco-products .gtco-item .overlay .copy p {
  color: rgba(255, 255, 255, 0.8);
  font-size: 14px;
}
.gtco-products .gtco-item .overlay .copy p:last-child {
  margin-bottom: 0;
}
.gtco-products .gtco-item .overlay:before {
  z-index: 7;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: .8;
  background: #3dcdbc;
  background: -moz-linear-gradient(left, #3dcdbc 0%, #33a1bd 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, #3dcdbc), color-stop(100%, #33a1bd));
  background: -webkit-linear-gradient(left, #3dcdbc 0%, #33a1bd 100%);
  background: -o-linear-gradient(left, #3dcdbc 0%, #33a1bd 100%);
  background: -ms-linear-gradient(left, #3dcdbc 0%, #33a1bd 100%);
  background: linear-gradient(to right, #3dcdbc 0%, #33a1bd 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3dcdbc', endColorstr='#33a1bd', GradientType=1 );
}
.gtco-products .gtco-item:hover .overlay {
  opacity: 1;
  visibility: visible;
}
.gtco-products .gtco-item:hover .overlay .copy {
  bottom: 0;
  opacity: 1;
  visibility: visible;
}

.gtco-testimonial .gtco-left > div {
  display: table-cell;
  float: left;
  width: 100%;
  text-align: center;   
  overflow: hidden;
  border-radius: 9rem 0 9rem 0;
}
.gtco-testimonial .gtco-left > div img {
  max-width: 100% !important;
  width: 100%;
  height: 100%;
  background-size: cover;
  transition: all 0.1s linear;
}
.gtco-testimonial .gtco-left > div :hover {
  transform: scale(1.05);
}
.gtco-testimonial .gtco-left > blockquote {
  padding-left: 20px;
  display: table-cell;
  border-left: none;
  margin: 0;
  padding: 0 0 0 30px;
}
.gtco-testimonial .gtco-left > blockquote .mid-h4 {
    position: absolute;top: 25%;padding: 0;left: 50%;transform: translate(-50%, -75%);color: #FFF; font-size: 3.25rem; text-shadow: 0 0 4px rgba(0, 0, 0, 1.5); width: 60%; text-align: center;
}
.gtco-testimonial .gtco-left > blockquote .mid-href {
    position: absolute;bottom: 25%;padding: 0;left: 50%;transform: translate(-50%, -74%);color: #FFF;font-size: 1.5rem;border: 1px solid #FFF;padding: 0.25rem 4rem;text-shadow: 0 0 4px rgba(0, 0, 0, 1.5);
}
.gtco-testimonial .gtco-left > blockquote .mid-href a {
    color:#FFF;
}
.gtco-testimonial .gtco-left > blockquote .mid-href a:hover {
    
}
.gtco-testimonial .gtco-left > blockquote p {
  font-style: 16px;
  font-style: italic;
}
.gtco-testimonial .gtco-left > blockquote .author {
  color: #666666;
  display: block;
  margin-top: 20px;
  font-size: 12px;
  font-weight: 700;
}

@media screen and (max-width: 820px){
    .gtco-testimonial .gtco-left > blockquote .mid-h4{
        font-size: 2rem !important;
    }
    .gtco-testimonial .gtco-left > blockquote .mid-href {
        padding: 0.25rem 2rem !important;
    }
}
@media screen and (max-width: 820px), screen and (max-width: 1024px) {
    .gtco-testimonial .gtco-left > blockquote .mid-h4 {
        position: absolute;top: 33%;padding: 0;left: 50%;transform: translate(-50%, -75%);color: #FFF; font-size: 2.5rem; text-shadow: 0 0 4px rgba(0, 0, 0, 1.5); width: 66%; text-align: center;
    }
    .gtco-testimonial .gtco-left > blockquote .mid-href {
        position: absolute;bottom: 20%;padding: 0;left: 50%;transform: translate(-50%, -74%);color: #FFF;font-size: 1.5rem;border: 1px solid #FFF;padding: 0.25rem 4rem;text-shadow: 0 0 4px rgba(0, 0, 0, 1.5);
    }
    .gtco-testimonial .gtco-left > blockquote .mid-href a {
        color:#FFF;
    }
    .gtco-testimonial .gtco-left > blockquote .mid-href a:hover {

    }
    .gtco-testimonial .gtco-left > blockquote p {
      font-style: 16px;
      font-style: italic;
    }
}
@media screen and (max-width: 460px) {
    .gtco-testimonial .gtco-left > div { display: table-cell; float: left; width: 100%; text-align: center; overflow: hidden; border-radius: 3rem 0 3rem 0;}
    .gtco-testimonial .gtco-left > blockquote .mid-h4 { position: absolute; top: 28%; padding: 0; left: 50%; transform: translate(-50%, -75%); color: #FFF; font-size: 2rem !important; text-shadow: 0 0 4px rgba(0, 0, 0, 1.5);         width: 70%; text-align: center; }
    .gtco-testimonial .gtco-left > blockquote .mid-href { position: absolute; bottom: 12%; padding: 0; left: 50%; transform: translate(-60%, -74%); color: #FFF; font-size: 1.3rem; border: 1px solid #FFF; padding: 0.25rem 4rem; text-shadow: 0 0 4px rgba(0, 0, 0, 1.5); width: 45%; text-align: center}
    #gtco-footer .gtco-containers .row { display: grid; }
    #gtco-footer .col-xs-12 { width: 100%; margin-bottom: 1rem }
}

/*-------------------------------------------------------------------이용약관 , 개인정보보호방침------------------------------------------------------------------------*/
#contents {width: 100%; margin: 0 auto; color: #383838; padding: 0 1.6rem; word-break: keep-all;}
#contents strong{font-weight: 700;}
#contents div {padding-top: 30px}
#contents p{color: #383838;padding-bottom: 20px;line-height: 1.75;}
#contents b{font-weight: 600}
#contents .privacyIntro {position:relative; font-size: 13px; padding: 25px 15px 15px 15px;background: #e7e7e7; margin-bottom: 30px;}
.title {padding: 40px 0 0 0 !important;font-size: 24px !important;position: relative;font-weight: 400;line-height: 1.2;border-bottom: 1px solid #383838;width: 166px;margin-bottom: 6px;}
.w260 {width:260px;}

.disc {list-style-type: disc;line-height: 2;  padding-bottom: 20px}


#gtco-footer {
    background: #FFF;
    padding: 0;
    margin-bottom: 0 !important;
    width: 100%;
    float: left;
    color: #777;
}

@media screen and (max-width: 860px) {
    /*.col-md-10 { margin-left: 18%}*/
    .col-md-10 { width: 83.33333%;}
    #gtco-footer {font-size: 14px; word-break: keep-all;}
    #gtco-footer img {width: 100%}
    .gtco-sub-cover .display-ai .b-tit { font-size: 2.75rem;}
    .gtco-sub-cover .display-ai .l-tit { font-size: 1.65rem !important;}
    .gtco-sub-cover .display-ai .col-md-3 { width: 37%; }
    .gtco-sub-cover .display-ai .ai-pad {width:60%; margin-left: 2rem;}
    .gtco-sub-cover .display-ai .ai-tool p { font-size: 2rem; margin: 1rem; }
}
@media screen and (max-width: 1024px) {
    /*.col-md-10 { margin-left: 18%}*/
    .col-md-10 { width: 83.33333%;}
    #gtco-footer {font-size: 14px; word-break: keep-all;}
    #gtco-footer img {width: 100%}
    .gtco-sub-cover .display-ai .col-sm-6 { width: 100%; }
    .gtco-sub-cover .display-ai .b-tit { font-size: 2.75rem;}
    .gtco-sub-cover .display-ai .ai-features .f-cont p { font-size: 1.4rem; }
    .gtco-sub-cover .display-ai .l-tit { font-size: 2rem;}
    .gtco-sub-cover .display-ai .col-md-3 { width: 30%; }
    .gtco-sub-cover .display-ai .ai-pad {width:68%; margin-left: 0;}
    .gtco-sub-cover .display-ai .ai-block { width: 20rem;}
    .gtco-sub-cover .display-ai .ai-tool p { font-size: 2rem; margin: 1rem; }
    
}

@media screen and (max-width: 460px) {
    #gtco-footer .foot-menu{ display: none; }
    .col-md-10 { width: 100%; margin-top: 0; margin-left: 0 !important;}
    #gtco-footer {font-size: 12px; word-break: keep-all; border-top: 1px solid #ddd;}
    #gtco-footer img {width: 50%}
    .p-4r { padding: 2rem }
    .pl-4r { padding-left: 2rem; }
    .gtco-sub-cover .display-ai .ai-pad { width: 100%; margin-left: 0; }
}
#gtco-footer a {
  color: #606D7B; !important;
}
#gtco-footer a:hover {
  color: #606D7B; !important;
}
#gtco-footer h4 {
  margin-bottom: 0; 
  color: #606D7B;
}
#gtco-footer .foot-menu{
    padding: 2rem 0 2rem 16%; border-bottom: 1px solid #ddd; border-top: 1px solid #ddd;
}
#gtco-footer .foot-menu ul{ 
    margin:0
}
#gtco-footer .foot-menu ul li{ 
    display: inline-flex; border-right: 1px solid #ccc; line-height: 1; padding: 0 2rem;
}
#gtco-footer .foot-menu ul li:first-child{ 
    padding: 0 2rem 0 0;
}
#gtco-footer .gtco-cta {
  margin-bottom: 30px;
}
#gtco-footer .gtco-cta h3 {
  color: #fff;
  font-size: 30px;
  font-weight: 300;
}
#gtco-footer .gtco-cta .btn-white {
  padding: 15px 20px !important;
}
#gtco-footer .gtco-cta .btn-white.btn-outline:hover {
  color: #000 !important;
}
#gtco-footer .gtco-footer-paragraph h3 {
  color: #fff;
  margin-bottom: 10px;
}
#gtco-footer .gtco-footer-link {
  padding-left: 30px;
}
@media screen and (max-width: 768px) {
  #gtco-footer .gtco-footer-link {
    padding-left: 15px;
  }
}
#gtco-footer .gtco-footer-link .gtco-list-link {
  padding: 0;
  margin: 0;
}
#gtco-footer .gtco-footer-link .gtco-list-link li {
  padding: 0;
  margin: 0;
  list-style: none;
}
#gtco-footer .gtco-footer-link .gtco-list-link li a {
  text-transform: uppercase;
  font-size: 13px !important;
}
#gtco-footer .gtco-footer-subscribe {
  padding-left: 30px;
}
@media screen and (max-width: 768px) {
  #gtco-footer .gtco-footer-subscribe {
    padding-left: 15px;
  }
}
#gtco-footer .gtco-footer-subscribe .form-control {
  background: #fff !important;
  border: none !important;
}
#gtco-footer .gtco-footer-subscribe .btn {
  margin-top: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  height: 54px !important;
  line-height: 1.5;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 10px !important;
  padding-right: 10px !important;
}
#gtco-footer .gtco-copyright {
  background: #1a1a1a;
  padding: 30px 0;
  float: left;
  width: 100%;
}
#gtco-footer .gtco-copyright p:last-child {
  margin-bottom: 0;
}

.bg-img {
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}

.gtco-staff, .gtco-item {
  margin-bottom: 4em;
  float: left;
  width: 100%;
  display: block;
}
@media screen and (max-width: 768px) {
  .gtco-staff, .gtco-item {
    margin-bottom: 3em;
  }
}
.gtco-staff img, .gtco-item img {
  margin-bottom: 40px !important;
}
.gtco-staff h2, .gtco-item h2 {
  font-size: 24px;
  margin-bottom: 5px;
}
.gtco-staff p, .gtco-item p {
  margin-bottom: 30px;
  color: #777;
}
.gtco-staff .role, .gtco-item .role {
  color: #bfbfbf;
  margin-bottom: 20px;
  font-weight: normal;
  display: block;
}
.gtco-staff .fh5co-social, .gtco-item .fh5co-social {
  padding: 0;
  margin: 0;
}
.gtco-staff .fh5co-social li, .gtco-item .fh5co-social li {
  padding: 0;
  margin: 0 10px 0 0;
  list-style: none;
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  *display: inline;
}
.gtco-staff .fh5co-social li a, .gtco-item .fh5co-social li a {
  font-size: 20px;
  color: #17b794;
}
.gtco-staff .fh5co-social li a:hover, .gtco-item .fh5co-social li a:hover {
  color: #000;
}

.gtco-social-icons {
  margin: 0;
  padding: 0;
}
.gtco-social-icons li {
  margin: 0;
  padding: 0;
  list-style: none;
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  *display: inline;
}
.gtco-social-icons li a {
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  *display: inline;
  color: #17B794;
  padding-left: 10px;
  padding-right: 10px;
}
.gtco-social-icons li a i {
  font-size: 20px;
}

.gtco-contact-info {
  margin-bottom: 30px;
  float: left;
  width: 100%;
  position: relative;
}
.gtco-contact-info ul {
  padding: 0;
  margin: 0;
}
.gtco-contact-info ul li {
  padding: 0 0 0 50px;
  margin: 0 0 30px 0;
  list-style: none;
  position: relative;
}
.gtco-contact-info ul li:before {
  color: #cccccc;
  position: absolute;
  left: 0;
  top: .05em;
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.gtco-contact-info ul li.address:before {
  font-size: 30px;
  content: "\e9d1";
}
.gtco-contact-info ul li.phone:before {
  font-size: 23px;
  content: "\e9f4";
}
.gtco-contact-info ul li.email:before {
  font-size: 23px;
  content: "\e9da";
}
.gtco-contact-info ul li.url:before {
  font-size: 23px;
  content: "\e9af";
}

#map {
  width: 100%;
  height: 500px;
  position: relative;
}
@media screen and (max-width: 768px) {
  #map {
    height: 200px;
  }
}

@media screen and (max-width: 480px) {
  #gtco-header h1 {
  font-size: 50px;
  line-height: 1.2 !important;
  margin-bottom: 20px !important;
  color: #FFF;
  font-weight: 600;
}

    
}

form label {
  font-weight: normal !important;
}

#gtco-header.main {
  background-image: url(../images/bg-main.png) ;
}

#gtco-header.sub-com-01 {
  background-image: url(../images/bg-sub-com01.png) ;
  height: 60rem;    
}

#gtco-header.sub02 {
  background-image: url(../images/new/sub-02.png) ;
}

#gtco-header.sub03 {
  background-image: url(../images/new/sub-03.png) ;
}

#gtco-header.sub04 {
  background-image: url(../images/new/sub-04.png) ;
}

#gtco-header.sub05 {
  background-image: url(../images/new/sub-05.png) ;
}

#gtco-header .sub05 {
  background-image: url(../images/new/sub-05.png) ;
}

.main-biz {
  background-image: url(../images/bg-biz.png) ;
}

.bg-microscope {
  background: url(../images/svg/ico-microscope.png) no-repeat;
  background-size: 20%;
  background-position: 10% 35%;    
}

.bg-allergy {
  background-image: url(../images/new/bg-allergy-kit.png);
}

.bg-micro-kit {
  background-image: url(../images/new/bg-micro-kit.png);
}

#gtco-header p {
  color: #FFF;
  font-size: 20px;
  /*margin-bottom: 40px !important;*/
}
#gtco-header h1 {
  font-size: 50px;
  line-height: 1.2;
  margin-bottom: 60px;
  color: #FFF;
  font-weight: 600;
}

#gtco-header .sub-tit {
  font-size: 40px;
  line-height: 1.2 !important;
  margin-top: 15px;    
  margin-bottom: 30px !important;
  color: #FFF;
  font-weight: 600;
}

#gtco-header .l-tit{font-size: 4.5rem; margin-top: 1rem; font-weight: 600; margin-bottom: 0; color: #FFF; line-height: normal; word-break: keep-all;text-shadow: 0 0 4px rgba(0, 0, 0, 1.5);}
#gtco-header .mid-txt {font-size: 3.5rem; margin-top: 1rem; font-weight: 300; margin-bottom: 0; color: #FFF; word-break: keep-all;text-shadow: 0 0 4px rgba(0, 0, 0, 1.5); }
#gtco-header .sm-txt {font-size: 2rem; color: #FFF; font-weight: 300; word-break: keep-all;text-shadow: 0 0 4px rgba(0, 0, 0, 1.5);}
#gtco-header .app-icon {margin-top: 5rem}
#gtco-header .kit-btn {margin-top: 4rem}
#gtco-header .request-btn a {margin-right: 2rem}

@media screen and (max-width: 460px) {   
    .bg-microscope {
      background: none;    
    }
    .gtco-section-2 .row-pb-sm {
    padding-bottom: 0 !important;
}
}
@media screen and (max-width: 820px) {   
    .bg-microscope {
      background-position: 20% 30%;    
    }
}
@media screen and (max-width: 820px), screen and (max-width: 1024px) {
    #gtco-header .l-tit{font-size: 3rem; margin-top: 1rem; font-weight: 600; margin-bottom: 0; color: #FFF; line-height: normal; word-break: keep-all;text-shadow: 0 0 4px rgba(0, 0, 0, 1.5);}
    #gtco-header .mid-txt {font-size: 3.5rem; margin-top: 1rem; font-weight: 300; margin-bottom: 0; color: #FFF; word-break: keep-all;text-shadow: 0 0 4px rgba(0, 0, 0, 1.5); }
    #gtco-header .sm-txt {font-size: 1.5rem; color: #FFF; font-weight: 300; word-break: keep-all;text-shadow: 0 0 4px rgba(0, 0, 0, 1.5);} 
}

@media screen and (max-width: 768px) {
  #gtco-header h1 {
    line-height: 1.2 !important;
  }
  #gtco-header .l-tit{font-size: 2.5rem; margin-top: 1rem; font-weight: 600; margin-bottom: 0; color: #FFF; line-height: normal; word-break: keep-all;text-shadow: 0 0 4px rgba(0, 0, 0, 1.5);}
  #gtco-header .mid-txt {font-size: 3.5rem; margin-top: 1rem; font-weight: 300; margin-bottom: 0; color: #FFF; word-break: keep-all;text-shadow: 0 0 4px rgba(0, 0, 0, 1.5); }
  #gtco-header .sm-txt { color: #FFF; font-weight: 300; word-break: keep-all;text-shadow: 0 0 4px rgba(0, 0, 0, 1.5);}
  #gtco-header .sm-txt p{font-size: 1.25rem;}
}

@media screen and (max-width: 460px) {
  #gtco-header h1 {
    line-height: 1.2 !important;
  }
  #gtco-header .idx .l-tit{font-size: 2.25rem; line-height: 1.5;}
  #gtco-header .idx .mid-txt {font-size: 3.5rem; margin-top: 1rem; font-weight: 300; margin-bottom: 0; color: #FFF; word-break: keep-all;text-shadow: 0 0 4px rgba(0, 0, 0, 1.5); }
  #gtco-header .idx .sm-txt p{font-size: 1.55rem;}
  #gtco-header.main-biz { background-size: cover; background-position: -44rem center !important; background-repeat: no-repeat; position: relative; }      
}

#gtco-header h1.no-margin {
  margin-bottom: 0 !important;
}
#gtco-header .copy {
  margin-top: 6em;
}

#gtco-header .header-img {
  margin-bottom: 30px;
}

#gtco-header .display-tc,
#gtco-counter .display-tc,
.gtco-cover .display-tc {
  display: table-cell !important;
  vertical-align: middle;
}
#gtco-header .display-tc h1, #gtco-header .display-tc h2,
#gtco-counter .display-tc h1,
#gtco-counter .display-tc h2,
.gtco-cover .display-tc h1,
.gtco-cover .display-tc h2 {
  margin: 0;
  padding: 0;
  color: white;
}
#gtco-header .display-tc h1,
#gtco-counter .display-tc h1,
.gtco-cover .display-tc h1 {
  margin-bottom: 0px;
  font-size: 59px;
  line-height: 1.5;
}
@media screen and (max-width: 768px) {
  #gtco-header .display-tc h1,
  #gtco-counter .display-tc h1,
  .gtco-cover .display-tc h1 {
    font-size: 34px;
    line-height: 1.2;
    margin-bottom: 10px;
  }
}
#gtco-header .display-tc h2,
#gtco-counter .display-tc h2,
.gtco-cover .display-tc h2 {
  font-size: 22px;
  line-height: 1.5;
  margin-bottom: 30px;
}

#gtco-counter {
  text-align: center;
}
#gtco-counter .counter {
  font-size: 50px;
  margin-bottom: 10px;
  color: #17B794;
  font-weight: 100;
  display: block;
}
#gtco-counter .counter-label {
  margin-bottom: 0;
  text-transform: uppercase;
  color: rgba(0, 0, 0, 0.5);
  letter-spacing: .1em;
}
@media screen and (max-width: 768px) {
  #gtco-counter .feature-center {
    margin-bottom: 50px;
  }
}
#gtco-counter .icon {
  width: 70px;
  height: 70px;
  text-align: center;
  margin-bottom: 20px;
  background: none !important;
  border: none !important;
}
#gtco-counter .icon i {
  height: 70px;
}
#gtco-counter .icon i:before {
  color: #cccccc;
  display: block;
  text-align: center;
  margin-left: 3px;
}

.gtco-section {
  padding: 4em 0;
  clear: both;
  position: relative;
}

.gtco-section h2, .gtco-section-2 h2 {
  font-size: 44px; 
  margin-bottom: 24px; 
  line-height: 1.5; 
  color: #222; 
  font-weight: 600;
}

.gtco-section h3, .gtco-section-2 h3 {
  font-size: 38px; 
  margin-bottom: 24px; 
  line-height: 1.5; 
  color: #222; 
  font-weight: 600;
}

.gtco-section h4, .gtco-section-2 h4 {
  font-size: 24px; 
  margin-bottom: 24px; 
  line-height: 1.5; 
  color: #222; 
  font-weight: 600;
}

.gtco-section .ige-tit, .gtco-section .igg-tit  {
    font-size: 24px;
    background: #222;
    color: #FFF;
    width: 220px;
    margin: 0 auto;
    border-radius: 14px;
}

.gtco-section .ige-txt, .gtco-section .igg-txt {
    font-size: 16px;
    padding-top: 2.5rem;
    margin: 0 auto;
}

.gtco-section .b-tit, .gtco-section .b-tit {
    margin-top: 6rem;
    font-size: 18px;
    font-weight: 500;
    color: #0072BF;
}

.gtco-section .g-txt, .gtco-section .g-txt {
    font-size: 14px;
    color: #999999;
}

.gtco-section-2 {
  padding: 6rem 0;
  clear: both;
  position: relative;
}
.gtco-section-2 .gtco-testimony {
    float: left !important;
    width: 100% !important;
    padding: 6rem 1rem;
}

@media screen and (max-width: 820px), screen and (max-width: 1024px) {
    .gtco-section-2 .gtco-testimony {
        float: left !important;
        width: 100% !important;
        padding: 1rem;
}   
}

.gtco-section-2 .col-md-offset-2 {
    /*margin-left:0 !important*/
}

.gtco-section-2 .v-align {
    float: none; 
    margin: 0 auto;
    padding-bottom: 2rem;
}
.gtco-section-2 .v-align:last-child {
    padding-bottom: 0 !important;
}
.gtco-section-2 .gtco-virus {
  width: 100%;
  margin-bottom: 30px;
}

.gtco-section-2 .gtco-virus h4 {
    margin-bottom: 10px !important;
}

.gtco-section-2 .gtco-virus h4 .b-txt {
    color: #0077FF;
}

.gtco-section-2 .gtco-virus.gtco-left > div {
  display: table-cell;
  float: left;
  width: auto;
}
.gtco-section-2 .gtco-virus.gtco-left > div img {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
  max-width: 100% !important;
}
.gtco-section-2 .gtco-virus.gtco-left > blockquote {
  display: table-cell;
  border-left: none;
  margin: 15px;
  padding-left: 6rem;
}
.gtco-section-2 .gtco-virus.gtco-left > blockquote p {
  font-size: 15px;
  line-height: 1.5    
}

.gtco-section-2 .gtco-clinic {
  width: 100%;
  margin-bottom: 30px;
}

.gtco-section-2 .gtco-clinic h4 {
    margin-bottom: 10px !important;
}

.b-txt {
    color: #0077FF;
}

.gtco-section-2 .gtco-clinic.gtco-left > div {
  display: block;
  float: none;
  width: 35%;
  margin: 0 auto;
}
.gtco-section-2 .gtco-clinic.gtco-left > div img {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
  max-width: 100% !important;
}
.gtco-section-2 .gtco-clinic.gtco-left > blockquote {
  display: block;
  border-left: none;
  margin: 15px;
  padding-left: 0;
}
.gtco-section-2 .gtco-clinic.gtco-left > blockquote p {
  font-size: 15px;
  line-height: 1.5    
}
.gtco-clinic {
    float: left !important;
    width: 29% !important;
    margin-bottom: 30px !important;
    background: #FFF;
    padding: 24px;
    border-radius: 20px;
    margin: 20px;
    position: relative;
    text-align: center;
}
.if-pr {
    display: inline-flex; 
    position: relative
}
.clinic-arrow {
    position: absolute; 
    top: 50%; 
    left: 64%; 
    transform: translate(-50%, -100%);
}
.print-align {
    margin-top: auto; 
    margin-left: auto
}


.gtco-section-2 .gtco-allergy.gtco-left > div {
  display: table-cell;
  float: right;
  width: auto;
  border-radius: 0;    
}
.gtco-section-2 .gtco-allergy.gtco-left > div img {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
  max-width: 100% !important;
  transform: none;
}
.gtco-section-2 .gtco-allergy.gtco-left > blockquote {
  display: table-cell;
  border-left: none;
  margin: 15px;
  padding: 0;
}
.gtco-section-2 .gtco-allergy.gtco-left > blockquote p {
  font-style: 16px;
}


.gtco-allergy {
    float: left !important;
    width: 28%;
    margin-bottom: 30px !important;
    background: #F5F5F5;
    padding: 24px;
    border-radius: 20px;
    margin: 20px;
    position: relative;
}
    
@media screen and (max-width: 860px) {
    .gtco-allergy {
        float: left !important;
        width: 45%;
        margin-bottom: 10px !important;
        background: #F5F5F5;
        padding: 24px;
        border-radius: 20px;
        margin: 20px;
        position: relative;
    }    
}
@media screen and (max-width: 460px) {
    .gtco-allergy {
        width: 90% !important;
    }
    .gtco-allergy:last-child {
        margin-bottom: 4rem !important;
    }
    .gtco-allergy.p-0 {
        display: none;
    } 
}
    
.gtco-allergy.gtco-left .all-img {
    position: absolute; 
    right: 20px;
}

.gtco-allergy.gtco-left h4 {
    padding: 10px 20px 10px 0;
    margin: 0 auto;
    word-break: keep-all;
    font-size: 18px;
}

.gtco-allergy.gtco-left .blockquote {
    width: 100%;
}

.gtco-allergy.gtco-left p {
    font-size: 13px !important;
}

.gtco-section-2 p {
  font-style:normal !important; 
  margin-bottom: 0;
      
}

.blockquote {
    padding: 10px 20px;
    margin: 0 auto;
    word-break: keep-all;
    font-size: 16px;
}

.gtco-section-3 {
  padding: 18rem 0;
  clear: both;
  position: relative;
}

.gtco-section-3 .gtco-heading h2 {
    font-size: 44px;
    margin-bottom: 24px;
    line-height: 1.5;
    color: #FFF !important;
    font-weight: 600;
}
.gtco-section-3 .sm-txt{
    font-size: 21px;
    color: #FFF;
    text-align: center;
}

.gtco-section-3 .mm-txt{
    font-size: 26px;
    color: #FFF;
    text-align: center;
}

}
@media screen and (max-width: 768px) {
  .gtco-section {
    padding: 3em 0;
  }
}
.gtco-section.border-bottom {
  border-bottom: 1px solid #d9d9d9;
}
.gtco-section.gtco-gray, .gtco-section-2.gtco-gray {
  background: #FFF;
}

.gtco-heading {
  margin-bottom: 2em;
}
.gtco-heading.gtco-heading-sm {
  margin-bottom: 2em;
}
.gtco-heading h2 {
  font-size: 32px;
  margin-bottom: 10px;
  line-height: 1.5;
  color: #222;
  font-weight: 600;
  text-align: center;
}
.gtco-heading p {
  font-size: 21px;
  line-height: 1.4;
  color: #898989;
  word-break: keep-all;  
  margin-bottom: 0;  
  text-align: center;
}

#gtco-offcanvas {
  position: absolute;
  z-index: 1901;
  width: 270px;
  background: black;
  top: 0;
  right: 0;
  top: 0;
  bottom: 0;
  padding: 45px 40px 40px 40px;
  overflow-y: auto;
  display: none;
  -moz-transform: translateX(270px);
  -webkit-transform: translateX(270px);
  -ms-transform: translateX(270px);
  -o-transform: translateX(270px);
  transform: translateX(270px);
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
@media screen and (max-width: 768px) {
  #gtco-offcanvas {
    display: block;
  }
}
.offcanvas #gtco-offcanvas {
  -moz-transform: translateX(0px);
  -webkit-transform: translateX(0px);
  -ms-transform: translateX(0px);
  -o-transform: translateX(0px);
  transform: translateX(0px);
}
#gtco-offcanvas a {
  color: rgba(255, 255, 255, 0.5);
}
#gtco-offcanvas a:hover {
  color: rgba(255, 255, 255, 0.8);
}
#gtco-offcanvas ul {
  padding: 0;
  margin: 0;
}
#gtco-offcanvas ul li {
  padding: 0;
  margin: 0;
  list-style: none;
}
#gtco-offcanvas ul li > ul {
  padding-left: 20px;
  display: none;
}
#gtco-offcanvas ul li.offcanvas-has-dropdown > span {
  display: block;
  position: relative;
  font-weight: 600;    
}
#gtco-offcanvas ul li.offcanvas-has-dropdown > span:after {
  position: absolute;
  right: 0px;
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e921";
  font-size: 20px;
  color: rgba(255, 255, 255, 0.2);
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
#gtco-offcanvas ul li.offcanvas-has-dropdown.active span:after {
  -webkit-transform: rotate(-180deg);
  -moz-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  -o-transform: rotate(-180deg);
  transform: rotate(-180deg);
}

.uppercase {
  font-size: 14px;
  color: #000;
  margin-bottom: 10px;
  font-weight: 700;
  text-transform: uppercase;
}

.gototop {
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 999;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
.gototop.active {
  opacity: 1;
  visibility: visible;
}
.gototop a {
  width: 50px;
  height: 50px;
  display: table;
  background: rgba(0, 0, 0, 0.5);
  color: #fff;
  text-align: center;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
}
.gototop a i {
  height: 50px;
  display: table-cell;
  vertical-align: middle;
}
.gototop a:hover, .gototop a:active, .gototop a:focus {
  text-decoration: none;
  outline: none;
}

.gtco-nav-toggle {
  width: 25px;
  height: 25px;
  cursor: pointer;
  text-decoration: none;
}
.gtco-nav-toggle.active i::before, .gtco-nav-toggle.active i::after {
  background: #444;
}
.gtco-nav-toggle:hover, .gtco-nav-toggle:focus, .gtco-nav-toggle:active {
  outline: none;
  border-bottom: none !important;
}
.gtco-nav-toggle i {
  position: relative;
  display: inline-block;
  width: 25px;
  height: 2px;
  color: #252525;
  font: bold 14px/.4 Helvetica;
  text-transform: uppercase;
  text-indent: -55px;
  background: #252525;
  transition: all .2s ease-out;
}
.gtco-nav-toggle i::before, .gtco-nav-toggle i::after {
  content: '';
  width: 25px;
  height: 2px;
  background: #252525;
  position: absolute;
  left: 0;
  transition: all .2s ease-out;
}
.gtco-nav-toggle.gtco-nav-white > i {
  color: #fff;
  background: #fff;
}
.gtco-nav-toggle.gtco-nav-white > i::before, .gtco-nav-toggle.gtco-nav-white > i::after {
  background: #fff;
}

.gtco-nav-toggle i::before {
  top: -7px;
}

.gtco-nav-toggle i::after {
  bottom: -7px;
}

.gtco-nav-toggle:hover i::before {
  top: -10px;
}

.gtco-nav-toggle:hover i::after {
  bottom: -10px;
}

.gtco-nav-toggle.active i {
  background: transparent;
}

.gtco-nav-toggle.active i::before {
  top: 0;
  -webkit-transform: rotateZ(45deg);
  -moz-transform: rotateZ(45deg);
  -ms-transform: rotateZ(45deg);
  -o-transform: rotateZ(45deg);
  transform: rotateZ(45deg);
}

.gtco-nav-toggle.active i::after {
  bottom: 0;
  -webkit-transform: rotateZ(-45deg);
  -moz-transform: rotateZ(-45deg);
  -ms-transform: rotateZ(-45deg);
  -o-transform: rotateZ(-45deg);
  transform: rotateZ(-45deg);
}

.gtco-nav-toggle {
  position: absolute;
  right: 0px;
  top: 8px;
  z-index: 21;
  padding: 6px 0 0 0;
  display: block;
  margin: 0 auto;
  display: none;
  height: 44px;
  width: 44px;
  z-index: 2001;
  border-bottom: none !important;
}
@media screen and (max-width: 768px) {
  .gtco-nav-toggle {
    display: block;
  }
}

.btn {
  margin-right: 4px;
  margin-bottom: 4px;
  font-size: 13px;
  font-weight: 700 !important;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  border-radius: 0px;
  letter-spacing: 2px;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  padding: 20px 30px;
  text-transform: uppercase;
  text-shadow: none !important;
  -webkit-box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.15);
}
.btn:hover, .btn:active, .btn:focus {
  outline: none !important;
  -webkit-box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, 0.1);
}

.btn-primary {
  background: #17B794;
  color: #fff;
  border: 2px solid #17B794 !important;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active {
  background: #1acea6 !important;
  border-color: #1acea6 !important;
}
.btn-primary.btn-outline {
  background: transparent;
  color: #17B794;
  border: 2px solid #17B794;
}
.btn-primary.btn-outline:hover, .btn-primary.btn-outline:focus, .btn-primary.btn-outline:active {
  background: #17B794;
  color: #fff;
}

.btn-success {
  background: #5cb85c;
  color: #fff;
  border: 2px solid #5cb85c;
}
.btn-success:hover, .btn-success:focus, .btn-success:active {
  background: #4cae4c !important;
  border-color: #4cae4c !important;
}
.btn-success.btn-outline {
  background: transparent;
  color: #5cb85c;
  border: 2px solid #5cb85c;
}
.btn-success.btn-outline:hover, .btn-success.btn-outline:focus, .btn-success.btn-outline:active {
  background: #5cb85c;
  color: #fff;
}

.btn-info {
  background: #5bc0de;
  color: #fff;
  border: 2px solid #5bc0de;
}
.btn-info:hover, .btn-info:focus, .btn-info:active {
  background: #46b8da !important;
  border-color: #46b8da !important;
}
.btn-info.btn-outline {
  background: transparent;
  color: #5bc0de;
  border: 2px solid #5bc0de;
}
.btn-info.btn-outline:hover, .btn-info.btn-outline:focus, .btn-info.btn-outline:active {
  background: #5bc0de;
  color: #fff;
}

.btn-warning {
  background: #f0ad4e;
  color: #fff;
  border: 2px solid #f0ad4e;
}
.btn-warning:hover, .btn-warning:focus, .btn-warning:active {
  background: #eea236 !important;
  border-color: #eea236 !important;
}
.btn-warning.btn-outline {
  background: transparent;
  color: #f0ad4e;
  border: 2px solid #f0ad4e;
}
.btn-warning.btn-outline:hover, .btn-warning.btn-outline:focus, .btn-warning.btn-outline:active {
  background: #f0ad4e;
  color: #fff;
}

.btn-danger {
  background: #d9534f;
  color: #fff;
  border: 2px solid #d9534f;
}
.btn-danger:hover, .btn-danger:focus, .btn-danger:active {
  background: #d43f3a !important;
  border-color: #d43f3a !important;
}
.btn-danger.btn-outline {
  background: transparent;
  color: #d9534f;
  border: 2px solid #d9534f;
}
.btn-danger.btn-outline:hover, .btn-danger.btn-outline:focus, .btn-danger.btn-outline:active {
  background: #d9534f;
  color: #fff;
}

.btn-white {
    background: #fff;
    color: #000;
    border: 2px solid #fff;
    padding: 10px 40px;
    border-radius: 10px;
    font-size: 16px;
    font-weight: 500 !important;
    line-height: 1.6;
    margin-bottom: 0;
}
.btn-white:hover, .btn-white:focus, .btn-white:active {
  color: #000;
  background: #fff;
  border-color: #fff;
}
.btn-white.btn-outline {
  color: #fff;
  border: 2px solid #fff;
}
.btn-white.btn-outline:hover, .btn-white.btn-outline:focus, .btn-white.btn-outline:active {
  background: #fff;
  color: #000 !important;
  border: 2px solid #fff;
}

.btn-blue {
    background: #0077FF;
    color: #FFF;
    padding: 10px 40px;
    border-radius: 10px;
    font-size: 16px;
    font-weight: 500 !important;
    line-height: 1.6;
    margin-bottom: 0;
}
.btn-blue:hover, .btn-blue:focus, .btn-blue:active {
  color: #FFF;
  background: #0077FF;
}


.btn-special {
  background: #00ffa3;
  color: #239c71;
  border: 2px solid #00ffa3;
}
.btn-special:hover, .btn-special:focus, .btn-special:active {
  color: #239c71;
  background: #00ffa3;
  border-color: #00ffa3;
}
.btn-special.btn-outline {
  color: #fff;
  border: 2px solid #00ffa3;
}
.btn-special.btn-outline:hover, .btn-special.btn-outline:focus, .btn-special.btn-outline:active {
  background: #fff;
  color: #000;
  border: 2px solid #00ffa3;
}

.btn-outline {
  background: none;
  border: 2px solid gray;
  font-size: 16px;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.btn-outline:hover, .btn-outline:focus, .btn-outline:active {
  box-shadow: none;
}

.btn.with-arrow {
  position: relative;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.btn.with-arrow i {
  visibility: hidden;
  opacity: 0;
  position: absolute;
  right: 0px;
  top: 50%;
  margin-top: -8px;
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}
.btn.with-arrow:hover {
  padding-right: 50px;
}
.btn.with-arrow:hover i {
  color: #fff;
  right: 18px;
  visibility: visible;
  opacity: 1;
}

.form-control {
  box-shadow: none;
  background: transparent;
  border: 2px solid rgba(0, 0, 0, 0.1);
  height: 54px;
  font-size: 18px;
  font-weight: 300;
}
.form-control:active, .form-control:focus {
  outline: none;
  box-shadow: none;
  border-color: #17B794;
}

.row-pb-md {
  padding-bottom: 2em !important;
}

.row-pb-sm {
  padding-bottom: 2em !important;
}

.gtco-loader {
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background: url(../images/loader.gif) center no-repeat #fff;
}

.js .animate-box {
  opacity: 0;
}

@media screen and (max-width: 768px) {
  .gtco-nav .gtco-contact {
    text-align: left !important;
  }
}
.gtco-nav .gtco-contact ul {
  padding: 0;
  margin: 0 0 20px 0;
}
.gtco-nav .gtco-contact ul li {
  padding: 0;
  margin: 0;
}
.gtco-nav .gtco-contact ul li a {
  font-size: 14px;
  font-weight: bold !important;
  margin-left: 0px;
}
.gtco-nav .gtco-contact ul li a i {
  color: #17B794;
}
.gtco-nav .gtco-contact ul li a:hover i {
  color: #fff;
}

#gtco-features-3 {
  position: relative;
  top: -7em;
}
@media screen and (max-width: 768px) {
  #gtco-features-3 {
    top: -2em;
  }
}
#gtco-features-3 .feature {
  width: 33.33%;
  float: left;
  padding: 30px;
  background: #17B794;
  position: relative;
  text-align: center;
}
@media screen and (max-width: 768px) {
  #gtco-features-3 .feature {
    width: 100%;
    margin-bottom: 30px;
  }
}
#gtco-features-3 .feature h3 {
  color: #fff;
  font-size: 18px;
  margin-bottom: 15px;
  text-transform: uppercase;
}
#gtco-features-3 .feature p {
  color: rgba(255, 255, 255, 0.7);
  font-size: 16px;
  line-height: 1.7;
}
#gtco-features-3 .feature .icon {
  display: block;
  width: 90px;
  height: 90px;
  margin: 0 auto 10px auto;
  position: relative;
  background: #15a989;
  top: -3em;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
}
#gtco-features-3 .feature .icon i {
  line-height: 90px;
  height: 90px;
  font-size: 40px;
  color: #fff;
}
#gtco-features-3 .feature .icon i:before {
  display: block;
  text-align: center;
  margin-left: 3px;
}
#gtco-features-3 .feature.feature-1 {
  z-index: 7;
}
#gtco-features-3 .feature.feature-2 {
  bottom: 0px;
  z-index: 10;
  -webkit-box-shadow: 0px 0 30px 10px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0px 0 30px 10px rgba(0, 0, 0, 0.25);
  box-shadow: 0px 0 30px 10px rgba(0, 0, 0, 0.25);
  background: #15a585;
}
@media screen and (max-width: 768px) {
  #gtco-features-3 .feature.feature-2 {
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
  }
}
#gtco-features-3 .feature.feature-2 .icon {
  background: #13977a;
}
#gtco-features-3 .feature.feature-2 .feature-inner {
  top: -3em;
  position: relative;
}
@media screen and (max-width: 768px) {
  #gtco-features-3 .feature.feature-2 .feature-inner {
    top: 0;
  }
}
#gtco-features-3 .feature.feature-2:before {
  position: absolute;
  top: -50px;
  content: "";
  background: #15a585;
  height: 50px;
  width: 100%;
  left: 0;
}
@media screen and (max-width: 768px) {
  #gtco-features-3 .feature.feature-2:before {
    display: none;
  }
}
#gtco-features-3 .feature.feature-2:after {
  position: absolute;
  bottom: -30px;
  content: "";
  background: #15a585;
  height: 30px;
  width: 100%;
  left: 0;
}
@media screen and (max-width: 768px) {
  #gtco-features-3 .feature.feature-2:after {
    display: none;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
  }
}
#gtco-features-3 .feature.feature-3 {
  z-index: 7;
  background: #129377;
}
#gtco-features-3 .feature.feature-3 .icon {
  background: #118a6f;
}

.gtco-flex {
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  position: relative;
  float: left;
}

#gtco-portfolio {
  padding: 7em 0;
  background: #303841;
  min-height: 500px;
}
@media screen and (max-width: 768px) {
  #gtco-portfolio {
    padding: 3em 0;
  }
}
#gtco-portfolio .gtco-heading h2 {
  color: #fff;
}
#gtco-portfolio .gtco-heading p {
  color: rgba(255, 255, 255, 0.7);
}

#gtco-portfolio-list {
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  position: relative;
  float: left;
  padding: 0;
  margin: 0;
  width: 100%;
}
#gtco-portfolio-list li {
  display: block;
  padding: 0;
  margin: 0 0 10px 1%;
  list-style: none;
  min-height: 400px;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  float: left;
  clear: left;
  position: relative;
}
@media screen and (max-width: 480px) {
  #gtco-portfolio-list li {
    margin-left: 0;
  }
}
#gtco-portfolio-list li a {
  min-height: 400px;
  padding: 2em;
  position: relative;
  width: 100%;
  display: block;
}
#gtco-portfolio-list li a:before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: "";
  z-index: 80;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
#gtco-portfolio-list li a.color-1:before {
  background: rgba(55, 75, 84, 0.7);
}
#gtco-portfolio-list li a.color-1:hover:before {
  background: rgba(55, 75, 84, 0);
}
#gtco-portfolio-list li a.color-2:before {
  background: rgba(37, 190, 213, 0.7);
}
#gtco-portfolio-list li a.color-2:hover:before {
  background: rgba(37, 190, 213, 0);
}
#gtco-portfolio-list li a.color-3:before {
  background: rgba(239, 172, 147, 0.7);
}
#gtco-portfolio-list li a.color-3:hover:before {
  background: rgba(239, 172, 147, 0);
}
#gtco-portfolio-list li a.color-4:before {
  background: rgba(249, 17, 40, 0.7);
}
#gtco-portfolio-list li a.color-4:hover:before {
  background: rgba(249, 17, 40, 0);
}
#gtco-portfolio-list li a.color-5:before {
  background: rgba(252, 68, 40, 0.7);
}
#gtco-portfolio-list li a.color-5:hover:before {
  background: rgba(252, 68, 40, 0);
}
#gtco-portfolio-list li a.color-6:before {
  background: rgba(98, 177, 215, 0.7);
}
#gtco-portfolio-list li a.color-6:hover:before {
  background: rgba(98, 177, 215, 0);
}
#gtco-portfolio-list li a .case-studies-summary {
  width: auto;
  bottom: 2em;
  left: 2em;
  right: 2em;
  position: absolute;
  z-index: 100;
}
@media screen and (max-width: 768px) {
  #gtco-portfolio-list li a .case-studies-summary {
    bottom: 1em;
    left: 1em;
    right: 1em;
  }
}
#gtco-portfolio-list li a .case-studies-summary span {
  text-transform: uppercase;
  letter-spacing: 2px;
  font-size: 13px;
  color: rgba(255, 255, 255, 0.7);
}
#gtco-portfolio-list li a .case-studies-summary h2 {
  color: #fff;
  margin-bottom: 0;
}
@media screen and (max-width: 768px) {
  #gtco-portfolio-list li a .case-studies-summary h2 {
    font-size: 20px;
  }
}
#gtco-portfolio-list li.two-third {
  width: 65.6%;
}
@media screen and (max-width: 768px) {
  #gtco-portfolio-list li.two-third {
    width: 49%;
  }
}
@media screen and (max-width: 480px) {
  #gtco-portfolio-list li.two-third {
    width: 100%;
  }
}
#gtco-portfolio-list li.one-third {
  width: 32.3%;
}
@media screen and (max-width: 768px) {
  #gtco-portfolio-list li.one-third {
    width: 49%;
  }
}
@media screen and (max-width: 480px) {
  #gtco-portfolio-list li.one-third {
    width: 100%;
  }
}
#gtco-portfolio-list li.one-half {
  width: 49%;
}
@media screen and (max-width: 480px) {
  #gtco-portfolio-list li.one-half {
    width: 100%;
  }
}

/* Owl Override Style */
.owl-carousel .owl-controls,
.owl-carousel-posts .owl-controls {
  margin-top: 0;
}

.owl-carousel .owl-controls .owl-nav .owl-next,
.owl-carousel .owl-controls .owl-nav .owl-prev,
.owl-carousel-posts .owl-controls .owl-nav .owl-next,
.owl-carousel-posts .owl-controls .owl-nav .owl-prev {
  top: 25% !important;
  z-index: 1001;
  position: absolute;
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}

.owl-carousel .owl-controls .owl-nav .owl-next,
.owl-carousel-posts .owl-controls .owl-nav .owl-next {
  right: -170px;
}
@media screen and (max-width: 992px) {
  .owl-carousel .owl-controls .owl-nav .owl-next,
  .owl-carousel-posts .owl-controls .owl-nav .owl-next {
    right: -50px;
  }
}

.owl-carousel .owl-controls .owl-nav .owl-prev,
.owl-carousel-posts .owl-controls .owl-nav .owl-prev {
  left: -170px;
}
@media screen and (max-width: 992px) {
  .owl-carousel .owl-controls .owl-nav .owl-prev,
  .owl-carousel-posts .owl-controls .owl-nav .owl-prev {
    left: -50px;
  }
}

.owl-carousel-posts .owl-controls .owl-nav .owl-next i,
.owl-carousel-posts .owl-controls .owl-nav .owl-prev i,
.owl-carousel-fullwidth .owl-controls .owl-nav .owl-next i,
.owl-carousel-fullwidth .owl-controls .owl-nav .owl-prev i {
  color: #000;
}
.owl-carousel-posts .owl-controls .owl-nav .owl-next:hover i,
.owl-carousel-posts .owl-controls .owl-nav .owl-prev:hover i,
.owl-carousel-fullwidth .owl-controls .owl-nav .owl-next:hover i,
.owl-carousel-fullwidth .owl-controls .owl-nav .owl-prev:hover i {
  color: #000;
}

.owl-carousel-fullwidth.fh5co-light-arrow .owl-controls .owl-nav .owl-next i,
.owl-carousel-fullwidth.fh5co-light-arrow .owl-controls .owl-nav .owl-prev i {
  color: #000;
}
.owl-carousel-fullwidth.fh5co-light-arrow .owl-controls .owl-nav .owl-next:hover i,
.owl-carousel-fullwidth.fh5co-light-arrow .owl-controls .owl-nav .owl-prev:hover i {
  color: #000;
}

@media screen and (max-width: 768px) {
  .owl-theme .owl-controls .owl-nav {
    display: none;
  }
}

.owl-theme .owl-controls .owl-nav [class*="owl-"] {
  background: none !important;
}
.owl-theme .owl-controls .owl-nav [class*="owl-"] i {
  color: #cccccc;
  font-size: 24px;
  padding: 12px;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
.owl-theme .owl-controls .owl-nav [class*="owl-"]:hover i, .owl-theme .owl-controls .owl-nav [class*="owl-"]:focus i {
  color: #000;
}

.owl-theme .owl-dots {
  position: absolute;
  bottom: 0;
  width: 100%;
  text-align: center;
}

.owl-carousel-fullwidth.owl-theme .owl-dots {
  bottom: 0;
  margin-bottom: -2.5em;
}

.owl-theme .owl-dots .owl-dot span {
  width: 10px;
  height: 10px;
  background: #cccccc;
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}
.owl-theme .owl-dots .owl-dot span:hover {
  background: none;
}

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
  background: none;
  background: #4d4d4d;
}

/*# sourceMappingURL=style.css.map */