/* 2023-06-23 박연규 작성 */

@charset "utf-8";
@import url('https://webfontworld.github.io/gmarket/GmarketSans.css');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;700&display=swap');
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.6/dist/web/static/pretendard.css");
@import url('https://fonts.googleapis.com/css2?family=Poppins&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');
*{font-family: 'Pretendard'}
@font-face {
  font-family: 'KoreanHSEM';
  src: url('https://www.seoulhyun.kr/fonts/KoreanHSEM/KoreanHSEM.ttf') format('truetype');
}
@import url('https://cdn.jsdelivr.net/gh/fonts-archive/Paperlogy/Paperlogy.css');
@font-face {
  font-family: 'Paperlogy';
  font-weight: 500;
  font-style: normal;
  font-display: swap;
  src: url('https://cdn.jsdelivr.net/gh/fonts-archive/Paperlogy/Paperlogy-5Medium.woff2') format('woff2'),
        url('https://cdn.jsdelivr.net/gh/fonts-archive/Paperlogy/Paperlogy-5Medium.woff') format('woff'),
        url('https://cdn.jsdelivr.net/gh/fonts-archive/Paperlogy/Paperlogy-5Medium.otf') format('opentype'),
        url('https://cdn.jsdelivr.net/gh/fonts-archive/Paperlogy/Paperlogy-5Medium.ttf') format('truetype');
}
/* #hd{
  display: none;
  pointer-events: none;
} */
#container{
  float: none;
  margin:0px auto;
  width:100%;
}
#container_title{
  display:none;
}
#container_wr{
  width:100%;
  position:relative;
  margin:0 auto;
  overflow:hidden;
}
#content{
  width:100%;
  box-sizing: border-box;
  padding:84px 0px 204px;
}
#content.quotient{
  padding: 0px;
}
.container{
  width:calc(100% - 32px);
  margin:0 auto;
  box-sizing: border-box;
  position: relative;
  overflow: hidden;
}
.cont1200{
  width:calc(100% - 32px);
  margin:0px auto;
  box-sizing: border-box;
  position: relative;
}
.subtlt36{
  font-size:18px;
  line-height:22px;
  font-weight:700;
  font-family: 'Pretendard';
}
.subtlt48{
  font-size:24px;
  line-height:33px;
  font-weight:700;
  font-family: 'Pretendard';
}
.subtxt{
  font-size:14px;
  line-height:22px;
  font-weight:500;
  color:rgb(29, 29, 31);
}
.ceTxt{
  text-align: center;
}
.fff{
  color:rgb(255, 255, 255) !important;
}
.expltxt{
  font-size:12px;
  line-height:16px;
  font-weight:500;
  font-family: 'Pretendard';
}
.subtxt28{
  font-size:14px;
  line-height:22px;
  font-weight:600;
  font-family: 'Pretendard';
}
.flex{
  margin:0px auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  width:100%;
}
.dots>dd{
  padding-left:10px;
  position: relative;
}
.dots>dd:before{
  content: "";
  display: block;
  position: absolute;
  width:3px;
  height:3px;
  border-radius:50%;
  left:0px;
  top:9px;
}
.link{
  display:block;
  max-width:120px;
  border-radius:20px;
  background:rgb(5, 84, 242);
  position: relative;
  padding:8px 12px 8px 8px;
  font-weight:600;
  font-size:16px;
  line-height:24px;
  margin:0px auto;
}
.link:after{
  content: "";
  display: block;
  position: absolute;
  width: 6px;
  height: 12px;
  background: url(../img/arrow.png) no-repeat 50%;
  background-size:6px 12px;
  right:12px;
  top: 50%;
  transform: translateY(-50%);
}
.pc_only{
  display: none !important;
}

/* 상단 */
#hd_m{
  position: fixed;
  width:100%;
  height:44px;
  left:0px;
  top:0px;
  z-index:100;
}
header{
  position: relative;
  background:rgb(0,21,94);
}
header:after{
  content: "";
  display: block;
  clear: both;
}
header .logo{
  float: left;
  width:86px;
}
header .logo>a{
  display: block;
  padding:6px 0px;
}
#search{
  float: right;
  width:32px;
  height:32px;
  margin-top:6px;
  margin-right:8px;
  vertical-align:top;
}
.menubutton{
  float: right;
  width:32px;
  height:32px;
  margin-top:6px;
  vertical-align:top;
}

/* 팝업 */
#hd_pop.slide_popup_m{
  position: absolute;
  width: 340px;
  left: calc(50% - 170px);
  top:83px;
  z-index:1000;
}
.slide_popup_m .swiper-container{
  min-height: 384px;
}
.slide_popup_m .swiper-button-prev,
.slide_popup_m .swiper-button-next{
  width: 32px;
  height: 35px;
  top:0px;
  margin-top:0px;
}
.slide_popup_m .swiper-button-prev{
  background: url(../img/pop_slide_prev.png) no-repeat 50% 50%, #1c1c1b;
  background-size: 12px 22px;
  left: auto;
  right:32px;
}
.slide_popup_m .swiper-button-next{
  background: url(../img/pop_slide_next.png) no-repeat 50% 50%, #1c1c1b;
  background-size:12px 22px;
  right: 0px;
}
.hd_pops{
  background:none;
  border: none;
}
.pops_timer>#countdown{
  color:#ffd713; background: black; padding-bottom: 2px;
  font-size: 17px;
  font-weight: 500;
  text-align: center;
}
.popup_board_wrap_m{
  position: fixed;
  z-index: 999;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  /* display: none;
  pointer-events: none; */
}
#hd_pop_m.wide_popup_m{
  position: absolute;
  z-index: 1000;
  top: 65px;
  left: calc(50% - 150px);
  width: 300px;
  max-height: 600px;
  max-width: 100%;
}
#hd_pop_m.wide_popup_m .banner-container{
  padding-top:50px;
}
#hd_pop_m.wide_popup_m .hd_pops_footer,
#hd_pop_m.wide_popup_m .hd_pops_close,
#hd_pop_m.wide_popup_m .hd_pops_reject{
  background:transparent;
}
#hd_pop_m.wide_popup_m .hd_pops_footer{
  padding-top:0px;
  transform: translateY(-6px);
}
.banner-container .swiper-button-prev,
.banner-container .swiper-button-next{
  width: 40px;
  height: 40px;
  background:url('../img/banner-prev.png') no-repeat 50%;
  background-size:100%;
  margin-top:0px;
  top:0px;
}
.banner-container .swiper-button-prev{
  left: auto;
  right:50px;
}
.banner-container .swiper-button-next{
  background:url('../img/banner-next.png') no-repeat 50%;
  background-size:100%;
  right:0px;
}

/* 퀵바 */
#nav{
  position:fixed;
  bottom:0px;
  left:0px;
  width:100%;
  background:url(../img/mobile/bg_nav.png) no-repeat 50% 100%;
  background-size:100% auto;
  height:86px;
  z-index:1003;
}
#nav>ul>li{
  width:19%;
  min-height: 70px;
  display:table;
  cursor:pointer;
}
#nav>ul>li>a{
  display:table-cell;
  vertical-align:middle;
  position:relative;
  padding-top:8px;
}
#nav>ul>li figure{
  width:40px;
  margin:4px auto 0px;
}
#nav>ul>li.click figure{
  width:72px;
  border-radius:50%;
  box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.16);
  position: relative;
}
#nav>ul>li.click figure:after{
  content: "예약하기";
  display: block;
  position: absolute;
  width:100%;
  left:0px;
  top:50%;
  transform: translateY(-50%);
  font-size:14px;
  font-weight:600;
  line-height:22px;
  font-family: 'Pretendard';
  text-align: center;
  color: rgb(255, 255, 255);
  transition:all 0.2s ease-out;
}
#nav>ul>li.change figure:after{
  content: "";
  width:16px;
  height:16px;
  background:url(../img/mobile/change_close.png) no-repeat 50%;
  background-size:16px;
  left:calc(50% - 8px);
}
#nav>ul>li figcaption{
  font-size:14px;
  font-weight:600;
  line-height:22px;
  text-align:center;
}
.fixedMenu{
  position: fixed;
  display: none;
  width:100%;
  height:360px;
  box-sizing: border-box;
  padding:16px;
  border-radius:8px 8px 0px 0px;
  background:rgb(255,255,255);
  left:0px;
  bottom:0px;
  z-index:1002;
  transition: all 0.2s ease-out;
  pointer-events:none;
}
.fixedMenu.on{
  display: block;
  pointer-events:all;
}
.fixedMenu>h2{
  font-size:18px;
  line-height:28px;
  font-weight:700;
  color:rgb(29, 29, 31);
}
.f_menu{
  width:100%;
  margin:0px auto 0px;
}
.f_menu>li>a{
  display: block;
  padding:8px 0px;
  overflow:hidden;
}
.f_wrap{
  float: left;
  overflow:hidden;
}
.f_wrap>figure{
  float: left;
  width:40px;
  vertical-align:top;
}
.f_wrap>figcaption{
  float: left;
  margin-left:8px;
  padding-top:12px;
  font-size:14px;
  font-weight:600;
  line-height:22px;
  color:rgb(29, 29, 31);
}
.f_menu>li>a>p{
  float: right;
  font-size:14px;
  font-weight:600;
  line-height:22px;
  color:rgb(29, 29, 31);
  padding:12px 16px 8px 0px;
  position: relative;
}
.f_menu>li>a>p:after{
  content:"";
  display: block;
  position: absolute;
  width:6px;
  height: 12px;
  background:url(../img/mobile/f_arrow.png) no-repeat 50%;
  background-size:6px 12px;
  right: 0px;
  top:50%;
  transform: translateY(-50%);
  margin-top:2px;
}
/* 모바일메뉴 */
.m_gnb{
  background: rgb(255, 255, 255);
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index:100;
  overflow: auto;
  transition: all 0.8s cubic-bezier(0.51, 0.4, 0, 1.02) 0s;
  transform: translateX(-100%);
  opacity: 0;
  pointer-events: none;
}
.m_gnb.on{
  transform: translateX(0%);
  opacity: 1;
  pointer-events: auto;
}
.m_gnb_top{
  height:44px;
  overflow:hidden;
  position: relative;
  background:rgb(0, 21, 94);
}
.m_gnb_top .logo{
  width:86px;
  float: left;
  margin-left:16px;
  margin-top:6px;
  vertical-align:top;
}
.closegnb{
  display: block;
  width:32px;
  height:32px;
  float: right;
  margin-top:6px;
  vertical-align:top;
  position: relative;
}
.m_gnb_middle{
  width:100%;
  box-sizing: border-box;
  background:rgb(245,246,248);
}
.m_gnb_middle>ul{
  overflow:hidden;
  width:100%;
}
.m_gnb_middle>ul>li{
  width:33.33%;
}
.m_gnb_middle>ul>li a{
  display: block;
  width:100%;
  padding:16px 0px;
}
.m_gnb_middle>ul>li figure{
  width:40px;
  margin:0px auto 8px;
}
.m_gnb_middle>ul>li figcaption{
  font-size:14px;
  font-weight:600;
  line-height:20px;
  text-align: center;
  color:rgb(29, 29, 31);
  position: relative;
}
.m_gnb_bottom{
  width:100%;
  border-top:1px solid rgb(227, 227, 227);
  overflow-x:hidden;
  position:relative;
}
.m_gnb_bottom>ul>li{
  overflow:hidden;
  box-sizing: border-box;
}
.m_gnb_bottom>ul>li>h2{
  width:126px;
  padding:16px 0px 12px 16px;
  font-size:14px;
  line-height:22px;
  font-weight:600;
  color: rgb(29,29,31);
  background:rgb(245,245,245);
}
.m_gnb_bottom>ul>li.on>h2{
  background:rgb(255,255,255);
}
.gnb_2nd{
  display: none;
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  padding:0px 16px;
  width: calc(100% - 126px);
  background:rgb(255, 255, 255);
  transition:all 0.2s;
}
.gnb_2nd.on{
  display:block;
  clear:both;
}
.gnb_2nd>ul{
  width:100%;
}
.gnb_2nd>ul>li>a{
  display: block;
  font-size:14px;
  line-height:22px;
  font-weight:600;
  padding:12px 8px;
	color:rgb(29,29,31);
  border-bottom:1px solid rgb(227,227,227);
}
.gnb_login{
  width:100%;
  overflow:hidden;
  background:rgb(234,239,246);
}
.gnb_login>li{
  float: left;
  width:50%;
  position: relative;
}
.gnb_login>li:after{
  content: "";
  display: block;
  position: absolute;
  width:1px;
  height:10px;
  background:rgb(29, 29, 31);
  right: 0px;
  top:50%;
  transform: translateY(-50%);
}
.gnb_login>li:nth-of-type(2):after{
  content:none;
}
.gnb_login>li>a{
  display: block;
  text-align:center;
  padding:8px 0px;
  font-size:14px;
  line-height:20px;
  font-weight: 600;
  color:rgb(29, 29, 31);
}
.gnb_other>div{
  padding:20px 16px 84px;
  background:rgb(255, 255, 255);
  box-sizing: border-box;
  text-align:center;
}
.gnb_other>div>a{
  display: inline-block;
  width:120px;
  padding:15px 0px;
  font-size:23px;
  line-height:28px;
  font-weight:700;
  /* color:rgb(0, 21, 94); */
  color: #ff6821;
  margin-right:20px;
}
.gnb_other>div>div{
  display: inline-block;
  width:181px;
}

/* 메인 */
#tabMenu{
  width:100%;
  margin:44px auto 0px;
  background:rgb(0,21,94);
}
#tabMenu>ul{
  overflow:hidden;
  width:100%;
}
#tabMenu>ul>li{
  float: left;
  width:25%;
  position: relative;
  vertical-align:top;
}
#tabMenu>ul>li:after{
  content: "";
  display: block;
  position: absolute;
  width:1px;
  height:10px;
  background:rgb(255,255,255);
  right:0px;
  top:50%;
  transform: translateY(-50%);
}
#tabMenu>ul>li:last-of-type:after{
  content:none;
}
#tabMenu>ul>li>h2{
  text-align: center;
  padding:8px 0px;
  font-size:16px;
  line-height:23px;
  font-weight:600;
  color: rgb(255, 255, 255);
}
#tabMenu>ul>li>h2:after{
  content: "";
  display: block;
  position: absolute;
  width:0px;
  height:8px;
  background:url(../img/mobile/on.png) no-repeat 50%;
  background-size:32px 8px;
  left: calc(50% - 16px);
  bottom: 0px;
}
#tabMenu>ul>li.on>h2:after{
  width:32px;
}
.contents{
  width:100%;
  margin:0px auto;
  background:rgb(245, 246, 248);
}
#ct-login{
  padding:16px;
  overflow:hidden;
}
#ct-login>p{
  float: left;
  vertical-align:top;
  padding:6px 4px 6px 40px;
  position: relative;
  font-size:12px;
  line-height:18px;
  font-weight:500;
  color:rgb(29, 29, 31);
}
#ct-login>p:before{
  content: "";
  display: block;
  position: absolute;
  width:32px;
  height:32px;
  background:url(../img/mobile/ct-memeber.png) no-repeat 50%;
  background-size:32px;
  left:0px;
  top:50%;
  transform: translateY(-50%);
}
#ct-login>a{
  float: right;
  display:block;
  max-width:64px;
  padding:4px 14px;
  font-size:14px;
  line-height:20px;
  font-weight:600;
  color: rgb(255,255,255);
  background:rgb(5, 84, 242);
  text-align:center;
  border-radius:100px;
}
.sectionm{
  display: none;
  pointer-events: none;
}
.sectionm.on{
  display: block;
  pointer-events: auto;
}

/* 메인1 */
.title-img{
  width:100%;
  border-radius:8px;
  /* min-height:368px; */
  height:368px;
  margin:0px auto;
  overflow:hidden;
  position: relative;
  transition:all 0.5s ease-out;
}
.title-img.test1{
  background:url('/img/test1.jpg') no-repeat 0% 50%;
  background-size:cover;
}
.title-img.test2{
  background:url('/img/test2.jpg') no-repeat 50%;
  background-size:cover;
}
.title-img video{
  height:100%;
  width:100%;
  margin:0px auto;
  filter: brightness(0.85);
  object-fit: cover;
}
.title-img.test1 video,
.title-img.test2 video{
  opacity:0;
}
.iterWrap{
  position: absolute;
  right: 0px;
  bottom: 0px;
  font-size:0px;
}
#iteration{
  font-size:0px;
  text-indent:-9999px;
}
.section1_new{
  width:290px;
  position: absolute;
  left:calc(50% - 145px);
  bottom:0px;
  z-index:1;
}
.mobile-container{
  padding-bottom:16px;
}
.mobile-container .swiper-slide{
  border-radius:16px;
  border:1px solid rgb(227, 227, 227);
  box-shadow:0px 3px 6px rgba(0, 0, 0, 0.16);
}
.mobile-container .swiper-slide img{
  border-radius:16px;
  overflow:hidden;
}
.mobile-container .swiper-pagination-bullets{
  bottom:0px;
}
.mobile-container .swiper-pagination-bullet{
  background:transparent;
  opacity:1;
  border:1px solid rgb(161, 161, 166);
}
.mobile-container .swiper-pagination-bullet-active{
  border: none;
  background:rgb(0, 144, 255);
}
.section1_txt{
  position: absolute;
  width:100%;
  left:0px;
  top:35px;
}
.section1_txt>h2, .section1_txt>h2>strong{
  font-family: 'Gmarket Sans';
  font-size: 20px;
  line-height: 26px;
  color:rgb(255,255,255);
  font-weight:800;
  letter-spacing: -0.013em;
  margin-bottom:0px;
  text-shadow: 3px 3px 3px rgba(0, 0, 0, 0.27);
  position: relative;
}
.section1_txt>h2>strong{
  font-weight:bold;
}
.section1_txt>h2.mainvid-text4,
.section1_txt>h2.mainvid-text4>strong{
  font-size:18px;
  line-height:24px;
}
.section1_txt>h2.mainvid-text4{
  position: relative;
  top: -22px;
}
.animate {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}
@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.section1_txt>p{
  font-size:14px;
  font-weight: 500;
  position: absolute;
  top:27px;
  left:50%;
  transform: translateX(-50%);
}
.section1_txt>p>strong{
  display: inline-block;
  margin-left:12px;
  color:rgb(255,245,0);
  position: relative;
  font-size:14px;
}
.section1_txt>p>strong:before{
  content: "";
  display: block;
  position: absolute;
  width:1px;
  height:10px;
  background:rgb(255,255,255);
  left: -5px;
  top: 4px;
}
.s1-1 .section1_wrap{
  box-sizing: border-box;
  position: absolute;
  width:100%;
  left:0px;
  bottom: 6px;
  z-index:1;
}
.s1-1 .section1_wrap>ul>li{
  width:calc(25% - 8px);
  border:1px solid rgb(1,22,94);
  border-radius:10px;
  overflow:hidden;
  margin-bottom:4px;
  margin-right:4px;
}
.s1-1 .section1_wrap>ul>li:nth-of-type(1),
.s1-1 .section1_wrap>ul>li:nth-of-type(2),
.s1-1 .section1_wrap>ul>li:nth-of-type(3){
  width:calc(33.33% - 10px);
}
.s1-1 .section1_wrap>ul>li:nth-of-type(3),
.s1-1 .section1_wrap>ul>li:last-of-type{
  margin-right:0px;
}
.section1_wrap>ul>li>a{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content:space-evenly;
  width:100%;
  height:100%;
  box-sizing: border-box;
  padding:5px 0px 5px 2px;
  position: relative;
  background:rgba(255,255,255,0.84);
}
.section1_wrap>ul>li figure{
  width:30px;
  margin-right:2px;
}
.section1_wrap>ul>li figcaption{
  font-family: 'Paperlogy';
  font-size:9px;
  line-height:13px;
  max-width: 36px;
}
.s1-1{
  width:100%;
}
.category{
  width:100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin:16px auto 0px;
  padding-bottom:16px;
}
.category>li{
  width:calc(25% - 12px);
  margin-right:16px;
  box-sizing: border-box;
  padding:27px 5px 16px;
  border-radius:16px;
  background:rgb(255, 255, 255);
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
}
.category>li figure{
  width:48px;
  margin:8px auto 0px;
}
.category>li figcaption{
  font-size:18px;
  line-height:22px;
  font-weight: 700;
  text-align:center;
  color: rgb(29, 29, 31);
}
.onlineCerti>figcaption{margin-top: -10px;}
.category>li:first-of-type{
  padding-top:16px;
  background: #ff6821;
}
.category>li:first-of-type figcaption{
  color: rgb(255,255,255);
}
.category>li:last-of-type{
  margin-right:0px;
}
.category>li:first-of-type figure{
  margin-top:8px;
}
.s1-2{
  width: 100%;
  background:url(../img/mobile/wrap_bg.jpg) no-repeat 50%;
  background-size:cover;
  padding:32px 0px;
  margin-bottom: 0px;
}
.s1-2 h2{
  font-size:24px;
  line-height:33px;
  font-weight:700;
  margin-bottom:20px;
}
.s1-2 .doctorm-container{
  padding-bottom:16px;
}
.s1-2 .introdoctor-m:before{
  content: none;
}
.s1-2 .doctorm-container .swiper-pagination{
  bottom:0px;
}
.doctorm-container .swiper-pagination-bullet{
  background:transparent;
  opacity: 1;
  border:1px solid  rgb(255,255,255);
}
.doctorm-container .swiper-pagination-bullet-active{
  background:rgb(255,255,255);
}
.s1-2 .centerDoc>figure{
  width:120px;
}
.s1-3, .s2-3{
  padding:32px 0px;
  width:100%;
}
.board{
  position: relative;
  width:100%;
  margin: 0px auto;
  margin:16px auto 0px;
  box-sizing: border-box;
  padding:32px 16px;
  background:rgb(255, 255, 255);
  border-radius:16px;
  border:1px solid rgb(227,227,227);
  box-shadow: 0px 3px 6px rgba(0,0,0,0.16);
}
.board:after{
  content: "";
  display: block;
  clear: both;
}
.board>h2{
  float:left;
  vertical-align:top;
  font-size:24px;
  line-height:33px;
  font-weight:700;
  color: rgb(29, 29, 31);
}
.board>a{
  float: right;
  display: block;
  vertical-align:top;
  padding:6px 13px 0px 0px;
  font-size:14px;
  line-height:20px;
  font-weight:600;
  color: rgb(5,84,242);
  position: relative;
}
.board>a:after{
  content: "";
  display: block;
  position: absolute;
  width:4px;
  height:8px;
  background:url(../img/mobile/blue-arrow.png) no-repeat 50%;
  background-size:4px 8px;
  right: 0px;
  top:12px;
}
.boardlist{
  width:100%;
  margin:0px auto;
}
.boardlist>li{
  width:100%;
  padding:14px 0px;
  overflow:hidden;
  white-space: nowrap;
  overflow:hidden;
  border-bottom:1px solid rgb(227, 227, 227);
}
.boardlist>li:last-of-type{
  padding-bottom: 0px;
  border-bottom:none;
}
.boardlist>li p{
  font-size:14px;
  line-height:18px;
  font-weight:500;
  color:rgb(29, 29, 31);
  text-overflow: ellipsis;
  padding-right:10px;
  overflow: hidden;
}
.boardlist>li span{
  display: block;
  margin-top:2px;
  font-size:14px;
  line-height:18px;
  font-weight:500;
  color:rgb(29, 29, 31);
}
.s1-4 .container{
  width:100%;
}
.s1-5{
  font-size:24px;
  line-height:33px;
  font-weight:700;
  color: rgb(29, 29, 31);
  text-align: center;
  padding-bottom:64px;
}
.tv-container{
  margin-top:16px;
  padding-bottom:24px !important;
}
.tv-container .swiper-slide{
  opacity:0.3;
  border-radius:16px;
  overflow:hidden;
}
.tv-container .swiper-slide-active{
  opacity: 1;
}
 .tv-container .swiper-slide a{
  display: block;
  width:100%;
  height:100%;
}
.tv-container .swiper-slide figure{
  width:100%;
  margin:0px auto;
}
.tv-container .swiper-slide iframe{
  width:100%;
  margin:0px;
  height: 50vw;
}
.tv-container figcaption {
  background:rgb(255,255,255);
  padding:16px;
}
.tv-container figcaption p{
  font-size:14px;
  line-height:20px;
  font-weight:600;
  margin-bottom:16px;
}
.tv-container figcaption a{
  color:rgb(255, 255, 255);
  font-size:14px;
}
.s1-5 .tv-container > .swiper-pagination-bullets{
  bottom:0px;
}
.tv-container .swiper-pagination-bullet{
  background: transparent;
  opacity: 1;
  border: 1px solid rgb(161, 161, 166);
}
.tv-container .swiper-pagination-bullet-active{
  border: none;
  background: rgb(0, 144, 255);
}

/* 메인2 */
/* .s2-1, .s3-1{
  box-sizing:border-box;
  min-height:190px;
  border-radius:16px;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
  margin:0px auto 16px;
}
.s2-1{
  background:url(../img/mobile/s2-1.png) no-repeat 50% 100%, rgb(255,255,255);
  background-size:100% auto;
} */
.s2-1 a, .s3-1 a{
  display: block;
  width:100%;
  height:100%;
  padding:16px 14px;
}
.s2-1 h2, .s3-1 h2{
  text-align: center;
  font-size:24px;
  line-height:33px;
  font-weight:700;
  color: rgb(29, 29, 31);
}
.sd2{
  margin-bottom:16px;
  padding:0px 2px;
}
.sd1, .sd3{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin:0px auto 16px;
}
.sd3{
  padding-bottom:6px;
  margin-bottom: 0px;
}
.sd1 a, .sd2 a, .sd3 a{
  display: block;
  background:rgb(255,255,255);
  border-radius:16px;
  overflow:hidden;
  box-shadow:0px 3px 6px rgba(0, 0, 0, 0.16);
}
.column50{
  width: calc(50% - 8px);
  margin-right:16px;
}
.column50:nth-of-type(even){
  margin-right:0px;
}
.column100{
  width:100%;
}
.sd3-ul>li:first-of-type{
  margin-bottom: 16px;
}
.sd1 h3, .sd2 h3, .sd3 h3{
  font-size:18px;
  line-height:22px;
  font-weight:700;
  text-align: center;
}
.joint1-1>a{
  height:156px;
  background:url(../img/mobile/joint1-1.png) no-repeat 50% 100%, rgb(255, 255, 255);
  background-size:auto 156px;
}
.joint1-2>a{
  height:156px;
  background:url(../img/mobile/joint1-2.png) no-repeat 50% 100%, rgb(255, 255, 255);
  background-size:auto 156px;
}
.joint2>a{
  height:156px;
  background:url(../img/mobile/joint2.png) no-repeat 50% 100%, rgb(255, 255, 255);
  background-size:auto 156px;
}
.joint3-1>a{
  height:328px;
  background:url(../img/mobile/joint3-1.png) no-repeat 50% 100%, rgb(255, 255, 255);
  background-size:156px auto;
}
.joint3-2>a{
  height:156px;
  background:url(../img/mobile/joint3-2.png) no-repeat 50% 100%, rgb(255, 255, 255);
  background-size:auto 156px;
}
.joint3-3>a{
  height:156px;
  background:url(../img/mobile/joint3-3.png) no-repeat 50% 100%, rgb(255, 255, 255);
  background-size:auto 156px;
}
.sd1-pic, .sd2-pic{
  display: none;
}
.s2-3 .board{
  margin-top: 0px;
}

/* 메인3 */
.spine1-1>a{
  height:156px;
  background:url(../img/mobile/spine1-1.png) no-repeat 50% 100%, rgb(255, 255, 255);
  background-size:144px auto;
}
.spine1-2>a{
  height:156px;
  background:url(../img/mobile/spine1-2.png) no-repeat 50% 100%, rgb(255, 255, 255);
  background-size:86px auto;
}
.spine2>a{
  height:156px;
  background:url(../img/mobile/spine2.png) no-repeat 50% 100%, rgb(255, 255, 255);
  background-size:auto 156px;
}
.spine3-1>a{
  height:328px;
  background:url(../img/mobile/spine3-1.png) no-repeat 50% 145px, rgb(255, 255, 255);
  background-size:147px auto;
}
.spine3-2>a{
  height:156px;
  background:url(../img/mobile/spine3-2.png) no-repeat 50% 100%, rgb(255, 255, 255);
  background-size:auto 156px;
}
.spine3-3>a{
  height:156px;
  background:url(../img/mobile/spine3-3.png) no-repeat 50% 100%, rgb(255, 255, 255);
  background-size:auto 156px;
}

/* 소아정형외과센터 -----------------------*/
.child1>a{
  height:156px;
  background:url(../img/mobile/child1.png) no-repeat 50% 100%, rgb(255, 255, 255);
  background-size:auto 156px;
}
.child2>a{
  height:328px;
  background:url(../img/mobile/child2.png) no-repeat 50% 100%, rgb(255, 255, 255);
  background-size: auto 328px;
}
.child3>a{
  height:328px;
  background:url(../img/mobile/child3.png) no-repeat 50% 100%, rgb(255, 255, 255);
  background-size:auto 328px;
}
#subMenu.childMenu>ul>li{
  width:25%;
}
.dis_cure .nonsurg0501>li.width, .dis_cure .nonsurg0507>li.width{
  background:url(../img/mobile/child/surg0501_nonsurg.png) no-repeat 50% 100%, rgb(245,245,245);
  background-size:328px auto;
  padding-bottom:198px;
}
.dis_cure .surg0501>li.width{
  background:url(../img/mobile/child/surg0501_surg.png) no-repeat 50% 100%, rgb(245,245,245);
  background-size:100% auto;
  padding-bottom:166px;
}
.dis_cure .nonsurg0502>li.width{
  background:url(../img/mobile/child/surg0502_nonsurg.png) no-repeat 50% 100%, rgb(245,245,245);
  background-size:100% auto;
  padding-bottom:176px;
}
.dis_cure .surg0502>li.width, .dis_cure .surg0504>li.width{
  background:url(../img/child/surg0502_surg.png) no-repeat 50% 100%, rgb(245,245,245);
  background-size:290px auto;
  padding-bottom:167px;
}
.dis_cure .nonsurg0503>li.width,
.dis_cure .nonsurg0504>li.width{
  background:url(../img/mobile/child/surg0503_nonsurg.png) no-repeat 50% 100%, rgb(245,245,245);
  background-size:244px auto;
  padding-bottom:187px;
}
.dis_cure .surg0503>li.width{
  background:url(../img/mobile/child/surg0503_surg.png) no-repeat 50% 100%, rgb(245,245,245);
  background-size:215px auto;
  padding-bottom:219px;
}
.dis_cure .nonsurg0505>li.width{
  background:url(../img/mobile/child/surg0505_nonsurg.png) no-repeat 50% 100%, rgb(245,245,245);
  background-size: 328px auto;
  padding-bottom:172px;
}
.dis_cure .surg0505>li.width, .dis_cure .surg0506>li.width,
.dis_cure .surg0507>li.width, .dis_cure .surg0508>li.width{
  background:url(../img/child/surg0502_surg.png) no-repeat 50% 100%, rgb(245,245,245);
  background-size:290px auto;
  padding-bottom:170px;
}
.dis_cure .nonsurg0506>li.width{
  background:url(../img/mobile/child/surg0506_nonsurg.png) no-repeat 50% 100%, rgb(245,245,245);
  background-size: 328px auto;
  padding-bottom:198px;
}
.dis_cure .surg0506>li.width{
  padding-bottom:176px;
}
.dis_cure .nonsurg0508>li.width{
  background:url(../img/mobile/child/surg0508_nonsurg.png) no-repeat 0% 100%, rgb(245,245,245);
  background-size:100% auto;
  padding-bottom:220px;
}
.cure_0503 h3{margin-bottom:16px;}
.cure_0503 h3+p{margin-bottom:32px;}

/* 하단메뉴 */
#undermenu0{
  padding:24px 0px;
  background:rgb(0,88,151);
}
#undermenu0 h2{
  font-size:24px;
  line-height:30px;
  font-family: 'Pretendard-Bold';
  font-weight:700;
  margin-bottom:16px;
}
#undermenu0 h2+p{
  font-weight: 500;
  margin-bottom:16px;
}
.help_form>ul>li{
  width:100%;
  overflow:hidden;
  margin:0px auto 8px;
}
.help_form>ul>li>textarea{
  height:70px;
  color:#86868B;
  font-size:12px;
  line-height:16px;
  font-family:'Pretendard';
  font-weight:400;
  padding: 8px 10px;
  width:100%;
  border:none;
}
.help_form>ul>.over>input{
  float: left;
  width:calc(50% - 8px);
  min-height:30px;
  padding:4px 5px;
  border: none;
}
.help_form>ul>.over> input:first-of-type{
  margin-right:16px;
}
.help_form>ul>li span{
  display: block;
  width: 100%;
  overflow: hidden;
  margin: 0px auto 16px;
  clear: both;
  padding-top: 11px;
}
.help_form>ul>li #under_c1{
  width:15px;
  height:15px;
  float: left;
  margin-right:6px;
}
.help_form>ul>li span label{
  float: left;
  color: rgb(255,255,255);
  font-size:12px;
}
.help_form>ul>li>p{
  float: left;
  vertical-align:middle;
  font-weight: 600;
  font-size:16px;
  padding-top:5px;
  font-family: 'pretendard';
  color:rgb(29, 29, 31);
}
#agree{
  width:100%;
  text-align:right;
  overflow:hidden;
  margin:0px auto;
}
.check{
  overflow: hidden;
  display: block;
}
.check:nth-of-type(2){
  margin-right:0px;
}
.check>input{
  float: left;
  font-size: 16px;
  font-weight: 600;
  border-radius: 3px;
  margin-right:4px;
  border: 1px solid rgb(118, 118, 118);
}
.check>label{
  float: left;
  font-family: 'pretendard';
  font-size: 12px;
  line-height: 16px;
  font-weight: 500;
  display: inline-block;
}
#agree>input{
  clear: both;
  display: block;
  margin: 16px auto 0px;
  width: 122px;
  border-radius: 50px;
  padding: 8px 0px;
  border: 1px solid rgb(255, 255, 255);
  color: rgb(255, 255, 255);
  font-size: 14px;
  line-height: 20px;
  font-family: 'Pretendard';
  font-weight: 500;
  background: none;
}
#undermenu1{
  padding:48px 0px;
  background:url(../img/mobile/introduce-bg.jpg) no-repeat 50% 0%;
  background-size:cover;
}
#undermenu1 h2{
  font-size:20px;
  line-height:30px;
  font-weight:300;
  margin:0 auto 16px;
}
#undermenu1 a{
  display: block;
  width:85px;
  margin: 0 auto;
  padding-right:12px;
  font-size:14px;
  line-height:20px;
  font-weight:600;
  color: rgb(162,183,255);
  position: relative;
}
#undermenu1 a:after{
  content: "";
  display: block;
  position: absolute;
  width:4px;
  height:8px;
  background:url(../img/mobile/undermenu1.png) no-repeat 50%;
  background-size:4px 8px;
  right: 0px;
  top:6px;
}
#undermenu2{
  padding:24px 0px 32px;
  background:rgb(255, 255, 255);
}
.undermenu_time{
  overflow:hidden;
  width:100%;
  margin:0 auto 16px;
}
.service-center{
  float: left;
  width: 110px;
  height: 110px;
  background:rgb(0,21,94);
  margin-right:16px;
}
.service-center>h4{
  font-size:18px;
  line-height:110px;
}
.service-time{
  float: left;
  padding-top:4px;
  width: calc(100% - 147px);
}
.service-time dt{
  color: #ff6821;
  font-size: 32px;
  line-height: 36px;
  margin-bottom: 6px;
}
.service-time dd{
  color:#86868B;
  overflow:hidden;
  margin-bottom:4px;
}
.service-time dd:before{
  content:none;
}
.service-time dd:last-of-type{
  margin-bottom:0px;
}
.service-time dd > span{
  display: inline-block;
  float:left;
  margin-left: 4px;
  width: 118px;
}
.service-time dd > span.day{
  width:43px;
}
.service-time dd > span.time{
  width: 112px;
  float: right;
}
.service-time > p{
  color:rgb(134, 134, 139);
  font-size:10px;
  line-height:14px;
}
.undermenu_icons>ul{
  width:100%;
  position: relative;
  margin:0px auto;
}
.undermenu_icons>ul:after{
  content: "";
  display: block;
  position: absolute;
  width:100%;
  height:1px;
  background:rgb(221,221,243);
  top:50%;
  transform: translateY(-50%);
  left:0px;
}
.undermenu_icons li{
  border-right:1px solid rgb(221,221,243);
  position:relative;
  width:33.33%;
}
.undermenu_icons li:nth-of-type(3n){
  border-right:none;
}
.undermenu_icons li>a{
  display: block;
  width:100%;
  padding:10px 10px 6px;
}
.undermenu_icons li>a figure{
  width:48px;
  margin:0 auto 8px;
}
.undermenu_icons li>a figcaption{
  font-size:14px;
  line-height:22px;
  font-weight:600;
  color: rgb(0,21,94);
}

/* 하단 */
#ft {
  background:rgb(0,21,94);
  padding:0px;
}
footer{
  width:100%;
  box-sizing: border-box;
  margin:0px auto;
  padding:24px 0px 114px;
}
footer h1{
  display: block;
  width:110px;
  margin:0px auto 20px;
}
.info_ft{
  text-align: center;
  width:100%;
  margin:0px auto 16px;
}
.info_ft>li{
  display: inline-block;
  padding:0px 8px;
  position: relative;
}
.info_ft>li:after{
  content:"";
  display: block;
  position: absolute;
  width:1px;
  height:8px;
  background:rgb(183, 214, 255);
  right:-2px;
  top:6px;
}
.info_ft>li:last-of-type:after{
  content:none;
}
.info_ft>li>a{
  font-size:10px;
  line-height:15px;
  font-weight:500;
  color: rgb(255, 255, 255);
}
.address>p{
  font-size:10px;
  line-height:16px;
  text-align:center;
  font-weight:400;
  color: rgb(255, 255, 255);
}
.ft_sns{
  text-align: center;
  width:100%;
  margin:16px auto;
}
.ft_sns>li{
  display: inline-block;
  display:32px;
  margin:0px 4px;
  position: relative;
}
.ft_sns + p{
  font-size:10px;
  line-height:15px;
  text-align:center;
  font-weight:500;
  color: rgb(255, 255, 255);
}

/* 서브페이지 */
.sub_wrap{
  width:100%;
  overflow:hidden;
  position: relative;
  z-index:1;
  margin:0px auto;
}
.sub_wrap.on{
  z-index:11;
}
#container_title{
  display: none;
}
.subTltHos, .subTltJoint,
.subTltSpine, .subTltChild{
  height:208px;
  width:100%;
  margin:0px auto;
}
.subTltHos>div{
  height:100%;
  padding:92px 0px 0px;
  position: relative;
}
.subTltHos .subVideo,
.subTltJoint .subVideo,
.subTltSpine .subVideo,
.subTltChild .subVideo{
  padding: 0px;
  position: absolute;
  height: 208px;
  width: 100%;
  overflow:hidden;
}
.subVideo:after{
  content: "";
  display: block;
  position: absolute;
  width:100%;
  height:360px;
  background:rgba(0,18,55,0.16);
  left:0px;
  top:0px;
}
.subTltRehab .subVideo,
.subTltInter .subVideo{
  width:100%;
  position: absolute;
}
.subTltJoint .subVideo:after,
.subTltSpine .subVideo:after,
.subTltRehab .subVideo:after,
.subTltChild .subVideo:after,
.subTltInter .subVideo:after{
  height:565px;
}
.subVideo>video{
  height:100%;
  position: absolute;
  left:50%;
  top: 50%;
  transform: translate(-50%,-50%);
  z-index:-1;
}
.subTltJoint .subVideo>video,
.subTltSpine .subVideo>video,
.subTltChild .subVideo>video{
  height:auto;
  width:100%;
}
.subTltchild .subVideo>video{
  height:100%;
  width: auto;
}
.subTltHos{position: relative;}
.subTltHos h2{
  font-size: 36px;
  margin-bottom:8px;
}
.subTltHos p{
  font-weight:600;
  line-height:24px;
  letter-spacing:6px;
}
.subTltHos .cont1200{margin-top: 30px;}
.subTltHos .cont1200 h2{letter-spacing: 1.5px; font-size: 9vw; margin-top: -56px; filter: drop-shadow(1px 2px 3px #00000090);
  position: relative;z-index: 6;
}
.subTltHos .cont1200 h2>span{color: #FFCD4A; letter-spacing: 2.5px; }
.subTltHos .cont1200 p{letter-spacing: 1px; font-size: 4.2vw; margin-top: -2px; font-weight: 300; position: relative;z-index: 6;}
.subTltHos .cont1200 p>span{font-weight: 700; color: white;}
.subTltHos_figure{position: absolute; width: 90%;  bottom: 0; left: 50%; transform: translateX(-50%);
  filter: brightness(1);
}
.subTltJoint .cont1200,
.subTltSpine .cont1200,
.subTltChild .cont1200{
  padding:92px 0px 0px;
  position: relative;
}
#subMenu{
  width:100%;
}
#subMenu>ul{
  width:100%;
  display: -ms-flexbox;
  -ms-flex-direction: row;
  -ms-flex-wrap: wrap;
  -ms-flex-pack: center;
  display: flex;
  flex-wrap: wrap;
  justify-content:center;
  margin:0 auto;
  position: relative;
}
#subMenu>ul:after{
  content: "";
  display: block;
  position: absolute;
  width:100%;
  height:1px;
  background:rgb(255,255,255);
  left:0px;
  top:50%;
  transform: translateY(-50%);
}
#subMenu>ul>li{
  position: relative;
  display:table;
  width:33.33%;
  flex:auto;
  border-right:1px solid rgb(255,255,255);
}
#subMenu>ul>li:nth-of-type(3n){
  border-right:none;
}
#subMenu>ul>li>a{
  display: table-cell;
  width:100%;
  height:100%;
  padding: 12px 4px;
  vertical-align:middle;
  line-height: 20px;
  font-size: 14px;
  font-weight:600;
  background:rgb(245,245,245);
  color:rgb(29,29,31);
}
#subMenu>ul>li.on>a{
  background:rgb(0,21,94);
  color: rgb(255,255,255);
}
#subMenu.subMenu7>ul>li{
  max-width: 19%;
  width: 20%;
}
#subMenu.subMenu7>ul>li a{
  font-size: 12px;
  height:63px;
  text-align: center;
}
#subMenu.subMenu3>ul>li{
  width:50%;
}
#subMenu.subMenu3>ul>li:nth-of-type(even){
  border-right:none;
}
#subMenu.subMenu3>ul>li:nth-of-type(3){
  border-right:1px solid rgb(255,255,255);
}
.deco_box{
  padding:64px 0px;
  background:rgb(255, 255, 255);
  margin:0px auto;
}
.deco_box h2, .deco_box h3{
  color: rgb(29, 29, 29);
  font-weight:800;
  margin-bottom:16px;
}
.deco_box h2{
  font-size:36px;
  line-height:42px;
}
.deco_box h3{
  font-size:24px;
  line-height:30px;
}
.deco_box p{
  color:rgb(29, 29, 31);
  font-weight:500;
  line-height:20px;
  font-size:14px;
}
.deco_box:first-of-type{
  padding-bottom: 0px;
}
.dis_img{
  width:300px;
  margin:0px auto;
}
#title{
  height:565px;
  width:100%;
  position: relative;
  overflow:hidden;
  margin:0px auto;
}
#title>div{
  height:100%;
}
.title_txt{
  position: absolute;
  width:100%;
  left:0px;
  top:50%;
  transform: translateY(-50%);
}
.title_txt>h2{
  font-size:32px;
  line-height:40px;
  font-weight:800;
  margin-bottom:8px;
}
.title_txt>h3{
  letter-spacing:8px;
  margin-bottom:24px;
}
.deco_subject{
  background:rgb(255,255,255);
  margin-bottom:64px;
}
.subject_dis{
  position: relative;
  margin:32px auto 0px;
}
.subject_dis>figure{
  width:100%;
  margin:0px auto;
}
.subject_dis>figure>ul{
  width:100%;
  margin:0px auto;
}
.subject_dis>figcaption>ul>li{
  width:100%;
  margin:0px auto 16px;
  border-radius:8px;
  overflow:hidden;
  background:rgb(244,248,252);
}
.subject_dis>figcaption>ul>li h4{
  padding:16px 0px;
  text-align: center;
  background:rgb(0,21,94);
  font-weight:700;
  font-size:19px;
  line-height:28px;
  color: rgb(255,255,255);
  position: relative;
}
.subject_dis>figcaption>ul>li h4 span{
  display: inline-block;
  width:18px;
  margin-right:8px;
}
.subject_dis>figcaption>ul>li p{
  font-size:14px;
  line-height:22px;
  font-weight:600;
  padding:16px 13px;
}
.deco_cure{
  background:rgb(245, 245, 245);
  padding-bottom:64px !important;
}
.deco_box .cure_dis h3{
  font-size:18px;
  line-height:28px;
}
.deco_disease{
  background:rgb(255,255,255);
}
.deco_disease h3{
  font-size:32px;
  font-weight:800;
}
.deco_cure ul{
  margin:32px auto 0px;
}
.deco_cure ul>li{
  width: calc(50% - 8px);
  margin-right:16px;
  margin-bottom:16px;
  border-radius:8px;
  overflow:hidden;
  background:rgb(255,255,255);
  padding:14px 14px 16px;
}
.deco_cure ul>li:nth-of-type(even){
  margin-right:0px;
}
.deco_cure ul>li>figure{
  width: 128px;
  margin:0px auto 8px;
}
.deco_cure ul>li>figcaption{
  font-size:16px;
  line-height:24px;
  font-weight:600;
}
.diag_img{
  margin:32px auto 0px;
  width:100%;
  overflow:hidden;
  border-radius: 8px;
}
.dis_cure .nonsurg{
  margin-bottom:32px;
}
.dis_cure .tlt{
  border-radius:8px;
  overflow:hidden;
  padding:16px 0px;
  margin:0px auto 16px;
}
.nonsurg .tlt{
  background:url(../img/mobile/tlt_nonsurg.jpg) no-repeat 50%;
  background-size: cover;
}
.surg .tlt{
  background:url(../img/mobile/tlt_surg.jpg) no-repeat 50%;
  background-size: cover;
}
.dis_cure ul>li{
  width:100%;
  margin:0px auto 16px;
  /* height:290px; */
  min-height:290px;
  padding:32px 24px 0px;
  box-sizing: border-box;
  border-radius:8px;
  overflow:hidden;
  text-align: center;
}
.dis_cure ul>li:nth-of-type(even){
  margin-right:0px;
}
.dis_cure ul>li h5{
  font-size:16px;
  line-height:24px;
  font-weight:600;
  margin-bottom:8px;
}
.cure_joint .sd3-ul, .cure_spine .sd3-ul,
.cure_rehab1 .sd3-ul, .cure_inter .sd3-ul{
  margin-top: 0px;
}
.cure_joint .sd3-ul>li, .cure_spine .sd3-ul>li,
.cure_rehab1 .sd3-ul>li, .cure_inter .sd3-ul>li{
  margin-right: 0px;
  padding:0px;
  width:100%;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
  border-radius: 16px;
}

/* 병원소개 */
.hs_cont1_img{
  width:100%;
  margin:64px auto 0px;
}
.hs_cont2{
  background:rgb(18,34,57);
  padding-bottom: 0px;
}
.hs_cont2 .link,
.hs_cont3 .link{
  margin-top:16px;
}
.hs_cont3_wrap>figure{
  width:100%;
  margin:0px auto 16px;
}
.hs_cont4{
  padding:64px 0px;
  background:url(../img/hospital/hs_cont4_bg.jpg) no-repeat 50%;
  background-size:cover;
}

/* 미션비전 */
.hs_mission_wrap{
  border-radius:16px;
  padding:64px 16px;
  background:url(../img/hospital/hs_mission_bg.jpg) no-repeat 50%;
  background-size:cover;
  overflow:hidden;
  margin:0px auto;
}
.vision{
  display: block;
  margin:32px auto 0px;
}
.vision>li{
  width:100%;
  margin: 0px auto 16px;
  border-radius:8px;
  overflow:hidden;
  box-sizing: border-box;
  padding:32px 16px;
  min-height:290px;
}
.vision>li:nth-of-type(1){
  background: url(../img/hospital/vision1.png) no-repeat 50% 100%, rgb(242,237,243);
  background-size: 100% auto;
}
.vision>li:nth-of-type(2){
  background: url(../img/hospital/vision2.png) no-repeat 50% 100%, rgb(255,245,236);
  background-size: 100% auto;
}
.vision>li:nth-of-type(3){
  background: url(../img/hospital/vision3.png) no-repeat 50% 100%, rgb(245,245,245);
  background-size: 100% auto;
}
.vision>li:nth-of-type(4){
  background: url(../img/hospital/vision4.png) no-repeat 50% 100%, rgb(161,217,252);
  background-size: 100% auto;
  margin-bottom: 0px;
}
.vision>li>h4{
  color: rgb(29, 29, 31);
  margin-bottom:16px;
}
.vision>li:nth-of-type(4) p{
  color: rgb(29, 29, 31);
}

/* 의료진소개 */
/* .doctor_wrap{
  z-index:100;
} */
.hosdoctor{
  margin-bottom: 0px;
}
.hs_doctor2_tab .cont1200{
  width:100%;
  max-width:768px;
}
.hs_doctor2_tab ul{
  box-sizing: border-box;
  border:1px solid rgb(0, 88, 151);
}
.hs_doctor2_tab ul>li{
  width:33.33%;
  padding:8px 0px;
  background:rgb(245,249,252);
  border-right:1px solid rgb(0, 88, 151);
  transition: all 0.2s ease-out;
  cursor:pointer;
}
.hs_doctor2_tab ul>li:last-of-type{
  border-right:none;
}
.hs_doctor2_tab ul>li>p{
  color:rgb(0, 88, 151);
  transition: all 0.2s ease-out;
}
.hs_doctor2_tab ul>li.active{
  background:rgb(0, 88, 151);
}
.hs_doctor2_tab ul>li.active>p{
  color:rgb(255,255,255);
}
.hs_doctor2_div{
  display: none;
  transition: all 0.2s ease-out;
}
.hs_doctor2_div.active{
  display: block;
}
.doctors-list:last-of-type{
  margin-bottom: 0px;
}
.hs_doctor1 .hs_cont1_img{
  margin-top:40px;
}
.hs_doctor2 h3{
  margin-bottom:32px;
}
.redoclist{
  width:100%;
  margin:0 auto;
}
.redoclist > li{
  width:100%;
  margin-bottom:64px;
  vertical-align:top;
}
.doc-wrap{
  position:relative;
}
.doc-wrap:after{
  content: "";
  display: block;
  clear: both;
}
.doc_photo{
  position: absolute;
  RIGHT: 0px;
  bottom:0px;
  width:143px;
  z-index:2;
}
.doc_txt{
  float: left;
  width: 228px;
  height:357px;
  padding: 32px 16px 0px 24px;
  position: relative;
  box-sizing: border-box;
  background:url(../img/hospital/doctxt.png) no-repeat 0px 0px;
  background-size:100% auto;
  margin-bottom:24px;
}
.qut{
  font-weight:400;
  color:rgb(5,84,242);
  margin-bottom:8px;
}
.qut+h5{
  font-size:18px;
  line-height:22px;
  font-weight:700;
}
.doc_info >dl{
  margin-top:16px;
  word-break: keep-all;
}
.doc_info > dl > dt{
  margin-bottom:4px;
}
.doc_info > dl > dd{
  font-size:12px;
  color:rgb(134,134,139);
  font-weight:500;
  line-height:20px;
  padding-left:8px;
  position: relative;
}
.doc_info > dl > dd:before{
  width:3px;
  height:3px;
  background:rgb(119,172,242);
  top:10px;
}
.doc-more{
  display: block;
  font-weight:400;
  color: rgb(68, 126, 242);
  position: absolute;
  left:24px;
  bottom:24px;
  padding-right:20px;
  z-index:2;
  cursor:pointer;
}
.doc-more:after{
  content:"";
  display: block;
  position: absolute;
  width:16px;
  height:16px;
  background:url(../img/hospital/more.png) no-repeat 50%;
  background-size:16px;
  right: 0;
  bottom:0px;
}
.redoctitle{
  overflow: hidden;
  background:rgb(39,99,186);
  border-radius:18px;
  padding:6px 0px;
}
.redoctitle> h5{
  font-weight:500;
  line-height:28px;
}
.hs_doctor2_bg{
  background:rgb(245,249,252);
}
.centerDoc{
  border-radius:16px;
  background:rgb(245, 249, 252);
  padding:24px 24px 64px;
  position: relative;
  cursor:pointer;
  margin:0 auto 32px;
}
.centerDoc:after{
  content: "";
  display: block;
  clear: both;
}
.centerDoc:last-of-type{
  background:rgb(255,255,255);
  margin-bottom:0px;
}
.centerDoc:before{
  content: "";
  display: block;
  position: absolute;
  width:18px;
  height:18px;
  background:url(../img/mobile/hospital/centerdoc.png) no-repeat 50%;
  background-size:18px;
  bottom:24px;
  left:24px;
}
.centerDoc>figure{
  position: absolute;
  right: 0px;
  bottom: 0px;
  width:140px;
  display:none;
}
.s1-2 .centerDoc>figure,
.centerDoc:nth-of-type(4)>figure{
  display: block;
}
.centerDoc>figcaption{
  float: left;
  max-width: 248px;
  vertical-align:top;
}
.centerDoc>figcaption h5{
  color:rgb(0,88,151);
  margin-bottom:8px;
}
.centerDoc>figcaption h5>span{
  display: inline-block;
  font-size: 10px;
  color:rgb(0,88,151);
}
.centerDoc>figcaption h6{
  color: rgb(16,18,61);
  margin-bottom:16px;
}
.centerDoc>figcaption dl:first-of-type{
  margin-bottom:16px;
}
.centerDoc>figcaption dt{
  font-weight:600;
  color:rgb(29,29,31);
  margin-bottom:8px;
}
.centerDoc>figcaption dd{
  color:rgb(134, 134, 139);
  font-weight:500;
  max-width:170px;
}
.centerDoc>figcaption dd:before{
  background:rgb(134, 134, 139);
  top:7px;
}
.hs_doctor2 .centerDoc:nth-of-type(1){
  background: url(../img/mobile/hospital/joint-shd.png) no-repeat 100% 50%, rgb(255,255,255);
  background-size:auto 100%;
}
.hs_doctor2 .centerDoc:nth-of-type(2),
.hs_doctor2_spine .centerDoc:nth-of-type(1){
  background: url(../img/mobile/hospital/joint-kbh.png) no-repeat 100% 50%, rgb(255,255,255);
  background-size:auto 100%;
}
.hs_doctor2 .centerDoc:nth-of-type(3){
  background: url(../img/mobile/hospital/joint-shs.png) no-repeat 100% 50%, rgb(255,255,255);
  background-size:auto 100%;
}
.hs_doctor2 .centerDoc:nth-of-type(4){
  background: url(../img/mobile/hospital/joint-khj.png) no-repeat 100% 50%, rgb(255,255,255);
  background-size: auto 100%;
}
.hs_doctor2 .centerDoc:nth-of-type(5),
.hs_doctor2_spine .centerDoc:nth-of-type(2){
  background: url(../img/mobile/hospital/radio-pyt.png) no-repeat 50% 100%, rgb(255,255,255);
  background-size:auto 127%;
}
.hs_doctor2 .centerDoc:nth-of-type(6),
.hs_doctor2_spine .centerDoc:nth-of-type(3){
  background: url(../img/mobile/hospital/radio-kjh.png) no-repeat 100% 50%, rgb(255,255,255);
  background-size:auto 100%;
}

/* 의료진 자세히보기 */
.doccover {
  background: url(../img/mobile/hospital/doccover.png) no-repeat 50%, rgba(0,0,0,0.7);
  background-size:100% auto;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  display: none;
  pointer-events: none;
  z-index: 1;
}
.doccover.on {
  display: block;
  pointer-events: all;
  z-index: 1999;
  position: fixed;
}
.docButton{
  position: absolute;
  width: 32px;
  height:32px;
  right: 16px;
  /* top: 16px; */
  top:48px;
  cursor: pointer;
  z-index: 2001;
}
.docLayer{
  position: fixed;
  width:calc(100% - 32px);
  height: 100%;
  box-sizing: border-box;
  padding-bottom:37px;
  -ms-overflow-style: none;
  overflow-y: scroll;
  z-index: 2000;
  left: 16px;
  top:0px;
  padding-top: 45px;
  transition: all 0.2s ease-out;
}
.docLayer.on{
  display: block;
}
.docLayer::-webkit-scrollbar{display: none;}
.dr{
  width: 100%;
  margin: 0 auto;
  position: relative;
  display: none;
  z-index: 4;
}
.dr.on {
  display: block;
}
.drTitle{
  margin:16px auto 0px;
  width:100%;
  border-radius:8px;
  overflow:hidden;
}
.drCont{
  background:rgb(255,255,255);
  border-radius:8px;
  overflow:hidden;
}
.drCont_box{
  padding:16px;
  overflow:hidden;
}
.drCont_box1{
  padding-top:32px;
  position: relative;
  background:rgb(245, 245, 245);
}
.drCont_box1>h3{
  font-weight:600;
  font-size:14px;
  line-height:20px;
  color: rgb(0,88,151);
  margin-bottom:8px;
}
.drCont_box1>h3>span{
  display: inline-block;
  font-size:12px;
  color: rgb(0,88,151);
}
.drCont_box1>h4{
  font-weight:800;
  font-size:36px;
  line-height:42px;
  margin-bottom:30px;
}
.drCont_box1_wrap>dl{
  max-width:181px;
  margin-bottom:16px;
}
.drCont_box .subtlt24{
  font-weight:600;
  font-size:24px;
  line-height:30px;
  margin-bottom:8px;
  color:rgb(29,29,31);
}
.drCont_box h5.subtlt24{
  padding-bottom:16px;
  border-bottom:2px solid rgb(0,88,151);
}
.drCont_box1_wrap>dl>dd{
  font-weight:600;
  color:rgb(134,134,139);
  line-height:20px;
  padding-left:6px;
}
.drCont_box1_wrap>dl>dd.ma32{
  margin-bottom:16px;
}
.drCont_box1_wrap>dl>dd:before{
  background:rgb(134,134,139);
  top:9px;
}
.drCont_img{
  width:144px;
  right:0px;
  bottom:0px;
  position: absolute;
}
.drCont_box2>table{
  width:100%;
  border-collapse: collapse;
  /* margin:0 auto 16px; */
  margin:0px auto 8px;
}
.drCont_box2>table th{
  width:14.222%;
  font-weight:600;
  padding:8px 0px;
  background:rgb(0,21,94);
  border-right:1px solid #A1A1A6;
}
.drCont_box2>table tbody tr{
  border-bottom:1px solid rgb(204,204,204);
}
.drCont_box2>table td{
  padding:8px 0px;
  color:rgb(29,29,31);
  border-right: 1px solid rgb(204,204,204);
}
.drCont_box2>table th:last-of-type,
.drCont_box2>table td:last-of-type{
  border-right:none;
}
.saturday{
  color:rgb(139,139,139);
  position: relative;
  padding-left:24px;
}
.saturday:before{
  content: "";
  display: block;
  position: absolute;
  width:14px;
  height:14px;
  background:url('/img/hospital/callender.png') no-repeat 50%;
  background-size:14px;
  left:0px;
  top:1px;
}
.schedule .saturday:before{
  top:0px;
}
.saturday>span{
  display: inline-block;
  max-width: 227px;
  vertical-align: top;
  color:rgb(0,64,123);
  margin-left:16px;
}
.drCont_box3{
  border-bottom:none;
  padding-bottom:32px;
}
.drCont_box3 .subtlt24{
  margin-bottom:24px;
}
.drCont_box3 dl dd{
  font-weight:600;
  line-height:24px;
  color:#86868B;
}
.drCont_box3 dl dd:before{
  background:#86868B;
  top: 10px;
}
.icon_collage{
  position: absolute;
  width:30px;
  right: 16px;
  top: 16px;
}
.hs_doctor3 h3{
  color:rgb(78, 138, 192);
  font-family: 'GmarketSansMedium';
  margin-bottom:32px;
}
.hs_doctor3 h3>span{
  display: block;
  font-size: 18px;
  line-height: 24px;
  letter-spacing:-0.023em;
  color:rgb(139,139,134);
  font-family: 'KoreanHSEM';
  font-weight:normal;
}
.new_doctor>ul>li{
  overflow:hidden;
  width:100%;
  margin:0px auto 16px;
  position: relative;
}
/* .new_doctor>ul>li:before{
  content: "";
  display: block;
  position: absolute;
  width: 109px;
  height:113px;
  background:url('/img/hospital/snu.png') no-repeat 50%;
  background-size:100% auto;
  left:98px;
  top:0px;
  z-index:0;
} */
.new_doctor>ul>li:last-of-type{
  margin-bottom:0px;
}
.new_doctor>ul>li>figure{
  width:151px;
  float: left;
  position: relative;
  z-index:1;
}
.new_doctor>ul>li>figcaption{
  width:calc(100% - 151px);
  float: left;
  position: relative;
  box-sizing: border-box;
  padding-left:21px;
}
.new_doctor>ul>li>figcaption:before{
  content: "";
  display: block;
  position: absolute;
  width:6px;
  height:calc(100% - 39px);
  background:rgb(78, 138, 192);
  left:0px;
  bottom:0px;
}
.new_doctor>ul>li>figcaption h4{
  margin-bottom:16px;
  font-weight:800;
  position: relative;
}
.new_doctor>ul>li>figcaption h4 span{
  display: block;
  font-weight:600;
  font-size: 12px;
  line-height: 16px;
  margin-bottom:8px;
  height:calc(100% - 31px);
  color:rgb(78, 138, 192);
}
.new_doctor>ul>li>figcaption dl+dl{
  margin-top:8px;
}
.new_doctor>ul>li>figcaption dd{
  color:rgb(134, 134, 139);
}
.new_doctor>ul>li>figcaption dd:before{
  background:rgb(134, 134, 139);
  top:7px;
}

/* 병원둘러보기 */
.hs_floor1 .interior-container{
  padding-bottom:32px;
  margin-top:16px;
}
.hs_floor1 .interior-container .swiper-pagination-bullets{
  bottom:0px;
}
.interior-container .swiper-button-prev,
.interior-container .swiper-button-next{
  width:8px;
  height:16px;
  top: auto;
  bottom:0px;
}
.interior-container .swiper-button-prev{
  background:url(../img/hospital/floor-prev.png) no-repeat;
  background-size:8px 16px;
  left:70px;
}
.interior-container .swiper-button-next{
  background:url(../img/hospital/floor-next.png) no-repeat;
  background-size:8px 16px;
  right:70px;
}
.facInfo{
  margin:0px auto;
  position: relative;
}
.facInfo:after{
  content: "";
  display: block;
  clear: both;
}
.facInfo > li{
  position: relative;
  margin:0px auto 16px;
  overflow: hidden;
  width:100%;
  transition:all cubic-bezier(0.4, 0, 1, 1) 0.2s;
}
.facInfo>li:last-of-type {
  margin-bottom:0px;
}
.facInfo >li > figure{
  width:100%;
  margin:0px auto;
}
.facInfo >li > figcaption{
  position: absolute;
  width:calc(100% - 32px);
  height:calc(100% - 32px);
  padding:32px 16px;
  border:1px solid rgb(0, 8, 151);
  background:rgb(255,255,255);
  left:16px;
  bottom: 16px;
}
.facInfo >li > figcaption div{
  width:100%;
  height:100%;
  position: relative;
}
.facInfo >li > figcaption h4{
  font-size:18px;
  line-height:22px;
  font-weight:700;
  padding-bottom:8px;
  color: rgb(0, 21, 94);
  border-bottom:1px solid rgb(123, 123, 128);
}
.facInfo >li > figcaption h4 span{
  display: block;
  margin-top:8px;
  font-size:16px;
  font-weight:600;
  color: rgb(134, 134, 139);
}
.facInfo >li > figcaption p{
  margin-top:16px;
  font-weight:500;
}
.facInfo >li > figcaption p+span{
  position: absolute;
  bottom:0px;
  left:0px;
  width:80px;
  display:block;
  background:rgb(255, 255, 255);
  padding:4px 16px;
  border:1px solid rgb(0, 88, 151);
  font-size:12px;
  line-height:16px;
  font-weight:600;
  color: rgb(0, 88, 151);
  border-radius:11px;
}
.facilityWrap{
  border-radius:8px;
  margin:0px auto 16px;
  padding:32px 20px;
  min-height: 423px;
  text-align: center;
  overflow:hidden;
}
.facilityWrap:nth-of-type(1){
  background:url(../img/mobile/hospital/facility-bg1.png) no-repeat 50% 100%, rgb(244,246,249);
  background-size:100% auto;
}
.facilityWrap:nth-of-type(2){
  background:url(../img/mobile/hospital/facility-bg2.png) no-repeat 50% 100%, rgb(244,246,249);
  background-size:230px auto;
}
.facilityWrap:nth-of-type(3){
  background:url(../img/facility/facility-bg3.png) no-repeat 50% 90%, rgb(244,246,249);
  background-size:160px auto;
  margin-bottom: 0px;
}
/* 병원둘러보기 자세히보기 */
.facDetailFrame{
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
}
.facDetailFrame.on{
  pointer-events: auto !important;
  opacity: 1 !important;
  z-index: 2000;
}
.btn_close_fac_detail {
  width:18px;
  height:18px;
  position:absolute;
  right:16px;
  top:16px;
  background: url(../img/hospital/btn_close_facmore.png) no-repeat 50% 50%;
  background-size:16px;
  cursor: pointer;
  z-index: 2001;
}
.inner_fac_detail{
  height: 100%;
  width: 100%;
  pointer-events: none;
}
.inner_fac_detail.on{
  pointer-events: auto;
}
.inner_fac_detail > div{
  opacity:0;
  visibility: hidden;
  height:0!important;
}
.inner_fac_detail > div.on{
  opacity: 1;
  visibility: visible;
  height:100%!important;
}
.inner_fac_detail > div{
  height: 100%;
  width: 100%;
	position: relative;
  overflow: hidden;
  background:rgb(255, 255, 255);
}
.facDetailList {
  width:100% !important;
  height:300px !important;
  margin:0px auto;
  padding-top:112px;
}
.facDetailList > li:after{
  content:"";
  display:block;
  clear:both;
}
.facDetailList > li > figure{
  margin:0px auto 16px;
  width:calc(100% - 32px);
  position: relative;
	z-index: 10;
}
.facinfo{
  width:calc(100% - 32px);
  margin:0px auto 16px;
}
.facinfo>h4{
  font-size:18px;
  line-height:22px;
  color:rgb(29,29,31);
  margin-bottom:4px;
}
.facinfo>h5{
  padding-bottom:8px;
  margin-bottom:8px;
  color: rgb(134, 134, 139);
  border-bottom:1px solid rgb(134, 134, 139);
}
.facDetailFrame .swiper-container-horizontal>.swiper-pagination-progressbar, .facDetailFrame .swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  height:1px;
  left: 16px;
  top: 0;
  bottom:65px;
  top: auto;
  width:calc(100% - 32px);
  left: 50%;
  transform: translateX(-50%);
  background:rgb(134,134,139);
}
.facDetailFrame .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{
  background: rgb(39,99,186);
  position: absolute;
  left: 16px;
  top:-2px;
  width:calc(100% - 32px);
  height:4px;
  transform: scale(0);
  transform-origin: left top;
}
.facDetailFrame .swiper-button-next,
.facDetailFrame .swiper-button-prev{
  width: 18px;
  height: 27.5px;
  top:80%;
  margin-top: 0;
  transform: translateY(-50%);
}
.facDetailFrame .swiper-button-next{
	right:16px;
  left: auto;
  background-image:url(../img/hospital/fac_next.png);
	background-repeat:no-repeat;
	background-size:contain;
}
.facDetailFrame .swiper-button-prev{
	left:16px;
  right: auto;
	background-image:url(../img/hospital/fac_prev.png);
	background-repeat:no-repeat;
	background-size:contain;
}

/* 진료안내 */
.hs_info_wrap>a{
  display: block;
  width:296px;
  margin:24px auto 0px;
  border-radius:8px;
  /* background:rgb(0,21,94); */
  background: #ff6821;
  text-align: center;
  font-size:24px;
  line-height:36px;
  font-weight:800;
  padding:6px 0px;
}
.hs_info_wrap>a>span{
  display: inline-block;
  font-size:16px;
  font-weight:600;
  line-height:24px;
  margin-right:16px;
  transform: translateY(-2px);
}
.hos_info2{
  padding-bottom:0px;
}
.hos_info1>div,
.hos_info2>div{
  width:100%;
}
.hos_info1 h2,
.hos_info1 h2+p,
.hs_cont1_img{
  width:calc(100% - 32px);
  margin:0px auto 16px;
}
.hs_cont1_img{
  margin-bottom:0px;
}
.hs_floor1 .swiper-slide{
  border-radius:8px;
  overflow:hidden;
}
.hs_info_wrap{
  padding:64px 16px;
  background:url(../img/hospital/hs_info_bg.jpg) no-repeat 50%;
  background-size:cover;
  overflow:hidden;
  margin:0px auto;
}
.hs_info_wrap>h4{
  font-size: 14px;
  font-weight: 400; background: #003a7d; color: white;
  padding: 5px 18px; border-radius: 14px;
  width: fit-content; margin: 0 auto; margin-top: 30px;
}
.hs_info_img{
  width: 216px;
  margin: 0px auto 16px;
}
.cnc_cont3_tab{
  width:100%;
  overflow:hidden;
  margin:32px auto 0px;
  border-bottom:2px solid rgb(0, 21, 94);
}
.cnc_cont3_tab>li{
  float: left;
  width:33.33%;
  vertical-align:top;
  background:rgb(245, 245, 245);
  border-right: 1px solid rgb(255, 255, 255);
  cursor:pointer;
  transition: all 0.2s ease-out;
}
.cnc_cont3_tab>li:nth-of-type(4),
.cnc_cont3_tab>li:nth-of-type(5){
  width:50%;
  border-top:1px solid rgb(255,255,255);
}
.cnc_cont3_tab>li>h4{
  font-weight:600;
  font-size: 14px;
  padding: 12px 0px;
  color: rgb(29, 29, 31);
  transition: all 0.2s ease-out;
}
.cnc_cont3_tab>li:hover,
.cnc_cont3_tab>li.on{
  background:rgb(0, 21, 94);
}
.cnc_cont3_tab>li:hover>h4,
.cnc_cont3_tab>li.on>h4{
  color: rgb(255, 255, 255);
}
.cnc_cont3_list>div{
  display: none;
  transition: all 0.2s ease-out;
}
.cnc_cont3_list>div.on{
  display:block;
}
.cnc_cont3_list{
  margin:0px auto;
  background:rgb(244,248,252);
  padding:32px 16px 64px;
}
.docWrap{
  width:100%;
  overflow:hidden;;
  margin:0px auto 16px;
}
.docWrap:last-of-type{
  margin-bottom:0px;
}
.docTxt .schedule{
  padding:0px;
  border-bottom: none;
  position: relative;
}
.schedule>table{
  width:100%;
  border-collapse: collapse;
}
.schedule>table th{
  width:12.5%;
  font-weight:600;
  padding:10px 0px;
  background:rgb(0, 21, 94);
  border-right: 1px solid rgb(204, 204, 204);
}
.schedule>table td{
  line-height:20px;
  font-weight:600;
  padding:8px 0px;
  color:rgb(52,71,101);
  background:rgb(255,255,255);
  border-right:1px solid rgb(204,204,204);
  border-bottom:1px solid rgb(204,204,204);
}
.schedule>table th:last-of-type,
.schedule>table td:last-of-type{
  border-right:none;
}
.schedule>table .name span,
.schedule>table .name strong{
  font-size:10px;
  line-height:11px;
  font-weight:400;
  display: block;
}
.schedule>table .name strong{
  display: block;
  margin-top: 5px;
}
.schedule>table .care span{
  display: block;
  margin:0px auto;
  line-height:32px;
  border-radius:50%;
  width:32px;
  height:32px;
  color: rgb(255,255,255);
  background:rgb(0,88,151);
}
.schedule>table .serg span{
  display: block;
  margin:0px auto;
  line-height:32px;
  border-radius:50%;
  width:32px;
  height:32px;
  color: rgb(255,255,255);
  background:rgb(0,21,94);
}
.schedule>p{
  font-size:12px;
  line-height:16px;
  color: #A1A1A6;
  margin-top:4px;
}
.hos_info3 ul{
  display: block;
  margin-top:32px;
}
.hos_info3 ul>li{
  width:100%;
  margin:0px auto 16px;
  border-radius:8px;
  overflow:hidden;
  background:rgb(242,247,252);
  padding:32px 16px;
}
.hos_info3 ul>li:last-of-type{
  margin-bottom: 0px;
}
.hos_info3 ul>li figure{
  width:32px;
  margin:0px auto 12px;
}
.hos_info3 ul>li h4{
  color: rgb(29, 29, 31);
  font-size:20px;
  margin-bottom:16px;
}
.hos_info3 ul>li a.tel{
  display: block;
  width:230px;
  margin:0px auto;
  font-size:36px;
  line-height:48px;
  font-weight:800;
  /* color: rgb(5, 84, 242); */
  color:#ff6821;
  position: relative;
  padding-right:16px;
}
.hos_info3 ul>li a.tel:after{
  content:"";
  display: block;
  position: absolute;
  width:12px;
  height:24px;
  background:url(../img/hospital/arrow-tel.png) no-repeat 50%;
  background-size:contain;
  top:12px;
  right: 0px;
}
.hos_info3 ul>li a.link{
  background: #ff6821;
  width:100px;
}

/* 오시는 길 */
.map_wrap figure{
  width:100%;
  line-height:0px;
  margin:32px auto 0px;
}
.map_wrap figure iframe{
  width:100%;
  height:275px;
}
.map_wrap figcaption{
  padding:16px;
  background:rgb(244, 245, 248);
  border:1px solid rgb(227, 228, 236);
}
.map_wrap figcaption p{
  font-weight:bold;
  color: rgb(34, 37, 70);
  position: relative;
}
.map_wrap figcaption p:before{
  content: '';
  display: inline-block;
  width: 22px;
  height: 22px;
  margin-right: 4px;
  vertical-align: middle;
  background: url(../img/ico_n_map_sm.svg) no-repeat center;
  background-size: 100%;
}
.map_wrap+ul{
  margin:16px auto 0px;
}
.map_wrap+ul>li{
  width: 130px;
  margin:0px 4px;
  background-color:rgb(0,51,120);
}
.map_wrap+ul>li>a{
  display: block;
  width:100%;
  box-sizing: border-box;
  padding: 7px 5px 10px;
}
.map_wrap+ul>li>a:before{
  content: '';
  display: inline-block;
  width: 18px;
  height: 18px;
  margin-right: 5px;
  vertical-align: middle;
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center;
}
.map_wrap+ul>li:nth-of-type(1)>a:before{
  background-image: url(../img/ico_map_btn_naver.png);
}
.map_wrap+ul>li:nth-of-type(2)>a:before{
  background-image: url(../img/ico_map_btn_kakao.png);
}
.map_wrap+ul>li>a>span{
  display: inline-block;
  line-height: 1;
  font-weight: 700;
  transform: translateY(2px);
}
.hos_local2{
  margin-top:64px;
  background:rgb(245, 245, 245);
}
.hos_local2 ul{
  margin-top:32px;
}
.hos_local2 ul>li{
  width:100%;
  border-radius: 8px;
  overflow:hidden;
  margin:0px auto 16px;
  box-sizing: border-box;
}
.hos_local2 ul>li:last-of-type{
  margin-bottom:0px;
}
.hos_info3Wrap{
  width:100%;
  display: table;
  margin:0px auto;
}
.hos_info3Wrap>figure{
  display: table-footer-group;
  width:100%;
  margin:0px auto 16px;
}
.hos_info3Wrap>figcaption{
  display:table-header-group;
  width:100%;
}
.hos_info3Wrap>figcaption h3{
  margin-bottom:32px;
  text-align: center;
}
.hos_info3Wrap>figcaption dl{
  margin:0px auto 8px;
  width:200px;
}
.hos_info3Wrap>figcaption dl:last-of-type{
  margin-bottom:32px;
}
.hos_info3Wrap>figcaption dt{
  padding-left:30px;
  font-size:14px;
  position: relative;
  font-weight:600;
  color: rgb(29, 29,31);
  margin-bottom:4px;
}
.hos_info3Wrap>figcaption dt:before{
  content: "";
  display: block;
  position: absolute;
  width:18px;
  height:18px;
  left:0px;
  top:0px;
  background:url(../img/hospital/bus1.png) no-repeat 50%;
  background-size: 18px;
}
.hos_info3Wrap>figcaption dl:last-of-type dt:before{
  background:url(../img/hospital/bus2.png) no-repeat 50%;
  background-size: 18px;
}
.hos_info3Wrap>figcaption dd{
  font-weight:500;
  font-size:14px;
  line-height:20px;
  padding-left:30px;
  color: rgb(134, 134, 139);
}

/* 예약레이어 */
.reserpopup{
  display: none;
  position: fixed;
  background: rgba(17, 31, 32, 0.87);
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  transition: all 0.4s ease 0.1s;
  pointer-events: none;
  z-index:1010;
  padding-top:26px;
}
.reserpopup.on{
  display: block;
	pointer-events:auto;
	margin: 0 auto;
	padding-top: 70px;
	width: 100%;
}
#reser-caution{color: #ffd713; margin-top: 10px;}
.resercon{
  width:calc(100% - 32px);
	margin: 0 auto;
	position: relative;
}
.resercon h2{
  margin-top: 14px;
  font-size: 32px;
}
.resercon h2+p{
  margin: 10px auto 5px;
  font-size: 12px;
  line-height: 16px;
  color: rgb(255,255,255);
}
.resercon .expltxt:last-of-type{
  color:rgb(255,0,0);
  font-weight:500;
}
.resercon .expltxt > span{
  display: inline-block;
  color:rgb(255,0,0);
  font-size: 14px;
  vertical-align: middle;
  transform: translateY(-2px);
  margin-right: 2px;
}
.resercon .reser_table input{
  padding: 12px;
  font-size: 12px;
  font-weight: 300;
  line-height: 16px;
  text-align: left;
  color: rgb(128, 128, 128);
  width: 135px;
}
.resercon input[type="text"]{
  display: block;
  height: 40px;
  color:rgb(80, 80, 80);
  padding: 0 15px;
  border-radius: 8px;
  margin: 10px 0;
  width:calc(50% - 6px);
  float: left;
  margin-right: 6px;
}
.resercon input+input{margin-right: 0px !important;}
.reser_table textarea{
  resize: none;
  border: 1px solid rgb(238, 238, 238);
  width:100%;
  height:100px;
  padding: 8px;
  box-sizing: border-box;
  font-size: 12px;
  border-radius: 8px;
}
.resercon .apply{
  border: 1px solid #fff;
  color:rgb(255, 255, 255);
  font-size: 18px;
  float: right;
  padding: 6px 16px;
  font-weight: bold;
  border-radius: 10px;
  letter-spacing: 0px;
  -webkit-transition: all 500ms cubic-bezier(0.625, 0, 0.430, 1);
  -webkit-transition: all 500ms cubic-bezier(0.625, -0.600, 0.430, 1.460);
  -moz-transition: all 500ms cubic-bezier(0.625, -0.600, 0.430, 1.460);
  -o-transition: all 500ms cubic-bezier(0.625, -0.600, 0.430, 1.460);
  transition: all 500ms cubic-bezier(0.625, -0.600, 0.430, 1.460);
  width:100%;
  background:rgb(12, 35, 66);
  margin-top:34px;
}
.resercon .apply:hover{
  width:100%;
  background:rgb(255, 255, 255);
  color:rgb(12, 35, 66);
}
.resercon .closebutton{
  position: absolute;
  width: 20px;
  height: 20px;
  cursor: pointer;
  transition: all 0.5s ease 0s;
  right: 0;
  top: -35px;
  pointer-events: visible;
}
.resercon .check{
  position: relative;
  display: block;
  margin: 10px auto;
  overflow: hidden;
  min-height: 10px;
  clear: both;
}
.resercon .labelchk{
  vertical-align: middle;
  border-radius: 5px;
  width: 13px;
  height: 13px;
  float: left;
}
.resercon .infoAgree {
  position: relative;
  display: block;
  overflow: hidden;
  min-height: 20px;
  text-align: left;
  color: #fff;
  font-size: 12px;
  line-height: 16px;
  padding-left: 5px;
}

/* 회원가입 */
#fregister{
  margin-top:64px;
}

/* 관절센터 ----------------------- */
.deco_cure .s2-1 a,
.deco_cure .s3-1 a{
  padding-top:32px;
}
.nonsurg020101>li:nth-of-type(1){
  background:url(../img/joint/surg020101_nonsurg1.png) no-repeat 50% 100%, rgb(245,245,245);
  background-size:258px auto;
}
.nonsurg020101>li:nth-of-type(2){
  background:url(../img/joint/surg020101_nonsurg2.png) no-repeat 50% 113px, rgb(245,245,245);
  background-size:258px auto;
}
.surg020101>li:nth-of-type(1){
  background:url(../img/joint/surg020101_surg1.png) no-repeat 50% 100%, rgb(245,245,245);
  background-size:100% auto;
}
.surg020101>li:nth-of-type(2){
  background:url(../img/joint/surg020101_surg2.png) no-repeat 50% 100%, rgb(245,245,245);
  background-size:100% auto;
}
.surg020101>li:nth-of-type(3){
  background:url(../img/mobile/joint/surg020101_surg3.png) no-repeat 50% 100%, rgb(245,245,245);
  background-size: 100% auto;
}
.nonsurg020102>li:nth-of-type(1){
  background:url(../img/mobile/joint/surg020102_nonsurg1.png) no-repeat 0% 100%, rgb(245,245,245);
  background-size:100% auto;
}
.surg020102>li:nth-of-type(1){
  background:url(../img/joint/surg020102_surg1.png) no-repeat 50% 100%, rgb(245,245,245);
  background-size:100% auto;
}
.surg020102>li:nth-of-type(2){
  background:url(../img/joint/surg020102_surg2.png) no-repeat 50% 100%, rgb(245,245,245);
  background-size:100% auto;
}
.surg020102>li:nth-of-type(3){
  background:url(../img/joint/surg020102_surg3.png) no-repeat 100% 100%, rgb(245,245,245);
  background-size:100% auto;
}
.nonsurg020103>li:nth-of-type(1){
  background: url(../img/joint/surg020103_surg1.png) no-repeat 50% 100%, rgb(245,245,245);
  background-size: 258px auto;
}
.surg020103>li:nth-of-type(1){
  background:url(../img/mobile/joint/surg020103_surg2.png) no-repeat 50% 100%, rgb(245,245,245);
  background-size:100% auto;
}
.nonsurg020104>li:nth-of-type(1){
  background:url(../img/joint/surg020104_surg1.png) no-repeat 0% 100%, rgb(245,245,245);
  background-size:100% auto;
}
.surg020104>li:nth-of-type(1){
  background:url(../img/joint/surg020101_surg1.png) no-repeat 0% 100%, rgb(245,245,245);
  background-size:100% auto;
}
.surg020104>li:nth-of-type(2){
  background:url(../img/joint/surg020104_surg2.png) no-repeat 50% 100%, rgb(245,245,245);
  background-size:100% auto;
}
.surg020104>li:nth-of-type(3){
  background:url(../img/mobile/joint/surg020101_surg3.png) no-repeat 100% 100%, rgb(245,245,245);
  background-size:100% auto;
}
.nonsurg020105>li:nth-of-type(1){
  background:url(../img/joint/surg020105_nonsurg1.png) no-repeat 50% 128px, rgb(245,245,245);
  background-size:220px auto;
}
.surg020105>li:nth-of-type(1){
  background:url(../img/joint/surg020105_surg1.png) no-repeat 50% 100%, rgb(245,245,245);
  background-size:100% auto;
}
.surg020105>li:nth-of-type(2){
  background:url(../img/joint/surg020105_surg2.png) no-repeat 50% 100%, rgb(245,245,245);
  background-size:100% auto;
}
.nonsurg020201>li:nth-of-type(1){
  background:url(../img/mobile/joint/surg020201_nonsurg1.png) no-repeat 0px 100%, rgb(245,245,245);
  background-size:100% auto;
  padding-bottom:180px;
}
.surg020201>li:nth-of-type(1){
  background:url(../img/joint/surg020201_surg1.png) no-repeat 50% 100%, rgb(245,245,245);
  background-size:220px auto;
}
.surg020201>li:nth-of-type(2){
  background:url(../img/joint/surg020201_surg2.png) no-repeat 100% 100%, rgb(245,245,245);
  background-size:290px auto;
}
.dis_golfelbow{
  width:328px;
}
.nonsurg020202>li:nth-of-type(1){
  background:url(../img/joint/surg020202_nonsurg.png) no-repeat 50% 100%, rgb(245,245,245);
  background-size: 100% auto;
  padding-bottom:200px;
}
.surg020202>li:nth-of-type(1), .surg020303>li:nth-of-type(1){
  background:url(../img/mobile/joint/surg020202_surg.png) no-repeat 50% 100%, rgb(245,245,245);
  background-size: 100% auto;
  height: auto;
  padding-bottom: 176px;
}
.nonsurg020203>li:nth-of-type(1), .nonsurg020305>li:nth-of-type(1){
  background:url(../img/joint/surg020105_nonsurg1.png) no-repeat 50% 90%, rgb(245,245,245);
  background-size:180px auto;
}
.surg020203>li:nth-of-type(1), .surg020301>li:nth-of-type(1){
  background:url(../img/mobile/joint/surg020203_surg1.png) no-repeat 50% 100%, rgb(245,245,245);
  background-size: 100% auto;
  height: auto;
  padding-bottom: 184px;
}
.dis_tunnel{
  width:295px;
}
.nonsurg020204>li:nth-of-type(1){
  background:url(../img/mobile/joint/surg020204_nonsurg.png) no-repeat 50% 100%, rgb(245,245,245);
  background-size: 100% auto;
  padding-bottom: 200px;
}
.surg020204>li:nth-of-type(1){
  background: url(../img/mobile/joint/surg020203_surg1.png) no-repeat 50% 100%, rgb(245,245,245);
  background-size: 100% auto;
  padding-bottom: 182px;
}
.dis_handlebar, .dis_tennis{
  width:320px;
}
.dis_cure .nonsurg020205>li.width, .dis_cure .nonsurg020403>li.width{
  background:url(../img/joint/surg020205_nonsurg.png) no-repeat 50% 86%, rgb(245,245,245);
  background-size:230px auto;
}
.surg020205>li:nth-of-type(1), .surg020206>li:nth-of-type(1){
  background: url(../img/mobile/joint/surg020205_surg.png) no-repeat 50% 100%, rgb(245,245,245);
  background-size: 100% auto;
  height: auto;
  padding-bottom: 212px;
}
.nonsurg020206>li:nth-of-type(1){
  background: url(../img/joint/surg020206_nonsurg.png) no-repeat 0px 0%, rgb(245,245,245);
  background-size: 100% auto;
  padding: 228px 24px 24px;
  height: auto;
}
.nonsurg020301>li:nth-of-type(1){
  background: url(../img/joint/surg020301_nonsurg.png) no-repeat 50% 90%, rgb(245,245,245);
  background-size: 112px auto;
}
.dis_sprain{
  width:270px;
}
.nonsurg020302>li:nth-of-type(1){
  background: url(../img/joint/surg020302_nonsurg.png) no-repeat 50% 100%, rgb(245,245,245);
  background-size: 192px auto;
}
.surg020302>li:nth-of-type(1){
  background:url(../img/joint/surg020203_surg1.png) no-repeat 50% 100%, rgb(245,245,245);
  background-size:100% auto;
  height: auto;
  padding-bottom: 184px;
}
.nonsurg020303>li:nth-of-type(1){
  background:url(../img/joint/surg020203_nonsurg.png) no-repeat 50% 100%, rgb(245,245,245);
  background-size:150px auto;
}
.nonsurg020304>li:nth-of-type(1){
  background:url(../img/joint/surg020304_nonsurg.png) no-repeat 50% 100%, rgb(245,245,245);
  background-size:300px auto;
}
.surg020304>li:nth-of-type(1){
  background:url(../img/joint/surg020304_surg.png) no-repeat 50% 100%, rgb(245,245,245);
  background-size:244px auto;
}
.surg020305>li:nth-of-type(1){
  background: url(../img/joint/surg020205_surg.png) no-repeat 50% 100%, rgb(245,245,245);
  background-size: 230px auto;
}
.nonsurg020306>li:nth-of-type(1){
  background: url(../img/joint/surg020301_nonsurg.png) no-repeat 50% 90%, rgb(245,245,245);
  background-size:132px auto;
}
.surg020306>li:nth-of-type(1){
  background: url(../img/mobile/joint/surg020203_surg1.png) no-repeat 50% 100%, rgb(245,245,245);
  background-size:100% auto;
  height: auto;
  padding-bottom: 182px;
}
.nonsurg020401>li.width, .nonsurg020404>li.width{
  background: url(../img/mobile/joint/surg020401_nonsurg.png) no-repeat 50% 100%, rgb(245,245,245);
  background-size: 224px auto;
  padding-bottom:226px;
}
.nonsurg020402>li.width{
  background: url(../img/mobile/joint/surg020402_nonsurg.png) no-repeat 50% 182px, rgb(245,245,245);
  background-size: 215px auto;
  padding-bottom:209px;
}
.surg020402>li.width, .surg020405>li.width{
  background:url(../img/mobile/joint/surg020103_surg2.png) no-repeat 50% 100%, rgb(245,245,245);
  background-size:100% auto;
  padding-bottom:176px;
}
.surg020403>li.width, .surg020404>li.width{
  background:url(../img/mobile/joint/surg020205_surg.png) no-repeat 50% 100%, rgb(245,245,245);
  background-size:100% auto;
  padding-bottom:174px;
}
.dis_cure .nonsurg020405>li.width{
  background:url(../img/joint/surg020105_nonsurg1.png) no-repeat 50% 100%, rgb(245,245,245);
  background-size:180px auto;
}

/* 척추센터 -----------------------*/
.nonsurg030101>li:nth-of-type(1), .nonsurg030102>li:nth-of-type(1),
.nonsurg030103>li:nth-of-type(1), .nonsurg030104>li:nth-of-type(1),
.nonsurg030201>li:nth-of-type(1), .nonsurg030204>li:nth-of-type(1){
  background: url(../img/mobile/spine/surg030101_nonsurg1.png) no-repeat 50% 135px, rgb(245,245,245);
  background-size:223px 132px;
}
.nonsurg030101>li:nth-of-type(2), .nonsurg030102>li:nth-of-type(2),
.nonsurg030104>li:nth-of-type(2), .nonsurg030201>li:nth-of-type(2),
.nonsurg030202>li:nth-of-type(1), .nonsurg030204>li:nth-of-type(2){
  background: url(../img/mobile/spine/surg030101_nonsurg2.png) no-repeat 50% 100%, rgb(245,245,245);
  background-size:100% auto;
}
.nonsurg030103>li:nth-of-type(2){
  background: url(../img/mobile/spine/surg030103_nonsurg2.png) no-repeat 50% 100%, rgb(245,245,245);
  background-size:212px 133px;
}
.surg030101>li.width, .surg030201>li.width,
.surg030203>li.width{
  background: url(../img/mobile/spine/surg030101_surg.png) no-repeat 50% 100%, rgb(245,245,245);
  background-size:289px 193px;
}
.dis_cure .surg030102>li.width, .dis_cure .surg030104>li.width,
.dis_cure .surg030204>li.width{
  background: url(../img/mobile/spine/surg030102_surg.png) no-repeat 50% 100%, rgb(245,245,245);
  background-size:auto 290px;
  padding-bottom:182px;
}
.surg030103>li.width, .surg030203>li.width, .surg030202>li.width{
  background: url(../img/mobile/spine/surg030103_surg.png) no-repeat 50% 100%, rgb(245,245,245);
  background-size:auto 290px;
}
.nonsurg030203>li{
  background: url(../img/mobile/spine/surg030203_nonsurg2.png) no-repeat 50% 100%, rgb(245,245,245);
  background-size: auto 290px;
}
#subDoctor.spine .docWrap:last-of-type{
  display: none;
}

/* 재활센터 -----------------------*/
.deco_rehab1, .deco_rehab3{
  background:rgb(255, 255, 255);
}
.deco_rehab1 p{
  margin-bottom:32px;
  font-weight:600;
  line-height:22px;
}
.deco_rehab2{
  background:rgb(245, 245, 245);
  padding-bottom: 0px;
}
.cure_rehab1 .joint1-1>a{
  height:156px;
  background:url(../img/mobile/rehab/rehab1-1.png) no-repeat 50% 100%, rgb(244, 244, 244);
  background-size:auto 156px;
}
.cure_rehab1 .joint1-2>a{
  height:156px;
  background:url(../img/mobile/rehab/rehab1-2.png) no-repeat 50% 100%, rgb(244, 244, 244);
  background-size:auto 156px;
}
.cure_rehab1 .joint2>a{
  height:156px;
  background:url(../img/mobile/rehab/rehab2.png) no-repeat 50% 100%, rgb(244, 244, 244);
  background-size:auto 156px;
}
.cure_rehab1 .joint3-1>a{
  height:328px;
  background:url(../img/mobile/rehab/rehab3-1.png) no-repeat 50% 100%, rgb(244, 244, 244);
  background-size:156px auto;
}
.cure_rehab1 .joint3-2>a{
  height:156px;
  background:url(../img/mobile/rehab/rehab3-2.png) no-repeat 50% 100%, rgb(244, 244, 244);
  background-size:auto 156px;
}
.cure_rehab1 .joint3-3>a{
  height:156px;
  background:url(../img/mobile/rehab/rehab3-3.png) no-repeat 50% 100%, rgb(244, 244, 244);
  background-size:auto 156px;
}
.rehab_img{
  width:100%;
  margin:20px auto 0px;
}
.cure_rehab2 .joint1-1>a{
  height:156px;
  background:url(../img/mobile/rehab/target1-1.png) no-repeat 50% 100%, rgb(244, 244, 244);
  background-size:auto 156px;
}
.cure_rehab2 .joint1-2>a{
  height:156px;
  background:url(../img/mobile/rehab/target1-2.png) no-repeat 50% 100%, rgb(244, 244, 244);
  background-size:auto 156px;
}
.cure_rehab2 .joint2>a{
  height:156px;
  background:url(../img/mobile/rehab/target2.png) no-repeat 100% 100%, rgb(244, 244, 244);
  background-size:auto 156px;
}
.cure_rehab2 .joint2 h3{
  text-align: left;
}
.cure_rehab2 .joint3-1>a{
  height:328px;
  background:url(../img/mobile/rehab/target3-1.png) no-repeat 50% 100%, rgb(244, 244, 244);
  background-size:156px auto;
}
.cure_rehab2 .joint3-2>a{
  height:156px;
  background:url(../img/mobile/rehab/target3-2.png) no-repeat 50% 60px, rgb(244, 244, 244);
  background-size:103px auto;
}
.cure_rehab2 .joint3-3>a{
  height:156px;
  background:url(../img/mobile/rehab/target3-3.png) no-repeat 50% 100%, rgb(244, 244, 244);
  background-size:auto 156px;
}

/* 내과센터 -----------------------*/
.cure_inter .inter2-1>a{
  height:156px;
  background:url(../img/mobile/inter/inter2-1.png) no-repeat 100% 100%, rgb(244, 244, 244);
  background-size:auto 156px;
}
.cure_inter .inter2-2>a{
  height:156px;
  background:url(../img/mobile/inter/inter2-2.png) no-repeat 100% 100%, rgb(244, 244, 244);
  background-size:auto 156px;
}
.cure_inter .joint2 h3{
  text-align: left;
}
.cure_inter .joint3-1>a{
  height:328px;
  background:url(../img/mobile/inter/inter3-1.png) no-repeat 50% 100%, rgb(244, 244, 244);
  background-size:156px auto;
}
.cure_inter .joint3-2>a{
  height:156px;
  background:url(../img/mobile/inter/inter3-2.png) no-repeat 50% 60px, rgb(244, 244, 244);
  background-size:103px auto;
}
.cure_inter .joint3-3>a{
  height:156px;
  background:url(../img/mobile/inter/inter3-3.png) no-repeat 50% 64px, rgb(244, 244, 244);
  background-size:100px auto;
}
.deco_check table{
  width:100%;
  margin-top:20px;
  border-collapse: collapse;
}
.deco_check table th{
  width:25%;
  background: rgb(0,88,151);
  padding:16px 0px;
  font-size:16px;
  line-height:24px;
  font-weight: 600;
  border-right:1px solid rgba(112,112,112,0.64);
}
.deco_check table th:nth-of-type(2){
  width:50%;
}
.deco_check table td{
  padding:16px 8px;
  font-size:12px;
  line-height:18px;
  font-weight:500;
  color: rgb(134,134,139);
  border-right:1px solid rgba(112,112,112,0.64);
  border-bottom:1px solid rgba(112,112,112,0.64);
}
.deco_check table td:first-of-type{
  font-size:14px;
  line-height:22px;
  color:rgb(29,29,31);
  font-weight:600;
}
.deco_check table th:last-of-type,
.deco_check table td:last-of-type{
  border-right:none;
}
.deco_check table td span{
  display: block;
  margin-top:8px;
  color:rgb(255,137,0);
}
.cancer_check h3{
  margin-bottom:8px;
}
.cancer_check p{
  font-size:12px;
  line-height:18px;
  color: rgb(134,134,139);
  margin-bottom:32px;
}

/* 의료진하단 */
.subDoc{
  background:rgb(245, 245, 245);
  border-radius:10px;
  padding: 40px 16px;
  position: relative;
}
.subDoc>a{
  display: block;
  position: absolute;
  width:18px;
  height:18px;
  background: url(../img/mobile/subdoc.png) no-repeat 50%;
  background-size: 18px;
  top: 10px;
  right: 10px;
}
.subDoc>.docImg{
  position: absolute;
  width: 183px;
  bottom: 135px;
  right: 0px;
  margin: 0;
}
.subDoc>.docTxt h4{
  color:rgb(152,174,255);
  margin-bottom:8px;
}
.subDoc>.docTxt h5{
  color: rgb(29,29,31);
  font-size:18px;
  line-height:26px;
  margin-bottom:16px;
}
.subDoc>.docTxt h5 span{
  display: inline-block;
  font-weight:500;
}
.subDoc>.docTxt dl{
  max-width:50%;
  margin-bottom:16px;
}
.subDoc>.docTxt dt{
  font-weight:600;
  font-size:14px;
  color:rgb(29,29,31);
  margin-bottom:8px;
}
.subDoc>.docTxt dd{
  color:rgb(134,134,139);
  font-size:10px;
  line-height:14px;
  padding-left:8px;
}
.subDoc>.docTxt dd:before{
  background:rgb(134,134,139);
  top:6px;
}
.subTime{
  clear: both;
  width:100%;
  position: relative;
  z-index:2;
}
.subTime>h5{
  display:none;
}
.subTime>table{
  width:100%;
  border-collapse: collapse;
}
.subTime>table th{
  width:12.5%;
  padding:10px 0px;
  background:rgb(0,21,94);
}
.subTime>table td{
  padding:8px 0px;
  line-height:24px;
  font-size:12px;
  line-height:25px;
  font-weight:400;
  color:rgb(52,71,101);
  background:rgb(255,255,255);
  border-right:1px solid rgb(204,204,204);
  border-bottom:1px solid rgb(204,204,204);
}
.subTime>table td span{
  display: block;
  width:32px;
  height:32px;
  border-radius:50%;
  margin:0px auto;
  line-height:32px;
  text-align: center;
}
.subTime>table td:last-of-type{
  border-right:none;
}
.subTime>table .care span{
  background:rgb(0,88,151);
}
.subTime>table .surg span{
  background:rgb(152,174,255);
}

/* 센터하단 -----------------------*/
.oper_wrap{
  width:100%;
  height:432px;
  margin:0px auto;
  background:url(../img/mobile/operation1.png) no-repeat 50% 100%, rgb(7,8,35);
  background-size:cover;
  overflow:hidden;
}
#oper2 .oper_wrap{
  background:url(../img/mobile/operation2.jpg) no-repeat 0% 100%;
  background-size:cover;
}
.oper_txt{
  padding:64px 0px;
  position: relative;
  text-align: center;
}
.oper_txt:after{
  content: "";
  display: block;
  clear: both;
}
.oper_txt p{
  margin-top:16px;
  padding:0px 16px;
  font-size:14px;
  line-height:22px;
  font-weight:600;
}
#oper2 h2{
  color: rgb(0, 21, 94);
}
#subDoctor{
  padding:64px 0px;
  background:rgb(255, 255, 255);
}
#subDoctor h3{
  margin-bottom:16px;
}

/* 개인정보, 이용약관 */
.privacy_wrap{
  margin:0px auto 32px;
}
.privacy_wrap:last-of-type{
  margin-bottom: 64px;
}
.privacy_wrap>.expltxt{
  margin-top:8px;
  color: rgb(134,134,139);
}

/* 제증명발급안내 */
.certi_issu{
  padding:0px;
}
.certi_issu, .certi_announ, .certi_doc{
  padding-bottom: 0px;
}
.certi_issu h3{
  margin-bottom:8px;
  padding-bottom:8px;
  border-bottom:1px solid rgb(228,228,228);
}
.certi_issu ul{
  text-align: center;
  margin: 30px auto 0px;
}
.certi_issu ul>li{
  display: inline-block;
  margin: 0px auto 5px;
  width: 200px;
}
.certi_issu ul>li>a{
  display: block;
  padding: 6px;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: -0.05em;
  color:rgb(17,17,17);
  text-align: center;
  border: 1px solid rgb(17,17,17);
  background: rgb(255,255,255);
}
.certi_announ ul>li>p{
  padding: 4px 0px 4px 5px;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: -0.025em;
  color: rgb(102,102,102);
}
.certi_announ ul>li:last-of-type>p{
  color:#ff6821;
}
.certi_doc h3, .certi_fee h3{
  margin-bottom:4px;
}
.certi_doc h3+p, .certi_fee h3+p{
  font-size: 12px;
  line-height:16px;
  font-weight: 400;
  color: rgb(102,102,102);
}
.certi_doc table, .certi_fee table{
  width:100%;
  border-collapse: collapse;
  margin-top: 15px;
  border-bottom: 2px solid rgb(187,187,187);
}
.certi_doc table th, .certi_fee table th{
  font-size:14px;
  padding: 5px 10px;
  font-weight:400;
  color: rgb(51,51,51);
  border-bottom: 2px solid rgb(187,187,187);
}
.certi_fee table th{
  width:33.33%;
}
.certi_doc table td, .certi_fee table td{
  color: rgb(51,51,51);
  padding: 15px 10px;
  font-weight: 400;
  border-bottom: 1px solid rgb(187,187,187);
}
.certi_fee table td{
  padding:5px 10px;
  border-right:1px solid rgb(187,187,187);
}
.certi_fee table td:last-of-type{border-right:none;}
.certi_fee table td.last{
  border-right:1px solid rgb(187,187,187);
}
.certi_doc table p, .certi_fee table p{
  color: rgb(51,51,51);
}
.certi_doc table p>span,
.certi_fee table p>span{
  display: block;
  font-size:12px;
  font-weight:300;
  color: rgb(136,136,136);
}
.certi_doc table dd:before{
  top:6px;
  background:rgb(51,51,51);
}
.certi_doc table dd>span{
  font-size:12px;
  font-weight:300;
  color: rgb(136,136,136);
}
.certi_fee table+p{
  text-align: right;
  margin-top:5px;
  font-size:12px;
  color: rgb(0,0,0);
}

/* 미디어쿼리 iPhone 14 Pro Max */
@media all and (min-width:430px){
  .surg020105>li:nth-of-type(1){
    min-height:350px;
  }
  .surg020202>li:nth-of-type(1),
  .surg020303>li:nth-of-type(1){
    padding-bottom:216px;
  }
  .subTltChild .subVideo{
    height:213px;
  }
}

/* 미디어쿼리 iPhone 12 Pro */
@media all and (min-width:390px){
  .child3>a{
    background-size:100% auto;
  }
  .subVideo>video{
    width:100%;
    height:auto;
  }
  .docLayer{
    padding-bottom:128px;
  }
  #subMenu.childMenu>ul>li>a{
    font-size:12px;
  }
}