/**공통**/

/*메인상단*/
.page-wrapper header{padding-left: 70px; transition: all 0.3s ease;}
.page-wrapper footer{padding-left: 0px; transition: all 0.3s ease;}
.page-wrapper.toggled header,
.page-wrapper.toggled footer{padding-left: 290px; transition: all 0.3s ease;}

header{position: relative; background-color: #fff;}
.tnb{padding: 26px 42px; width: 100%}
.tnb:after{content: ''; clear: both; display: block}
.tnb a{/*display:inline-block;*/ color: #484951; vertical-align: middle; margin-right: 20px; font-size: 1.1em;}
.tnb a:last-child{margin-right: 0;}
.tnb a img{margin-right:6px; vertical-align: middle; margin-bottom: 2px;   max-width: 18px;}

/*ad241017*/


header#clinic {display: flex; align-items: center; }
.ad241017 {width: 100%; display: flex;  justify-content: right;}
.ad241017 a {text-align: center; width: 100%;  display: flex; gap: 10px; align-items: center; margin: 5px; padding: 25px 27.5px; background: linear-gradient(45deg, #e7e6ed, #ffffff);
  background-size: 400% 400%;  animation: background-gradient 25s ease infinite; color: #000; border-radius: 10px; flex-direction: column; flex-wrap: wrap}/*
@keyframes scroll-animation{
  0%{
    left: 0;
  }
  100%{
    left: -512.44px;
  }
}*/
@keyframes background-gradient {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}

.fix-text{ white-space: nowrap;}
.fix-text span {  font-weight: 700; padding: 2px 5px; background: hsla(53, 90%, 83%, 0.93); color: #183579; border-radius: 5px }
.fix-text p {  font-weight: 700; font-size: 16px; letter-spacing: -0.2px}
.fix-text b { display: none}/*
.scroll-text{  width: 100%;  overflow: hidden;}
.scroll-track{  position: relative;  width: 2800px;  animation: scroll-animation 10s linear infinite;}
.scroll-track p{ float: left;  width: fit-content;  font-size: 20px; font-weight: 700}*/
.scroll-text {  width: 100%;}
.scroll-track {  width: 100%;}
.scroll-track p{ text-align: center; width: 100%;  font-size: 2em; line-height: 1.35em;     text-align-last: justify;font-weight: 500 }
.scroll-track p i {font-size: 0.7em}
.scroll-track p span {color: #183579; font-weight: 700;box-shadow: inset 0 -10px 0 hsla(53, 90%, 83%, 0.93); }/*
.scroll-track p b {font-weight: 300!important; opacity: 0.2; padding: 0 10px}*/
@media screen and (max-width: 1200px) {
  header#clinic {flex-wrap: wrap; padding-right: 10px}
  header#clinic .tnb {padding-bottom: 10px}
  header#clinic .ad241017 a {max-width: unset; margin-bottom: 10px}
}
@media screen and (max-width: 550px) {
  header#clinic .tnb  {
    padding: 26px 5px 10px 5px;
  }
  .scroll-track{
    animation: scroll-animation 15s linear infinite;
  }
  .ad241017 a {
  }
/*
  .fix-text > span { display: none}
  .fix-text > p { display: none}
  .fix-text b { display: block; text-align: center}
  .fix-text b span{ display: block}
  .fix-text b i {font-size: 0.9em}*/
}
/*서브타이틀*/
main{min-height: calc(100vh - 200px);}
h2{color: #707070; opacity: 0.5; margin-bottom: 37px;}
h2 strong{font-size: 2.2em; font-weight: 400;}
h2 span{font-size: 1.1em; font-weight: 400; display: inline-block; margin-left: 16px;}
h3{font-size: 1.5em; color: #373844; opacity: 0.54; margin-bottom: 20px; font-weight: 600;}

section{margin-bottom: 40px;}

/*카피라이터*/
footer{background-color: #F6F6F6;}
footer .copy{padding: 26px 42px;}
footer h1{color: #78787B; font-weight: 600; margin-bottom: 6px;}
footer .copy li{display: inline-block; color: #78787B;;}
footer.adm{background-color: #FFFFFF; border-top:1px solid #F6F6F6; }
footer.adm .copy{padding: 26px 42px;}
footer.adm h1{color: #C9C9C9; font-weight: 600; margin-bottom: 6px;}
footer.adm .copy li{display: inline-block; color: #C9C9C9;;}
footer.adm p{ color: #C9C9C9;;}



@media screen and (max-width:950px) {
  .page-wrapper.toggled header{padding-left: 70px;}
  .page-wrapper.toggled .page-content,
  .page-wrapper.toggled footer{padding-left: 0px;}
}

@media screen and (max-width:850px) {
  .tnb{display: flex; align-items: center; padding-top:16px; padding-bottom:16px;}
  .tnb a{width: 100%; text-align: center;    margin-right: 5px;    font-size: 1em;    font-weight: 600;}
  .tnb a img{margin-right: 0; }
  .tnb a span{display: block; margin-top: 10px; font-size: 0.9em; line-height: 1.2em;}
  .page-wrapper .page-content > div{padding: 50px 20px;}
  footer .copy{padding:20px 10px!important;   font-size: 0.8em;}
  .tnb a img {    width: 25px; max-height: 17px; }
}

@media screen and (max-width:550px) {
  .tnb a img {    width: 15px;    max-height: 15px;    transform: scale(1.1); }
  .tnb{padding:26px 15px 26px 5px;}
  .tnb a {margin-right: 0}
  .tnb a span{display: none;}
  h2{font-size: 0.8em;    margin-bottom: 20px;}
  h2 strong{display: block;}
  h2 span{margin-left: 0; margin-top: 10px;}
  .page-wrapper .page-content > div{padding: 40px 10px;}
}