body {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    font-family:"Lato", sans-serif;
    color: #0e152c;
    font-size:11px; font-weight: 400; letter-spacing:-0.02em; line-height: 1.4;
     word-break:keep-all !important; word-wrap:break-word !important; overflow-x: hidden; 
}


div ul{font-size: 0}
div ul li{font-size: 11px;  vertical-align: top; }

.brno br{display: none}

.inner{width: 96%; position: relative; margin: 0 auto;}
.subBox{padding: 50px 0; margin: 0 auto; }

.web{display: none !important}
.mobile{display: block !important}
.content{padding-top: 70px}

.mt100{margin-top: 50px}
.mt30{margin-top: 15px}
.mt40{margin-top: 20px}
.mt50{margin-top: 25px}

/********** default **********/
.header{position: relative; top: 0; width: 100%; background: #fff; z-index: 999}

.header-Box01{background: #0e152c; height: 60px; align-content: center; color: #c6ad6a; padding: 0 10px; position: fixed; width: 100%; top: 0}
.header-Box01 dt{font-size: 2.000em; text-align: left}
.header-Box01 dt img{height: 30px}
.header-Box01 label{position: absolute; right: 40px; top: 13px;width: 66px; height: 35px; padding: 0 10px; border: #c6ad6a 1px solid; border-radius: 50px;}
.header-Box01 select{ color: #c6ad6a; border: none; font-size: 1.000em; font-weight: 500; width: 100%; height: 35px; }

.header-Box02{text-align: center; height: auto;}
.header-Box02 a{font-size: 1.250em; height: auto; line-height: 1.4; padding: 5px 0; display: inline-block; align-content: center;}
.header-Box02 a + a{margin-left: 10px}
.header-Box02 a:hover{font-weight: 700; border-bottom: #c6ad6a 3px solid}
.header-Box02 a.on{font-weight: 700; border-bottom: #c6ad6a 3px solid}

.header .header-languageN{margin-top: -11px}

.subTitle01{color: #1c8ec1; text-align: center; margin-bottom: 60px}
.subTitle01 dl{font-size: 2.375em; font-family: "High"; line-height: 1; margin-bottom: -12px}
.subTitle01 dt{font-size: 3.125em}

.subTitle02 {background: url("/en/img/title_line.png") bottom center no-repeat;  padding-bottom: 17px; margin-bottom: 15px; text-align: center}
.subTitle02 dt{font-size: 2.500em; line-height: 1.2}

.subTitle03 {background: url("/en/img/title_line.png") top center no-repeat;  padding-top: 17px; margin-bottom: 20px; text-align: center}
.subTitle03 dt{font-size: 2.000em; line-height: 1.2; font-weight: 400}
.subTitle03 dl{font-size: 1.250em; margin-top: 20px}



.mainBox01{background: url("/en/img/img01.png") top center no-repeat; color: #fff; text-align: center; height: 700px; align-content: center; padding-top: 220px}
.mainBox01 dt{font-size: 2.000em}

.mainBox02{background: url("/en/img/img02.png") top center no-repeat; background-size: cover}

.mainBox03{background: url("/en/img/img03.png") top center no-repeat; background-size: cover; height: 332px; align-content: center; color: #fff; text-align: center}
.mainBox03 dl{font-size: 2.375em; font-family: "High"; margin-bottom: 35px}
.mainBox03 dt{font-size: 2.000em}

.mainBox04 ul li{display: inline-block; width: 100%; background: #fff; }
.mainBox04 ul li.w1{padding-left: 20px; height: auto; align-content: center; padding: 20px}
.mainBox04 ul li dt{font-size: 1.750em; margin-bottom: 20px}
.mainBox04 ul li dl{font-size: 1.250em}
.mainBox04 ul li dd{font-size: 1.250em; padding-left: 15px}
.mainBox04 ul li dd::before {content:"ㆍ"; margin-left: -15px}

.mainBox05 ul li{display: inline-block; width: 100%; background: #eff2f6; height: auto; padding: 20px 20px; position: relative; align-content: center}
.mainBox05 ul li:nth-child(1){background: #f8f8f8; border-radius: 100px 0 0 0px; padding: 0 20px 0 40%; height: 50vw}
.mainBox05 ul li img{position: absolute; left: 20px; top: 20px; margin-top: 0px; width: 30%}
.mainBox05 ul li dt{font-size: 1.625em; margin-bottom: 10px}
.mainBox05 ul li dl{font-size: 1.250em}
.mainBox05 ul li dd{font-size: 1.250em; font-weight: 700; padding-left: 7px; position: relative}
.mainBox05 ul li dd + dd{margin-top: 7px;}
.mainBox05 ul li dd::before {content:"ㆍ"; margin-left: -7px; position: absolute; left: 0}
.mainBox05 ul + ul{margin-top: 20px}

.mainBox06{background: url("/en/img/img21.png") top center no-repeat; background-size: cover}

.mainBox07{margin-top: 15px}
.mainBox07 ul{text-align: center}
.mainBox07 ul li{display: inline-block; margin: 25px 0px 0; width: 100%; background: #fff;}
.mainBox07 ul li dl{position: relative;}
.mainBox07 ul li dl span{width: 100%; height: 60vw; align-content: center; text-align: center; color: #fff; font-size: 1.625em; font-weight: 700; position: absolute; left: 0; top: 0}
.mainBox07 ul li ol{background: #fff; height: auto; text-align: left; padding-top: 20px; padding-left: 30px; padding: 20px}
.mainBox07 ul li ol dd{font-size: 1.250em; font-weight: 700}
.mainBox07 ul li dd::before {content:"ㆍ"; margin-left: -15px}
.mainBox07 ul li dd + dd{margin-top: 9px;}

.mainBox08{text-align: center}
.mainBox08 dt{background: #1c8ec1; width: 90%; height: 57px; align-content: center; border-radius: 50px; font-size: 1.625em; margin: 0 auto}
.mainBox08 dl{font-size: 1.250em; margin-top: 15px}
.mainBox08 dl + dt{margin-top: 60px}

.mainBox09{background: url("/en/img/img31.png") top center no-repeat #eff2f6;}

.mainBox10{margin-top: 45px}
.mainBox10 ul li{display: inline-block; width: 100%; height: 50vw; background: #fff; border-radius: 20px; text-align:center; color: #1c8ec1}
.mainBox10 ul li:nth-child(2n){width: 100%; background: none; border-radius: 0; height: auto;}
.mainBox10 ul li dt{height: 50%; align-content: center; font-size: 2.000em; width: 80%; margin: 0 auto; line-height: 1.2; padding-top: 20px}
.mainBox10 ul li dt+dt{border-top:#1c8ec1 1px solid; padding-top: 0; padding-bottom: 20px}
.mainBox10 ul li dl{height: auto;align-content: center;font-size: 6.27em; font-weight: 700; padding: 0; }

.mainBox11 dt{width: 100%; height: 61px; margin: 0 auto; background: #1c8ec1; color: #fff; border-radius: 50px; padding-left: 110px; font-size: 1.375em; align-content: center; line-height: 1.5; position: relative}
.mainBox11 dt span{display: inline-block; margin-right: 17px; font-weight: 800; font-size: 1.625em; border-right: #fff 1px solid; padding-right: 10px; line-height: 0.8; position: absolute; left: 40px; top: 20px}
.mainBox11 dt:nth-child(2n){background: #005691}
.mainBox11 dt + dt{margin-top: 20px}

.mainBox12{margin-top: 80px}
.mainBox12 ul li{display: inline-block; width: 49%; text-align: center; position: relative}
.mainBox12 ul li + li{margin-left: 0px}
.mainBox12 ul li:nth-child(2n){margin-left: 2%; margin-bottom: 60px}
.mainBox12 ul li span{position: absolute; width: 46px; height: 46px; color: #fff; align-content: center; top: 0; left: 50%; margin-left: -23px; margin-top: -23px; border-radius: 50%;  background: #005691; font-size: 1.250em; font-weight: 700}
.mainBox12 ul li span font{font-size: 0.813em; display: block}
.mainBox12 ul li dt{height: 60vw; align-content: center; color: #fff; background: url("/en/img/img32.png") top center no-repeat; font-size: 1.625em; background-size: cover}
.mainBox12 ul li dl{font-size: 1.250em; font-weight: 700; margin-top: 15px}
.mainBox12 ul li:nth-child(2) dt{background: url("/en/img/img33.png") top center no-repeat;  background-size: cover}
.mainBox12 ul li:nth-child(3) dt{background: url("/en/img/img34.png") top center no-repeat;  background-size: cover}
.mainBox12 ul li:nth-child(4) dt{background: url("/en/img/img35.png") top center no-repeat;  background-size: cover}
.mainBox12 ul li:nth-child(5) dt{background: url("/en/img/img36.png") top center no-repeat;  background-size: cover}

.mainBox13 ul li{display: inline-block; width: 100%; height: auto; background: #fff; border-radius: 0 20px 20px 20px; align-content: center; color: #005691; position: relative; padding: 30px 0}
.mainBox13 ul li + li{margin-left: 0px; margin-top: 20px}
.mainBox13 ul li:nth-child(3), .mainBox13 ul li:nth-child(4){margin-top: 20px}
.mainBox13 ul li:nth-child(3){margin-left: 0}
.mainBox13 ul li dt{font-size: 1.375em; padding-left: 55px}
.mainBox13 ul li dt span{position: absolute; width: 25px; height: 25px; align-content: center; text-align: center; color: #fff; margin-left: -35px; background:#005691; border-radius: 50%; font-size: 0.750em ; margin-top: -3px}

.mainBox14{background: url("/en/img/img37.png") top center no-repeat;}

.mainBox15 dt{padding-left: 0; text-align: center; font-size: 1.625em}

.mainBox16 ul li{ background: #005691; color: #fff}
.mainBox16 ul li dt + dt{border-top: #fff 1px solid; letter-spacing: -0.04em}
.mainBox16 ul li:nth-child(2n){color: #1c8ec1}

.mainBox17 ul{text-align: center; margin-top: 30px}
.mainBox17 ul li{display: inline-block; width: 49%; }
.mainBox17 ul li + li{margin-left: 0px}
.mainBox17 ul li:nth-child(2n){margin-left: 2%; margin-bottom: 20px}
.mainBox17 ul li dt{font-size: 1.250em; margin-top: 10px}

.mainBox18{background: url("/en/img/img48.png") top center no-repeat #eff2f6;}

.mainBox19{margin-top: 29px}

.mainBox20{background: url("/en/img/img51.png") top center no-repeat; background-size: cover; height: auto; align-content: center; margin-top: -50px; padding: 50px 0 0}
.mainBox20 .inner{height: auto; align-content: center; }
.mainBox20 img{position: relative; right: 0; bottom: 0; z-index: 1; margin-top: 30px}
.mainBox20 dt{font-weight: 900; font-size: 2.938em; margin: 12px 0 10px}
.mainBox20 dt span{font-size: 0.687em; font-weight: 400}
.mainBox20 dl{font-weight: 700; font-size: 1.375em; margin-bottom: 20px}
.mainBox20 dd{padding-left: 15px; font-size: 1.250em; z-index: 2 !important; position: relative}
.mainBox20 dd::before {content:"ㆍ"; margin-left: -0px; position: absolute; left: 0}

.mainBox21 ul{text-align: center}
.mainBox21 ul li{width: 100%; display: inline-block; }
.mainBox21 ul li:nth-child(2n){margin-left: 0; margin-top: 0px}
.mainBox21 ul li:nth-child(1), .mainBox21 ul li:nth-child(2){margin-bottom: 0px; }
.mainBox21 ul li dt{margin-top: 7px; font-size: 1.250em}
.mainBox21 ul li + li{margin-top: 20px !important}

.swiper_area {
  position: relative; margin-top: -70px
}

.hospital_swiper .swiper-wrapper {
  height: auto;
}

.hospital_swiper .swiper-slide {
  max-width: 1074px;
 
  
}

.hospital_swiper .swiper-slide img {
  display: block;
  width: 100%;
  opacity: 0.5;
}

.swiper_area .swiper-pagination {
  left: 50% !important;
  bottom: -25px !important;
  display: flex;
  align-items: center;
}

.swiper_area .swiper-pagination-bullet-active {
  background: #f8cb0c;
  width: 16px;
  height: 16px;
}

/* Swiper Navigation Buttons */
.hs_prev,
.hs_next {
  color: #1c8ec1 !important;
 
  width: 20px !important;
  height: 42px !important;
  border-radius: 50%; 
}

.hs_prev {
  left: 3% !important; margin-left: -0vw; margin-top:
	
}

.hs_next {
  left: 92% !important; margin-left: 0px
}

.hs_prev img{width: 20px}
.hs_next img{width: 20px}
.hs_prev::after,
.hs_next::after {
  font-size:0px !important;
  font-weight: bold;
  /* color: #ccc; */
  color: #1c8ec1;
}

.hospital_swiper .swiper-slide.swiper-slide-active img {
  opacity: 1;
}

.mainBox22{margin-top: 40px}
.mainBox22 ul li{display: inline-block; width: 100%; height: 40vw; background: #fff; border-radius: 30px; align-content: center; padding: 0 10px 0 40vw; position: relative;}
.mainBox22 ul li:nth-child(2n){margin-left: 0px; margin-bottom: 0px}
.mainBox22 ul li img{position: absolute; left: 0; top:0; height: 100%}
.mainBox22 ul li dt{color: #1c8ec1; font-size: 1.625em}
.mainBox22 ul li dl{color: #1c8ec1; font-size: 1.250em; font-style: italic; margin-bottom: 7px}
.mainBox22 ul li dd{font-size: 1.250em}
.mainBox22 ul li + li{margin-top: 20px}

.mainBox23{background: url("/en/img/img64.png") top center no-repeat #dee8f5; background-size: 230% auto;   padding-top: 50vw}

.mainBox24 ul li{display: inline-block; width: 100%; height: auto; background: #fff; border-radius: 30px; padding: 30px 25px 30px}
.mainBox24 ul li:nth-child(2n){margin-left: 0px; margin-bottom: 0px}
.mainBox24 ul li dt{color: #1c8ec1;font-size: 1.375em; line-height: 1.2}
.mainBox24 ul li dl{color: #1c8ec1;font-size: 1.250em; font-weight: 700; margin-top: 10px; margin-bottom: 20px; }
.mainBox24 ul li dd{padding-left: 15px; font-size: 1.250em; position: relative}
.mainBox24 ul li dd::before {content:"ㆍ"; margin-left: -0px; position: absolute; left: 0}
.mainBox24 ul li + li{margin-top: 20px}

.mainBox25{background: #005691; border-radius: 30px; height: auto; align-content: center; color: #fff}
.mainBox25 ul li{display: inline-block; text-align: center; width: 100%; height: auto; align-content: center}
.mainBox25 ul li:nth-child(1){border-right: #fff 0px solid;  height:auto; align-content: center; border-bottom: #fff 1px solid; padding: 20px}
.mainBox25 ul li:nth-child(2){width: 100%; text-align: left; padding: 20px 25px 20px 25px; }
.mainBox25 ul li:nth-child(3){width: 100%; border-left: #fff 0px solid;  height: auto; align-content: center; border-top: #fff 1px solid; padding: 20px}
.mainBox25 ul li dt{font-size: 1.250em}
.mainBox25 ul li button{font-size: 1.250em; font-weight: 700; color: #fff;}
.mainBox25 ul li input[type="text"]{border: none; border-bottom: #fff 1px solid; display: block; width: 100%; font-size: 1.250em; background: none; height: 45px; padding-left: 20px; color: #b8c7d7}
.mainBox25 ul li input::placeholder{color: #b8c7d7}
.mainBox25 ul li select{border: none; border-bottom: #fff 1px solid; display: block; width: 100%; font-size: 1.250em; background: none; height: 45px; padding-left: 17px; color: #b8c7d7}
.mainBox25 ul li select option { background-color:#005691; color:#b8c7d7; }
.mainBox25 ul li dd{font-size: 1.000em; margin-top: 20px; padding-left: 20px}

.mainBox26{background: #dee8f5; }
.mainBox26 ul li{display: inline-block; width: 100%; height: auto; align-content: center}
.mainBox26 ul li:nth-child(2){padding: 20px 2%}
.mainBox26 ul li ol{display: block; background: #fff; border-radius: 20px; height: 129px; align-content: center; text-align: center}
.mainBox26 ul li:nth-child(1){overflow: hidden; position: relative; height: 400px}
.mainBox26 ul li iframe{width: 2000px; height: 820px; position: absolute; left: 50%; margin-left: -1000px; top: 50%; margin-top: -410px }
.mainBox26 ul li table{border:0; border-spacing:0; padding:0; border-collapse:collapse; margin-top: 20px; width: 100%;}
.mainBox26 ul li table tr th{background: #fff; width: 15%; border-radius: 20px}
.mainBox26 ul li table tr th img{width: 70%;}
.mainBox26 ul li table tr td{padding-left: 15px; }
.mainBox26 ul li table tr td dt{font-size: 1.375em; margin-bottom: 15px}
.mainBox26 ul li table tr td dl{font-size: 1.250em}

.mainBox26 ul li table.h1 tr td{height: 110px}
.mainBox26 ul li dd{margin-top: 20px}
.mainBox26 ul li dd a + a{margin-left: 10px}
.mainBox26 ul li dd a img{height: 30px}


.footer{background: #171717; text-align: center; color: #fff; height: 230px; align-content: center}
.footer .inner{height: 230px; align-content: center;}
.footer  dt{font-size: 1.250em; margin-top: 25px}

















/* header-toggle */
.header .header-toggle {
  position: absolute;
  display: inline-block;
  width: 22px;
  height: 22px;
  /* margin-left: auto; */
  right: 0px; top:8px;
  cursor: pointer; 
}

.header .header-toggle span {
  position: absolute;
  top: 45%;
  left: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background: #999;
  width: 100%;
  height: 2px;
  border-radius: 2px;
  -webkit-transition: linear 0.1s;
  transition: linear 0.1s;
}

.header .header-toggle span:before, .header .header-toggle span:after {
  content: '';
  position: absolute;
  left: 0;
  background: #999;
  width: 100%;
  height: 2px;
  border-radius: 2px;
  -webkit-transition: linear 0.1s;
  transition: linear 0.1s;
}

.header .header-toggle span:before {
  top: -7px;
}

.header .header-toggle span:after {
  bottom: -7px;
}

.header .header-toggle.toggle-close span {
  background: transparent;
}

.header .header-toggle.toggle-close span:before {
  top: 0;
  bottom: 0;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.header .header-toggle.toggle-close span:after {
  top: 0;
  bottom: 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.header .header-menu {
    position: fixed;
    top: 50px;
    /*left: -100%;*/
    overflow-y: auto;
    background: #fff;
    width: 320px;
    height: 100%;
    -webkit-box-shadow: 0 0 36px 0 rgba(22, 25, 28, 0.17);
    box-shadow: 0 0 36px 0 rgba(22, 25, 28, 0.17);
    padding: 16px 20px;
    -webkit-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
	display: none;
  }
  .header .header-menu.show {
    left: 0;
  }
  .header .header-menu .nav {
    width: 100%;
    margin: 0;
    padding: 0;
  }
  .header .header-menu .nav .nav-item {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    margin: 0;
    border-bottom: 1px solid #e3e6e9;
    padding: 14px 0;
  }
  .header .header-menu .nav .nav-item:last-child {
    border: 0;
  }
  .header .header-menu .nav .nav-item .nav-link {
    display: inline-block;
    width: auto;
    height: auto;
    color: #333;
    font-size: 17px;
  }
  .header .header-menu .nav .nav-item .nav-link:hover, .header .header-menu .nav .nav-item .nav-link:focus, .header .header-menu .nav .nav-item .nav-link.active {
    
  }
  .header .header-menu .nav .nav-item .nav-dropdown-toggle {
    position: absolute;
    top: 14px;
    right: 0;
    width: 22px;
    height: 22px;
    text-align: right;
    font-size: 12px;
  }

  .header .header-menu .nav .nav-item .nav-dropdown-toggle:after {
    margin: 2px 0 0;
    width: 18px;
    height: 18px;
    background: url('https://nowwd2.speedgabia.com/qa/images/icon-menu-dwon.png') no-repeat;
    background-size: 100%;
    cursor: pointer;
    display: block;
    
    /* 활성화 시키기 위해 font-awesome css 필요 TJ */
    /* content: '\f107';
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 12px; */
  }

  .header .header-menu .nav .nav-item .nav-dropdown-toggle.active {
  }

  .header .header-menu .nav .nav-item .nav-dropdown {
    display: none;
    background: #fff;
    padding: 12px 0 0 20px;
  }
  .header .header-menu .nav .nav-item .nav-dropdown.show {
    display: block;
  }
  .header .header-menu .nav .nav-item .nav-dropdown .nav-dropdown-item {
    position: relative;
    margin: 0 0 12px;
    font-size: 14px;
  }
  .header .header-menu .nav .nav-item .nav-dropdown .nav-dropdown-item:last-child {
    margin: 0;
  }
  .header .header-menu .nav .nav-item .nav-dropdown .nav-dropdown-item .nav-dropdown-link.active {
    
  }
  .header .header-menu .nav .nav-item .nav-dropdown .nav-dropdown-item .nav-subdropdown-toggle {
    top: 0;
    right: 0;
    width: 21px;
    height: 21px;
    text-align: right;
  }
  .header .header-menu .nav .nav-item .nav-dropdown .nav-dropdown-item .nav-subdropdown-toggle:after {
    content: '\f107';
  }
  .header .header-menu .nav .nav-item .nav-dropdown .nav-dropdown-item .nav-subdropdown {
    display: none;
    padding: 8px 0 0 20px;
  }
  .header .header-menu .nav .nav-item .nav-dropdown .nav-dropdown-item .nav-subdropdown.show {
    display: block;
  }
  .header .header-menu .nav .nav-item .nav-dropdown .nav-dropdown-item .nav-subdropdown li {
    margin: 0 0 8px;
  }
  .header .header-menu .nav .nav-item .nav-dropdown .nav-dropdown-item .nav-subdropdown li:last-child {
    margin: 0;
  }
  .header .header-menu-extra {
    position: absolute;
    top: 50%;
    right: 80px;
    left: auto;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }