/* main_banner */
html{font-family: 'Outfit', 'NanumGothic',sans-serif;}

/* sec1 */
.sec1{
    background: #edf1f4;
}
.sec1 .content_inner{
    display: flex;
    justify-content: space-between;
    gap: 0rem;
}
.sec1 .left_station{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: relative;
    width: 100%;
}
.sec1 .right_station{
    max-width: 600px;
    width: 100%;
    position: relative;
    line-height: 0;
}
.sec1 .right_station li.on{
    position: relative;
    opacity: 1;
}
.sec1 .right_station li{
    position: absolute;
    opacity: 0;
    transition: .3s;
}
.sec1_tit{
    font-size: 3rem;
    font-weight: 800;
    ;
}
.sec1_txt_ul>li.on{opacity: 1;pointer-events: auto;}
.sec1_txt_ul{position: relative;}
.sec1_txt_ul>li{
    opacity: 0;
    pointer-events: none;
    transition: .3s;
    position: absolute;
    top: 0;
    left: 0;
    display: block;
}
.sec1_txt_ul>li.on{opacity: 1;}
.sec1_txt_ul>li:nth-child(1) .sec1_tit i{color: #003686;}
.sec1_txt_ul>li:nth-child(2) .sec1_tit i{color: #f39800;}
.sec1_txt_ul>li:nth-child(3) .sec1_tit i{color: #57934e;}
.sec1_txt_ul>li:nth-child(4) .sec1_tit i{color: #af5bad;}
.sec1_tit i{
    font-size: 2rem;
    line-height: 2;
    font-weight: 500;
    display: block;
}
.sec1 ol{
    display: flex;
    background: #fff;
    font-size: 1.5rem;
    font-weight: 700;
    border-radius: 3rem;
    border: 1px solid #0075c2;
    position: absolute;
    bottom: 100px;
    min-width: 650px;
}
.sec1 ol::before{
    content: '';
    display: inline-block;
    background-color: var(--before-bg, #003686);
    border-radius: 3rem;
    width: 25%;
    height: 100%;
    position: absolute;
    left: var(--left-pos, 0px);
    transition: .3s;
    top:0;
}
.sec1 ol li.on{
    color: #fff;
}
.sec1 ol li{
    position: relative;
    z-index: 2;
    text-align: center;
    padding: .5rem;
    cursor: pointer;
    width: 25%;
    z-index: 1;
    flex: 1;
}
.sec1 ol li:not(:last-child){
    border-right: 1px solid rgba(0, 0, 0, 0.05);
}

/* sec2  */
.sec2{
    background: url('../img/sec2_bg.png') no-repeat  0% 0% / 950px;
}
.main_flex{
    display: flex;
    gap: 0rem;
    justify-content: space-between;
}
.left_tit{
    width: 30%;
}
.main_tit{
    font-size: 3rem;
    font-weight: 800;
}
.main_tit i{display: block;color: #f39800;}
.main2_ul{
    width: 65%;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2rem 4rem;
    text-align: center;
}
.main2_ul li a{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.main2_ul li img{width: 90%;}
.main2_ul li:nth-of-type(1) .sec2_txt{background: #f39800;}
.main2_ul li:nth-of-type(2) .sec2_txt{background: #0050a8;}
.main2_ul li:nth-of-type(3) .sec2_txt{background: #3e3a39;}
.main2_ul li:nth-of-type(4) .sec2_txt{background: #0075c2;}
.main2_ul li:nth-of-type(5) .sec2_txt{background: #0050a8;}
.main2_ul li:nth-of-type(6) .sec2_txt{background: #f39800;}
.sec2_txt{
    width: 100%;
    height: 3.5rem;
    font-size: 2rem;
    font-weight: 800;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    padding: 1rem ;
    border-radius: 3rem 3rem 3rem 3rem;
    transform: translateY(-50%);
}
/*sec3 */
.sec3{
    position: relative;
    background: url('../img/sec3_bg.png') no-repeat 100% 100% / cover;
}

.sec3 .moreview:hover img{transform: translateX(10px);}
.sec3 .moreview img{transition: .3s;;}
.sec3 .moreview{
    margin-top: 10rem;
    background:  url('../img/viewmore.png') no-repeat 50% 50% / 200%;
    color: #fff;
    font-size: 2rem;
    text-transform: uppercase;
    display: inline-flex;
    gap: .5rem;
    align-items: center;
    padding: 0rem 0rem;
    border-radius: 3rem;
}
.sec3 .moreview i{color: #f39800;}
.main3_ul{
    width: 65%;
    display: flex;
    text-align: center;
}
.main3_txt i{
    color: #f39800;
    font-weight: 500;
    display: block;
}
/* sec4 */
.sec4{background: url('../img/sec4_bg.png') no-repeat 90% 130% / 600px;}
.sec4 .main_tit i{display: block;color: #003686;}
.sec3_wrap{
    display: flex;
    gap: 0rem;
}
.map_wrap{width: 100%;}
.map_txt{
    min-width: 420px;
    background: #002551;
    color: #fff;
    padding: 3rem;
    text-align: center;
}
.map_tit{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    font-size: 3rem;
    font-weight: 700;
    padding-bottom: 2rem;
    border-bottom: 1px solid #fff;
    margin-bottom: 2rem;
}
.map_tit img{max-width: 1.1em;}
.moon_tit{
    display: flex;
    align-items: center;
    justify-content: center;
    color: #f4c606;
    gap: 1rem;
    font-size: 3rem;
    font-weight: 700;
    text-align: center;
}
.moon_tit img{max-width: 1.1em;}
.map_txt ol {max-width: 300px;margin: 1rem auto;}
.map_txt ol li:not(:last-child){margin-bottom: 1rem;}
.map_txt ol li:first-child{background: #f4c606;color: #000;font-weight: 700;}
.map_txt ol li{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 2rem;
    font-size: 2rem;
    font-weight: 500;
    padding: .2rem .5rem;
}
.map_txt ol li span{
    width: 80px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    
}
.map_txt ol+div{
    font-size: 1.6rem;
    font-weight: 400;
}





/*sec7 */

.sec7 .moreview:hover img{transform: translateX(10px);}
.sec7 .moreview img{transition: .3s;;}
.sec7 .moreview{
    margin-top: 10rem;
    background:  url('../img/viewmore.png') no-repeat 50% 50% / 200%;
    color: #fff;
    font-size: 2rem;
    text-transform: uppercase;
    display: inline-flex;
    gap: .5rem;
    align-items: center;
    padding: .5rem 3rem;
    border-radius: 3rem;
}
.sec7 .moreview i{color: #f39800;}








/* 반응형 */


@media (min-width:0px) and (max-width:1520px){
    
    
}
@media (min-width:0px) and (max-width:1280px){
    .sec1 .content_inner{
        flex-direction: column-reverse;
        gap: 0;
        align-items: center;
    }
    .sec1 .left_station {
        flex-direction: column-reverse;
    }
    .sec1 .left_station ol{
        position: relative;
        transform: translateY(70px);
        z-index: 99;
    }
    .sec1 .left_station ul{
        min-height: 200px;
    }   
    .sec1 .left_station.innerTop{
        padding-top: 0;
    }
    .sec1 .left_station.innerBot{
        padding-bottom: 0;
    }
    /* sec2 */
    .sec2_txt {
        width: 80%;
            height: 4rem;
        font-size: 1.8rem;
        font-size: 2rem;
        padding: 0;
        border-radius: 2rem 0 2rem 0;
    }
    .main2_ul {
        gap: 1rem;
    }
}
@media (min-width:0px) and (max-width:900px){
    .sec1 ol{
        min-width: 0;
        font-size: 12px;
    }
    .sec1 ol li {
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .sec1_tit {font-size: 2.5rem;}
    .sec1_tit i{font-size: 1.7rem;}
    /* sec2 */
    .sec2 {
        background: url(../img/sec2_bg.png) no-repeat 190px 0% / 1040px;
    }
    .main_flex {
        flex-direction: column;
        gap: 4rem;
    }
    .left_tit,.main2_ul ,.main3_ul{
        width: 100%;
    }
    .main_tit{font-size: 2.5rem;}
    .sec3 .moreview {margin-top: 4rem;}
    .sec3::before {
        color: rgba(137, 137, 137, 0.05);
        font-size: 9.5vw;
        left: auto;
        right: 10%;
        bottom: 50%;
    }
    .sec3_wrap{flex-direction: column;}
    .map_tit{
        padding-bottom: 1rem;
        margin-bottom: 1rem;
    }
    .map_txt {
        min-width: 0;
    }
    
    
}

@media (min-width:0px) and (max-width:500px){
    .main2_ul {
        grid-template-columns: repeat(2, 1fr);
    }
    .sec1 ol {
        display: none;
    }
    .sec2_txt {
        width: 80%;
        height: 4rem;
        font-size: 1.8rem;
    }
    .sec2 {
        background: url(../img/sec2_bg.png) no-repeat 10% 0% / 1300px;
        padding-top: 4rem;
    }
    .sec3 .moreview { font-size: 1.7rem;}
    .map_tit{font-size: 7vw;}
    .moon_tit{font-size: 7vw;}
    .map_txt ol { max-width:none;}
    .map_txt ol li{font-size: 4.7vw;}
}
@media (min-width:0px) and (max-width:360px){

        
}








.index {
  margin-top: 110px;
}

.c1 {
  color: #003686
}

.c2 {
  color: #f39800
}

.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
  display: none;
}

.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
  display: none;
}

.sec_tit {}

.sec_sym {
  display: block;
  margin: 0 auto;
  width: 40px;
  margin-bottom: 30px;
}

.sec_tit:before {
  display: block;
  margin-bottom: 50px;
  width: 150px;
  height: 1px;
  background: #999;
  content: "";
}

.sec_tit h2 {
  line-height: 48px;
  font-size: 32px;
  color: #000;
  font-weight: 600;
}

.sec_tit span {
  display: block;
  font-size: 14px;
  letter-spacing: 3px;
  font-weight: 800;
  margin-bottom: 20px;
}

.sec_tit h2 p {
  font-size: 20px;
  color: #111;
  line-height: 28px;
  margin-top: 20px;
}

.slide-fix{position:absolute;right:0;top:0;}
.m_slide_fix{display:none;}
.pc_slide_fix{border-left:5px solid orange;background:#f4f4f4;width:250px;}
.pc_slide_fix a{display:block;width:90%;padding:15.5px 0;margin:0 auto;border-top:1px solid #e4e4e4}
.pc_slide_fix img{display:block;width:100%;}
.pc_slide_fix a:first-child{border:0;}

.slide {
  width: 100%;
  position: relative;
}
.slide_symbol{position:absolute;bottom:-100px;left:-100px;opacity:0.1;width:600px;filter:invert(1) brightness(10);}
.slide_txt {
  width: 1500px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index:0;
}

.slide_txt h1 {
  font-size: 40px;
  color: #fff;
  font-weight: 600;
  line-height: 60px;
}

.slide_txt h1 b {
  font-weight: 600;
  color: #e1ecff
}

.slide_txt h1 span {
  font-size: 14px;
  display: block;
  letter-spacing: 3px;
  margin-bottom: 10px;
}


.count {
  background: #003686;
  text-align: center;
  position: relative;
  z-index: 0;
}

.count:before {
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
  content: "";
  display: block;
  background: #002151;
  width: 50%;
  ;
  z-index: -1;
}

.count .container {
  display: flex;
  align-items: center;
  text-align: center;
  justify-content: space-between;
}

.count h4 {
  font-size: 30px;
  align-items: center;
  text-align: center;
  margin: 0 auto;
}

.num {
  display: flex;
  align-items: center;
  padding: 20px 0;
  background: #002151;
  margin: 0 auto;
}

.num img {
  width: 350px;
}

.num span {
  display: inline-block;
  font-size: 30px;
  color: #fff;
  padding-left: 10px;
}

.mb_num {
  display: none;
}

.about {
  padding-top: 150px;
}

.about_wrap {
  position: relative;
  z-index: 0;
  overflow: hidden;
  margin-top: 80px;
}

.about_wrap:before {
  background: #f8f8f8;
  width: 50%;
  height: 100%;
  z-index: -1;
  position: absolute;
  right: 0;
  bottom: 0;
  content: "";
}

.sym_opa {
  position: absolute;
  width: 400px;
  right: 50px;
  bottom: -100px;
}

.about_box {
  display: flex;
  align-items: stretch;
  height: 600px;
}

.about_img {
  width: 600px;
  position: relative;
  overflow: hidden;
}

.about_img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.ab_img {
  height: 100%;
  width: 100%;
}

.ab_swiper-pagination {
  position: absolute;
  z-index: 1;
  top: 50px !important;
  right: 50px;
  left: auto !important;
  bottom: auto !important;
  width: auto !important;
}

.ab_img .swiper-pagination-bullet-active {
  opacity: 1;
  background: #003686;
  width: 30px;
  border-radius: 50px;
}

.about_txt {
  width: 900px;
  padding: 100px 0;
  padding-left: 100px;
  text-align: center;
  background: #f8f8f8;
}

.about_txt p {
  font-size: 18px;
  font-weight: 600;
  line-height: 36px;
}

.about_txt span {
  float: right;
  font-size: 16px;
  font-weight: 600;
  display: block;
  margin-top: 40px;
}

.about_txt span strong {
  font-size: 20px;
  font-weight: 600;
  display: block;
  position: relative;
  top: 14px;
}

.about_txt span b {
  font-size: 24px;
  padding: 0 10px;
}

.about_txt span img {
  width: 100px;
  margin-left: 10px;
  display: inline-block;
}

.disease {
  padding-top: 150px;
  position: relative;
}

.disease:before {
  background: #fff;
  width: 30%;
  height: 100%;
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 10;
}

.disease .container {
  display: Flex;
  justify-content: space-between;
}

.disease_txt {
  width: 400px;
  background: #fff;
  z-index: 10;
}

.di_list {
  width: 800px;
}

.di_list .swiper-slide img {
  width: 100%;
  border-radius: 20px;
}

.di_list .swiper-slide p {
  padding: 20px;
  font-size: 18px;
  font-weight: 600;
  line-height: 30px;
}

.di_list .swiper-slide span {
  display: block;
  margin-bottom: 10px;
  font-weight: 800;
  font-size: 28px;
}

.di_btn {
  display: Flex;
  align-items: center;
  margin-top: 40px;
}

.swiper-scrollbar {
  width: 80% !important;
  height: 5px !important;
  position: relative !Important;
}

.swiper-scrollbar-drag {
  background: #f39800 !important;
}

.swiper-scrollbar-drag:before {
  cursor: pointer;
  width: 30px;
  height: 30px;
  background: url('../index/images/di_sym.svg')no-repeat;
  background-size: contain;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  content: "";
}

.di_btn .swiper-button-next,
.di_btn .swiper-button-prev {
  width: 35px;
  height: 35px;
  margin-top: 0;
  margin-left: 15px;
  position: unset;
}

.di_btn .swiper-button-prev {
  background: url('../index/images/di_prev.svg')no-repeat;
}

.di_btn .swiper-button-next {
  background: url('../index/images/di_next.svg')no-repeat;
  margin-left: 10px;
}

.doc {
  padding: 120px 0;
  border-bottom:1px solid #e4e4e4;
  position: relative;
  overflow: hidden;
}

.doc_sym {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 600px;
  opacity: 0.1;
  z-index: -1;
}
.doc2{padding-top:80px;}
.doc2 .doc_txt{width:45%;}
.doc2 .doc_sym{right:auto !Important;left:0;}

.doc_wrap {
  display: flex;
  margin-top: 80px;
  align-items:start;
  justify-content: space-between;
}
.doc_wrap2{flex-direction:row-reverse;}
.doc_img {
  width: 50%;
  position:relative;
  z-index:0;
}
.doc_img_sym{position: absolute;top: 30px;left: 0;z-index: -1;width: 80% !important;opacity: 0.2;}

.doc_img img {
  width: 100%
}

.doc_img p {
  background: #003686;
  color: #fff;
  font-size: 22px;
  font-weight: 600;
  padding: 15px 30px;
  position: absolute;
  bottom:0;
  left: 0px;
  width: fit-content;
  border-radius:50px;
}

.doc_txt {
  position:relative;
  width: 50%;
}

.badge{width: 150px;position: absolute;right: 0;top: 62px;}
.name {
  font-size: 20px;
  margin-bottom: 25px;
  padding-bottom: 25px;
  border-bottom: 1px solid #8f8e8e;
  display: block;
  font-weight: 600;
}

.name b {
  display: inline-block;
  font-size: 32px;
  margin-right: 5px;
  font-weight: 800;
}

.doc_txt ul li {
  font-size: 18px;
  font-weight: 600;
  line-height: 32px;
}

.doc_txt ul li:before {
  content: "";
  display: inline-block;
  width: 3px;
  height: 13px;
  background: #f39800;
  margin-right: 8px;
}

.doc_txt ul strong {
  font-size: 18px;
  background: #fff;
  border: 1px solid #333;
  color: #333;
  border-radius: 50px;
  padding: 3px 10px;
  display: block;
  width: fit-content;
  margin-bottom: 10px;
}

.doc_txt ul li span {
  display: block;
  font-size: 14px;
  color: #ccc;
  width: fit-content;
  /* padding: 0 10px; */
  border-radius: 10px;
  letter-spacing: 0;
  line-height: 24px;
}

.doc_txt ul li b {
  color: #f39800;
}
.doc_txt ul li i{font-style:normal}
.doc_txt ul li a {
  display: inline-block;
  animation: blink 1s ease-in-out infinite alternate;
  background: #f39800;
  color: #fff;
  font-size: 13px;
  padding: 0 8px;
  margin-left: 5px;
  line-height: 21px;
  border-radius: 5px;
}

@keyframes blink {
  0% {
    background: #f39800;
    border: 1px solid #f39800;
    color: #fff;
  }

  100% {
    background: #fff;
    border: 1px solid #f39800;
    color: #f39800;
  }
}


.team_doc {

  background: url('../index/images/team_doc_bg.jpg')no-repeat;
  background-size: cover;
  padding: 150px 0;
  position: relative;
  z-index:0;
}

.team_bg {
  position: absolute;
  left: 0;
  width: 50%;
  height: 100%;
  top: 0;
  background:rgba(0,0,0,0.3);
  z-index:-1;
}

.team_doc .container{display:flex;width:1400px;}
.team_doc_left{width:50%;padding-right:50px;}
.team_doc_left h4{ color: #fff8a3;
  font-size: 28px;
  font-weight: 600;}
.team_doc_left p{line-height:32px;color:#fff;margin-top:30px;font-size:18px;}
.team_doc_left img{width:500px;margin-top:50px;}
.team_doc_right{width:50%;padding:0 50px;}
.team_tit {
  text-align: right;
}

.team_tit h4 {
  color: #fff8a3;
  font-size: 28px;
  font-weight: 600;
}

.team_tit p {
  color: #fff;
  font-size: 18px;
  padding-top: 30px;
  line-height: 32px;
}

.team1 {
  z-index: 1;
  position: relative;
}

.team1 ul {
  display: flex;
  justify-content: space-between;
  margin-top: 50px;
  width: 100%;
}

.team1 ul li {
  width: 31.3%;
  box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.5);
}

.team1 ul li img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.team2 {
  background: #002153;
  padding: 150px 0;
  z-index: 0;
  position: relative;
  z-index: 0;
}

.team2 .team_tit {
  text-align: left;
  width:30%;
  padding-top:60px;
}

.team2 .team_bg2 {
  z-index: -1;
  position: absolute;
  right: 0;
  width: 50%;
  height: 100%;
  top: 0;
}

.team2 .team_bg2 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}


.team2 .container {}

.team2_left {
  width: 100%;
}

.team2_right {
  width: 97.5%;
  display:Flex;
  justify-content:space-between;
  align-items:center;
}

.team2_left ul {
  width: 97.5%;
  margin-top: 35px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.team2_left ul li {
  width: 23%;
  box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.5);
}

.team2_left ul li img {
  width: 100%;
}

.team2_left ul li p {
  font-size: 14px;
  text-align: center;
  color: #fff;
  padding: 15px 0;
  background: rgba(0, 0, 0, 0.5)
}

.team2_left ul li span {
  display: block;
  font-weight: 600;
  padding-bottom: 5px;
  font-size: 16px;
}


.team2_right {
  margin-top: 90px;
}
.team_logo{width:60%;}
.partner{margin-top:40px;display:flex;flex-wrap:wrap;justify-content:left;}
.partner li{background:#fff;width:30%;height:130px;position:relative;margin-right:3%;}
.partner li:nth-child(n+4){margin-top:25px;}
.partner li img{width:130px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:block;margin:0 auto;}

.hg {
  color: #fff;
  background: #000;
  padding: 5px 10px;
  display: block;
  width: fit-content;
  font-size: 23px;
  border: 1px solid #fff;
  border-radius: 50px;
}

.view {
  padding: 150px 0;
  background: url('../index/images/view_bg.jpg')no-repeat;
  background-size: cover;
}

.view .container {
  overflow: hidden;
  width: 1400px;
}

.view .sec_tit h2 {
  text-align: center;
  color: #fff;
}

.view .sec_tit:before {
  display: none;
}

.viewLolling {
  position: relative;
  max-width: 1400px;
  margin: 50px auto 0;
  font-size: 0;
  text-align: center;
}

.view_slider {
  text-align: center;
  font-size: 0;
  margin: 60px auto 0;
  position: relative;
  padding: 150px 0 !Important;
}

.view_slider .swiper-slide {
  background: #000;
  transition: all 0.1s;
}

.view_slider .swiper-slide img {
  opacity: 0.5
}

.view_slider .swiper-slide-active {
  transform: translateZ(0) scale(1.8) !Important;
  z-index: 111;
}

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

.view_slider img {
  width: 100%;
}

/* 화살표 */
.viewLolling .viewbtn {
  width: 40px;
  height: 40px;
  background-size: cover;
  cursor: pointer;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 999;
}

.viewLolling .btn_prev {
  left: 50px;
  background: url('../index/images/view_prev.svg')no-repeat;
}

.viewLolling .btn_next {
  right: 50px;
  background: url('../index/images/view_next.svg')no-repeat;
}

.view_point {}

.view_point.swiper-slide-active {
  border: 5px solid #f39800;
}

.swiper-slide-active .medal {
  display: block;
}

.swiper-slide-active .view_txt {
  display: block;
}

.medal {
  position: absolute;
  display: none;
  top: 20px;
  right: 20px;
  width: 80px !important;
}

.view_txt {
  position: absolute;
  right: 0;
  bottom: 0;
  display: none;
  z-index: 9999;
  font-size: 11px;
  background: #f39800;
  color: #fff;
  padding: 3px 10px;
  /* border-radius: 50px; */
  font-weight: 600;
  width: 30%;
}


.clinic1 {
  padding: 150px 0;
}

.clinic1 .sec_tit h2 {
  text-align: Center;
}

.clinic1 .sec_tit:before {
  display: none;
}


.spjo {
  width: 1200px;
  margin: 0 auto;
  position: relative;
}

.spine {
  margin-top: 80px;
  background: #003686
}

.joint {
  background: #333
}

.spine .spjo_tit {
  background: url('../index/images/spjo_bg1.jpg')no-repeat #003686;
  background-position: right;
}

.joint .spjo_tit {
  background: url(../index/images/spjo_bg2.jpg)no-repeat #003686;
  background-position: right;
}

.spjo_tit {
  display: flex;
  padding: 70px;
  filter: grayscale(1);
}

.spjo_tit h2 {
  font-size: 28px;
  font-weight: 800;
  color: #fff8a3
}

.spjo_tit h5 {
  font-size: 18px;
  margin-left: 50px;
  line-height: 28px;
  font-weight: 600;
  color: #fff;
}

.more,
.clo {
  position: absolute;
  top: 150px;
  right: 30px;
  background: #2769cb;
  font-weight: 600;
  color: #fff;
  font-size: 22px;
  text-align: center;
  padding: 5px 20px;
  border-radius: 50px;
  border: 1px solid #fff;
  z-index: 9;

}

.spjo_open .spjo_tit {
  filter: grayscale(0);
}

.clo {
  display: none;
}

.spjo_open .clo {
  display: block;
}

.spjo_open .more {
  display: none;
}

.spjo_detail_wrap {
  display: none;
}

.spjo_detail_wrap1 {
  display: block;
}

.spjo_detail {
  display: Flex;
  background: #f8f8f8;
}

.spjo_box {
  padding: 50px;
}

.spjo_box1 {
  width: 60%;
}

.spjo_box2 {
  width: 40%;
  background: #eef1f5
}

.spjo_box span {
  display: block;
  width: fit-content;
  color: #fff;
  font-weight: 600;
  font-size: 22px;
  margin: 0 auto;
  padding: 3px 10px;
  border-radius: 50px;
  margin-bottom: 40px;
}

.box_tit1 {
  background: #013686
}

.box_tit2 {
  background: #000
}

.spjo_box1 img {
  width: 100%;
}

.pc_spjo {}

.m_spjo {
  display: none;
}

.spjo_box ul {
  display: flex;
  flex-wrap: wrap;
  padding-top: 60px;
}

.spjo_box ul li {
  width: 50%;
}

.spjo_box ul li div {
  width: 100px;
  height: 100px;
  background: #fff;
  border: 1px solid #e4e4e4;
  border-radius: 100px;
  padding: 20px;
  margin: 0 auto;
  position: relative;
}

.spjo_box ul li:hover div {
  border: 1px solid #f39800;
}

.spjo_box ul li:hover p {
  color: #f39800
}

.spjo_box ul li:nth-child(n+3) {
  margin-top: 30px;
}

.spjo_box ul li img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 45px;
  height: 45px;
}

.spjo_box ul li p {
  font-size: 18px;
  text-align: center;
  padding-top: 20px;
  font-weight: 600;
}

.non {
  padding: 150px 0;
  background: url('../index/images/non_bg.jpg')no-repeat;
  background-size: cover;
  background-attachment: fixed;
}

.non .sec_tit h2 {
  text-align: Center;
}

.non .sec_tit:before {
  display: none;
}

.non_tab {
  margin-top: 60px;
}

.non_tab .swiper-wrapper {
  justify-content: center;
  flex-wrap: wrap;
  width: 1000px;
  margin: 0 auto;
  transform: translate(0) !Important;
}

.non_tab .swiper-slide {
  cursor: pointer;
  background: #fff;
  border: 1px solid #023671;
  width: 240px !important;
  margin: 0 10px;
  border-radius: 50px;
}

.non_tab .swiper-slide:nth-child(n+4) {
  width: 230px !important;
  margin-top: 20px;
}

.non_tab .swiper-slide p {
  font-size: 20px;
  font-weight: 600;
  text-align: Center;
  padding: 10px;
  color: #023671;
}

.non_tab .swiper-slide-thumb-active {
  background: #023671
}

.non_tab .swiper-slide-thumb-active p {
  color: #fff;
  font-weight: 600;
}

.star_active {
  background: #023671
}

.star_active p {
  color: #fff;
  font-weight: 600;
}

.non_ctt {
  margin-top: 70px;
}

.non_ctt .swiper-slide {
  display: flex;
  justify-content: space-between;
  align-items: start;
}

.non_ctt_img {
  width: 40%;
  position: relative;
}

.non_ctt_img img {
  width: 100%;
  border-radius: 20px;
}

.non_swiper-pagination {
  left: 50% !important;
  bottom: 40px !important;
  right: auto;
  transform: translateX(-50%);
  position: absolute;
  z-index: 9;
  width: fit-content !important;
}

.non_ctt_img .swiper-pagination-bullet-active {
  border-radius: 50px;
  width: 30px;
  background: #1e87f0 !important
}

.non_ctt_img .swiper-pagination-bullet {
  background: #bbb;
  opacity: 1;
}

.non_ctt_txt {
  width: 60%;
  padding-left: 100px;
}

.non_ctt_txt h2 {
  font-size: 28px;
  color: #023671;
  font-weight: 800;
}

.non_ctt_txt .descript {
  font-size: 18px;
  padding-top: 20px;
  margin-top: 20px;
  border-top: 1px solid #e4e4e4;
  line-height: 32px;
}

.non_ctt_txt ul {
  flex-wrap: wrap;
  display: flex;
  margin-top: 30px;
  justify-content: space-between;
}

.non_ctt_txt ul li {
  width: 140px;
  height: 140px;
  border: 1px solid #dfdfdf;
  background: #fff;
  border-radius: 30px;
  padding: 20px 0;
}

.non_ctt_txt ul li img {
  width: 40px;
  height: 40px;
  display: block;
  margin: 0 auto;
  margin-top: 4px;
}

.non_ctt_txt ul li p {
  font-size: 15px;
  line-height: 20px;
  text-align: Center;
  padding-top: 12px;
}

.point {
  border-radius: 100px;
  margin-top: 50px;
}

.point img {
  width: 100%;
  margin: 0 auto;
  display: block;
}

.non_ctt_txt h2 span {
  display: block;
  font-size: 18px;
  background: #2c7db7;
  color: #fff;
  padding: 5px 20px;
  margin-top: 10px;
  border-radius: 50px;
  width: fit-content;
}

.descript strong {
  display: block;
  color: #f39800;
  font-size: 22px;
  margin-bottom: 10px;
}

.smrt li {
  height: 160px !important;
}

.caution {
  margin-top: 30px;
}

.caution strong {
  background: #9d2703;
  color: #fff;
  display: inline-block;
  padding: 3px 10px;
  border-radius: 50px;
  margin-right: 5px;
}

.caution p {
  color: #000;
  font-size: 18px;
  font-weight: 600;
}

.sap li {
  border-radius: 100px !important;
}

.sap li img {
  margin-top: 13px !Important;
}

.sap li:nth-child(n+5) {
  margin-top: 20px;
}

.star_tab {
  position: relative;
}

.star_tab img {
  position: absolute;
  width: 30px;
  left: 20px;
  top: -10px;
}



.shingles {
  padding: 150px 0;
}

.shingles .sec_tit h2 {
  text-align: Center;
}

.shingles strong {
  font-size: 22px;
  text-decoration: underline;
  color: #003686;
}

.shingles .sec_tit:before {
  display: none;
}

.shingles ul {
  margin-top: 50px;
}

.shingles ul li {
  display: flex;
  align-items: center;
  border: 1px solid #e4e4e4;
  border-radius: 200px;
  padding: 30px;
}

.shingles ul > li:nth-child(n+2) {
  margin-top: 50px;
}

.sh_img {
  width: 200px;
  border-radius: 200px;
  overflow: hidden;
}

.sh_img img {
  width: 100%;
}

.sh_txt {
  padding-left: 70px;
}

.sh_txt h2 {
  font-size: 28px;
  font-weight: 800;
  color: #003686;
}

.sh_txt p {
  font-size: 18px;
  line-height: 30px;
  margin-top: 20px;
}

.reverse {
  justify-content: space-between;
}

.sh_list_wrap {
  display: flex;
  margin-top: 20px;
}

.sh_list {
  display: flex;
  align-items: center;
  margin-right: 40px;
}

.sh_list_icon img {
  width: 60px;
  height: 60px;
  display: block;
}

.sh_list_txt span {
  display: block;
  padding-bottom: 10px;
  font-size: 20px;
  font-weight: 600;
}

.sh_list_txt {
  font-size: 16px;
  margin-left: 15px;
}

.sh_txt ul {
  display: Flex;
  margin-top: 0;
}

.sh_txt ul li {
  font-size: 16px;
  padding: 10px;
  margin-right: 10px;
  margin-top: 15px !important;
}

.program {}

.program ul {
  display: flex;
}

.program ul li {
  width: 33.333%;
  padding: 100px 70px;
}

.program ul li:nth-child(1) {
  background: url('../index/images/program_bg1.png')no-repeat #f8f8f8;
  background-size: cover;
  background-position: bottom;
}

.program ul li:nth-child(2) {
  background: url('../index/images/program_bg2.png')no-repeat #edeff7;
  background-size: cover;
  background-position: bottom;
}

.program ul li:nth-child(3) {
  background: url('../index/images/program_bg3.jpg')no-repeat #003686;
  background-size: cover;
  background-position: bottom;
  border: 10px solid #f3872b
}

.program ul li:nth-child(3) p b {
  font-size: 25px;
}

.program ul li strong {
  display: block;
  font-size: 28px;
  margin: 0 auto;
  font-weight: 800;
  text-align: center;
  color: #fff;
  padding: 3px 15px;
  border-radius: 50px;
  width: fit-content;
}

.program ul li:nth-child(1) strong {
  background: #7fbd3c;
}

.program ul li:nth-child(2) strong {
  background: #288137
}

.program ul li:nth-child(3) strong {
  background: #74c2ef;
}

.program ul li p {
  margin-top: 30px;
  font-size: 18px;
  text-align: center;
}

.program ul li p b {}

.program_list {
  margin-top: 40px;
}

.program ul li span:last-child {
  border-bottom: 0;
}

.program ul li span {
  font-weight: 600;
  width: 300px;
  margin: 0 auto;
  display: block;
  padding: 25px 10px;
  font-size: 18px;
  border-bottom: 1px dashed rgba(0, 0, 0, 0.1)
}

.program ul li span img {
  width: 40px;
  height: 40px;
  display: inline-block;
  margin-right: 7px;
  position: relative;
  top: -2px;
}

.checkbox {
  margin-top: 20px;
}

.checkbox img {
  width: 25px !Important;
  height: 25px !Important;
}

.checkbox span {
  padding: 15px 0 !Important;
}

.table_img {
  width: 90%;
  margin: 0 auto;
  margin-top: 20px;
}

.table_img img {
  width: 100%;
}

.program ul li:nth-child(3) span,
.program ul li:nth-child(3) p {
  color: #fff
}

.program ul li:nth-child(3) span {
  text-align: center;
}

.dosu {
  padding-top: 150px;
}

.dosu .sec_tit h2 {
  text-align: Center;
}

.dosu .sec_tit:before {
  display: none;
}

.dosu .container {
  width: 1400px;
}

.dosu_wrap1 {
  display: flex;
  align-items: center;
  margin-top: 70px;
  justify-content: space-between;
  z-index: 99;
  position: relative;
}

.dosu_doc {
  width: 40%;
}

.dosu_doc ul {
  display: flex;
  justify-content: space-between;
}

.dosu_doc ul li {
  width: 47%;
  position: relative;
  overflow: hidden;
  padding: 30px;
  border: 1px solid #e4e4e4;
  transition: all .5s;
  background: #fff;
}

.dosu_doc ul li img {
  width: 100%;
}

.dosu_doc ul li p {
  font-size: 20px;
  margin-top: 25px;
  text-align: center;
  font-weight: 600;
}

.dosu_doc ul li a {
  position: absolute;
  top: 150%;
  left: 50%;
  width: 150px;
  transform: translate(-50%, -50%);
  text-align: center;
  background: #f39800;
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  padding: 5px 10px;
  border-radius: 50px;
  z-index: 99;
  transition: all .5s;
}

.dosu_doc ul li:hover {
  box-shadow: 0 0 0 7px #f39800 inset;
  transition: all .5s;
}

.dosu_doc ul li:after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  content: "";
  display: block;
  opacity: 0;
}

.dosu_doc ul li:hover:after {
  opacity: 1;
  transition: all .5s;
}

.dosu_doc ul li:hover a {
  top: 50%;
  transition: all .5s;
}

.dosu_arrow {
  width: 30px;
}

.dosu_charac {
  width: 50%;
}

.dosu_charac ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap
}

.dosu_charac ul li {
  width: 23%;
  height: 100%;
  position: relative;
  border: 1px solid #e4e4e4;
}

.dosu_charac ul li img {
  width: 100%;
  height: 300px;
  object-fit: cover;
}

.dosu_charac ul li p {
  font-size: 16px;
  text-align: center;

  width: 100%;
  background: #003686;
  color: #fff;
  padding: 12px 0;
  font-weight: 600;
}

.therapy {
  background: #f8f8f8;
  margin-top: -150px;
  padding: 300px 0 150px 0;
  z-index: 0;
  position: relative
}

.therapy .container{width:1400px}
.deco {
  font-size: 80px;
  color: #e4e4e4;
  opacity: .3;
  font-weight: 800;
  position: absolute;
  top: 150px;
  left: 100px;
  z-index: -1;
}

.therapy_tit {
  width: 700px;
  margin: 0 auto;
  display: block;
}

.therapy ul {
  display: flex;
  justify-content: space-between;
  margin-top: 70px;
}

.therapy ul li {
  width: 16%;
  position: relative;
  overflow: hidden;
}

.therapy ul li img {
  width: 100%;
}

.therapy ul li p {
  background: #003686;
  font-weight: 600;
  color: #fff;
  font-size: 18px;
  padding: 15px;
  text-align: center;
}

.therapy ul li p b {}

.therapy ul li:hover .over_txt {
  top: 0;
  transition: all .5s;
}

.over_txt {
  background: rgba(0, 0, 0, 0.5);
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: 100%;
  transition: all .5s;
}

.over_txt b {}

.over_txt a {
  display: block;
  text-align: center;
  font-size: 18px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  color: #fff;
  line-height: 28px;
}

.over_txt span {
  display: block;
  font-size: 16px;
  color: #fff;
  border: 1px solid #fff;
  padding: 5px 15px;
  border-radius: 100px;
  margin: 0 auto;
  margin-top: 15px;
  width: fit-content;
  transition: all .5s;
}

.over_txt span:hover {
  background: rgba(0, 0, 0, 0.5);
  transition: all .5s;
}


.the_career {
  width: 1000px;
  display: none;
  margin: 0 auto;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 9999;
}

.the_img {
  width: 40%;
}

.the_img_slider {
  position: relative;
}

.the_img_slider img {
  width: 100%;
}

.the_txt {
  width: 60%;
  background: url(../index/images/sym_opacity.svg)no-repeat #fff;
  background-position: 110% 120%;
  padding: 70px;
  position: relative;
  background-size: 300px;
}

.the_career2{width:600px;}
.the_career2 .the_txt{width:100% !Important;}

.the_close {
  position: absolute;
  right: 0;
  top: 0;
  width: 40px;
  cursor: pointer;
}

.the_txt h2 {
  font-size: 18px;
  margin-bottom: 20px;
}

.the_txt h2 b {
  font-size: 20px;
  font-weight: 800;
}

.the_txt ul {
  padding: 10px 0;
}

.the_txt ul li {
  padding-bottom: 10px;
  font-size: 14px;
}

.the_txt ul span {
  font-weight: 800;
  padding-bottom: 15px;
  display: block;
  font-size: 16px;
}

.the_career_bg {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 9999;
  display: none;
}



.animated-title {
  position: relative;
  background: #003d8b;
  width: 100%;
  max-width: 100%;
  height: 90px;
}

.naver_btn {
  margin-top:60px;
}

.naver_btn img {
  width: 280px;
  margin:0 auto;display:block;
  animation: btnfly 0.6s infinite linear alternate;
}

@keyframes btnfly {
  from {
    top: -94px;
  }

  to {
    top: -80px;
  }
}

.animated-title .track {
  position: absolute;
  white-space: nowrap;
  will-change: transform;
  animation: marquee 40s linear infinite;
}

@keyframes marquee {
  from {
    transform: translateX(0);
  }

  to {
    transform: translateX(-50%);
  }
}


.board1 {
  padding: 150px 0;
}

.board1 .container {
  width: 1400px;
  display: flex;
  align-items: center;
}

.board1_img {
  width: 45%;
}

.board1_img img {
  width: 100%;
}

.board1_txt {
  width: 55%;
  padding-left: 100px;
}

.board1_txt h2 {
  font-size: 32px;
  font-weight: 800;
  color: #111;
}

.board1_txt h2 p {
  font-size: 18px;
  padding-top: 20px;
  border-top: 1px solid #e4e4e4;
  margin-top: 20px;
  line-height: 28px;
  color: #000;
  font-weight: 500;
}

.board1_txt ul {
  display: flex;
  padding-top: 30px;
  justify-content: space-between;
}

.board1_txt ul li {
  width: 30%;
}

.board1_txt ul li img {
  width: 100%;
}

.board1_txt ul li p {
  color: #fff;
  font-size: 16px;
  background: #003686;
  padding: 15px;
  text-align: center;
  margin-top: 0;
  font-weight: 600;
}


.board2 {
  padding: 150px 0;
  background: #f8f8f8;
}

.board2 .container {
  width: 1400px;
  display: flex;
  align-items: center;
}

.board2_img {
  width: 45%;
}

.board2_img img {
  width: 100%;
}

.board2_txt {
  width: 55%;
  padding-right: 100px;
}

.board2_txt span {
  background: #003686;
  color: #fff;
  font-size: 20px;
  margin-top: 30px;
  font-weight: 600;
  padding: 15px 15px;
  font-weight: 600;
  display: block;
  width: 100%;
  text-align: center;
}

.board2_txt span img {
  display: inline-block;
  margin-right: 10px;
  width: 20px;
  height: 20px;
  position: relative;
  top: -2px;
}

.board2_txt h2 {
  font-size: 32px;
  font-weight: 800;
  color: #111
}

.board2_txt h2 p {
  font-size: 18px;
  padding-top: 20px;
  border-top: 1px solid #e4e4e4;
  margin-top: 20px;
  line-height: 28px;
  color: #000;
  font-weight: 500;
}

.board2_txt ul {
  background: #fff;
  display: flex;
  padding: 30px 0;
  justify-content: space-between;
  border: 1px solid #e4e4e4;
  border-top: 0;
}

.board2_txt ul li {
  width: 20%;
  border-right: 1px solid #e4e4e4;
}

.board2_txt ul li:last-child {
  border-right: 0;
}

.board2_txt ul li img {
  width: 60px;
  height: 60px;
  margin: 0 auto;
  display: block;
}

.board2_txt ul li p {
  font-size: 16px;
  text-align: center;
  font-weight: 600;
  margin-top: 15px;
}


.board3 {
  padding: 150px 0;
}

.board3 .container {
  width: 1400px;
  display: flex;
  align-items: center;
}

.board3_img {
  width: 45%;
}

.board3_img img {
  width: 100%;
}

.board3_txt {
  width: 55%;
  padding-left: 100px;
}

.board3_txt strong {
  font-size: 24px;
  font-weight: 800;
  padding-bottom: 10px;
  display: block;
}

.board3_txt h2 {
  font-size: 32px;
  font-weight: 800;
  color: #111;
}

.board3_txt h2 p {
  font-size: 18px;
  padding-top: 20px;
  border-top: 1px solid #e4e4e4;
  margin-top: 20px;
  line-height: 28px;
  color: #000;
  font-weight: 500;
}

.board3_txt ul {
  background: #fff;
  display: flex;
  padding: 30px 0;
  justify-content: space-between;
  border: 1px solid #e4e4e4;
  margin-top: 30px;
}

.board3_txt ul li {
  width: 25%;
  border-right: 1px solid #e4e4e4;
}

.board3_txt ul li:last-child {
  border-right: 0;
}

.board3_txt ul li img {
  width: 60px;
  height: 60px;
  margin: 0 auto;
  display: block;
}

.board3_txt ul li p {
  font-size: 16px;
  text-align: center;
  font-weight: 600;
  margin-top: 15px;
}


.board4 {
  padding: 150px 0;
  background: #edeff7;
}

.board4 .container {
  width: 1400px;
  display: flex;
  align-items: center;
}

.board4_img {
  width: 45%;
}

.board4_img img {
  width: 100%;
}

.board4_txt {
  width: 55%;
  padding-right: 100px;
}

.board4_txt span {
  background: #003686;
  color: #fff;
  font-size: 20px;
  margin-top: 30px;
  font-weight: 600;
  padding: 15px 15px;
  font-weight: 600;
  display: block;
  width: 100%;
  text-align: center;
}

.board4_txt span img {
  display: inline-block;
  margin-right: 10px;
  width: 20px;
  height: 20px;
  position: relative;
  top: -2px;
}

.board4_txt h2 {
  font-size: 32px;
  font-weight: 800;
  color: #111;
}

.board4_txt h2 p {
  font-size: 18px;
  padding-top: 20px;
  border-top: 1px solid #e4e4e4;
  margin-top: 20px;
  line-height: 28px;
  color: #000;
  font-weight: 500;
}

.board4_txt ul {
  background: #fff;
  padding: 30px;
  justify-content: space-between;
  border: 1px solid #e4e4e4;
}

.board4_txt ul li {
  width: 100%;
  display: flex;
  padding: 15px 0;
  border-bottom: 1px dashed #e4e4e4;
}

.board4_txt ul li:last-child {
  border: 0;
}

.board4_txt ul li img {
  width: 20px;
  height: 20px;
  margin-right: 7px;
  display: inline-block;
}

.board4_txt ul li p {
  font-size: 16px;
  text-align: center;
  font-weight: 600;
}

.address {
  padding: 150px 0;
}

.address .sec_tit h2 {
  text-align: Center;
}

.address .sec_tit:before {
  display: none;
}

.ad_wrap2 {
  display: flex;
  justify-content: space-between;
  margin-top: 70px;
  width:100%;
}

.ad_wrap {
  display:none;
  display: flex;
  justify-content: space-between;
  margin-top: 70px;
  width:100%;
}

.ad_left {
  width: 40%;
  padding: 70px;
  background: #013d80;
  position: relative;
  overflow: hidden;
  animation: bgcolor 1s ease-in-out infinite alternate;
}

@keyframes bgcolor {
  0% {
    background: #013d80
  }

  100% {
    background: #2c56a3
  }
}

.ad_sym {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 50% !important;
  opacity: 0.1;
  transform: translate(-50%, -50%);
  animation: scale 1s ease-in-out infinite alternate;
}

@keyframes scale {
  0% {
    transform: translate(-50%, -50%) scale(1)
  }

  100% {
    transform: translate(-50%, -50%) scale(1.1)
  }
}

.ad_left img {
  width: 90%;
  padding-top: 10px;
}

.ad_right {
  width: 60%;
  padding: 100px;
  background: url('../index/images/time_bg.png')no-repeat #f8f8f8;
  background-size: cover;
}

.ad_right .time {
  width: 90%;
  margin: 0 auto;
}

.ad_btn {
  display: flex;
}

.ad_btn a {
  display: block;
  width: 225px;
  margin-top: 30px;
}

.ad_btn a:last-child {
  margin-left: 10px;
}

.ad_btn a img {
  width: 100%;
}



.customoverlay {
  position: relative;
  bottom: 85px;
  border-radius: 6px;
  border: 1px solid #ccc;
  border-bottom: 2px solid #ddd;
  float: left;
}

.customoverlay:nth-of-type(n) {
  border: 0;
  box-shadow: 0px 1px 2px #888;
}

.customoverlay a {
  display: block;
  text-decoration: none;
  color: #000;
  text-align: center;
  border-radius: 6px;
  font-size: 14px;
  font-weight: bold;
  overflow: hidden;
  background: #44b3f0;
  background: #f39800 url(https://t1.daumcdn.net/localimg/localimages/07/mapapidoc/arrow_white.png) no-repeat right 14px center
}

.customoverlay .title {
  display: block;
  text-align: center;
  background: #fff;
  margin-right: 35px;
  padding: 10px 15px;
  font-size: 14px;
  font-weight: bold;
}

.customoverlay:after {
  content: '';
  position: absolute;
  margin-left: -12px;
  left: 50%;
  bottom: -12px;
  width: 22px;
  height: 12px;
  background: url('https://t1.daumcdn.net/localimg/localimages/07/mapapidoc/vertex_white.png')
}

#section9{background:#f8f8f8;padding:130px 0;}
#section9 .container{overflow:hidden;position:relative;}
#section9 .sec_tit:before{margin:0 auto 50px auto;}
#section9 .sec_tit{text-align:Center;}
.review{width:1000px;margin:0 auto;overflow:hidden;margin-top:50px;}
.review_slide .swiper-slide img{width:100%;}
.pc_rv{display:block}
.m_rv{display:none;}
#section9 .main_tit{color:#fff;text-align:Center;}
.review_btn{display:Flex;justify-content:space-between;position:absolute;top:60%;left:50%;transform:translate(-50%,-50%);width:1200px;}
.review_btn svg{fill:#003686;width:50px;height:50px;cursor:pointer;}
.review-button-prev{transform:rotate(-180deg)}

@media screen and (max-width:1400px) {

}

@media screen and (max-width:799px) {
  .index {
    margin-top: 89px;
  }
  .slide-fix{display:none;}
  .pc_slide_fix{}
  .m_slide_fix{display:flex}
  .m_slide_fix a{width:33.3%;display:block;}
  .m_slide_fix a img{border-right:1px solid #e4e4e4;width:100%;}
  .m_slide_fix a:last-child img{border:0;}

  .slide {
    height: auto;
    background-position: center;
  }
  .slide_symbol{width:300px;bottom:-50px;left:-50px;}
  .slide_txt {
    width: 100%;
    text-align: center;
    flex-wrap:wrap;
  }

  .slide_txt h1 {
    font-size: 20px;
    line-height: 30px;
    width:100%;
  }


  .slide_txt img{width:50px;position:relative;top:0;left:0;display:block;margin:0 auto;opacity:0.5;margin-bottom:15px;}

  .slide_txt h1 span {
    font-size: 10px;
    letter-spacing: 1px;
  }

  .count .container {
    width: 100% !Important;
    display: block;
    text-align: center;
  }

  .count:before {
    display: none;
  }

  .count h4 {
    font-size: 18px;
    text-align: center;
    padding: 10px 0;
  }

  .num {
    display: none
  }

  .mb_num {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    padding: 20px 0;
    background: #002151;
  }

  .mb_num img {
    width: 250px;
  }

  .mb_num span {
    font-weight: 600;
    padding-left: 3px;
    font-size: 18px;
    color: #fff;
    display: inline-block;
  }

  .mb_num p {
    width: 100%;
    text-align: center;
  }

  .mb_num b {
    font-size: 15px;
    color: #fff;
    width: 100%;
    text-align: center;
    padding-top: 10px;
    font-weight: 600;
  }

  .sec_tit:before {
    margin: 0 auto;
    margin-bottom: 30px;
    width: 100px;

  }

  .sec_tit h2 {
    text-align: center;
    line-height: 27px;
    font-size: 25px;
  }

  .sec_tit h2 p {
    font-size: 16px;
    line-height: 24px;
    
    margin-top: 20px;
      }

  .sec_tit span {
    text-align: center;
    font-size: 11px;
    letter-spacing: 1px;
  }

  .sec_sym {
    width: 25px;
    margin-bottom: 10px;
  }

  .about {
    padding-top: 70px;
  }

  .about_wrap {
    margin-top: 50px;
  }

  .about_box {
    display: block;
    height: auto;
  }

  .about_img {
    width: 100%;
  }

  .about_txt {
    width: 100%;
  }

  .about_img img {
    height: 300px;
  }

  .ab_swiper-pagination {
    top: 25px !Important;
    right: 25px !important;
  }

  .about_txt {
    padding: 50px 30px;
  }

  .about_txt p {
    font-size: 15px;
    line-height: 34px;
  }

  .about_txt span strong {
    font-size: 15px;
  }

  .sym_opa {
    width: 200px;
    right: -20px;
    bottom: -20px;
  }

  .about_txt span {
    float: none;
  }

  .about_txt span b {
    font-size: 20px;
    padding: 0 5px;
  }


  .disease {
    padding-top: 70px;
  }

  .disease .container {
    display: block;
  }

  .disease:before {
    display: none;
  }

  .di_list {
    width: 100%;
    margin-top: 30px;
  }

  .disease_txt {
    width: 100%;
  }

  .di_list .swiper-slide span {
    font-size: 20px;
  }

  .di_list .swiper-slide p {
    font-size: 15px;
    line-height: 22px;
  }

  .swiper-scrollbar-drag:before {
    width: 15px;
    height: 15px;
  }

  .di_btn .swiper-button-next,
  .di_btn .swiper-button-prev {
    width: 25px;
    height: 25px;
  }

  .di_btn {
    margin-top: 10px;
  }

  .doc {
    padding: 70px 0 40px 0;
  }

  .doc_wrap {
    display: block;
    margin-top: 30px;
  }

  .doc_img {
    width: 100%;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
  }

  .doc_txt {
    width: 100%;
    margin-top: 10px;
  }


  .doc_img_sym {
    top: 60px;
    width: 95% !important;
    left: 50%;
    transform: translateX(-50%);}
  .doc_img p {
    font-size: 18px;
    padding: 10px;
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    text-align: center;
    order: 1;
  }

  .doc2 .doc_txt{width:100%}
  .doc_txt ul li i{display:block;margin-left:12px}
  .doc_txt ul strong{font-size:14px;}
  .badge {width: 110px;position: absolute; right: -10px;top: 48px;}
  .name {
    text-align: Center;
  }

  .name b {
    font-size: 20px;
    color: #003686
  }


  .doc_txt ul li {
    font-size: 15px;
    line-height: 25px;
    padding-bottom: 7px;
  }

  .doc_txt ul li span {
    font-size: 12px;
    line-height: 21px;
    color: #999
  }

  .doc3{padding-top:0;}

  .hg {
    font-size: 15px;
  }

  .team_doc {
    padding: 70px 0;
    background-position: center;
  }
  .team_logo{margin-top:20px;width:100%;}
  .partner{justify-content:space-between;}
  .partner li{width:48%;margin-right:0;}
  .partner li:nth-child(n+3){margin-top:15px;}
  .team_bg,
  .team_bg2 {
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    top: 0;
    z-index: 0;
    opacity: .3;
  }

  .team_tit {
    text-align: center;
  }

  .team_doc .container {
    z-index: 1;
    position: relative;
    width:90%;
    flex-wrap:wrap
  }
  .team_doc_left{width:100%;padding:0;}
  .team_doc_left h4{font-size: 18px;
    line-height: 28px;text-align:center;}
  .team_doc_left p{font-size: 15px;
    margin-top: 20px;
    line-height: 27px;text-align:center;}
  .team_doc_left img{width:100%;margin-top:20px;}
  .team_doc_right{padding:0;width:100%}

  .team_tit h4 {
    font-size: 18px;
    line-height: 28px;
  }

  .pq {
    padding-top: 30px;
  }

  .team_tit p {
    font-size: 15px;
    padding-top: 20px;
    line-height: 27px;
  }

  .team1 ul {
    width: 100%;
    flex-wrap: wrap;
    align-items: center;
    margin-top: 40px;
  }

  .team1 ul li {
    width: 32.5%;
  }

  .team1 .gif {
    outline: 5px solid #425ef3;
    box-shadow: 0px 0px 10px #000;
    z-index: 1;
    position: relative;
  }

  .team1 ul li:nth-child(1) {
    width: 35%;
  }

  .team1 ul li:nth-child(n+4) {
    margin-top: 25px;
  }

  .team2 {
    padding: 50px 0 70px 0;
  }

  .team2_right {
    width: 100%;
    margin-top: 40px;
    flex-direction: column-reverse;
    flex-wrap: wrap;
  }

  .hg {
    margin: 0 auto;
    margin-top: 20px;
  }

  .team2_left ul li {
    width: 48%
  }

  .team2_left ul li:nth-child(n+3) {
    margin-top: 25px;
  }

  .team2 .team_tit {
    text-align: center;
    width:100%;
  }

  .team2_right ul li img {
    width: 110px;
  }

  .team2_left ul li p {
    font-size: 12px;
    line-height: 18px;
  }

  .team2_left ul li span {
    font-size: 14px;
    padding-bottom: 6px;
  }

  .team_bg,
  .team_bg2 {
    overflow: hidden;
  }

  .team_bg img {
    transform: scale(1.4);
    object-position: left;
  }

  .view {
    padding: 70px 0;
  }

  .viewLolling {
    max-width: 100%;
    margin: 0;
  }

  .view_slider {
    padding: 0 !important;
    margin: 30px 0 0 0 !Important;
  }

  .view_slider .swiper-slide-active {
    transform: translateZ(0) scale(1) !Important;
  }

  .viewLolling .btn_next {
    right: 15px;
    width: 25px;
    height: 25px;
  }

  .viewLolling .btn_prev {
    left: 15px;
    width: 25px;
    height: 25px;
  }

  .medal {
    top: 10px;
    right: 10px;
  }

  .view_txt {
    width: 40%
  }

  .clinic1 {
    padding: 70px 0;
  }

  .spjo {
    width: 100%;
  }

  .spine {
    margin-top: 30px;
  }

  .spine .spjo_tit,
  .joint .spjo_tit {
    background-size: cover;
  }

  .spjo_tit {
    padding: 40px 30px;
    display: block;
  }

  .more,
  .clo {
    font-size: 14px;
    top: 20px;
    right: 20px;
  }

  .spjo_tit h2 {
    text-align: center;
    font-size: 18px;
    text-align: left;
  }

  .spjo_tit h5 {
    text-align: left;
    margin-top: 10px;
    font-size: 14px;
    margin-left: 0;
    line-height: 25px;
    font-weight: 400;
  }

  .spjo_detail {
    display: block
  }

  .spjo_box {
    width: 100% !important;
    padding: 40px 20px;
  }

  .spjo_box span {
    font-size: 17px;
    margin-bottom: 20px;
  }

  .spjo_box ul {
    padding-top: 10px;
  }

  .spjo_box ul li img {
    width: 40px;
    height: 40px;
  }

  .spjo_box ul li div {
    width: 70px;
    height: 70px;
    padding: 14px;
  }

  .spjo_box ul li p {
    font-size: 15px;
    padding-top: 7px;
  }

  .spjo_box ul li:nth-child(n+3) {
    margin-top: 20px;
  }

  .pc_spjo {
    display: none;
  }

  .m_spjo {
    display: block;
  }

  .non {
    padding: 70px 0;
    background-size: cover;
  }

  .non .container {
    width: 95% !important;
  }

  .non_tab {
    margin-top: 30px;
  }

  .non_ctt {
    margin-top: 30px;
  }

  .non_ctt .swiper-slide {
    display: block;
  }

  .non_ctt_img {
    width: 100%
  }

  .non_ctt_txt {
    padding-left: 0;
    width: 100%;
    margin-top: 20px;
  }

  .non_ctt_txt h2 {
    font-size: 18px;
  }

  .non_ctt_txt .descript {
    font-size: 14px;
    line-height: 25px;
  }

  .non_ctt_txt ul {
    width: 300px;
    margin: 0 auto;
    margin-top: 30px;
  }

  .non_ctt_txt ul li {
    width: 48%;
    height: auto;
  }

  .non_ctt_txt ul li:nth-child(n+3) {
    margin-top: 12px;
  }

  .non_ctt_txt ul li p {
    font-size: 13px;
    line-height: 18px;
    padding-top: 9px;
  }

  .non_tab .swiper-slide p {
    font-size: 12px;
  }

  .non_tab .swiper-wrapper {
    width: 100%;
    justify-content: space-between;
  }

  .non_tab .swiper-slide {
    width: 32% !Important;
    margin: 0 !Important;
  }

  .non_tab .swiper-slide:nth-child(n+4) {
    width: 32% !important;
    margin-top: 5px !important;
  }

  .point {
    border-radius: 20px;
  }

  .point img {
    width: 100%
  }

  .non_ctt_txt h2 span {
    font-size: 15px;
  }

  .descript strong {
    font-size: 16px;
  }

  .smrt li {
    height: auto !important;
  }

  .caution p {
    font-size: 14px;
    text-align: center;
  }

  .star_tab img {
    width: 20px;
    left: 5px;
    top: -5px;
  }

  .non_ctt_txt a {
    font-size: 14px;
    margin: 0 auto;
    margin-top: 20px;
  }

  .sap li {
    border-radius: 20px !important;
  }

  .sap li img {
    margin-top: 0 !Important;
  }

  .shingles {
    padding: 70px 0;
  }

  .shingles ul {
    margin-top: 30px;
  }

  .shingles ul li {
    flex-wrap: wrap;
    border-radius: 20px;
    padding: 30px 20px;
  }

  .shingles ul > li:nth-child(n+2) {
    margin-top: 30px;
  }

  .shingles strong {
    font-size: 17px;
  }

  .sh_txt {
    padding-left: 0;
    padding-top: 20px;
    width: 100%;
  }

  .sh_img {
    width: 50%;
    margin: 0 auto;
  }

  .sh_txt h2 {
    font-size: 18px;
    text-align: center;
  }

  .sh_txt p {
    font-size: 14px;
    line-height: 24px;
    text-align: center;
  }

  .sh_list_txt span {
    display: block;
    padding-bottom: 10px;
    font-size: 14px;
    text-align: center;
  }

  .sh_list_txt {
    font-size: 14px;
    text-align: center;
    margin-left: 0;
  }

  .sh_list {
    display: block;
    padding: 0 10px;
    margin-right: 0;
  }

  .sh_list_icon img {
    width: 50px;
    height: 50px;
    display: block;
    margin: 0 auto;
    margin-bottom: 10px;
  }

  .sh_txt ul {
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 10px !Important;
  }

  .sh_txt ul li {
    width: 48%;
    margin: 0 1%;
    padding: 10px;
    font-size: 14px;
    text-align: center;
    display: block;
    margin-top: 8px !important;
  }

  .program ul {
    display: block;
  }

  .program ul li {
    width: 100%;
    padding: 70px 20px;
  }

  .program ul li strong {
    font-size: 18px
  }

  .program ul li p {
    font-size: 15px;
    margin-top: 15px;
  }

  .program ul li span {
    width: 300px;
    padding: 10px;
    font-size: 15px;
  }

  .program_list {
    margin-top: 20px;
  }

  .program ul li span img {
    width: 30px;
    height: 30px;
  }

  .program ul li:nth-child(3) p b {
    font-size: 18px;
  }

  .checkbox {
    margin-top: 10px !Important;
  }

  .checkbox span {
    padding: 10px 0 !Important;
  }

  .checkbox img {
    width: 15px !Important;
    height: 25px !Important;
  }

  .table_img {
    width: 100%;
  }

  .dosu {
    padding-top: 70px;
  }

  .dosu_wrap1 {
    flex-wrap: wrap;
    margin-top: 30px;
  }

  .dosu_doc {
    width: 100%
  }

  .dosu_doc ul li {
    padding: 20px 10px;
  }

  .dosu_doc ul li p {
    font-size: 15px;
    margin-top: 8px;
  }

  .dosu_charac ul li {
    width: 48%
  }

  .dosu_charac ul li:nth-child(n+3) {
    margin-top: 12px;
  }

  .dosu_charac ul li img {
    height: 150px;
  }

  .dosu_doc ul li:hover a {
    top: 0;
  }

  .dosu_doc ul li:after {
    display: none;
  }

  .dosu_doc ul li a {
    position: relative;
    top: 0;
    transform: translate(0);
    left: 0;
    margin: 0 auto;
    display: block;
    width: 90%;
    margin-top: 10px;
    font-size: 13px;
  }

  .dosu_charac {
    width: 100%
  }

  .dosu_arrow {
    width: 25px;
    transform: rotate(90deg);
    margin: 30px auto;
  }

  .dosu_charac ul li p {
    font-size: 15px;
  }

  .deco {
    font-size: 39px;
    top: 176px;
    left: 10px;
  }

  .therapy {
    margin-top: -150px;
    padding: 250px 0 30px 0;
  }

  .therapy_tit {
    width: 100%;
  }

  .therapy ul {
    margin-top: 30px;
    flex-wrap: wrap;
  }

  .therapy ul li {
    width: 90%;
    margin: 0 auto;
  }

  .therapy ul li:nth-child(n+2) {
    margin-top: 15px;
  }

  .therapy ul li p {
    font-size: 16px;
  }

  .non_swiper-pagination {
    bottom: 20px !Important;
  }

  .over_txt {
    top: 0;
    position: relative;
    background: #17204d;
    padding: 20px 0;
  }

  .over_txt a {
    position: unset;
    transform: translate(0);
  }

  .over_txt a {
    font-size: 14px;
    line-heighT: 22px;
  }

  .over_txt span {
    font-size: 13px;
    padding: 1px 15px;
    margin-top: 9px;
  }

  .the_career {
    flex-wrap: wrap;
    width: 90%;
  }

  .the_img {
    width: 100%
  }

  .the_img_slider img {
    width: 100%;
    height: 250px;
    object-fit: cover;
  }

  .the_txt {
    width: 100%;
    padding: 30px 20px;
    height: 250px;
    overflow-y: scroll;
  }

  .the_txt h2 {
    font-size: 16px;
  }

  .the_txt ul span {
    font-size: 15px;
    padding-bottom: 10px;
  }

  .the_txt ul li {
    font-size: 12px;
  }

  .the_close {
    width: 30px;
  }

  .animated-title {
    height: auto;
    background: none;
  }

  .animated-title img {
    display: inline-block;
    width: 700px;
  }

  .animated-title .track {
    animation: marquee 30s linear infinite;
  }

  .track {
    background: #003d8b
  }

  .naver_btn {
    width: 100%;
    position: relative;
    transform: translate(0, 0);
    top: 0;
    left: 0;
    background: #f8f8f8;
    padding-bottom: 30px;
  }

  .naver_btn img {
    display: block;
    position: relative;
    top: 0;
    right: 0;
    width: 200px !Important;
    animation: none;
    margin: 0 auto;
  }

  .board1 {
    padding: 90px 0 70px 0;
  }

  .board1 .container,
  .board2 .container,
  .board3 .container,
  .board4 .container {
    flex-wrap: wrap;
  }

  .board1_img,
  .board1_txt,
  .board2_img,
  .board2_txt,
  .board3_img,
  .board3_txt,
  .board4_img,
  .board4_txt {
    width: 100%;
  }

  .board1_txt,
  .board2_txt,
  .board3_txt,
  .board4_txt {
    margin-top: 20px;
  }

  .board1_txt {
    padding-left: 0;
  }

  .pic_lt {
    margin-top: 0 !important;
  }

  .pic_tit {
    font-size: 15px !Important
  }

  .board1_txt h2,
  .board2_txt h2,
  .board3_txt h2,
  .board4_txt h2 {
    font-size: 18px;
  }

  .board1_txt h2 p,
  .board2_txt h2 p,
  .board3_txt h2 p,
  .board4_txt h2 p {
    font-size: 14px;
    line-height: 24px;
  }

  .board1_txt ul li {
    width: 32%;
  }

  .board1_txt ul li p {
    font-size: 13px;
    padding: 15px 5px;
  }

  .board2 {
    padding: 70px 0;
  }

  .board2_txt {
    padding-right: 0;
  }

  .board2 .container {
    flex-direction: column-reverse;
  }

  .board2_txt span {
    font-size: 15px;
  }

  .board2_txt ul {
    flex-wrap: wrap;
    justify-content: center;
  }

  .board2_txt ul li {
    width: 33.3%;
  }

  .board2_txt ul li:nth-child(n+4) {
    margin-top: 30px;
  }

  .board2_txt ul li:nth-child(3) {
    border-right: 0;
  }

  .board2_txt ul li p {
    font-size: 14px;
  }

  .board3 {
    padding: 70px 0;
  }

  .board3_txt {
    padding-left: 0;
  }

  .board3_txt strong {
    font-size: 18px;
  }

  .board3_txt ul {
    padding: 0
  }

  .board3_txt ul li {
    border-right: 0;
    padding: 10px 0;
  }

  .board3_txt ul li:nth-child(2n) {
    background: #f8f8f8;
  }

  .board3_txt ul li img {
    width: 40px;
    height: 40px;
  }

  .board3_txt ul li p {
    font-size: 13px;
  }

  .board4 {
    padding: 70px 0;
  }

  .board4_txt {
    padding-right: 0;
  }

  .board4_txt h2 {
    padding-top: 20px;
  }

  .board4 .container {
    flex-direction: column-reverse;
  }

  .board4_txt span {
    font-size: 15px;
  }

  .board4_txt ul {
    padding: 20px 30px;
  }

  .board4_txt ul li p {
    font-size: 14px;
  }

  .address {
    padding: 70px 0;
  }

  .ad_wrap2 {
    display: block;
    margin-top: 30px;
  }
  .ad_wrap {
    display: none;
    margin-top: 30px;
  }

  .ad_left {
    width: 100%;
    padding: 30px;
  }

  .ad_left img {
    width: 200px;
  }

  .ad_right {
    width: 100%;
    padding: 30px 20px;
  }

  .ad_right .time {
    width: 100%;
  }

  .map {
    display: block;
  }

  .map_img {
    width: 100%;
  }

  .map_txt {
    width: 100%;
    top: 0;
    padding: 50px 10px;
  }

  .map_txt h2 {
    font-size: 18px;
    padding: 0 20px;
  }

  .map_txt p {
    font-size: 16px;
    padding: 0 20px;
    margin-top: 20px;
  }

  .map_txt strong {
    width: 20px;
    height: 20px;
    line-height: 20px;
  }

  .map_btn {
    padding: 0 20px;
    width: 160px;
    display: block;
    margin-left: 0;
    position: relative;
    top: 0;
    margin-top: 20px;
  }

  .map_detail {
    width: 100%;
  }

  .map_box_wrap {
    padding: 30px 20px;
  }

  .map_pop {
    width: 90%;
    height: 500px;
  }

  .map_tab li a {
    font-size: 12px;
  }

  .map_pop h2 {
    font-size: 18px;
  }

  .map_pop h2 span {
    font-size: 16px;
  }

  .map_pop_close {
    right: 20px;
    top: 20px;
    width: 20px;
  }

  #api {
    height: 300px !important;
  }

  #section9{padding:70px 0;}
  .review{width:95%;margin:0 auto;overflow:hidden;margin-top:30px;}
  .review_btn{z-index:10;width:100%;top:70%;}
  .review_btn  div{background:#fff;border-radius:50px;}
  .review_btn svg{width:30px;height:30px;fill:#20554d}
  .pc_rv{display:none}
  .m_rv{display:block;}
}

/* 지점소개 */
li { list-style: none; } i, em, address { font-style: inherit; } img { max-width: 100%; }
.content_inner { margin: 0 auto; max-width: 1280px; width: 95%; }
.sec10 {gap: 0; background: url('../img/sec1_bg.png') no-repeat 0 0 / cover; }

.s1_tit { }
.s1_tit em { color: #003686; }
.s1_tit i { line-height: 1; display: block; font-size: 3rem; font-weight: 400; color: #2b2b2b; }

.s1_wrap { display: flex; gap: 2rem; }
.s1_wrap .map_wrap { position: relative; max-width: 520px; width: 100%; line-height: 0; }

.s1_wrap .map_wrap .icon { position: absolute; width: 5rem; height: 10rem; background: url('../img/icon_map_view.png') no-repeat center / contain; transition: .5s; transform: translate(-50%, -100%); cursor: pointer; }
.s1_wrap .map_wrap .icon:hover, .s1_wrap .map_wrap .icon.on { width: 6rem; height: 12rem; background: url('../img/icon_map_view_hover.png') no-repeat center / contain; }
.s1_wrap .map_wrap .icon i { position: absolute; bottom: 0; left: -85px; width: 100px; height: 30px; display: flex; justify-content: center; align-items: center; white-space: nowrap; border-radius: 20px; font-size: 14px; font-weight: 700; letter-spacing: -0.03em; background: #00295b; color: #fff; }
.s1_wrap .map_wrap .icon:hover i, .s1_wrap .map_wrap .icon.on i { background: #f39800; transform: scale(1.2); bottom: 10px; }
.s1_wrap .map_wrap .icon.shop3 i { left: auto; right: -85px; }
.s1_wrap .map_wrap .icon.shop4 i { left: auto; right: -85px; }

/* icon position */
.shop1 {top: 30%;left: 20%;}
.shop2 {top: 45%;left: 32%;}
.shop3 { top:37%;left: 40%; }
.shop4 { top:71%;left: 36%;}

/* shop layout */
.shop_wrap { width: 100%; }
.shop_slide_wrap { display: flex; width: 100%; height: 90%; }

.left_slider, .right_slider { overflow: hidden; position: relative; box-shadow: 5px 5px 5px rgba(0,0,0,0.3); }
.left_slider { width: 60%; border-radius: 100px 0 0 0; }
.right_slider { width: 50%; height: 65%; margin-left: -7%; margin-top: 20%; border-radius: 0 100px 0 0; }

.left_slider img, .right_slider img { width: 100%; height: 100%; object-fit: cover; position: absolute; top: 0; left: 0; opacity: 0; transition: .3s; }
.left_slider img.on, .right_slider img.on { opacity: 1; }

.shop_txt_wrap { width: 90%; max-width: 620px; margin: 0 auto; position: relative; }
.shop_txt_wrap li { opacity: 0; pointer-events: none; box-shadow: 5px 5px 5px rgba(0,0,0,0.3); padding: 2.5rem; border-radius: 20px; background: #fff; position: absolute; width: 100%; height: auto; transform: translateY(-50%); }
.shop_txt_wrap li.on { opacity: 1; pointer-events: auto; }
.shop_txt_wrap .clinic_logo { max-width: 350px; margin-bottom: 20px; }

.shop_a { display: flex; align-items: flex-start; line-height: 1.5; gap: 1rem; font-size: 20px; font-weight: 700; }
.shop_a::before { content: ''; width: 1.5em; aspect-ratio: 1/1; flex-shrink: 0; }
.shop_a.tel::before { background: url('../img/shop_a_tel.png') no-repeat center / contain; margin-bottom: 1rem; }
.shop_a.way::before { background: url('../img/shop_a_way.png') no-repeat center / contain; }

.shop_wrap .a_shop { width: 100%; display: flex; gap: 2rem; margin-top: 1rem; }
.shop_wrap .a_shop a { width: 100%; font-size: 20px; font-weight: 700; display: flex; align-items: center; justify-content: center; padding: 3px 20px; border-radius: 30px; transition: .3s; }

.shop_wrap .a_shop .naver_map { background: #fff; border: 2px solid #f39800; }
.shop_wrap .a_shop .naver_map:hover { background: #f39800; color: #fff; }
.shop_wrap .a_shop .home { background: #fff; border: 2px solid #003686; }
.shop_wrap .a_shop .home:hover { background: #003686; color: #fff; }

/* media queries */
@media (max-width: 1280px) {
  .s1_tit { font-size: 5rem; }
  .s1_wrap { flex-direction: column-reverse; align-items: center;margin-top:40px;}
  .shop_wrap { margin: 0 auto; max-width: 800px; }
  .shop_slide_wrap { min-height: 400px; }
  .right_slider { min-height: 250px; height: 70%; margin-top: 10%; }

}

@media (max-width: 900px) {
  .s1_tit { font-size: 3.5rem; margin-bottom: 3.5rem; }
  .s1_tit i { font-size: 2rem; }
  .s1_wrap { gap: 100px; }
  .shop_a { font-size: 20px; }
  .right_slider { min-height: 300px; }
  .shop_txt_wrap .clinic_logo { width: 50vw; }
  .shop_wrap .a_shop { gap: 0 10px; }
  .shop_wrap .a_shop a { position: relative; top: 0; left: 0; margin-top: 1rem; display: inline-block; text-align: center; }
  .shop_txt_wrap li { transform: translateY(-30%); }

}

@media (max-width: 500px) {
  .sec10 {padding:0px 0;}
  .s1_tit { font-size: 2.8rem; }
  .s1_tit i { font-size: 1.6rem; }
  .s1_wrap { gap: 0px; }
  .shop_slide_wrap { min-height: 300px; }
  .right_slider { min-height: 240px; }
  .shop_txt_wrap li { padding: 1.7rem; }
  .shop_txt_wrap .clinic_logo { width: 80%; }
  .shop_a, .shop_wrap .a_shop a { font-size: 4vw;padding:3px 6px;margin-top:0;}
  .s1_wrap .map_wrap{margin-top:130px;}
  .s1_wrap .map_wrap .icon { width: 4rem; height: 8em; }
  .s1_wrap .map_wrap .icon:hover, .s1_wrap .map_wrap .icon.on { width: 4.5rem; height: 9rem; }
  .s1_wrap .map_wrap .icon i { left: 30px;bottom:auto;top:10px;position: absolute; width: 100px; height: 28px;padding: 0 8px;font-size: 14px;}
  .s1_wrap .map_wrap .icon.shop1 i {left:42px;}
  .s1_wrap .map_wrap .icon.shop2 i {left: auto; right: 40px; }
  .s1_wrap .map_wrap .icon.shop3 i {left:40px;}
  .s1_wrap .map_wrap .icon.shop4 i {left:40px;}
  .s1_wrap .map_wrap .icon:hover i, .s1_wrap .map_wrap .icon.on i {transform: scale(1)}
}










/* 네트워크 */
.soxx{
  background: url('../img/sec9_bg.png') no-repeat 50% 50% / cover;
}

.s2_tit{
  font-size: 40px;
  font-weight: 700;
  text-align: left;
  margin-bottom: 3rem;
  color: #000;
}
.s2_tit em{
  color: #003686;
}
.s2_tit i{
  /* line-height: 1; */
  display: block;
  font-size: 20px;
  font-weight: 400;
  color: #2b2b2b;
  margin-bottom:15px;
}
.s2_wrap{
  display: flex;
  align-items:center;
  gap: 0rem;
  
}
.s2_img, .s2_txt{width: 100%;}
.s2_img{
  align-self: flex-end;
  line-height: 0;
  position: relative;
}
.s2_img img{
  position: relative;
}
.s2_img::before{
  content: '';
  position: absolute;
  top: 0;
  left: 50%;
  width: 80%;
  height: 100%;
  transform: translate(-50%, -40px);
  background: url('../img/h_bg.png') no-repeat 50% 50% / contain;
}



.s2_txt p{font-size:24px;font-weight:600;line-height:1.5;}
.s2_txt strong{
    background: #003686;color: #fff;font-size: 20px;padding: 5px 10px; margin-top: 10px; display: block;width: fit-content;
}
@media screen and (max-width:799px){
  .history{padding:60px 0}
  .history h4{font-size:14px;padding:15px;}
  .history .container{margin-top:10px;display:flex;width:90%;flex-wrap:wrap}
  .year{width:100%;margin-top:25px;}
  .year_tit{font-size:22px;padding-left:24px;}
  .year_tit:before{left:44px;}
  .month_tit{font-size:15px;margin-right:30px;}
  .full_line{left:50px;}
  .year ul li p span{font-size:13.5px}
  .year ul li p i{font-size:13px;}
  .year ul li p span:after {left: -23px;top: 6px;}

 
  .s2_tit{margin-bottom:20px;}
  .s2_tit i{font-size:16px;}
  .s2_tit{font-size: 22px;}
  .s2_txt p{font-size:16px;}
  .s2_txt strong{font-size:16px;}
  .sec2 .innerTop{padding-top: 0px;}
  .s2_wrap{flex-direction: column;}
  .s2_img{
    max-width: 700px;
    /* align-self: center; */
  }
}