@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Manrope:wght@200..800&family=Noto+Sans+JP:wght@100..900&family=Noto+Sans+TC:wght@100..900&family=Noto+Sans:ital,wght@0,100..900;1,100..900&family=Noto+Serif:ital,wght@0,100..900;1,100..900&family=Philosopher:ital,wght@0,400;0,700;1,400;1,700&display=swap');

.lato-thin {
  font-family: "Lato", sans-serif;
  font-weight: 100;
  font-style: normal;
}

.lato-light {
  font-family: "Lato", sans-serif;
  font-weight: 300;
  font-style: normal;
}

.lato-regular {
  font-family: "Lato", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.lato-bold {
  font-family: "Lato", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.lato-black {
  font-family: "Lato", sans-serif;
  font-weight: 900;
  font-style: normal;
}

.lato-thin-italic {
  font-family: "Lato", sans-serif;
  font-weight: 100;
  font-style: italic;
}

.lato-light-italic {
  font-family: "Lato", sans-serif;
  font-weight: 300;
  font-style: italic;
}

.lato-regular-italic {
  font-family: "Lato", sans-serif;
  font-weight: 400;
  font-style: italic;
}

.lato-bold-italic {
  font-family: "Lato", sans-serif;
  font-weight: 700;
  font-style: italic;
}

.lato-black-italic {
  font-family: "Lato", sans-serif;
  font-weight: 900;
  font-style: italic;
}


@font-face {
  font-family: "High";
  src: url("/en/font/High Summit.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}


.fs08{font-size: 0.498em}
.fs10{font-size: 0.624em}
.fs11{font-size: 0.687em}
.fs12{font-size: 0.750em}
.fs13{font-size: 0.813em}
.fs14{font-size: 0.875em}
.fs15{font-size: 0.937em}
.fs16{font-size: 1.000em}
.fs17{font-size: 1.063em}
.fs18{font-size: 1.125em}
.fs19{font-size: 1.188em}
.fs20{font-size: 1.250em}
.fs21{font-size: 1.313em}
.fs22{font-size: 1.375em}
.fs23{font-size: 1.437em}
.fs24{font-size: 1.500em}
.fs25{font-size: 1.562em}
.fs26{font-size: 1.625em}
.fs27{font-size: 1.688em}
.fs28{font-size: 1.750em}
.fs30{font-size: 1.875em}
.fs31{font-size: 1.937em}
.fs32{font-size: 2.000em}
.fs33{font-size: 2.063em}
.fs34{font-size: 2.125em}
.fs35{font-size: 2.188em}
.fs36{font-size: 2.250em}
.fs38{font-size: 2.375em}
.fs39{font-size: 2.438em}
.fs40{font-size: 2.500em}
.fs42{font-size: 2.625em}
.fs44{font-size: 2.750em}
.fs45{font-size: 2.813em}
.fs46{font-size: 2.875em}
.fs48{font-size: 3.000em}
.fs50{font-size: 3.125em}
.fs52{font-size: 3.251em}
.fs54{font-size: 3.377em}
.fs55{font-size: 3.44em}
.fs56{font-size: 3.503em}
.fs57{font-size: 3.566em}
.fs58{font-size: 3.629em}
.fs60{font-size: 3.750em}
.fs64{font-size: 4.002em}
.fs65{font-size: 4.065em}

.fs70{font-size: 4.38em}
.fs80{font-size: 5.01em}

.mt100{margin-top: 100px}

/********** default **********/
html {
    overflow-y:scroll; overflow-x: hidden; height:100%;  -webkit-text-size-adjust:antialiased; -moz-osx-font-smoothing:grayscale;
}

div, p, ul, li, table, th, td, textarea, input,  form, h1, h2, h3, h4, h5, h6, dt, dl, dd, em, address, cite, ul, ol, dl, dd, dt, li {
    list-style-type: none;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

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

button {
    padding:0;
    margin:0;
    background-color:transparent;
    border:none;
}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0; }
div ul{font-size: 0}
div ul li{font-size: 16px;  vertical-align: top}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}
legend {position:absolute;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
input, button {margin:0;padding:0;font-family:"Lato", AppleSDGothicNeo-Regular,sans-serif;}
button, input[type=submit] {cursor:pointer}
input[type=text], input[type=password], input[type=image], button {-webkit-appearance:none}
textarea, select,button {font-family:"Lato", AppleSDGothicNeo-Regular,sans-serif;}
textarea {border-radius:0;-webkit-appearance:none}
select {margin:0;background:none}
p {margin:0;padding:0;word-break:break-all}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a {color:inherit;text-decoration:none}
ul,li,dl,dt,dd{padding:0;margin:0; word-break:keep-all !important; word-wrap:break-word !important}
ul{list-style:none;}
img{vertical-align:top;max-width:100%;height:auto}

*, :after, :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

dt{font-weight: 700}
ol{padding: 0 ; margin: 0 ; position: relative} 

.inner{width: 1300px; position: relative; margin: 0 auto;}
.subBox{padding: 100px 0; margin: 0 auto; }

.txtConter{text-align: center}

.coW{color: #fff !important}
.co01{color: #1c8ec1 !important }

.fwB{font-weight: 700}
.fwE{font-weight: 900}

.mt30{margin-top: 30px}
.mt40{margin-top: 40px}
.mt50{margin-top: 50px}

.bg01{background: #f5f5f5}
.bg02{background: #ede9de}
.bg03{background: #c6ad6a}
.bg04{background: #f8f8f8 !important }
.bg05{background: #eff2f6}
/********** default **********/
.header{position: relative; top: 0; width: 100%; background: #171717; z-index: 999}

.header-Box01{ height: 130px; align-content: center; color: #c6ad6a; padding: 0 0px; position: relative; text-align: center}
.header-Box01 dt{font-size: 2.000em;}
.header-Box01 label{position: absolute; right: 80px; top: 20px;width: 106px; height: 45px; padding: 0 20px; border: #c6ad6a 1px solid; border-radius: 50px;}
.header-Box01 select{ color: #c6ad6a; border: none; font-size: 1.000em; font-weight: 500; width: 100%; height: 45px;}

.header-Box02{text-align: center}
.header-Box02 a{font-size: 1.250em; height: 70px; display: inline-block; align-content: center; color: #fff; font-weight: 700;}
.header-Box02 a + a{margin-left: 51px}
.header-Box02 a:hover{ border-bottom: #1c8ec1 3px solid; color: #1c8ec1}
.header-Box02 a.on{font-weight: 700; border-bottom: #1c8ec1 3px solid; color: #1c8ec1}
.header-Box03{position: absolute; left: 50%; margin-left: 640px; top: 17px;}
.header-Box04{position: absolute; left: 50%; margin-left: 530px; top: 50px;}
.header-Box04 a img{border: #585858 1px solid; border-radius: 10px}

.header .header-menu{display: none}



/* 기본 스타일 */
#hd {
    /*transition: all 0.3s ease-in-out;*/
    z-index: 1000;
}

.header-Box01 {
    /*transition: all 0.3s ease-in-out;*/
    z-index: 1001;
}

.header-Box03, .header-Box04 {
    /*transition: all 0.3s ease-in-out;*/
    z-index: 1002;
}

/* fixed 상태 - 기본 */
.fixed #hd {
    position: fixed;
    top: 130px;
    left: 0;
    text-align: center;
    background: #171717;
    width: 100%;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
    /*transition: top 0.3s ease-in-out;*/
}

.fixed .header-Box01 {
    position: fixed;
    background: #171717;
    width: 100%;
    top: 0;
    left: 0;
}

.fixed .header-Box03 {
    position: fixed;
}

.fixed .header-Box04 {
    position: fixed;
}

/* 스크롤 다운 상태 - Box01, Box03, Box04 숨김 + #hd top:0 */
.fixed.scroll-down #hd {
    top: 0 !important;
}

.fixed.scroll-down .header-Box01 {
    transform: translateY(-100%);
    opacity: 0;
}

.fixed.scroll-down .header-Box03,
.fixed.scroll-down .header-Box04 {
    transform: translateY(-100%);
    opacity: 0;
    pointer-events: none;
}

@media (min-width: 970px){

}


.mobile{display: none !important}

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

.subTitle02 {background: url("/en/img/title_line.png") bottom center no-repeat;  padding-bottom: 35px; margin-bottom: 30px; 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: 35px; margin-bottom: 40px; text-align: center}
.subTitle03 dt{font-size: 2.000em; line-height: 1.2; font-weight: 400}
.subTitle03 dl{font-size: 1.125em; 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: 50%; background: #fff; }
.mainBox04 ul li.w1{padding-left: 70px; height: 300px; align-content: center;}
.mainBox04 ul li dt{font-size: 1.750em; margin-bottom: 20px}
.mainBox04 ul li dl{font-size: 1.125em}
.mainBox04 ul li dd{font-size: 1.125em; padding-left: 15px}
.mainBox04 ul li dd::before {content:"ㆍ"; margin-left: -15px}

.mainBox05 ul li{display: inline-block; width: 50%; background: #eff2f6; height: 254px; padding: 0 45px; position: relative; align-content: center}
.mainBox05 ul li:nth-child(1){background: #f8f8f8; border-radius: 200px 0 0 200px; padding: 0 45px 0 245px}
.mainBox05 ul li img{position: absolute; left: 20px; top: 50%; margin-top: -100px;}
.mainBox05 ul li dt{font-size: 1.625em; margin-bottom: 20px}
.mainBox05 ul li dl{font-size: 1.125em}
.mainBox05 ul li dd{font-size: 1.250em; font-weight: 700}
.mainBox05 ul li dd + dd{margin-top: 15px;}
.mainBox05 ul li dd::before {content:"ㆍ"; margin-left: -15px}
.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 13px 0; width: 403px; background: #fff;}
.mainBox07 ul li dl{position: relative;}
.mainBox07 ul li dl span{width: 100%; height: 262px; 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: 235px; text-align: left; padding-top: 20px; padding-left: 30px}
.mainBox07 ul li ol dd{font-size: 1.125em; 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: 620px; height: 67px; align-content: center; border-radius: 50px; font-size: 1.625em; margin: 0 auto}
.mainBox08 dl{font-size: 1.125em; 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: 380px; height: 380px; background: #fff; border-radius: 50%; text-align:center; color: #1c8ec1}
.mainBox10 ul li:nth-child(2n){width: 80px; background: none; border-radius: 0;}
.mainBox10 ul li dt{height: 50%; align-content: center; font-size: 2.000em; width: 80%; margin: 0 auto; line-height: 1.2; padding-top: 60px}
.mainBox10 ul li dt+dt{border-top:#1c8ec1 1px solid; padding-top: 0; padding-bottom: 60px}
.mainBox10 ul li dl{height: 380px;align-content: center;font-size: 6.27em; font-weight: 700}

.mainBox11 dt{width: 666px; height: 71px; 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: 236px; text-align: center; position: relative}
.mainBox12 ul li + li{margin-left: 30px}
.mainBox12 ul li span{position: absolute; width: 76px; height: 76px; color: #fff; align-content: center; top: 0; left: 50%; margin-left: -38px; margin-top: -38px; border-radius: 50%;  background: #005691; font-size: 1.125em; font-weight: 700}
.mainBox12 ul li span font{font-size: 0.813em; display: block}
.mainBox12 ul li dt{height: 264px; align-content: center; color: #fff; background: url("/en/img/img32.png") top center no-repeat; font-size: 1.625em}
.mainBox12 ul li dl{font-size: 1.125em; font-weight: 700; margin-top: 15px}
.mainBox12 ul li:nth-child(2) dt{background: url("/en/img/img33.png") top center no-repeat;}
.mainBox12 ul li:nth-child(3) dt{background: url("/en/img/img34.png") top center no-repeat;}
.mainBox12 ul li:nth-child(4) dt{background: url("/en/img/img35.png") top center no-repeat;}
.mainBox12 ul li:nth-child(5) dt{background: url("/en/img/img36.png") top center no-repeat;}

.mainBox13 ul li{display: inline-block; width: 638px; height: 150px; background: #fff; border-radius: 0 20px 20px 20px; align-content: center; color: #005691; position: relative}
.mainBox13 ul li + li{margin-left: 24px;}
.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: 105px}
.mainBox13 ul li dt span{position: absolute; width: 35px; height: 35px; align-content: center; text-align: center; color: #fff; margin-left: -45px; 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: 192px; }
.mainBox17 ul li + li{margin-left: 30px}
.mainBox17 ul li dt{font-size: 1.125em; 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: 900px; align-content: center; margin-top: -100px}
.mainBox20 .inner{height: 900px; align-content: center}
.mainBox20 img{position: absolute; right: 0; bottom: 0; z-index: 1}
.mainBox20 dt{font-weight: 900; font-size: 2.938em; margin: 25px 0 20px}
.mainBox20 dt span{font-size: 0.687em; font-weight: 400}
.mainBox20 dl{font-weight: 700; font-size: 1.375em; margin-bottom: 40px}
.mainBox20 dd{padding-left: 15px; font-size: 1.125em; z-index: 2 !important}
.mainBox20 dd::before {content:"ㆍ"; margin-left: -15px}

.mainBox21 ul{text-align: center}
.mainBox21 ul li{width: 639px; display: inline-block; }
.mainBox21 ul li:nth-child(2n){margin-left: 22px}
.mainBox21 ul li:nth-child(1), .mainBox21 ul li:nth-child(2){margin-bottom: 40px}
.mainBox21 ul li dt{margin-top: 15px; font-size: 1.125em}


.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: 62px !important;
  height: 62px !important;
  border-radius: 50%;
}

.hs_prev {
  left: 50% !important; margin-left: -620px;
	
}

.hs_next {
  left: 50% !important; margin-left: 560px
}

.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: 638px; height: 271px; background: #fff; border-radius: 30px; align-content: center; padding: 0 30px 0 260px; position: relative;}
.mainBox22 ul li:nth-child(2n){margin-left: 24px; margin-bottom: 20px}
.mainBox22 ul li img{position: absolute; left: 0; top:0}
.mainBox22 ul li dt{color: #1c8ec1; font-size: 1.625em}
.mainBox22 ul li dl{color: #1c8ec1; font-size: 1.125em; font-style: italic; margin-bottom: 15px}
.mainBox22 ul li dd{font-size: 1.125em}

.mainBox23{background: url("/en/img/img64.png") top center no-repeat #dee8f5;   padding-top: 430px}

.mainBox24 ul li{display: inline-block; width: 638px; height: 330px; background: #fff; border-radius: 30px; padding: 30px 35px 0}
.mainBox24 ul li:nth-child(2n){margin-left: 24px; margin-bottom: 20px}
.mainBox24 ul li dt{color: #1c8ec1;font-size: 1.375em; line-height: 1.2}
.mainBox24 ul li dl{color: #1c8ec1;font-size: 1.125em; font-weight: 700; margin-top: 10px; margin-bottom: 20px}
.mainBox24 ul li dd{padding-left: 15px; font-size: 1.125em}
.mainBox24 ul li dd::before {content:"ㆍ"; margin-left: -15px}

.mainBox25{background: #005691; border-radius: 30px; height: 255px; align-content: center; color: #fff}
.mainBox25 ul li{display: inline-block; text-align: center; width: 220px; height: 255px; align-content: center}
.mainBox25 ul li:nth-child(1){border-right: #fff 1px solid;  height: 255px; align-content: center; }
.mainBox25 ul li:nth-child(2){width: 915px; text-align: left; padding: 0 75px 0 25px; }
.mainBox25 ul li:nth-child(3){width: 165px; border-left: #fff 1px solid;  height: 255px; align-content: center; }
.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: 50%; height: 820px; align-content: center}
.mainBox26 ul li:nth-child(2){padding: 0 4%}
.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}
.mainBox26 ul li iframe{width: 2000px; height: 820px; position: absolute; left: 50%; margin-left: -1000px; top: 0}
.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 td{padding-left: 35px; }
.mainBox26 ul li table tr td dt{font-size: 1.375em; margin-bottom: 15px}
.mainBox26 ul li table tr td dl{font-size: 1.125em}

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


.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.125em; margin-top: 25px}