@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');
/* 2022-12-27 박연규 작성 */

/* 공통 */
.pc_only{display:none;}
.container{
  width:calc(100% - 32px);
  margin:0 auto;
  position:relative;
}
.cont1200{
  width:calc(100% - 32px);
  margin:0 auto;
  position:relative;
}
.flex{
  display: flex;
  flex-wrap: wrap;
}
/* ===> 컨텐츠의 텍스트 부분을 새롭게 구성하기 위해서 추가. JK */
.jk_ceflex{
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: center;
  /* align-content: center; */
}
/* <=== 컨텐츠의 텍스트 부분을 새롭게 구성하기 위해서 추가. JK */
.expltxt{
  font-family: 'Pretendard';
  font-weight: 500;
  font-size:12px;
  line-height:16px;
  position: relative;
}
.nortxt{
  font-family: 'Pretendard';
  font-weight: 500;
  font-size:14px;
  line-height:20px;
  position: relative;
}
.fff{color:rgb(255,255,255) !important;}
.ceTxt{text-align:center;}
.juTxt{text-align:justify;}		/* 컨텐츠의 타이클 부분을 새롭게 구성하기 위해서 추가. JK */

/* ===> 유튜브 동영상을 삽입하기 위해서 추가. JK */
.jk_embed_container{ 
	position: relative; 
	padding-bottom: 56.25%; 
	height: 0; 
	overflow: hidden; 
	max-width: 100%; 
} 
.jk_embed_container iframe, .embed-container object, .embed-container embed{ 
	position: absolute; 
	top: 0; 
	left: 0; 
	width: 100%; 
	height: 100%; 
}
/* <=== 유튜브 동영상을 삽입하기 위해서 추가. JK */

.dots > dd{
  position:relative;
  padding-left:8px;
}
.dots > dd:before{
  content: "";
  display: block;
  position: absolute;
  top:7px;
  left:0px;
  width:3px;
  height:3px;
  border-radius:50%;
}
.subh3{
  font-size:24px;
  font-weight:700;
  line-height:30px;
  font-family: 'Pretendard';
  color:#002C4D;
  margin-bottom:8px;
}
.subh2{
  font-size:32px;
  font-weight:800;
  line-height:40px;
  font-family: 'Pretendard';
  color:#002C4D;
  margin-bottom:16px;
}
.btnMore{
  display: block;
  width:124px;
  margin:0 auto;
  padding:8px 30px;
  border-radius:21px;
  border:1px solid #0066CD;
  color:#0066CD;
  font-weight:600;
  background:rgb(255,255,255);
}
.subtlt60{
  font-size:30px;
  line-height:36px;
  font-weight:800;
  font-family: 'Pretendard';
  margin-bottom:16px;
  color: #002C4D;
}
.subtlt48{
  font-size:24px;
  font-weight:700;
  line-height:30px;
  font-family: 'Pretendard';
  margin-bottom:16px;
  color: #002C4D;
}
.subtlt36{
  font-size:24px;
  font-weight:700;
  line-height:30px;
  font-family: 'Pretendard';
  color: #002C4D;
}
.subtlt24{
  font-size:14px;
  font-weight:600;
  line-height:20px;
  font-family: 'Pretendard';
  color:#1D1D1F;
}
/* ===> 컨텐츠의 텍스트 부분을 새롭게 구성하기 위해서 추가. JK */
.jk_blue1{
  color: rgb(154,204,255);
}
.jk_blue2{
  color: rgb(42,115,251);		
}
.jk_orange1{
  color: rgb(255,136,0);	
}  
.jk_tltTxt18{
	position: relative;
  font-size:14px;
  font-family:'Pretendard', Dotum, "돋움", Verdana, Arial, sans-serif;
  font-weight:400;
	line-height:1.5em;
	left: 20px;
	bottom: 30px;	  	
}
.jk_tltTxt28{
	position: relative;	
  font-size:16px;
  font-family:'Pretendard', Dotum, "돋움", Verdana, Arial, sans-serif;
  font-weight:500;
	line-height:1.5em;  	
}
.jk_Txt30{
	position: relative;	
  font-size:18px;
  font-family:'Spoqa Han Sans Neo', 'Pretendard', Dotum, "돋움", Verdana, Arial, sans-serif;
  font-weight:400;
  opacity: 0.9;	  	
}
.jk_Txt30_highlight{
	position: relative;	
  color:rgb(42,115,251);	
  font-weight:500;
  opacity: 1;	 	
}
.jk_imgCoverTxt16{
	position: relative;	
  font-size:16px;
	color: rgb(72,71,69);
  font-family:'Spoqa Han Sans Neo', 'Pretendard', Dotum, "돋움", Verdana, Arial, sans-serif;
  font-weight:400;	
}
/* <=== 컨텐츠의 텍스트 부분을 새롭게 구성하기 위해서 추가. JK */

.deco_box{
  padding:48px 0px;
}
/* 헤더 */
header{
  position: fixed;
  height:44px;
  width:100%;
	border-bottom:1px solid rgb(200,200,200);		/* 동영상을 슬라이드로 교체하면서 추가.  2024.04.13.  JK */
  z-index:99;
  background:rgb(255,255,255);
}
header > .container{
  margin:0 auto;
  overflow:hidden;
  position:relative;
  width:100%;
}
.menubutton{
  float:left;
  width:20px;
  margin-left:18px;
  padding-top:10px;  /* 13px => 10px.  세로측 가운데 정렬.  2024.04.13.  JK */
}
header h1{
  width: 106px;
  height: 40px;
  position:absolute;
  top:2px;
  left:calc(50% - 53px);
}
header h1 a{
  display:block;
  width:100%;
  height:100%;
}
.phone{
  float:right;
  width:70px;
  height:44px;
  background:rgb(16,18,61);
}
.phone>a{
  display: block;
  width:100%;
  height:100%;
  padding:8px 10px 10px;
  font-size:10px;
  line-height:15px;
}
.phone > a > span{
  display:block;
  color:#FF8800;
  font-family: 'Pretendard';
  font-size:9px;
  font-weight:700;
}

/* 메뉴 */
.m_gnb{
  background: rgb(255, 255, 255);
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index:101;
  overflow:auto;
  overflow-x:hidden;
  transition: all 0.8s cubic-bezier(0.51, 0.4, 0, 1.02) 0s;
  transform: translateX(-100%);
  opacity: 0;
}
.m_gnb.on{
  transform: translateX(0%);
  opacity: 1;
}
.m_gnb_top{
  padding:28px 0px 16px;
  width:100%;
  max-height:94px;
  background:rgb(16,18,61);
  position:relative;
}
.m_gnb_top h1{
  width:140px;
  margin:0 auto;
}
.gnb_close{
  position:absolute;
  width:16px;
  top:15px;
  right:14px;
}
.m_gnb_middle{
  background:#F4F4FB;
  padding:16px 16px 9px;
  max-height:135px;
}
.hd_login, .box2{
  justify-content:center;
  width:100%;
  margin:0 auto;
}
.hd_login li{
  flex: auto;
  width:calc(33.33% - 12px);
  max-width:calc(50% - 8px);
  margin-right:16px;
}
.hd_login li:last-of-type{
  margin-right:0px;
}
.hd_login li a{
  display: block;
  width:100%;
  padding:8px 0px;
  border-radius:5px;
  background:rgb(255,255,255);
  color:rgb(16,18,61);
  font-weight:600;
  border:1px solid #FF8800;
}
.box2>li{
  width:33.33%;
  position:relative;
}
.box2>li:after{
  content: "";
  display: block;
  position: absolute;
  width:1px;
  height:31px;
  background:#A1A1A6;
  top:12px;
  right:0px;
}
.box2>li:last-of-type:after{
  content:none;
}
.box2>li>a{
  display:block;
  padding-top:8px;
  width:100%;
}
.box2>li figure{
  width:48px;
  margin:0px auto;
}
.box2>li figcaption{
  color:rgb(16,18,61);
  font-weight:600;
}
.m_gnb_bottom{
  background:rgb(255,255,255);
  padding:6px 16px 100px;
  width:100%;
  /* height:480px; */
  position: relative;
}
.m_depth1>li{
  overflow:hidden;
  position:relative;
}
/* .m_depth1>li:after{
  content: "";
  display: block;
  position: absolute;
  height:6px;
  width:12px;
  background:url(../img/mobile/depth-af.png) no-repeat 50%;
  background-size:12px auto;
  top:22px;
  right: 0px;
}
.m_depth1>li.toggle:after{
  background:url(../img/mobile/depth-toggle.png) no-repeat 50%;
  background-size:12px auto;
} */
.m_depth1>li h2{
  /* font-size:18px;
  line-height:26px;
  padding:10px 0px 10px 8px;
  color: #1D1D1F; */
  border-bottom: 1px solid #A1A1A6;
}
.m_depth1>li h2 a{
  display: block;
  font-size:18px;
  line-height:26px;
  padding:10px 0px 10px 8px;
  color: #1D1D1F;
}
.m_depth2{
  display:none;
  pointer-events:none;
  box-sizing: border-box;
  padding:8px 0px;
  transition: all 0.3s ease-out;
}
/* .m_depth2.toggle{
  display: block;
  pointer-events:all;
} */
.m_depth2>li{
  overflow:hidden;
  position:relative;
}
.m_depth2>li .nortxt{
  display: block;
  font-size:18px;
  line-height:26px;
  color: #86868B;
  padding:6px 0px 6px 16px;
}
.m_gnb_time{
  background:#F3F8FF;
  padding:16px 16px 20px;
  position:relative;
}
.timeinfo{
  width:250px;
  margin:0 auto;
}

/* 모바일퀵바 */
#nav{
  position: fixed;
  bottom:16px;
  left: 50%;
  transform: translateX(-50%);
  width: calc(100% - 32px);
  min-height:77px;
  z-index: 99;
}
#nav>ul{
  display: flex;
  flex-wrap: wrap;
  height:100%;
  width:100%;
  background:rgb(255,255,255);
  border:2px solid #002D48;
  border-radius:16px;
  box-shadow: 0px 0px 6px #004CFF;
  padding:4px 18px;
  position: relative;
}
#nav>ul>li{
  flex: 1;
  margin-right:8px;
}
#nav>ul>li:last-of-type{
  margin-right:0px;
}
#nav>ul>li>a{
  display: block;
  width: 100%;
  height: 100%;
  padding-top:4px;
}
#nav>ul>li>a figure{
  width:100%;
  max-width:47px;
  margin: 0px auto 4px;
}
#nav>ul>li>a figcaption{
  font-size: 10px;
  line-height:15px;
  color:rgb(29, 29, 31);
}
#nav>ul>li:nth-of-type(3){
  width:70px;
  background:linear-gradient(to bottom,#0077FF,#003C80);
  border-radius:8px;
}
#nav>ul>li:nth-of-type(3) a{
  box-sizing: border-box;
  width:100%;
  height:100%;
  padding:6px 10px 4px;
}
 #nav>ul>li>a figure{
   margin-bottom: 0px;
 }
#nav>ul>li:nth-of-type(3) a figcaption{
  color:#002C4D;
  font-weight:700;
}
#kakao{
  position: fixed;
  top: 54px;
  right: 8px;
  width: 50px;
}
#kakao a {
  display: block;
  width: 100%;
  height: 100%;
}
#kakao a span {
  display: block;
  text-align: center;
  color: rgb(252, 216, 53);
  font-weight: bold;
  font-size: 11px;
  line-height: 12px;
  margin-top: 4px;
  text-shadow: 1px 1px 3px rgb(70, 70, 70);
}
/* 타이틀 */
#title{
  width:100%;
  margin:0 auto;
  position:relative;
  overflow:hidden;
}
/* 메인 슬라이드 */		/* 동영상을 슬라이드로 대체.  2024.04.13.  JK */
#title .swiper-pagination-bullet {
      width: 20px;
      height: 20px;
      text-align: center;
      line-height: 20px;
      font-size: 12px;
      color: rgb(0 0 0);
      opacity: 1;
      background: rgba(255, 255, 255, 0.5);
}
#title .swiper-pagination-bullet-active {
      color: #fff;
      background: #007aff;
}
#title .swiper-button-prev,.swiper-button-next {
  background-color: #fff;
  opacity: 0.5;
  padding: 15px 5px;
  border-radius: 20px;
  color: black !important;
}
#title .swiper-button-prev:after,.swiper-button-next:after {
  font-size: 1.1rem !important;
  font-weight: 600 !important;
}
#title .title-img{
  width:100%;
  margin:0 auto;
  border-bottom:1px solid #707070;
}
/* 메인의 타이틀 배너 */
.titleBnr{	
  position: relative;  
  width:100%;
  left:50%;
  transform: translateX(-50%);
  bottom:0px;
  height:35px;
  background:rgba(16,18,61,0.85);
  z-index: 2;
}
.titleBnr>.inner{
  width:100%;
  max-width:400px;	/* 360 => 400 */
  margin:0 auto;
  box-sizing:border-box;
  overflow:hidden;
  padding:10px 16px;
}
.titleBnr p{
  float: left;
  width:74px;
  padding-left:28px;
  position:relative;
  text-transform: uppercase;
}
.titleBnr p:before{
  content: "";
  display: block;
  position: absolute;
  width:20px;
  height:17px;
  background:url(../img/titlebnr-icon.png) no-repeat 0% 50%;
  background-size:20px auto;
  left:0px;
  top:0px;
}
.noticeWrap{
  float: left;
  margin-left:15px;
  width:200px;			/* 228px => 200px */
  height:15px;
  overflow:hidden;
}
.noticeWrap ul > li > a{
  font-size:10px;
  line-height:16px;
  font-weight:300;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  display: block;
}
/* 메인의 컨텐츠 섹션 */
#contents>section{
  width:100%;
  overflow:hidden;
}
#main1{
  padding:16px 0px;
  background:rgb(255,255,255);
}
.main1-table{
  width:100%;
  margin:0 auto;
  border:1px solid #C4C4C4;
  border-collapse: collapse;
}
.main1-table tr{
  border-bottom:1px solid #C4C4C4;
}
.main1-table td{
  width:33.33%;
  border-right:1px solid #C4C4C4;
  vertical-align:middle;
}
.main1-table td:last-of-type{
  border-right:none;
}
.main1-table td a{
  display: block;
  box-sizing: border-box;
  width:100%;
  height:48px;
  line-height:48px;
  vertical-align:middle;
  padding-right:8px;
  font-weight:600;
  color:rgb(29,29,31);
  position: relative;
}
.main1-table td a:after{
  content: "";
  display: block;
  position: absolute;
  width:4px;
  height:8px;
  right:20px;
  top:20px;
  background:url(../img/mobile/main1-af.png) no-repeat 50%;
  background-size:4px 8px;
}
.main1-table td.td_t2 a:after{
  right:13px;
}
.main1-table td.td_t3 a:after{
  right:6px;
}
#main2{
  padding:0px 0px 32px;		
  background:rgb(255,255, 255);
}
.main2-ul>li{
  width:100%;
  margin:0px auto 16px;
  background:#F5F9FC;
  border-radius:8px;
  overflow:hidden;
}
.main2-ul>li figcaption{
  padding:16px 16px 14px;
  box-sizing: border-box;
}
.main2-ul>li p.expltxt{
  color: #86868B;
  margin-bottom:8px;
}
.main2-ul>li p.nortxt{
  width:70px;
  position:relative;
  color:#0066CD;
  padding-right:18px;
  margin:0 auto;
}
.main2-ul>li p.nortxt:after{
  content: "";
  display: block;
  position: absolute;
  width:5px;
  height:10px;
  right:0px;
  top:4px;
  background:url(../img/mobile/main2-af.png) no-repeat 50%;
  background-size:5px 10px;
}
.main2-ul>li figure{
  width:100%;
  margin:0 auto;
}
#main3{
  padding:48px 0px 0px;
  background:url(../img/mobile/main3-bg.jpg) no-repeat 50%;
  background-size:cover;
}
#main3 .swiper-container{
  padding-bottom:48px;
  overflow:hidden;
}
.main3-txt{  /* 텍스트의 전체 높이를 일정하게 하여 의료진의 높이를 맞추기 위해 추가.  JK */
	height: 340px;
}
.main3-txt>h2{
  line-height:16px;
  margin-bottom: 8px;
  color:#86868B;
}
.main3-txt>dl.dots{
  margin-top:25px;
}
.main3-txt>dl>dt{
  font-size:16px;
  line-height:22px;
  font-weight:700;
  font-family: 'Pretendard';
  color:rgb(29,29,31);
  margin-bottom:8px;
}
.main3-txt>dl>dd{
  line-height:16px;
  color:#86868B;
}
.main3-txt>dl.dots>dd:before{
  background:#86868B;
}
.main3-img{
  width:100%;
  margin:0 auto;
  border-bottom:1px solid #707070;
}
#main3 .btnMore{
  margin-top:16px;
}
#main3 .swiper-button-prev, #main3 .swiper-button-next{
  width:16px;
  height:32px;
  top: auto;
  bottom:52px;
}
#main3 .swiper-button-prev{
  left: 0px;
  background:url(../img/mobile/main3-prev.png) no-repeat 50%;
  background-size:16px 32px;
}
#main3 .swiper-button-next{
  right: 0px;
  background:url(../img/mobile/main3-next.png) no-repeat 50%;
  background-size:16px 32px;
}
#main3 .swiper-button-prev:after, #main3 .swiper-button-next:after{
  content:none;
}
#main4{
  /* padding:48px 0px; */
  padding:0px 0px 48px 0px;    /* 컨텐츠 위치 변경에 따른 간격 조정.  JK */   
  background:rgb(255,255,255);
}
.surgeryWrap{
  display: flex;
  flex-wrap:wrap;
  width:100%;
  margin:0 auto 16px;
}
.surgeryWrap2{
  margin-bottom: 0px;
}
.surgeryWrap>div{
  width:calc(50% - 8px);
  max-height:371px;
  margin-right:16px;
  box-sizing: border-box;
  padding:16px;
  position: relative;
}
.surgeryWrap>div:nth-of-type(2){
  margin-right:0px;
}
.surgeryWrap .type2{
  padding: 0px;
}
.type2_1, .type2_2{
  width:100%;
  box-sizing: border-box;
  padding:16px;
  position: relative;
}
.type2_1{
  height:189px;
  margin-bottom:16px;
}
.type2_2{
  height:166px;
}
.surgeryWrap h3{
  font-size:16px;
  line-height:22px;
  font-weight:700;
  font-family:'Pretendard';
}
.surgeryWrap span{
  width:86px;
  position: absolute;
  right:0px;
  bottom:0px;
}
.surgeryWrap1 .type1{
  background:url(../img/mobile/1-type260127.jpg?260127) no-repeat 50%;
  background-size:cover;
  text-align: center;  /* 텍스트 중앙정렬 추가.  JK */  
}
.surgeryWrap1 .type2_1{
  background:url(../img/mobile/1-type2-1.jpg?20231228) no-repeat 50%;
  text-align: center;  /* 텍스트 중앙정렬 추가.  JK */    
}
.surgeryWrap1 .type2_2{
  background:url(../img/mobile/1-type2-2.jpg?20231228) no-repeat 50%;
  text-align: center;  /* 텍스트 중앙정렬 추가.  JK */   
}
.surgeryWrap2 .type1{
  background:url(../img/mobile/2-type1.jpg?20231228) no-repeat 50%;
  text-align: center;  /* 텍스트 중앙정렬 추가.  JK */    
}
.surgeryWrap2 .type2_1{
  background:url(../img/mobile/2-type2-1.jpg?20231228) no-repeat 50%;
  text-align: center;  /* 텍스트 중앙정렬 추가.  JK */    
}
.surgeryWrap2 .type2_2{
  background:url(../img/mobile/2-type2-2.jpg?20231228) no-repeat 50%;
  text-align: center;  /* 텍스트 중앙정렬 추가.  JK */    
}
#main5{
  /* padding-bottom:48px; */
  padding:48px 0px 48px 0px;/* 컨텐츠 위치 변경에 따른 간격 조정.  JK */    
}
#main5 h2 + p{
  color:#86868B;
  line-height:16px;
  margin:0px auto 16px;
}
.vid-img{
  width:344px;
  margin:0 auto;
  padding-bottom:24px;
}
#main5 .vid-container{
  width:100%;
  padding-bottom:48px;
  margin:16px auto 0px;
  overflow:hidden;
}
.vid-container .btnMore{
  margin-top:16px;
}
#main5 .swiper-button-prev,
#main5 .swiper-button-next{
  width:16px;
  height:32px;
  top:auto;
  bottom:52px;
}
#main5 .swiper-button-prev{
  left:0px;
  background: url(../img/mobile/main3-prev.png) no-repeat 50%;
  background-size: 16px 32px;
}
#main5 .swiper-button-next{
  right:0px;
  background: url(../img/mobile/main3-next.png) no-repeat 50%;
  background-size: 16px 32px;
}
#main5 .swiper-button-prev:after,
#main5 .swiper-button-next:after{
  content:none;
}
#main6{
  background:rgb(255,255,255);
  padding:0px 0px 43px;
}
.tab-click{
  overflow:hidden;
  padding-bottom:16px;
  border-bottom:2px solid #FF8800;
}
.tab-click>li{
  float: left;
}
.tab-click>li>h3{
  font-size:18px;
  line-height:26px;
  font-weight:700;
  color:#86868B;
  padding-right:8px;
  transition:all ease 0.2s;
}
.tab-click>li.click>h3{
  color:#FF8800;
}
.tab-list{
  width:100%;
  margin:11px auto 0px;
}
.tab-list>li{
  display:none;
  pointer-events:none;
  transition:all ease 0.2s;
}
.tab-list>li.show{
  display: block;
  pointer-events:auto;
}
.tab-list-table>ul>li>a{
  display: block;
  overflow:hidden;
  padding:5px 0px;
}
.tab-list-table>ul>li>a p{
  float:left;
  white-space: nowrap;
  padding-right:48px;
  color:#86868B;
  font-weight:600;
  max-width:318px;
  overflow:hidden;
  text-overflow: ellipsis;
}
.tab-list-table>ul>li>a span{
  float: right;
  width:10px;
  vertical-align:middle;
}

/* 공통하단 */
#reservation{
  padding:24px 0px 16px;
  background:#002C4D;
}
.reserBox{
  margin:16px auto;
  width:100%;
}
.reser_under > ul > li > textarea{
  width: 100%;
  border: none;
  height: 70px;
  color: #86868B;
  font-size: 12px;
  line-height: 16px;
  font-family: 'Pretendard';
  font-weight: 400;
  padding: 8px;
  margin-bottom: 8px;
}
.reser_under > ul > li.over {
  overflow: hidden;
  width: 100%;
}
.input_info{
  width: calc(32.66% - 4px);
  margin-right:8px;
  padding: 8px 10px;
  font-size: 12px;
  line-height: 16px;
  font-family: 'Pretendard';
  color: #86868B;
  border: none;
  float: left;
}
.wide .input_info{
  width: calc(50% - 4px);
}
.input_info:nth-of-type(3),
.wide .input_info:nth-of-type(2){
  margin-right:0px;
}
.reser_under > ul > li.over > span{
  display: block;
  width: 100%;
  overflow: hidden;
  margin: 0px auto 16px;
  clear: both;
  padding-top:8px;
}
#under_c1{
  width: 15px;
  height: 15px;
  float: left;
  margin-right: 8px;
}
#under_c1 + label{
  font-size: 12px;
  line-height: 18px;
  font-family: 'Pretendard';
  font-weight: 400;
  vertical-align:middle;
  float: left;
}
.reser_under .btnMore{
  display: block;
  margin: 0 auto;
  border: 1px solid rgb(255, 255, 255);
  font-weight: 600;
  background: none;
  float: none;
}
#facility{
  padding:48px 0px;
  background:url(../img/mobile/undermenu2-bg.jpg) no-repeat 50% 50%;
  background-size:cover;
}
.facWrap{
  width:100%;
  box-sizing:border-box;
  padding:32px 0px;
  margin:0 auto;
  border:2px solid rgb(255,136,0);
  background:rgba(0, 0, 0, 0.52);
  -webkit-backdrop-filter: blur(25px);
  backdrop-filter: blur(25px);
}
.facWrap> h2{
  font-size:20px;
  line-height:30px;
  font-family: 'Pretendard';
  font-weight: 300;
  margin:0 auto 16px;
}
.facWrap> a{
  display: block;
  /* width:86px;		글자가 잘리지 않도록 주석처리  JK */
  position: relative;
  margin: 0 auto;
  font-weight:600;
  padding-right:12px;
  color:rgb(255,136,0);
}

/*
.facWrap> a:after{
  content: "";
  display: block;
  position: absolute;
  width:4px;
  height:8px;
  background: url(../img/mobile/facwrap-af.png) no-repeat 50%;
  background-size:4px 8px;
  right:0px;
  top:6px;
}
*/

#service{
  /* padding:38px 0px 16px; */
  padding:22px 0px 16px;		/* 위 아래의 중간에 위치하도록 조정  JK */  
  background:rgb(255,255,255);
}
.undermenu_time{
  overflow:hidden;
  width:100%;
  display: flex;		/* 전화번호만 나오도록 수정.  JK */
  justify-content: center;		/* 전화번호만 나오도록 수정.  JK */  
}
/*
.service-center{
  float: left;
  width: 110px;
  border-radius:16px;
  background:rgb(0,44,77);
  margin-right:22px;
  margin-top: 10px;
}
.service-center>h4{
  font-size:18px;
  line-height:110px;
  font-weight:700;
  font-family:'Pretendard';
}
*/
.service-time{
  float: left;
  /* max-width: 196px; */
  max-width: 500px;		/* 전화번호만 나오도록 수정.  JK */	  
  padding:0px 0px 6px;
  vertical-align:middle;
}
.service-time dt{
  color:rgb(16,18,61);
  margin-bottom:0px;
  /* transform: translateY(-8px); */		/* 전화번호만 나오도록 수정.  JK */
}
/*
.service-time dd{
  overflow:hidden;
  margin-bottom:2px;
}
.service-time dd:last-of-type{
  margin-bottom:0px;
}
.service-time dd>.day{
  float: left;
  width:47px;
  margin-right:14px;
}
.service-time dd>.time{
  float: left;
  width:135px;
}
*/
.undermenu_icons>ul{
  width:100%;
  justify-content:center;
  margin:32px auto 0px
}
.undermenu_icons li{
  width:33.33%;
  border-right:1px solid #DDDDF3;
}
.undermenu_icons li:nth-of-type(1), .undermenu_icons li:nth-of-type(2), .undermenu_icons li:nth-of-type(3){
  border-bottom:1px solid #DDDDF3;
}
.undermenu_icons li:nth-of-type(3n){
  border-right:none;
}
.undermenu_icons li>a{
  display: block;
  box-sizing: border-box;
  padding:8px;
}
.undermenu_icons li figure{
  width:48px;
  margin:0 auto;
}
.undermenu_icons li figcaption{
  line-height:27px;
  color:#FF8800;
}
/* 하단 */
footer{
  padding:16px 0px 112px;
  background:#002C4D; 
}
#ft_logo{
  width:94px;
  margin:0px auto 8px;
}
.ft_cnt{
  width:100%;
  justify-content:center;
  margin:0 auto 8px;
}
.ft_cnt>li{
  position: relative;
}
.ft_cnt>li:after{
  content: "";
  display: block;
  position: absolute;
  width:1px;
  height:8px;
  background:#768CB5;
  right:0px;
  top:10px;
}
.ft_cnt>li:last-of-type:after{
  content:none;
}
.ft_cnt>li>a{
  padding:8px;
  font-size:10px;
  line-height:15px;
}
.ft_info, #ft_link>p{
  font-size:10px;
  line-height:16px;
}
.ft_sns{
  text-align:center;
  margin:16px auto;
}
.ft_sns>li{
  display:inline-block;
  width:32px;
  margin:0px 8px;
}

/* 진료예약 */
.reserpopup{
  display: none;
  position: fixed;
  background: rgba(17, 31, 32, 0.7);
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  transition: all 0.4s ease 0.1s;
  pointer-events: none;
  z-index:1001;
  padding-top:26px;
}
.reserpopup.on{
  display: block;
	pointer-events:auto;
	margin: 0 auto;
	padding-top: 65px;
	width: 100%;
}
.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;
}
.resercon .expltxt{
  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;
}
.reserpopup .reser_table input{
  padding: 12px;
  font-size: 12px;
  font-weight: 300;
  line-height: 16px;
  text-align: left;
  color: rgb(128, 128, 128);
  width: 135px;
}
.reserpopup 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;
}
.reserpopup 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;
}
.reserpopup .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);
}
.reserpopup .apply:hover{
  width:100%;
  background:rgb(255, 255, 255);
  color:rgb(12, 35, 66);
}
.closebutton{
  position: absolute;
  width: 20px;
  height: 20px;
  cursor: pointer;
  transition: all 0.5s ease 0s;
  right: 0;
  top: -30px;
  pointer-events: visible;
}
.reserpopup .check{
  position: relative;
  display: block;
  margin: 10px auto;
  overflow: hidden;
  min-height: 10px;
  clear: both;
}
.reserpopup .labelchk{
  vertical-align: middle;
  border-radius: 5px;
  width: 13px;
  height: 13px;
  float: left;
}
.reserpopup .infoAgree {
  position: relative;
  display: block;
  overflow: hidden;
  min-height: 20px;
  text-align: left;
  color: #fff;
  font-size: 12px;
  line-height: 16px;
  padding-left: 5px;
}

/* 서브페이지 */
.subHos{
  width:100%;
  overflow:hidden;
}
.subTltHos{
  width:100%;
  height:460px;
  box-sizing:border-box;
  padding-top:92px;
  margin: 0 auto;
}
.subTltHos>div:after{
  content: "";
  display: block;
  clear:both;
}
.subimg{
  margin:32px auto 0px;
}
.subimg2{
  width:132px;
}
.subTltSpine{
  background:url(../img/mobile/spine/title.jpg) no-repeat 50% 90px;
  background-size:100% auto;
}
.subTltJoint{
  background:url(../img/mobile/joint/title.jpg) no-repeat 50% 90px;
  background-size:100% auto;
}
.subTltPain{
  background:url(../img/mobile/pain/title01.jpg) no-repeat 50% 90px;
  background-size:100% auto;
}
.subTltRehab{
  background:url(../img/mobile/pain/title02.jpg) no-repeat 50% 90px;
  background-size:100% auto;
}
.deco_img{
  margin:16px auto 24px;
}
.deco_title{
  color: #001847;
  margin:68px auto 0px;
}
.deco_title>span{
  display: block;
  letter-spacing: 0.46em;
  color:#002C4D;
  font-weight:700;
  font-size:10px;
  line-height:22px;
}
#subMenu{
  width:calc(100% - 32px);
  margin:32px auto 24px;
}
#subMenu ul{
  width:100%;
  justify-content:flex-start;
}
#subMenu ul>li{
  width: calc(50% - 8px);
  border-radius:15px;
  margin-bottom:8px;
  margin-right:16px;
  border:1px solid #0066CD;
  background:rgb(255,255,255);
}
#subMenu ul>li:nth-of-type(even){
  margin-right:0px;
}
#subMenu ul>li>a{
  display:block;
  color:#0066CD;
  padding:6px 0px;
}
#subMenu ul>li.on{
  background:#0066CD;
}
#subMenu ul>li.on>a{
  color:rgb(255,255,255);
}

/* ===> 서브페이지의 상단 메뉴 변경.  JK */
#jk_subMenu{
  width:calc(100% - 32px);
  margin:0px auto 0px;  
}
#jk_subMenu ul{
  width:100%;
  justify-content:flex-start;
}
#jk_subMenu ul>li{
  width: calc(50% - 8px);
  border-radius:15px;
  margin-bottom:8px;
  margin-right:16px;
  border:1px solid #0066CD;
  background:rgb(255,255,255);
}
#jk_subMenu ul>li:nth-of-type(even){
  margin-right:0px;
}
#jk_subMenu ul>li>a{
  display:block;
  color:#0066CD;
  padding:6px 0px;
}
#jk_subMenu ul>li.on{
  background:#0066CD;
}
#jk_subMenu ul>li.on>a{
  color:rgb(255,255,255);
}
/* <=== 서브페이지의 상단 메뉴 변경.  JK */

.subDoc{
  border-radius: 10px;
  background: rgb(245, 249, 252);
  padding: 40px 16px 16px;
  position: relative;
  overflow: hidden;
  margin: 0 auto 16px;
}
.subDoc>a{
  display: block;
  position: absolute;
  width:18px;
  height:18px;
  background: url(../img/hospital/centerdoc.png) no-repeat 50%;
  background-size: 18px;
  top: 10px;
  right: 10px;
}
.subDoc>figure{
  position: absolute;
  width: 183px;
  bottom: 135px;
  right: 0px;
  margin: 0;
}
.subDoc>figcaption{
  max-width:50%;
}
.subDoc>figcaption h5{
  color:#2A97FF;
  margin-bottom:8px;
}
.subDoc>figcaption h6{
  color: #10123D;
  font-size:18px;
  line-height:26px;
  margin-bottom:16px;
}
.subDoc>figcaption dl{
  margin-bottom:16px;
}
.subDoc>figcaption dt,
.subTime>h5{
  font-weight:600;
  font-size:14px;
  color:rgb(29,29,31);
  margin-bottom:8px;
}
.subDoc>figcaption dd{
  color:#86868B;
  font-size:10px;
  line-height:14px;
}
.subDoc>figcaption dd:before{
  background:#86868B;
}
.subTime{
  clear: both;
  width:100%;
  position: relative;
}
.subTime>h5{
  display:none;
}
.subTime>table{
  width:100%;
  border-collapse: collapse;
}
.subTime>table th{
  width:14.44%;
  padding:10px 0px;
  background:#002C4D;
}
.subTime>table td{
  padding:8px 0px;
  line-height:24px;
  font-weight:400;
  color:#86868B;
  background:rgb(255,255,255);
  border-right:1px solid #CCCCCC;
  border-bottom:1px solid #CCCCCC;
}
.subTime>table td.other{
  line-height:16px;
}
.subTime>table td:last-of-type{
  border-right:none;
}
.subTime>p{
  font-size:10px;
  color:rgb(134,134,139);
}

/* 병원소개 */
.subTitle{
  padding:65px 0px 48px;
  background:rgb(255,255,255);
}
.subTitle h2{
  font-weight: 700;
  font-size:10px;
  color: rgb(0, 44, 77);
  letter-spacing: 0.45em;
  margin-bottom:8px;
}
.subTitle h3{
  font-size:24px;
  line-height:30px;
  letter-spacing: -0.092em;
  color:rgb(255, 136, 0);
}

/* ===> 컨텐츠의 타이클을 새롭게 꾸미기 위해서 추가. JK */
.jk_subTitle{
  padding:30px 0px 30px 0px;
  background:rgb(255,255,255);
}
.jk_subTitle h2{
  color: rgb(72,71,69);
  letter-spacing: -0.01em;
  line-height: 1.5em;
  /* word-spacing:0.01em; */
  margin-top: 1em;
  margin-bottom: 1em;
  position: relative;  
}
.jk_subTitle h3{
  color:rgb(255, 136, 0);
  letter-spacing: 0em;  
  margin-bottom:20px;
  position: relative;
  z-index:3;
}
.jk_subTitle2{
  padding:60px 0px 10px 0px;
  background:rgb(255,255,255);
}
.jk_subTitle2 h3{
  color:rgb(255, 136, 0);
  letter-spacing: 0em;  
  margin-bottom:6px;
  position: relative;
  z-index:3;
}
/* <=== 텐츠의 타이클을 새롭게 꾸미기 위해서 추가. JK */

.deco_box:last-of-type{
  padding-bottom:48px;
}

/* 병원소개 */
/*
.introHos{
  width:100%;
  overflow:hidden;
  background:url(../img/mobile/hos_intro.png) no-repeat 50% 100%;
  background-size:757px 283px;
}
.hoscont1{
  padding:48px 0px;
  background:#002C4C;
}
.hoscont1 h3{
  font-size:34px;
  line-height:41px;
  font-weight:800;
  font-family: 'Pretendard';
  background: linear-gradient(to right, #00C2FF, #FFDD34);
  color: transparent;
  -webkit-background-clip: text;
  max-width:245px;
  margin:0 auto 16px;
}
.hoscont1 p{
  letter-spacing:0.46em;
}
.hoscont2{
  width:100%;
  background:rgb(255, 255, 255);
  overflow:hidden;
  padding-top:16px;
  padding-bottom:0px;
}
.hoscont2 ul li{
  width:100%;
  min-height:297px;
  border-radius:8px;
  padding:32px;
  overflow:hidden;
  margin-bottom:16px;
}
.hoscont2 ul li:nth-of-type(1){
  background:url(../img/mobile/hoscont2-1.jpg) no-repeat;
  background-size:cover;
}
.hoscont2 ul li:nth-of-type(2){
  background:url(../img/mobile/hoscont2-2.jpg) no-repeat;
  background-size:cover;
}
.hoscont2 ul li:nth-of-type(3){
  padding-top:62px;
  background:linear-gradient(to right bottom, #221358, #1E4D70);
  margin-bottom:0px;
}
.hoscont2 ul li p{
  color:#B9D0E1;
  word-break: keep-all;
  max-width:224px;
}
.hoscont2 ul li i{
  font-style:normal;
  font-weight:600;
}
.hoscont2 ul li:nth-of-type(2) p{
  max-width:210px;
}
.hoscont2 ul li:nth-of-type(3) p{
  margin:0 auto;
}
.hoscont2 ul li:nth-of-type(3)>div{
  width:112px;
  margin:0px auto 16px;
}
.hoscont3{
  min-height:473px;
  padding-top:300px;
  background:url(../img/mobile/hoscont3-bg.jpg) no-repeat 50% 0%;
  background-size:100% auto;
}
.hoscont3 h3{
  font-size:32px;
  font-weight:800;
  line-height:40px;
}
.clinicHour{
  max-width:252px;
  margin:15px auto 0px;
}
.clinicHour>dl{
  width:100%;
  overflow:hidden;
}
.clinicHour>dl>dt,
.clinicHour>dl>dd{
  float: left;
  vertical-align:top;
}
.clinicHour>dl>dt{
  width:61px;
  margin-right:16px;
}
.clinicHour>dl>dd{
  float: left;
  width:174px;
}
.hoscont4{
  padding:0px 0px 96px;
  background:rgb(255,255,255);
}
*/

/* 병원소개 리뉴얼 */
.hoscont1-rn{
  background:linear-gradient(135deg,#839BC2,#00123D);
}
.hoscont1-rn .cont1200{
  width:100%;
}
.hoscont1-rn h3{
  font-size:42px;
  line-height:36px;
  transform: translateY(-1px);
  font-weight:800;
  font-family: 'Pretendard';
}
.hoscont1Img{
  width:100%;
  margin:30px auto 0px;
}
.hoscont3-rn{
  padding: 0px 0px 32px;
  /* padding-bottom:32px; */
}
.hoscont3-rn figure{
  width:100%;
  margin:0 auto 16px;
}
.hoscont3-rn figcaption{
  color: #86868B;
}
.hoscont3-rn figcaption i{
  font-style: normal;
  color:rgb(29,29,31);
}
.hoscontVideo{
  padding-bottom:0px;
}
.hoscont3Wrap{
  margin:32px auto 0px;
}
.hoscont3-answer{
  padding-top:0px;
  padding-bottom:32px;
}
.hoscont3-answer .hoscont3Wrap{
  margin-top:0px;
}
.hoscont3Graph2>figure{
  margin:0px auto;
  width:100%;
}
.hoscont3Graph>figcaption{
  display: none;
}
.hoscont3Text{
  width:100%;
  text-align:center;
  margin:32px auto 0px;
}
.hoscont3Text>h4{
  font-size: 16px;
  font-weight:800;
  color: #002C4D;
  margin-bottom:16px;
}
.hoscont3Text>p{
  color:#1D1D1F;
}
.hoscont4-rn{
  background:rgb(245, 249, 252);
  padding-top:32px;
}
.hoscont4-rn h3{
  color:#002C4D;
  font-size:16px;
  font-weight:800;
}
.hoscont4Wrap{
  margin:24px auto 0px;
  display: block;
}
.hoscont4Wrap>figure{
  position: relative;
  width:229px;
  margin:0 auto 33px;
  z-index:2;
}
.hoscont4Wrap>figure:before{
  content: "";
  display: block;
  position: absolute;
  width:100%;
  height:100%;
  background:#E6EFF6;
  top:17px;
  left:-16px;
  z-index:-1;
}
.hoscont4Wrap>figure img{
  box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.16);
}
.hoscont4Wrap>figcaption{
  max-width:220px;
  margin:0 auto;
  word-break: keep-all;
}
.hoscont4Wrap>figcaption>p{
  color:#1D1D1F;
  text-align:center;
  margin-bottom:9px;
}
.hoscont4Wrap>figcaption>p:last-of-type{
  margin-bottom: 0px;
}
.hoscont5-rn{
  display:none;
}

/* ===> 병원소개 페이지를 새롭게 구성.  JK */ 
.jk_intro_hos1{
  min-width: 100%;
  max-width: 100%;
  vertical-align: top;
  content: url(../img/mobile/jk_intro/jk_intro_hos1.jpg?20231228);		/* 환자에게 가장 이로운 치료 방범 */ 
}
.jk_intro_hos2{
  min-width: 100%;
  max-width: 100%;
  vertical-align: top;
  content: url(../img/mobile/jk_intro/jk_intro_hos2.jpg?20231228);		/* 환자에게 가장 이로운 치료 방범 */ 
}
.jk_intro_hos3{
  min-width: 100%;
  max-width: 100%;
  vertical-align: top;
  content: url(../img/mobile/jk_intro/jk_intro_hos3.jpg?20231228);		/* 환자에게 가장 이로운 치료 방범 */ 
}
.jk_intro_hos4{
  min-width: 100%;
  max-width: 100%;
  vertical-align: top;
  content: url(../img/mobile/jk_intro/jk_intro_hos4.jpg?20231228);		/* 환자에게 가장 이로운 치료 방범 */ 
}
.jk_intro_hos5{
  min-width: 100%;
  max-width: 100%;
  vertical-align: top;
  content: url(../img/mobile/jk_intro/jk_intro_hos5.jpg?20240105);		/* 환자에게 가장 이로운 치료 방범 */ 
}
.jk_intro_hos6{
  min-width: 100%;
  max-width: 100%;
  vertical-align: top;
  content: url(../img/mobile/jk_intro/jk_intro_hos6.jpg?20231228);		/* 환자에게 가장 이로운 치료 방범 */ 
}  
.jk_imgCover1{
	display: none;	
  position: relative;
  top: 120px;
  left: 0px;
  width: 0px;
}
.jk_imgCover2{
	display: none;	
  position: relative;
  top: 140px;
  left: 0px;
  width: 0px;
}
.jk_imgCover3{
	display: none;	
  position: relative;
  top: 120px;
  left: 0px;
  width: 0px;
}
.jk_imgCover4{
	display: none;	
  position: relative;
  top: 120px;
  left: 0px;
  width: px;
}
.jk_imgCover5{
	display: none;
  position: relative;
  top: 130px;
  left: 0px;
  width: 0px;
}
.jk_imgCover6{
	display: none;	
  position: relative;
  top: 120px;
  left: 0px;
  width: 0px;
}
/* <=== 병원소개 페이지를 새롭게 구성.  JK */ 

/* ===> 환자우선의 병원 페이지를 새롭게 구성.  JK */
.jk_intro_mind1{
  min-width: 100%;
  max-width: 100%;
  vertical-align: top;
  content: url(../img/mobile/jk_intro/jk_intro_mind1.jpg?20231228);		/* 환자에게 가장 이로운 치료 방범 */ 
}  
.jk_intro_mind2{
  min-width: 100%;
  max-width: 100%;  
  vertical-align: top;  
  content: url(../img/mobile/jk_intro/jk_intro_mind2.jpg?20231228);		/* 환자에게 가장 안 아픈 병원 */    
}
.jk_intro_mind3{
  min-width: 100%;
  max-width: 100%;  
  vertical-align: top;  
  content: url(../img/mobile/jk_intro/jk_intro_mind3.jpg?20231228);		/* 환자에게 공감하는 다섯가지 마음 */    
}
/* <=== 환자우선의 병원 페이지를 새롭게 구성.  JK */

/* 진료안내 페이지를 새롭게 구성.  JK */
.jk_intro_time1{	/* 병원진료시간  jk. */
  width:280px;
  margin:0px auto 30px;
}
.jk_intro_time2{	/* 의료진별 진료시간  jk. */
  /* border-top:5px solid rgb(0, 44, 77); */
  background:rgb(227, 236, 243);
  /* margin-bottom: 112px; */
  padding-bottom:12px !important;
  padding-top:50px;
}
.tabMenu .cont1200{
  width:100%;
}
.tabMenu{
  margin:0px auto;
  border-bottom:2px solid #00233C;
}
.tabMenu ul{
  overflow:hidden;
  width:100%;
}
.tabMenu ul>li{
  float: left;
  width:33.33%;
  vertical-align:top;
  background:#F5F5F7;
  padding:8px 0px;
  font-weight:600;
  color:#1D1D1F;
  border-right:1px solid #D8D8D8;
}
.tabMenu ul>li:last-of-type{
  border-right:none;
}
.tabMenu ul>li.on{
  background:#002744;
  color:rgb(255, 255, 255);
}
.tabList{
  padding:48px 0px;
  background:#F5F9FC;
}
.infoList{
  margin:24px auto 0px;
}
.infoList>li{
  margin-bottom: 17px;
}
/* .infoList>li{
  display:none;
  transition: all ease-out 0.2s;
}
.infoList>li.on{
  display: block;
} */
.docWrap{
  background:rgb(255,255,255);
  margin:0 auto 17px;
  display: flex;
  flex-wrap: wrap;
}
.docWrap:last-of-type{
  margin-bottom:0px;
}
.docWrap>div{
  display:none;
}
.docWrap>table{
  width: 100%;
  border-collapse: collapse;
}
.docWrap>table th{
  width:12.5%;
  font-size:12px;
  line-height:14px;
  padding:10px 0px 8px;
  background:#002C4D;
  border-right: 1px solid #CCCCCC;
}
.docWrap>table th:last-of-type{
  border-right:none;
}
.docWrap>table td{
  font-weight:400;
  font-size:12px;
  line-height:14px;
  color:#344765;
  padding:8px 0px;
  border-right: 1px solid #CCCCCC;
  border-bottom: 1px solid #CCCCCC;
}
.docWrap>table td.week{
  border-right:none;
}
.docWrap>table td.closed{
  text-align: center;
  font-size:13px;
}
.docWrap>table td span{
  display: block;
  margin:0 auto;
  border-radius:50%;
  text-align:center;
  color:rgb(255,255,255);
  line-height:32px;
  font-weight:400;
  width:32px;
  height:32px;
}
.docWrap>table td .care{
  background:#344765;
}
.docWrap>table td .surg{
  background:#FF8800;
}
.docWrap>table td.other .care{
  line-height: 14px;
  font-size: 10px;
  padding-top: 2px;
}
.docWrap>table td.name span{
  border-radius:0px;
  font-size:10px;
  line-height:11px;
  width:auto;
  height:auto;
  color:#344765;
}
.hosinfo4 table{
  width:100%;
  border-collapse: collapse;
}
.hosinfo4 table th{
  width:16.66%;
  background:#002C4D;
  padding:22px 0px 18px;
  font-size:12px;
  line-height:14px;
  font-weight:400;
  border-right:1px solid #CCCCCC;
  border-bottom:1px solid #CCCCCC;
}
.hosinfo4 table td{
  color: #86868B;
  line-height:14px;
  font-weight:400;
  border-right:1px solid #CCCCCC;
  border-bottom:1px solid #CCCCCC;
}
.hosinfo4 table thead th:last-of-type,
.hosinfo4 table td:last-of-type{
  border-right:none;
}
.otherweek{
  padding-top:2px;
  color:rgb(52, 71, 101);
}

/* 의료진소개 */
.hosdoc1{
  padding:16px 0px 48px;
  background:url(../img/mobile/hospital/hosdoc1.jpg) no-repeat 50% 0%;
  background-size:100% auto;
}
.hosdoc1 figure{
  width:109px;
  margin:0 auto 24px;
}
.hosdoc1 p{
  color:#86868B;
  margin-top:16px;
}
.hosdoc2{padding:0px;}
.center{
  margin:0px auto 48px;
}
.center:last-of-type{
  margin-bottom: 0px;
}
.centerName{
  border-radius:10px;
  padding:28px 0px 12px;
  overflow:hidden;
  margin:0 auto 16px;
}
.spine .centerName{
  background:url(../img/mobile/hospital/center-spine.jpg) no-repeat 50%;
  background-size: cover;
}
.joint .centerName{
  background:url(../img/mobile/hospital/center-joint.jpg) no-repeat 50%;
  background-size: cover;
}
.pain .centerName{
  background:url(../img/mobile/hospital/center-pain.jpg) no-repeat 50%;
  background-size: cover;
}
.radio .centerName{
  background:url(../img/mobile/hospital/center-radio.jpg) no-repeat 50%;
  background-size: cover;
}
.centerDoc{
  border-radius:10px;
  background:rgb(245, 249, 252);
  padding:40px 18px;
  min-height:300px;
  position: relative;
  overflow:hidden;
  width:100%;
  margin:0 auto 16px;
}
.centerDoc:last-of-type{
  margin-bottom:0px;
}
.centerDoc:after{
  content: "";
  display: block;
  position: absolute;
  width:18px;
  height:18px;
  background:url(../img/hospital/centerdoc.png) no-repeat 50%;
  background-size:18px;
  top: 10px;
  right: 10px;
}
.centerDoc>figure{
  position: absolute;
  right: 0px;
  bottom: 0px;
  width:170px;
  margin:0px;
  vertical-align:top;
}
.centerDoc>figcaption{
  float: left;
  max-width:160px;
  vertical-align:top;
}
.centerDoc>figcaption h5{
  color:#2A97FF;
  margin-bottom:7px;
}
.centerDoc>figcaption h6{
  color: #1D1D1F;
  font-size:18px;
  line-height:26px;
  margin-bottom:18px;
}
.centerDoc>figcaption dl{
  margin-bottom:16px;
}
.centerDoc>figcaption dt{
  font-weight:600;
  font-size:14px;
  line-height:13px;
  color:rgb(29,29,31);
  margin-bottom:8px;
}
.centerDoc>figcaption dd{
  color:#86868B;
  position: relative;
  padding-left: 8px;
  font-size:10px;
  line-height:14px;
}
.centerDoc>figcaption dd:before{
  content: "";
  display: block;
  position: absolute;
  top: 6px;
  left: 0px;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background:#86868B;
}
.hosdoc3Wrap{
  border-radius:16px;
  overflow:hidden;
  padding:40px 34px;
  background:url(../img/mobile/hospital/hosdoc3.jpg) no-repeat 50% 0%;
}
.hosdoc3Wrap>h3{
  font-size:16px;
  font-weight:800;
  margin-bottom:16px;
}
.doccover{
  background:rgba(0,0,0,0.7);
  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;
}
.docLayer{
  position: fixed;
  width:100%;
  height:100%;
  -ms-overflow-style: none;
  overflow-y: scroll;
  z-index: 2000;
  left:0px;
  top:37px;
  display: none;
}
.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;
}
.dr:before{
  content: "";
  display: block;
  position: absolute;
  width:100%;
  min-height:323px;
  top:0px;
  left: -16px;
  opacity:0.7;
  z-index:-1;
}
.dr.spine:before{
  background:url(../img/hospital/doclayer-spine.png) no-repeat 50%;
  background-size:100% auto;
}
.dr.joint:before{
  background:url(../img/hospital/doclayer-joint.png) no-repeat 50%;
  background-size:100% auto;
}
.dr.pain1:before{
  background:url(../img/hospital/doclayer-pain1.png) no-repeat 50%;
  background-size:100% auto;
}
.dr.pain2:before{
  background:url(../img/hospital/doclayer-pain2.png) no-repeat 50%;
  background-size:100% auto;
}
.close{
  position: absolute;
  width:32px;
  right:8px;
  top:8px;
  cursor: pointer;
  z-index:2000;
}
.drHeader{
  width:100%;
  /* height:250px; */
  padding-left:35px;
  overflow:hidden;
  position: relative;
}
.drHeader:after{
  content:"";
  display: block;
  clear: both;
}
.drHeader figure{
  float:right;
  width:182px;
  margin:0px;
  position:relative;
  z-index:2;
}
.drHeader figcaption{
  float: left;
  vertical-align: top;
  width: calc(100% - 182px);
  padding-top: 110px;
  position: relative;
}
.drHeader figcaption h2{

}
.drHeader figcaption h3{
  font-weight:700;
  margin-top:4px;
}
.drHeader figcaption h4{
  font-weight:600;
  margin-top:4px;
}
.profileList{
  width:calc(100% - 32px);
  padding:20px 16px;
  border-radius:8px;
  background:rgb(255, 255, 255);
  margin:0 auto 60px;
}
.profileList>div h5{
  margin-bottom:8px;
  position:relative;
}
.profileInfo{
  overflow:hidden;
}
.profileInfo>div{
  padding:24px 0px;
  position: relative;
  border-bottom:1px solid #FF8800;
}
.profileInfo>div:after{
  content: "";
  clear:both;
  display: block;
}
.profileInfo>div:first-of-type{
  padding-top:0px;
}
.profileInfo>div:last-of-type{
  border-bottom:none;
}
.docdots{
  float: left;
  vertical-align:top;
  width:50%;
  padding-right:16px;
}
.docdots dt{
  margin-bottom:8px;
}
.profileInfo .dots>dd{
  word-break: keep-all;
  color:rgb(134,134,139);
}
.profileInfo .dots>dd:before{
  background:rgb(134,134,139);
}
.schedule table{
  width:100%;
  margin:8px auto 0px;
  border-collapse: collapse;
}
.schedule table th{
  background:#002C4D;
  padding:8px 2px;
  font-weight:600;
  border-right:1px solid #CCCCCC;
  text-align:center;
  width:14.44%;
}
.schedule table td{
  border-right:1px solid rgb(204,204,204);
  border-bottom:1px solid #CCCCCC;
  padding:8px 2px;
  color: rgb(134,134,139);
}
.schedule table th:last-of-type,
.schedule table td:last-of-type{
  border-right:none;
}

/* 끊임없는 연구 */
.hosstudy1 figure{
  width:100%;
  margin:0 auto 24px;
}
.hosstudy1 figcaption p{
  color:#86868B;
  color:rgb(134,134,139);
  margin-top:16px;
}
.hosstudy2 ul>li{
  width:100%;
  padding:28px 16px;
  border-radius:10px;
  background:#001431;
  margin-bottom:16px;
}
.hosstudy2 ul>li:last-of-type{
  margin-bottom:0px;
}

/* 병원 둘러보기 */
.hosfac1 .cont1200{
  width:100%;
}
.facInfo{
  position: relative;
}
.facInfo:after{
  content: "";
  display: block;
  clear:both;
}
.facInfo > li{
  width: 100%;
  position: relative;
  padding: 16px;
  overflow: hidden;
  border-radius:10px;
  background:#F5F9FC;
  margin-bottom:16px;
  min-height:330px;
  transition: all 0.3s ease-out;
}
.facInfo>li:last-of-type{
  margin-bottom:0px;
}
.facInfo >li > figure{
  width:100%;
  border-radius:8px;
  margin: 0px;
  overflow:hidden;
}
.facInfo >li > figcaption{
  padding:16px 0px;
  position: relative;
}
.facInfo >li > figcaption h4{
  color:rgb(255, 136, 0);
  padding-bottom:8px;
  font-size:20px;
  border-bottom:1px solid rgb(255, 136, 0);
  transition: all 0.3s ease-out;
}
.facInfo >li > figcaption p{
  padding:16px 0px;
  font-size:14px;
  line-height:22px;
  min-height:70px;
  color:rgb(134, 134, 139);
  transition: all 0.3s ease-out;
}
.facInfo >li > figcaption span{
  position: absolute;
  width:24px;
  height:24px;
  left:0px;
  bottom:-8px;
  background:url(../img/mobile/hospital/fac-more.png) no-repeat 50%;
  background-size:24px;
  transition: all 0.3s ease-out;
}
.facInfo > li.on{
  background:linear-gradient(180deg,rgb(249, 153, 0),rgb(237,107,0));
}
.facInfo > li.on > figcaption h4{
  color: rgb(255, 255, 255);
  border-bottom:1px solid rgb(255, 255, 255);
}
.facInfo > li.on > figcaption p{
  color:rgb(255, 255, 255);
}
.facInfo > li.on > figcaption span{
  background:url(../img/mobile/hospital/fac-more-hover.png) no-repeat 50%;
  background-size:24px;
}
/* 병원둘러보기 자세히보기 */
.facDetailFrame{
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index:2000;
  background:rgb(255, 255, 255);
  pointer-events: none;
  opacity: 0;
}
.facDetailFrame.on{
  pointer-events: auto;
  opacity: 1;
}
.btn_close_fac_detail {
  width:32px;
  height:32px;
  right:16px;
  top:16px;
  position:absolute;
  background: url(../img/hospital/btn_close_facmore.png) no-repeat 50% 50%;
  background-size:cover;
  cursor: pointer;
  z-index: 10;
}
.inner_fac_detail{
  height: 100%;
  width: 100%;
  margin:0 auto;
  overflow: hidden;
  pointer-events: none;
}
.inner_fac_detail.on{
  opacity:1;
  pointer-events: auto;
}
.inner_fac_detail > div{
  opacity:0;
  visibility: hidden;
  height:0;
  width: 100%;
	position: relative;
}
.inner_fac_detail > div.on{
  opacity: 1;
  visibility: visible;
  height:100%;
  min-height: 640px;
}
.inner_fac_detail > div.swiper-container1{
  background:url(../img/mobile/hospital/bg_fac1.jpg) no-repeat 50% 50%;
  background-size: cover;
}
.inner_fac_detail > div.swiper-container2{
  background:url(../img/mobile/hospital/bg_fac2.jpg) no-repeat 50% 50%;
  background-size: cover;
}
.inner_fac_detail > div.swiper-container3{
  background:url(../img/mobile/hospital/bg_fac3.jpg) no-repeat 50% 50%;
  background-size: cover;
}
.inner_fac_detail > div.swiper-container4{
  background:url(../img/mobile/hospital/bg_fac4.jpg) no-repeat 50% 50%;
  background-size: cover;
}
.inner_fac_detail > div.swiper-container5{
  background:url(../img/mobile/hospital/bg_fac5.jpg) no-repeat 50% 50%;
  background-size: cover;
}
.inner_fac_detail > div.swiper-container6{
  background:url(../img/mobile/hospital/bg_fac6.jpg) no-repeat 50% 50%;
  background-size: cover;
}
.inner_fac_detail > div.swiper-container7{
  background:url(../img/mobile/hospital/bg_fac7.jpg) no-repeat 50% 50%;
  background-size: cover;
}
.facDetailList{
  margin: 0px auto;
}
.facDetailList > li{
  padding:90px 16px 16px 16px;
}
.facDetailList > li .cont1200:after{
  content:"";
  display:block;
  clear:both;
}
.facDetailList > li figure{
  width:100%;
  position:relative;
	z-index:10;
  margin:0px auto;
}
.facinfo>h5{
  margin-bottom:8px;
}
.facinfo>p{
  font-size:12px;
  line-height:16px;
  color:rgb(134,134,139);
  margin-bottom:30px;
}
.facDetailFrame .swiper-container-horizontal>.swiper-pagination-progressbar, .facDetailFrame .swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  height: 1px;
  bottom: 116px;
  top: auto;
  width: calc(100% - 64px);
  left: 32px;
  background: rgb(134,134,139);
}
.facDetailFrame .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{
  background: rgb(255,136,0);
  position: absolute;
  left: 0;
  top:-1.5px;
  width: 100%;
  height:3px;
  transform: scale(0);
  transform-origin: left top;
}
.facDetailFrame .swiper-button-prev:after,
.facDetailFrame .swiper-button-next:after{
  content:none;
}
.facDetailFrame .swiper-button-next,
.facDetailFrame .swiper-button-prev{
  width:16px;
  height:32px;
  margin-top:0px;
  top:auto;
  bottom:100px;
}
.facDetailFrame .swiper-button-next{
	right:16px;
  left: auto;
	background-image:url(../img/fac_next.png);
	background-repeat:no-repeat;
	background-size:contain;
}
.facDetailFrame .swiper-button-prev{
	left:16px;
  right: auto;
	background-image:url(../img/fac_prev.png);
	background-repeat:no-repeat;
	background-size:contain;
}

/* 오시는 길 */
.location1 .cont1200{
  width:100%;
}
.location2{background:#002C4C;}
.location2 h3{
  background: linear-gradient(to right, #00C2FF, #FFDD34);
  color: transparent;
  -webkit-background-clip: text;
  font-family:'Pretendard';
  font-size:34px;
  line-height:41px;
  font-weight:800;
  margin-bottom:15px;
}
.location2 p{
  font-size:10px;
  line-height:13px;
  letter-spacing:0.46em;
  margin-bottom:32px;
}
#map{
  width:100%;
  height:297px;
  border-radius:8px;
  overflow:hidden;
}
#map>iframe{
  width:100%;
  min-height:300px;
}
.locaWrap>ul{
  display:none;
}
.transport>div,
.parking{
  border-radius:16px;
  padding:32px 16px 32px;
  margin:0 auto 16px;
  overflow:hidden;
}
.parking{
  margin-bottom: 0px;

  text-align:center;
}
.transport>.subway{
  text-align:center;
  background-color:rgb(245,249,252);
}
.transport>.bus{
  text-align:center;
  background-color:rgb(245,249,252);
}
.transportIcon{
  width:60px;
  margin:0 auto 16px;
}
.transportWrap {
	 margin-top:20px;
}
.transportWrap ul{
  width:100%;
  margin:32px auto 0px;
}
.bus .transportWrap ul{
  display: flex;
  flex-wrap: wrap;
}
.transportWrap ul li{
  margin-bottom:32px;
}
.bus .transportWrap ul li{
  width: calc(50% - 20px);
  margin-right:40px;
  vertical-align:top;
}
.bus .transportWrap ul li:nth-of-type(even){
  margin-right:0px;
}
.transportWrap p{
  color:#86868B;
  line-height:16px;
  margin-top:8px;
  margin-bottom:16px;
}
.parking figcaption p{
  color:#86868B;
  line-height:16px;
  text-align:center;
  margin:16px auto;
}

/* 센터별 메인페이지 */
.subTltCenter{
  height:472px;
  box-sizing:border-box;
  padding-top:92px;
  width:100%;
  overflow:hidden;
}
.spineCenter{
  background:url(../img/mobile/center_spine.png) no-repeat 50% 202px;
  background-size:100% auto;
}
.brainCenter{
  background:url(../img/mobile/center_brain.png) no-repeat 50% 202px;
  background-size:100% auto;
}
.jointCenter{
  background:url(../img/mobile/center_joint.png) no-repeat 50% 202px;
  background-size:100% auto;
}
.manualCenter{
  background:url(../img/mobile/center_manual.png) no-repeat 50% 202px;
  background-size:100% auto;
}
.centertype1{
  padding:46px 0px 48px;
  min-height:217px;
}
.centertype1 p{
  color:#86868B;
  max-width:298px;
  margin:0 auto;
}
.centertype2 .wrap{
  border-radius:8px;
  background:linear-gradient(to bottom, #007267, #16427B);
  overflow:hidden;
  margin:0 auto;
  padding:48px 0px 0px;
}
.centertype2 .wrap h3,
.centertype2 .wrap p{
  padding:0px 14px;
}
.centertype2 .front{
  width:100%;
  margin:48px auto 0px;
}
.centertype3{
  padding:48px 0px;
}
.cureList{
  width:100%;
  margin:0 auto;
  justify-content:center;
}
.cureList>li{
  width:100%;
  margin-bottom:16px;
  min-height:328px;
  box-sizing:border-box;
  border-radius:8px;
  overflow:hidden;
  padding:32px;
}
.cureList>li:last-of-type{
  margin-bottom:0px;
}
.cureLink{
  margin-top:16px;
  overflow:hidden;
}
.cureLink>li{
  float: left;
  min-width:124px;
}
.cureLink>li:nth-of-type(2n+1){
  clear:both;
}
.cureLink>li>a{
  display: inline-block;
  padding-bottom:8px;
}
.cureList.spine>li:nth-of-type(1){
  background:url(../img/mobile/spinelist1.jpg) no-repeat 50% 50%;
  background-size:cover;
}
.cureList.spine>li:nth-of-type(2){
  background:url(../img/mobile/spinelist2.jpg) no-repeat 50% 50%;
  background-size:cover;
}
.cureList.spine>li:nth-of-type(3){
  background:url(../img/mobile/spinelist3.jpg) no-repeat 50% 50%;
  background-size:cover;
}
.cureList.spine>li:nth-of-type(4){
  background:url(../img/mobile/spinelist4.jpg) no-repeat 50% 50%;
  background-size:cover;
}
.cureList.spine>li:nth-of-type(5){
  background:url(../img/mobile/spinelist5.jpg) no-repeat 50% 50%;
  background-size:cover;
}
.cureList.brain>li:nth-of-type(1){
  background:url(../img/mobile/brainlist1.jpg) no-repeat 50% 50%;
  background-size:cover;
}
.cureList.brain>li:nth-of-type(2){
  background:url(../img/brainlist2.jpg) no-repeat 50% 50%;
  background-size:cover;
}
.cureList.joint>li:nth-of-type(1){
  background:url(../img/mobile/jointlist1.jpg) no-repeat 50% 50%;
  background-size:cover;
}
.cureList.joint>li:nth-of-type(2){
  background:url(../img/mobile/jointlist2.jpg) no-repeat 50% 50%;
  background-size:cover;
}
.cureList.joint>li:nth-of-type(3){
  background:url(../img/mobile/jointlist3.jpg) no-repeat 50% 50%;
  background-size:cover;
}
.cureList.joint>li:nth-of-type(4){
  background:url(../img/mobile/jointlist4.jpg) no-repeat 50% 50%;
  background-size:cover;
}
.cureList.joint>li:nth-of-type(5){
  background:url(../img/mobile/jointlist5.jpg) no-repeat 50% 50%;
  background-size:cover;
}
.cureList.joint>li:nth-of-type(6){
  background:url(../img/mobile/jointlist6.jpg) no-repeat 50% 50%;
  background-size:cover;
}
.cureList.manual>li:nth-of-type(1){
  background:url(../img/mobile/manualist1.jpg) no-repeat 50% 50%;
  background-size:cover;
}
.cureList.manual>li:nth-of-type(2){
  background:url(../img/mobile/manualist2.jpg) no-repeat 50% 50%;
  background-size:cover;
}

/*===> 척추내시경센터. 새롭게 추가 JK */
.jk_endoscopic_1{
  min-width: 100%;
  max-width: 100%;  
  vertical-align: top;   
  content: url(../img/mobile/jk_endoscopic/jk_endoscopic_1.jpg?20240307);   
}
.jk_endoscopic_2{
  min-width: 100%;
  max-width: 100%;  
  vertical-align: top; 
  content: url(../img/mobile/jk_endoscopic/jk_endoscopic_2.jpg?20240305);   
}
.jk_endoscopic_3{
  min-width: 100%;
  max-width: 100%;  
  vertical-align: top;  
  content: url(../img/mobile/jk_endoscopic/jk_endoscopic_3.jpg?20240215);   
}
.jk_endoscopic_4_1{
  min-width: 100%;
  max-width: 100%;  
  vertical-align: top;  
  content: url(../img/mobile/jk_endoscopic/jk_endoscopic_4_1.jpg?20240305);   
}
.jk_endoscopic_4_2{
  min-width: 100%;
  max-width: 100%;  
  vertical-align: top;  
  content: url(../img/mobile/jk_endoscopic/jk_endoscopic_4_2.jpg?20240119);   
}
.jk_endoscopic_4_vod {
}
.jk_endoscopic_4_vod #vod1 {
  padding: 0px 0px 0px 0px;
}
.jk_endoscopic_4_vod #vod2 {
	text-align: center;
  background-color: rgb(243 243 243);
  padding: 0px 0px 60px 0px;
}
.jk_endoscopic_4_vod #vod3 {
  padding: 30px 0px 30px 0px;
}
.jk_endoscopic_5{
  min-width: 100%;
  max-width: 100%;  
  vertical-align: top;  
  content: url(../img/mobile/jk_endoscopic/jk_endoscopic_5.jpg?20240904);   
}
.jk_endoscopic_5_vod {}
.jk_endoscopic_5_vod #vod1 {
  padding: 30px 0px 30px 0px;
}
.jk_endoscopic_6{
  min-width: 100%;
  max-width: 100%;  
  vertical-align: top;  
  content: url(../img/mobile/jk_endoscopic/jk_endoscopic_6.jpg?20240305);   
}
.jk_endoscopic_7{
  min-width: 100%;
  max-width: 100%;  
  vertical-align: top;  
  content: url(../img/mobile/jk_endoscopic/jk_endoscopic_7.jpg?20240305);   
}
/*<=== 척추내시경센터. 새롭게 추가 JK */

/* 척추센터 */
.disease{
  padding-bottom: 0px;
}
.disease .cont1200{
  width:100%;
}
.dis1{
  width:calc(100% - 32px);
  margin:0 auto;
}
.dis1>figure{
  width:100%;
  margin:0 auto;
  display: table-footer-group;
}
.dis1>figcaption{
  display: table-header-group;
  width:100%;
  box-sizing:border-box;
  padding:65px 0px 8px;
  text-align:center;
}
.dis1>figcaption>h3{
  font-weight:700;
  font-size:10px;
  margin-bottom:8px;
  color:#002C4D;
  letter-spacing:0.46em;
}
.dis1>figcaption>p{
  font-weight:800;
  color: #002C4D;
}
.dis-video{
  width:calc(100% - 32px);
  margin:0px auto 48px;
}
.dis-video>video{
  width:100%;
}
.dis2{
  width:100%;
  margin:0 auto;
  overflow:hidden;
  padding:40px 0px 250px;
}
.reason0201{
  background:url(../img/mobile/spine/reason0201.jpg) no-repeat 50%;
  background-size:cover;
}
.reason0202{
  background:url(../img/mobile/spine/reason0202.jpg) no-repeat 50%;
  background-size:cover;
}
.reason0203{
  background:url(../img/mobile/spine/reason0203.jpg) no-repeat 50%;
  background-size:cover;
  min-height: 596px;
}
.reason0204{
  background:url(../img/mobile/spine/reason0204.jpg) no-repeat 50%;
  background-size:cover;
  min-height:436px;
  margin-bottom:48px;
}
.reason0205{
  background:url(../img/mobile/spine/reason0205.jpg) no-repeat 50%;
  background-size:cover;
  margin-bottom:48px;
  min-height:572px;
}
.dis2Text{
  text-align:center;
  padding:0px 16px;
}
.dis2Text>h4{
  font-size:14px;
  line-height:20px;
  font-weight:800;
}
.dis2Text>p,
.dis2Text>dl{
  margin-top:8px;
}
.dis2Text>dl>dd{
  text-align:left;
}
.dis2Text>dl>dd:before{
  background:rgb(255,255,255);
}
.dis3{
  width:calc(100% - 32px);
  margin:47px auto 0px;
}
.dis3>figure{
  width:100%;
  display:table-footer-group;
}
.dis3>figcaption{
  width:calc(100% - 26px);
  display:table-header-group;
}
.dis3>figcaption>dl,
.dis3>figcaption>p{
  margin-bottom:32px;
}
.dis3>figcaption dt{
  margin-bottom:8px;
  text-align:center;
  color:rgb(29, 29, 31);
  font-weight:800;
  font-size:14px;
  line-height:20px;
}
.dis3>figcaption dd,
.dis3>figcaption p{
  color:rgb(29, 29, 31);
}
.dis3>figcaption dd:before{
  background:rgb(29, 29, 31);
}
.dis3>figcaption p{
  text-align:center;
}
.situation h3{
  font-size:14px;
  line-height:20px;
  font-weight:800;
  margin-bottom:8px;
}
.situation p{
  margin-bottom:24px;
}
.situ0301-03 p{
  margin-bottom:0px;
}
.situation ul{
  justify-content:center;
  width:100%;
}
.situation ul>li{
  width:29.333%;
  max-width:98px;
  margin-right:16px;
}
.situation ul>li:last-of-type{
  margin-right:0px;
}
.situation ul>li>h4{
  font-size:24px;
  margin-bottom:3px;
}
.situation ul>li>h4>span{
  display: inline-block;
  margin-left:2px;
  vertical-align:top;
  font-size:12px;
  line-height:18px;
  padding-top:10px;
}
.situation ul>li>p{
  font-size:10px;
  width:98px;
  height: 98px;
  margin:0px auto;
  line-height:16px;
  border-radius:50%;
  padding:24px 14px;

  border:4px solid rgb(255,255,255);
}
.situation ul>li:nth-of-type(2)>p{
  padding-top:32px;
}
.situation ul>li:nth-of-type(3)>p{
  padding-top:38px;
}
.situ0203 p{
  margin-bottom:28px;
}
.situ0203 p:last-of-type{
  margin-bottom:0px;
}
.situ0201{
  background:url(../img/mobile/spine/situ0201.jpg) no-repeat 50%;
  background-size: cover;
  background-attachment: fixed;
}
.situ0202{
  background:url(../img/mobile/spine/situ0202.jpg) no-repeat 50%;
  background-size: cover;
  background-attachment: fixed;
}
.situ0203{
  background:url(../img/mobile/spine/situ0203.jpg) no-repeat 50%;
  background-size: cover;
  background-attachment: fixed;
  margin-bottom:48px;
}
.situ0206{
  background:url(../img/mobile/spine/situ0206.jpg) no-repeat 50%;
  background-size: cover;
  background-attachment: fixed;
  margin-bottom:48px;
}
.cure_wrap h3{
  font-size:14px;
  line-height:20px;
  font-weight:800;
  color: #1D1D1F;
  margin-bottom:8px;
}
.cure_wrap h3+p{
  color:#1D1D1F;
}
.deco_graph_img{
  width:100%;
  margin:40px auto 9px;
}
.deco_graph_img>figure{
  margin:0px auto 24px;
}
.deco_graph_img>figcaption{
  background: #002C4D;
  padding:17px;
  line-height:20px;
}
.deco_graph>p{
  font-size:10px;
  line-height:16px;
  color: #A1A1A6;
  padding: 0px 16px;
}
.cure0201{
  width:100%;
  display: table-footer-group;
}
.cureText0201{
  width:100%;
  display: table-header-group;
}
.cureText0201>p{
  padding:0px 7px 24px;
}
.endocure{
  background:#F5F9FC;
  text-align:center;
  margin-bottom:48px;
}
.endocure_wrap>figure{
  display: table-footer-group;
  margin:0 auto;
}
.endocure_wrap>figcaption{
  display: table-header-group;
  width:100%;
}
.endocure_wrap h3{
  font-size:14px;
  line-height:20px;
  font-weight:800;
  color:rgb(29, 29, 31);
  margin-bottom:8px;
}
.endocure_wrap p{
  padding:0px 7px;
  margin-bottom:24px;
}
.deco_graph0203{
  width: calc(100% - 32px);
  margin:0 auto;
  /* padding-bottom:48px; */
}
.disList .dis1{
  width:100%;
}
.disList .dis1 > p{
  font-weight:700;
  color:#002C4D;
  letter-spacing:0.46em;
  margin-bottom:16px;
}
.disList ul,
.teamList ul{
  width:100%;
  margin:32px auto 0px;
}
.disList ul >li,
.teamList ul >li{
  width:calc(50% - 8px);
  min-height:156px;
  margin-right:16px;
  margin-bottom:16px;
  border-radius:8px;
  padding-top: 58px;
  overflow:hidden;
  cursor:pointer;
  transition: all 0.2s ease-out;
}
.disList ul >li:nth-of-type(even),
.teamList ul >li:nth-of-type(even){
  margin-right:0px;
}
.disList ul >li:nth-of-type(1){
  background:url(../img/spine/surgery01.jpg) no-repeat 50%;
  background-size:cover;
}
.disList ul >li:nth-of-type(2){
  background:url(../img/spine/surgery02.jpg) no-repeat 50%;
  background-size:cover;
}
.disList ul >li:nth-of-type(3){
  background:url(../img/spine/surgery03.jpg) no-repeat 50%;
  background-size:cover;
}
.disList ul >li:nth-of-type(4){
  background:url(../img/spine/surgery04.jpg) no-repeat 50%;
  background-size:cover;
}
.disList ul >li:nth-of-type(5){
  background:url(../img/spine/surgery05.jpg) no-repeat 50%;
  background-size:cover;
}
.disList ul >li:nth-of-type(6){
  background:url(../img/spine/surgery06.jpg) no-repeat 50%;
  background-size:cover;
}
.disList ul >li:nth-of-type(7){
  background:url(../img/spine/surgery07.jpg) no-repeat 50%;
  background-size:cover;
}
.disList ul >li:nth-of-type(8){
  background:url(../img/spine/surgery08.jpg) no-repeat 50%;
  background-size:cover;
}
.disList ul >li:nth-of-type(9){
  background:url(../img/spine/surgery09.jpg) no-repeat 50%;
  background-size:cover;
}
.disList ul > li > h4,
.teamList ul >li > h4{
  position: relative;
}
.disList ul > li > h4:after,
.teamList ul >li > h4:after{
  content: "";
  display: block;
  position: absolute;
  width:18px;
  height:18px;
  background:url(../img/spine/dislist.png) no-repeat 50%;
  background-size:18px;
  left:calc(50% - 9px);
  bottom:-24px;
}
.rehab h3{
  margin-bottom:8px;
}
.rehab ul{
  overflow:hidden;
  margin:24px auto 0px;
}
.rehab ul>li{
  width:100%;
  border-radius:8px;
  margin-bottom:16px;
  padding:16px 0px;
  position: relative;
  overflow:hidden;
}
.rehab ul>li:before{
  content: "";
  display: block;
  position: absolute;
  width:100%;
  height:100%;
  background:url(../img/spine/rehab.png) no-repeat 50%;
  background-size:cover;
  opacity:0.5;
  top: 0px;
  left: 0px;
}
.rehab ul>li:nth-of-type(2){
  margin-bottom:0px;
}
.rehab ul>li>h4{
  position: relative;
  margin-bottom: 0px;
  font-size:14px;
  z-index: 2;
}
.rehab ul>li:nth-of-type(1)>h4{
  background: linear-gradient(to bottom,#FCD980,#FF982D);
  color: transparent;
  -webkit-background-clip: text;
}
.rehab ul>li:nth-of-type(2)>h4{
  background: linear-gradient(to bottom,#F4A5FE,#DE71FF);
  color: transparent;
  -webkit-background-clip: text;
}
/* 척추 치료 한눈에 보기 */
.curecover{
  background: rgb(255,255,255);
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  display: none;
  pointer-events: none;
  z-index: 1;
}
.curecover.on{
  display: block;
  pointer-events: all;
  z-index:1999;
  position: fixed;
}
.cureLayer{
  width: 100%;
  height: 100%;
  -ms-overflow-style: none;
  overflow-y: scroll;
  position: relative;
  z-index: 2000;
  display: none;
}
.cureLayer.on {
  display: block;
}
.cureLayer::-webkit-scrollbar{display: none;}
.cr{
  width:100%;
  margin:0 auto;
  position: relative;
  display: none;
}
.cr.on{
  display: block;
}
.curecover .close{
  position: absolute;
  width:24px;
  top:12px;
  right:12px;
  cursor:pointer;
  z-index:2001;
}
.cr1{
  background: rgb(255,255,255);
  padding: 80px 0px 16px;
  text-align:center;
}
.cr_name > figcaption > p:first-of-type{
  font-weight: 700;
  font-size:10px;
  color: rgb(0, 44, 77);
  letter-spacing: 0.46em;
  margin-bottom: 8px;
}
.cr_name > figcaption > h3{
  color: #FF8800;
  margin-bottom:16px;
}
.cr_name > figcaption > p:nth-of-type(2){
  color:#86868B;
}
.cr_name > figure{
  width:100%;
  margin:23px auto 0px;
}
.cr2 .cont1200{
  width:100%;
}
.cr_disease{
  width: 100%;
  margin: 0 auto;
  min-height:380px;
  padding:40px 16px 42px;
}
.cr_disease01{
  background: url(../img/mobile/pain/cr_disease01.jpg) no-repeat 50%;
  background-size:cover;
}
.cr_disease02{
  background: url(../img/mobile/pain/cr_disease02.jpg) no-repeat 50%;
  background-size:cover;
}
.cr_disease03{
  background: url(../img/mobile/pain/cr_disease03.jpg) no-repeat 50%;
  background-size:cover;
}
.cr_disease04{
  background: url(../img/mobile/pain/cr_disease04.jpg) no-repeat 50%;
  background-size:cover;
}
.cr_disease05{
  background: url(../img/mobile/pain/cr_disease05.jpg) no-repeat 50%;
  background-size:cover;
}
.cr_disease06{
  background: url(../img/mobile/pain/cr_disease06.jpg) no-repeat 50%;
  background-size:cover;
}
.cr_disease07{
  background: url(../img/mobile/pain/cr_disease07.jpg) no-repeat 50%;
  background-size:cover;
}
.cr_disease08{
  background: url(../img/mobile/pain/cr_disease08.jpg) no-repeat 50%;
  background-size:cover;
}
.cr_disease09{
  background: url(../img/mobile/pain/cr_disease09.jpg) no-repeat 50%;
  background-size:cover;
}
.cr2Text>h4{
  text-align:center;
  margin-bottom:16px;
  font-size:20px;
  line-height:20px;
  font-weight:800;
}
.cr2Text>dl{
  padding:0px 32px;
  overflow:hidden;
}
.cr2Text>dl>dd{
  float: left;
  width:50%;
  vertical-align:top;
  color:rgb(255,255,255);
  margin-bottom:8px;
}
.cr2Text>dl>dd:before{
  background:rgb(255,255,255);
}
.cr2Text>p{
  text-align:center;
  color:rgb(255,255,255);
}
.cr3{
  padding:40px 0px;
  background:#F5F9FC;
}
.cr3 h4{
  font-size:20px;
  line-height:20px;
  font-weight:800;
  margin-bottom:16px;
  color:rgb(29,29,31);
}
.cr4{
  padding:48px 0px 80px;
  background:rgb(255,255,255);
}
.cr_care{
  padding:42px 0px 40px;
  border-radius:10px;
  overflow:hidden;
}
.cr_care01{
  background: url(../img/mobile/pain/cr_care01.jpg) no-repeat 50%;
  background-size: cover;
}
.cr_care02{
  background: url(../img/mobile/pain/cr_care02.jpg) no-repeat 50%;
  background-size: cover;
}
.cr_care03{
  background: url(../img/pain/cr_care03.jpg) no-repeat 50%;
  background-size: cover;
}
.cr_care04{
  background: url(../img/mobile/pain/cr_care04.jpg) no-repeat 50%;
  background-size:cover;
}
.cr_care05{
  background: url(../img/mobile/pain/cr_care05.jpg) no-repeat 50%;
  background-size:cover;
}
.cr_care06{
  background: url(../img/mobile/pain/cr_care06.jpg) no-repeat 50%;
  background-size: cover;
}
.cr_care07{
  background: url(../img/mobile/pain/cr_care07.jpg) no-repeat 50%;
  background-size: cover;
}
.cr_care08{
  background: url(../img/mobile/pain/cr_care08.jpg) no-repeat 50%;
  background-size: cover;
}
.cr_care09{
  background: url(../img/mobile/pain/cr_care09.jpg) no-repeat 50%;
  background-size: cover;
}
.cr_care h4{
  font-size:20px;
  line-height:20px;
  font-weight:800;
  margin-bottom:16px;
}
.cr_care p{
  padding:0px 32px;
}

/*===> 관절치료 새롭게 추가 JK */
/* 관절질환 살펴보기 */
.jk_joint_guide {	
  min-width: 100%;
  max-width: 100%;  
  vertical-align: top;   
  content: url(../img/mobile/jk_joint/jk_joint_guide.jpg); 
}
/* 어깨질환 */
.jk_joint_shoulder_1 {
  min-width: 100%;
  max-width: 100%;  
  vertical-align: top;   
  content: url(../img/mobile/jk_joint/jk_joint_shoulder_1.jpg); 
}
.jk_joint_shoulder_2 {
  min-width: 100%;
  max-width: 100%;  
  vertical-align: top;   
  content: url(../img/mobile/jk_joint/jk_joint_shoulder_2.jpg?20240820);
}
.jk_joint_shoulder_3 {
  min-width: 100%;
  max-width: 100%;  
  vertical-align: top;   
  content: url(../img/mobile/jk_joint/jk_joint_shoulder_3.jpg?20240820);
}
.jk_joint_shoulder_4 {
  min-width: 100%;
  max-width: 100%;  
  vertical-align: top;   
  content: url(../img/mobile/jk_joint/jk_joint_shoulder_4.jpg?20240820);
}
.jk_joint_shoulder_5 {
  min-width: 100%;
  max-width: 100%;  
  vertical-align: top;   
  content: url(../img/mobile/jk_joint/jk_joint_shoulder_5.jpg?20240820);
}
/* 무릎질환 */
.jk_joint_knee_1 {	
  min-width: 100%;
  max-width: 100%;  
  vertical-align: top;   
  content: url(../img/mobile/jk_joint/jk_joint_knee_1.jpg?20240820);
}
.jk_joint_knee_2 {
  min-width: 100%;
  max-width: 100%;  
  vertical-align: top;   
  content: url(../img/mobile/jk_joint/jk_joint_knee_2.jpg);
}
.jk_joint_knee_3 {
  min-width: 100%;
  max-width: 100%;  
  vertical-align: top;   
  content: url(../img/mobile/jk_joint/jk_joint_knee_3.jpg?20240820);
}
.jk_joint_knee_4 {
  min-width: 100%;
  max-width: 100%;  
  vertical-align: top;   
  content: url(../img/mobile/jk_joint/jk_joint_knee_4.jpg?20240820);
}
/* 고관절질환 */
.jk_joint_coxa_1 {	
  min-width: 100%;
  max-width: 100%;  
  vertical-align: top;   
  content: url(../img/mobile/jk_joint/jk_joint_coxa_1.jpg?20240820);
}
.jk_joint_coxa_2 {
  min-width: 100%;
  max-width: 100%;  
  vertical-align: top;   
  content: url(../img/mobile/jk_joint/jk_joint_coxa_2.jpg);
}
.jk_joint_coxa_3 {
  min-width: 100%;
  max-width: 100%;  
  vertical-align: top;   
  content: url(../img/mobile/jk_joint/jk_joint_coxa_3.jpg);
}
/*<=== 관절치료 새롭게 추가 JK */

/* 비수술 통증치료 */
.reason0301-01{
  background:url(../img/mobile/pain/reason0301-01.jpg) no-repeat 50%;
  background-size:cover;
}
.reason0301-02{
  background:url(../img/mobile/pain/reason0301-02.jpg) no-repeat 50%;
  background-size:cover;
  min-height: 468px;
}
.reason0301-03{
  background:url(../img/mobile/pain/reason0301-03.jpg) no-repeat 50%;
  background-size:cover;
  min-height:424px;
}
.reason0302-01{
  background:url(../img/mobile/pain/reason0302-01.jpg) no-repeat 50%;
  background-size:cover;
}
.reason0302-02{
  background:url(../img/mobile/pain/reason0302-02.jpg) no-repeat 50%;
  background-size:cover;
}
.cure_criteria{padding-bottom:48px;}
.cure_criteria>figcaption>dl{
  margin-bottom:20px;
}
.cure_criteria h4{
  font-weight:800;
  text-align:center;
  margin-bottom:16px;
}
.cure_criteria p{
  padding:0px 26px;
}
.cure_criteria >figure{
  padding:0px 20px;
  margin:0 auto;
}
.situ0301-02{
  background:url(../img/mobile/pain/situ0301-02.jpg) no-repeat 50%;
  background-size: cover;
  background-attachment: fixed;
}
.situ0301-03{
  background:url(../img/mobile/pain/situ0301-03.jpg) no-repeat 50%;
  background-size: cover;
  background-attachment: fixed;
  margin-bottom:48px;
}
.situ0302-01{
  background:url(../img/pain/situ0302-01.jpg) no-repeat 50%;
  background-size: cover;
  background-attachment: fixed;
  margin-bottom:48px;
}
.situ0301-02 ul{
  margin-top:53px;
  margin-bottom:24px;
}
.situ0301-02 ul>li>p{
  padding-top: 32px !important;
}
.injection_wrap{
  border-radius:10px;
  background:url(../img/mobile/pain/injection.png) no-repeat 0% 0%, #F5F9FC;
  background-size:100% auto;
  overflow:hidden;
  padding:227px 34px 40px;
  margin:16px auto 0px;
}
.pain_injection h3,
.injection_text > h4{
  margin-bottom:7px;
  font-size:14px;
  line-height:20px;
  font-weight:800;
  color:rgb(29,29,31);
}
.injection_text > h4{text-align:center;}
.rehab_kind > ul > li{
  overflow:hidden;
  margin-bottom:36px;
}
.rehab_kind > ul > li > figure{
  float: left;
  width:96px;
  margin:0px;
  vertical-align:top;
}
.rehab_kind > ul > li > figcaption{
  float: left;
  width:calc(100% - 96px);
  vertical-align:top;
  padding-left:10px;
}
.rehab_kind > ul > li h4{
  margin-bottom:8px;
  font-weight:800;
  text-align:left;
}
.rehab_kind > ul > li p{
  margin-bottom:8px;
  text-align:left;
}
.rehab_kind > ul > li p span{
  display: block;
  font-size:10px;
  line-height:16px;
}
.dis3_0302_01 > figcaption>dl{
  padding:0px 32px;
}
/* 팀 자세히보기 */
.teamList ul >li:nth-of-type(1){
  background:url(../img/pain/team01.jpg) no-repeat 50%;
  background-size:cover;
}
.teamList ul >li:nth-of-type(2){
  background:url(../img/pain/team02.jpg) no-repeat 50%;
  background-size:cover;
}
.teamList ul >li:nth-of-type(3){
  background:url(../img/pain/team03.jpg) no-repeat 50%;
  background-size:cover;
}
.teamList ul >li:nth-of-type(4){
  background:url(../img/pain/team04.jpg) no-repeat 50%;
  background-size:cover;
}
.teamList ul >li:nth-of-type(5){
  background:url(../img/pain/team05.jpg) no-repeat 50%;
  background-size:cover;
}
.teamList ul >li:nth-of-type(6){
  background:url(../img/pain/team06.jpg) no-repeat 50%;
  background-size:cover;
}
.teamList h3{
  font-size:14px;
  line-height:20px;
  font-weight:800;
  margin-bottom:8px;
  color:rgb(29, 29, 31);
}
.teamcover{
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  display: none;
  pointer-events: none;
  z-index: 1;
}
.teamcover.on{
  display: block;
  pointer-events: all;
  z-index:1999;
  position: fixed;
}
.teamLayer{
  width: 100%;
  height: 100%;
  -ms-overflow-style: none;
  overflow-y: scroll;
  position: relative;
  z-index: 2000;
  display: none;
}
.teamLayer.on {
  display: block;
}
.teamLayer::-webkit-scrollbar{display: none;}
.tr{
  width:100%;
  height:100%;
  margin:0 auto;
  position: relative;
  display: none;
}
.tr.on{
  display: block;
}
.tr01{
  background:url(../img/mobile/pain/tr01.jpg) no-repeat 50%;
  background-size:cover;
}
.tr02{
  background:url(../img/mobile/pain/tr02.jpg) no-repeat 50%;
  background-size:cover;
}
.tr03{
  background:url(../img/mobile/pain/tr03.jpg) no-repeat 50%;
  background-size:cover;
}
.tr04{
  background:url(../img/mobile/pain/tr04.jpg) no-repeat 50%;
  background-size:cover;
}
.tr05{
  background:url(../img/mobile/pain/tr05.jpg) no-repeat 50%;
  background-size:cover;
}
.tr06{
  background:url(../img/mobile/pain/tr06.jpg) no-repeat 50%;
  background-size:cover;
}
.teamcover .close{
  position: absolute;
  width:32px;
  top:20px;
  right:20px;
  cursor:pointer;
  z-index:2001;
}
.teamcover .cont1200{height:100%;}
.team_name{
  position: relative;
  overflow:hidden;
  width:100%;
  height:100%;
}
.team_name>figcaption{
  position: absolute;
  width:calc(100% - 100px);
  left:50px;
  top:50%;
  transform: translateY(-50%);
}
.team_name>figcaption h3{
  font-size:14px;
  line-height:20px;
  font-weight:800;
  margin-bottom:16px;
  color:rgb(255,255,255);
  text-align:center;
}
.team_name>figcaption p{
  font-size:12px;
  line-height:16px;
  color:rgb(255,255,255);
}
.team_name>figure{
  display:none;
}

/*===> 재활치료. 새롭게 추가 JK */
.jk_rehabilitation_1{
  min-width: 100%;
  max-width: 100%;  
  vertical-align: top;   
  content: url(../img/mobile/jk_rehabilitation/jk_rehabilitation_1.jpg?20231228);   
}
.jk_rehabilitation_2{
  min-width: 100%;
  max-width: 100%;  
  vertical-align: top; 
  content: url(../img/mobile/jk_rehabilitation/jk_rehabilitation_2.jpg?20231228);   
}
.jk_rehabilitation_3{
  min-width: 100%;
  max-width: 100%;  
  vertical-align: top; 
  content: url(../img/mobile/jk_rehabilitation/jk_rehabilitation_3.jpg);   
}
/*<=== 재활치료. 새롭게 추가 JK */

/* 게시판 */
.subtop{
  width: 100%;
  /* height:194px; */
  height: 340px;  /* 컨텐츠 상단에 표시되는 타이틀이미지의 높이를 증가.  JK */
  /* padding-top:48px; */
  padding-top:20px;  /* 컨텐츠 상단 타이틀이미지 내에 위치하는 제목 높이를 조정.  JK */
  margin:44px auto 0px;
}
.sub1-top{
  background: url(../img/mobile/subtop1-bg.jpg) no-repeat 50% 0%;
  background-size:cover;
}
.sub7-top{	/* sub6-top을 변경된 구조에 맞게 sub7-top로 수정.  JK */
  background: url(../img/mobile/subtop7-bg.jpg) no-repeat 50% 0%;  /* subtop6-bg.jpg을 변경된 구조에 맞게 subtop7-bg.jpg로 수정.  JK */
  background-size:cover;
}
.subtop>.cont1200{    
  width:100%;		
  height:100%;
  margin:0 auto;  /* 컨텐츠 상단 타이틀이미지 내에 위치하는 텍스트 위치 조정을 위해 추가.  JK */
  position:relative;  /* 컨텐츠 상단 타이틀이미지 내에 위치하는 텍스트 위치 조정을 위해 추가.  JK */  
}
#lnb{
  width:100%;
  position: absolute;
  bottom:0;
  left:0;
}
#lnb>.cont1200{
  width:100%;
}
#lnb ul{
  /* background: rgb(255,255, 255); */	/* 컨텐츠 상단에 표시되는 메뉴의 배경색을 주석처리.  JK */
  width:100%;
  justify-content: center;
  border-top:1px solid #86868B;
}
#lnb ul>li{
  flex: 1;
  min-width:25%;
  height:30px;
  display: table;
  position: relative;
  cursor: pointer;
  border-bottom:1px solid #86868B;
  border-right:1px solid #86868B;
  background: rgba(2.7,3.1,29.8,0.5);  /* 컨텐츠 상단에 표시되는 메뉴의 배경색을 위해 추가.  JK */
}
#lnb.lnb01 ul>li{
  width:33.33%;
  flex:auto;
}
#lnb.lnb01 ul>li:nth-of-type(3n){
  border-right:none;
}
#lnb.lnb07 ul>li:nth-of-type(4n){		/* lnb06을 변경된 구조에 맞게 lnb07로 수정.  JK */
  border-right:none;
}
#lnb ul>li>a {
  display: table-cell;
  width: 100%;
  vertical-align: middle;
  /* color: rgb(134, 134, 139); */
  color: rgb(150,150,150);	/* 컨텐츠 상단에 표시되는 메뉴의 글자색을 수정.  JK */  
}
/* 컨텐츠 상단에 표시되는 메뉴에 마우스오버시 글자색,배경색 변경을 위해 추가. JK */
#lnb  ul>li>a:hover{
	background:#0061FF;
	color:rgb(255,255,255);
	transition:all 0.4S ease 0.1s;	/* 천천히 변경되도록 함. JK */
}
.subtop h2{
  font-size:32px;
  line-height:40px;
  font-weight:800;
  font-family: 'Pretendard';
}
#bo_list,#bo_v,#bo_w, #bo_gall{
  padding:48px 0px;
}
#bo_list>h2, #bo_v>h2, #bo_w>h2, #bo_gall>h2{
  font-weight:700;
  font-size:10px;
  color:rgb(0,44,77);
  letter-spacing:0.45em;
}
#bo_list>h3, #bo_v>h3, #bo_w>h3, #bo_gall>h3{
  margin:8px auto 32px;
  color:#FF8800;
}
#bo_btn_top{
  position: relative;
}
#bo_btn_top::after{
  content: "";
  display: block;
  clear: both;
}
.tbl_wrap{
  width:100%;
  margin:0 auto;
  border-top:1px solid #707070;
}
.tbl_wrap tr{
  border-bottom:1px solid #707070;
}
.tbl_wrap th,
.tbl_wrap td{
  padding:8px 0px;
  color: #86868B;
  font-size:12px;
  line-height:16px;
  border: none;
  background: rgb(255,255,255);
}
.tbl_wrap .thnum{
  min-width:36px;
}
.tbl_wrap .thtitle{
  min-width:198px;
}
.tbl_wrap .thdate{
  width:60px;
}
.tbl_wrap .thhit{
  min-width:34px;
}
.bo_tit>a{color: #86868B;}
/* 게시판 검색 */
.bo_sch_wrap{
  display:none;
  width:100%;
  height:100%;
  position:fixed;
  top:0;
  left:0;
  z-index:999;
}
.bo_sch_wrap.on{
  display:block;
}
.bo_sch {position:absolute;top:50%;left:50%;background:#fff;text-align:left;width:330px;max-height:300px;overflow-y:auto;border-radius:5px;-webkit-box-shadow:1px 1px 18px rgba(0,0,0,0.2);-moz-box-shadow:1px 1px 18px rgba(0,0,0,0.2);box-shadow:1px 1px 18px rgba(0,0,0,0.2);border:1px solid #dde7e9;background:#fff;border-radius:3px;transform:translate(-50%, -50%);}
.bo_sch:after {display:block;visibility:hidden;clear:both;content:""}
.bo_sch h3 {padding:15px;border-bottom:1px solid #e8e8e8}
.bo_sch legend {background:red}
.bo_sch form {padding:15px;display:block}
.bo_sch select {border:0;width:100%;height:40px;border:1px solid #d0d3db;border-radius:2px;-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);
-moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);
box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075)}
.bo_sch .sch_bar {display:inline-block;width:100%;clear:both;margin-top:15px;border:1px solid #d0d3db;border-radius:2px;-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);
-moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);
box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075)}
.bo_sch .sch_input {width:250px;height:38px;border:0;padding:0;background-color:transparent;float:left}
.bo_sch .sch_btn {height:38px;float:right;color:#656565;background:none;border:0;width:40px;font-size:15px}
.bo_sch .bo_sch_cls {position:absolute;right:0;top:0;color:#b5b8bb;border:0;padding:12px 15px;font-size:16px;background:#fff}
.bo_sch_bg {background:#000;background:rgba(0,0,0,0.1);width:100%;height:100%}
/* 게시판 보기 */
.header{
  display: inline-block;
}
#bo_v_info{
  padding-bottom:8px;
  border-bottom:1px solid #8e8e8e;
}

/* 제증명발급안내 */
.guide_box{
  margin:16px auto 32px;
  padding: 20px 16px;
  background:rgb(102, 134, 175);
  position:relative;
  overflow: hidden;
}
.guide_box>span {
  display:none;
}
.guide_box:after{
  content:"";display:block;clear:both;
}
.saehim_note{
  height: 40px;
  line-height: 40px;
  font-size: 30px;
  text-align: center;
  color:#fff;
}
.saehim_note>span{
  font-size:20px;
}
.saehim_down{
  padding:10px;
  color:#fff;
  text-align: center;
}
.saehim_down>p{
  font-weight:300;
  color:#fff;
}
.saehim_down a{
  display: inline-block;
  padding: 10px 20px;
  border-radius: 20px;
  background:rgb(0, 45, 72);
  margin: 3px auto 0px;
  border: 1px solid rgb(0, 45, 72);
}
.saehim_down a:first-of-type{
  margin-top:8px;
}
.guide_list_box {
  margin-top: 30px;
  padding: 40px 0;
}
.in_guide_contents {
  border-left: 4px solid rgba(47, 66, 98, 0.06);
  margin-bottom: 30px;
  padding: 10px 20px 10px 20px;
  border-bottom: 1px solid #efefef;
}
.in_guide_contents h3 {
  color:rgb(47, 66, 98);
  margin-bottom: 22px;
  font-size: 18px;
  line-height:24px;
}
.in_guide_contents p{
  font-weight: 100;
  color: #333;
  margin: 20px 0;
  display: table;
  padding: 8px 32px;
  border-bottom: 3px solid #7883e3;
  background: linear-gradient(to bottom, rgba(85,126,230,0.76) 30%, rgb(132 177 249));
}
.in_guide_contents > ul{
  border: 3px solid rgba(54, 71, 99, 0.8);
  padding: 16px 40px 16px 0px;
  border-radius: 10px;
}
.in_guide_contents > ul > li{
  color:rgb(119, 119, 119);
  font-size:12px;
  line-height:16px;
  margin-bottom: 8px;
  padding-left: 20px;
  margin-left: 12px;
  background: url(../img/icon_check2.png) no-repeat 0 6px;
  background-size: 10px auto;
}
.in_guide_contents > ul > li:last-of-type{
  margin-bottom: 0px;
}

/* 관절센터 무릎질환 */
.kneeList ul >li:nth-of-type(1){
  background:url(../img/joint/knee01.jpg) no-repeat 50%;
  background-size:cover;
}
.kneeList ul >li:nth-of-type(1):hover{
  background:url(../img/joint/knee01-hover.jpg) no-repeat 50%;
  background-size:cover;
}
.kneeList ul >li:nth-of-type(2){
  background:url(../img/joint/knee02.jpg) no-repeat 50%;
  background-size:cover;
}
.kneeList ul >li:nth-of-type(2):hover{
  background:url(../img/joint/knee02-hover.jpg) no-repeat 50%;
  background-size:cover;
}
.kneeList ul >li:nth-of-type(3){
  background:url(../img/joint/knee03.jpg) no-repeat 50%;
  background-size:cover;
}
.kneeList ul >li:nth-of-type(3):hover{
  background:url(../img/joint/knee03-hover.jpg) no-repeat 50%;
  background-size:cover;
}
.kneeList ul >li:nth-of-type(4){
  background:url(../img/joint/knee04.jpg) no-repeat 50%;
  background-size:cover;
}
.kneeList ul >li:nth-of-type(4):hover{
  background:url(../img/joint/knee04-hover.jpg) no-repeat 50%;
  background-size:cover;
}
.kneeList ul >li:nth-of-type(5){
  background:url(../img/joint/knee05.jpg) no-repeat 50%;
  background-size:cover;
}
.kneeList ul >li:nth-of-type(5):hover{
  background:url(../img/joint/knee05-hover.jpg) no-repeat 50%;
  background-size:cover;
}
.kneeList ul >li:nth-of-type(6){
  background:url(../img/joint/knee06.jpg) no-repeat 50%;
  background-size:cover;
}
.kneeList ul >li:nth-of-type(6):hover{
  background:url(../img/joint/knee06-hover.jpg) no-repeat 50%;
  background-size:cover;
}
.knee01 .cr_disease01{
  background: url(../img/mobile/joint/cr_knee01.jpg) no-repeat 50%;
  background-size: cover;
}
.knee02 .cr_disease01{
  background: url(../img/mobile/joint/cr_knee02.jpg) no-repeat 50%;
  background-size: cover;
}
.knee03 .cr_disease01{
  background: url(../img/mobile/joint/cr_knee03.jpg) no-repeat 50%;
  background-size: cover;
}
.knee04 .cr_disease01{
  background: url(../img/mobile/joint/cr_knee04.jpg) no-repeat 50%;
  background-size:cover;
}
.knee05 .cr_disease01{
  background: url(../img/mobile/joint/cr_knee05.jpg) no-repeat 50%;
  background-size: cover;
}
.knee06 .cr_disease01{
  background: url(../img/mobile/joint/cr_knee06.jpg) no-repeat 50%;
  background-size: cover;
}

/* 관절센터 어깨질환 */
.shoulderList ul >li:nth-of-type(1){
  background:url(../img/joint/shoulder01.jpg) no-repeat 50%;
  background-size:cover;
}
.shoulderList ul >li:nth-of-type(1):hover{
  background:url(../img/joint/shoulder01-hover.jpg) no-repeat 50%;
  background-size:cover;
}
.shoulderList ul >li:nth-of-type(2){
  background:url(../img/joint/shoulder02.jpg) no-repeat 50%;
  background-size:cover;
}
.shoulderList ul >li:nth-of-type(2):hover{
  background:url(../img/joint/shoulder02-hover.jpg) no-repeat 50%;
  background-size:cover;
}
.shoulderList ul >li:nth-of-type(3){
  background:url(../img/joint/shoulder03.jpg) no-repeat 50%;
  background-size:cover;
}
.shoulderList ul >li:nth-of-type(3):hover{
  background:url(../img/joint/shoulder03-hover.jpg) no-repeat 50%;
  background-size:cover;
}
.shoulderList ul >li:nth-of-type(4){
  background:url(../img/joint/shoulder04.jpg) no-repeat 50%;
  background-size:cover;
}
.shoulderList ul >li:nth-of-type(4):hover{
  background:url(../img/joint/shoulder04-hover.jpg) no-repeat 50%;
  background-size:cover;
}
.shoulderList ul >li:nth-of-type(5){
  background:url(../img/joint/shoulder05.jpg) no-repeat 50%;
  background-size:cover;
}
.shoulderList ul >li:nth-of-type(5):hover{
  background:url(../img/joint/shoulder05-hover.jpg) no-repeat 50%;
  background-size:cover;
}
.shoulderList ul >li:nth-of-type(6){
  background:url(../img/joint/shoulder06.jpg) no-repeat 50%;
  background-size:cover;
}
.shoulderList ul >li:nth-of-type(6):hover{
  background:url(../img/joint/shoulder06-hover.jpg) no-repeat 50%;
  background-size:cover;
}
.shoulder01 .cr_disease01{
  background: url(../img/mobile/joint/cr_shoulder01.jpg) no-repeat 50%;
  background-size: cover;
}
.shoulder02 .cr_disease01{
  background: url(../img/mobile/joint/cr_shoulder02.jpg) no-repeat 50%;
  background-size: cover;
}
.shoulder03 .cr_disease01{
  background: url(../img/mobile/joint/cr_shoulder03.jpg) no-repeat 50%;
  background-size: cover;
}
.shoulder04 .cr_disease01{
  background: url(../img/mobile/joint/cr_shoulder04.jpg) no-repeat 50%;
  background-size:cover;
}
.shoulder05 .cr_disease01{
  background: url(../img/mobile/joint/cr_shoulder05.jpg) no-repeat 50%;
  background-size: cover;
}
.shoulder06 .cr_disease01{
  background: url(../img/mobile/joint/cr_shoulder06.jpg) no-repeat 50%;
  background-size: cover;
}

/* 관절센터 수부족부질환 */
.handfootList ul >li:nth-of-type(1){
  background:url(../img/joint/handfootList01.jpg) no-repeat 50%;
  background-size:cover;
}
.handfootList ul >li:nth-of-type(1):hover{
  background:url(../img/joint/handfootList01-hover.jpg) no-repeat 50%;
  background-size:cover;
}
.handfootList ul >li:nth-of-type(2){
  background:url(../img/joint/handfootList02.jpg) no-repeat 50%;
  background-size:cover;
}
.handfootList ul >li:nth-of-type(2):hover{
  background:url(../img/joint/handfootList02-hover.jpg) no-repeat 50%;
  background-size:cover;
}
.handfootList ul >li:nth-of-type(3){
  background:url(../img/joint/handfootList03.jpg) no-repeat 50%;
  background-size:cover;
}
.handfootList ul >li:nth-of-type(3):hover{
  background:url(../img/joint/handfootList03-hover.jpg) no-repeat 50%;
  background-size:cover;
}
.handfootList ul >li:nth-of-type(4){
  background:url(../img/joint/handfootList04.jpg) no-repeat 50%;
  background-size:cover;
}
.handfootList ul >li:nth-of-type(4):hover{
  background:url(../img/joint/handfootList04-hover.jpg) no-repeat 50%;
  background-size:cover;
}
.handfootList ul >li:nth-of-type(5){
  background:url(../img/joint/handfootList05.jpg) no-repeat 50%;
  background-size:cover;
}
.handfootList ul >li:nth-of-type(5):hover{
  background:url(../img/joint/handfootList05-hover.jpg) no-repeat 50%;
  background-size:cover;
}
.handfootList ul >li:nth-of-type(6){
  background:url(../img/joint/handfootList06.jpg) no-repeat 50%;
  background-size:cover;
}
.handfootList ul >li:nth-of-type(6):hover{
  background:url(../img/joint/handfootList06-hover.jpg) no-repeat 50%;
  background-size:cover;
}
.handfoot01 .cr_disease01{
  background: url(../img/mobile/joint/cr_handfoot01.jpg) no-repeat 50%;
  background-size: cover;
}
.handfoot02 .cr_disease01{
  background: url(../img/mobile/joint/cr_handfoot02.jpg) no-repeat 50%;
  background-size: cover;
}
.handfoot03 .cr_disease01{
  background: url(../img/mobile/joint/cr_handfoot03.jpg) no-repeat 50%;
  background-size: cover;
}
.handfoot04 .cr_disease01{
  background: url(../img/mobile/joint/cr_handfoot04.jpg) no-repeat 50%;
  background-size:cover;
}
.handfoot05 .cr_disease01{
  background: url(../img/mobile/joint/cr_handfoot05.jpg) no-repeat 50%;
  background-size: cover;
}
.handfoot06 .cr_disease01{
  background: url(../img/mobile/joint/cr_handfoot06.jpg) no-repeat 50%;
  background-size: cover;
}

/* 관절센터 질환별 소개 */
.dispic1{
  padding-bottom: 0px
}
.dispic1 figure{
  width:207px;
  margin:32px auto 0px;
}
.dispic2 .cr2Text>h4{
  margin-bottom:16px;
}
.dispic2 .cr2Text>dl>dd{
  float:none;
  width:100%;
  font-weight:500;
  padding-left:12px;
  margin-bottom: 0px;
  color:rgb(255, 255, 255);
}
.dispic2 .cr2Text>dl>dd:before{
  background:rgb(255,255,255);
  width: 3px;
  height: 3px;
  top: 7px;
}
.dis1{
  padding-top:48px;
}
.diswrap1{
  overflow:hidden;
}
.diswrap1>figure{
  display: table-footer-group;
  width:200px;
  margin:0px auto;
}
.diswrap1>figcaption{
  display: table-header-group;
  width:100%;
}
.diswrap1>figcaption dl{
  padding:0px 32px;
}
.diswrap1>figcaption h4{
  font-weight:700;
  text-align:center;
  margin-bottom: 16px;
}
.diswrap1>figcaption dd{
  color:rgb(134, 134, 139);
}
.diswrap1>figcaption dd:before{
  background:rgb(29, 29, 29);
}
.jointdis2{
  background:rgb(245, 249, 252);
  padding:48px 0px;
}
.diswrap2{
  width:100%;
  justify-content: center;
  margin:16px auto 0px;
}
.diswrap2>li{
  width:100%;
  min-height:328px;
  border-radius:10px;
  overflow:hidden;
  margin:0px auto 16px;
  padding:32px 0px 0px;
}
.diswrap2>li:last-of-type{
  margin-bottom:0px;
}
.diswrap2>li.examination{
  background:url(../img/joint/examination-bg.png) no-repeat 50% 100%, rgb(255,255,255);
  background-size:100% auto;
}
.diswrap2>li.xray{
  background:url(../img/joint/xray-bg.png) no-repeat 50% 100%, rgb(255,255,255);
  background-size:100% auto;
}
.diswrap2>li.mri{
  background:url(../img/joint/mri-bg.png) no-repeat 50% 100%, rgb(255,255,255);
  background-size:100% auto;
}
.diswrap2>li.shockwave{
  background:url(../img/joint/shockwave-bg.png) no-repeat 50% 100%, rgb(255,255,255);
  background-size:100% auto;
}
.diswrap2>li>p{
  font-size:16px;
  line-height:20px;
  text-align:center;
  font-weight:500;
}

/* 회원가입 */
.mbskin{
  margin:0px auto;
  padding:46px 0px 48px;
  background:rgb(242, 247, 250);
}
#mb_login{
  background: rgb(255,255,255);
}
.register{
  padding-top:52px;
  padding-bottom:48px;
}
#reg_result{
  background:rgb(242, 247, 250);
  padding-top: 58px
}
#reg_result h2 strong{
  color: rgb(2,72,114);
}
#reg_result .reg_result_wr{
  border:1px solid rgba(148, 188, 214, 0.6);
}
#reg_result .btn_confirm a{
  background: rgb(2,72,114);
  border:none;
  color:rgb(255,255,255);
}
#mb_confirm fieldset{
  padding: 0px 16px;
}

/* 임시 스타일 + 삭제예정 */
#mb_login #sns_login{
  text-align:center;
}
#mb_login #sns_login .sns-icon{
  display: inline-block;
  float: none !important;
}

/* 아이폰pro */
@media screen and (min-width:390px){
  .parking figcaption{
    transform: translateY(-32px);
  }
}