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

/* 공통 */
.mo_only{display:none;}
#container{
  margin:0 auto;
  width:100%;
  overflow:hidden;
  position:relative;
}
#subcont{
  margin:0 auto;
  width:100%;
  position:relative;
}
.cont1200{
  width:1200px;
  height:100%;
  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 */
.nortxt{
  font-size:20px;
  font-family: 'Pretendard';
  font-weight: 500;
  line-height:26px;
  position: relative;
}
.expltxt{
  font-size:18px;
  font-family: 'Pretendard';
  font-weight:500;
  line-height:24px;
}
.subtlt24{
  font-size:24px;
  font-family:'Pretendard';
  font-weight:700;
  line-height:30px;
}
.subtlt36{
  font-size:36px;
  font-family:'Pretendard';
  font-weight:700;
  line-height:42px;
}
.subtlt48{
  font-size:48px;
  font-family:'Pretendard';
  font-weight:800;
  line-height:56px;
}
.subtlt60{
  font-size:60px;
  font-family:'Pretendard';
  font-weight:800;
  line-height:72px;
}

/* ===> 컨텐츠의 텍스트 부분을 새롭게 구성하기 위해서 추가. JK */
.jk_blue1{
  color: rgb(128,191,255);
}
.jk_blue2{
  color: rgb(42,115,251);		
}
.jk_orange1{
  color: rgb(255,136,0);	
}  
.jk_tltTxt18{
	position: relative;
  font-size:18px;
  font-family:'Pretendard', Dotum, "돋움", Verdana, Arial, sans-serif;
  font-weight:500;
	line-height:1.5em;
	left: 390px;
	bottom: 40px;	  	
}

.jk_tltTxtB26{
	position: relative;	
  font-size:26px;
  font-family:'Pretendard', Dotum, "돋움", Verdana, Arial, sans-serif;
  font-weight:500;
	line-height:1.5em;  	
}

.jk_tltTxt28{
	position: relative;	
  font-size:28px;
  font-family:'Pretendard', Dotum, "돋움", Verdana, Arial, sans-serif;
  font-weight:500;
	line-height:1.5em;  	
}
.jk_tltTxtB28{
	position: relative;	
  font-size:28px;
  font-family:'Pretendard', Dotum, "돋움", Verdana, Arial, sans-serif;
  font-weight:500;
	line-height:1.5em;  	
}
.jk_Txt30{
	position: relative;	
  font-size:30px;
  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 */

.fff{color:rgb(255,255,255) !important;}
.ceTxt{text-align:center;}
.juTxt{text-align: justify;}		/*컨텐츠의 타이클 부분을 새롭게 구성하기 위해서 추가. JK */
.dots > dd{
  position:relative;
  padding-left:12px;
}
.dots > dd:before{
  content: "";
  display: block;
  position: absolute;
  top:8px;
  left:0px;
  width:4px;
  height:4px;
  border-radius:50%;
}
.fadedown{
  opacity: 0;
  transition: all 0.36s cubic-bezier(.17,.67,.83,.67);
}
.fadedown.on{
  opacity: 1;
}

/* 헤더 */
#hd{
  position: fixed;
  height:176px;
  width:100%;
  background: rgb(255,255,255);
  min-width: 1200px;
  left:50%;
  transform: translateX(-50%);
  top:0px;
  z-index:1000;
}
#hd:after{
  content: "";
  display: block;
  clear: both;
}
header{
  margin:0 auto;
  position:relative;
  background:rgb(255, 255, 255);
}
.hd_inner{
  position:relative;
  height:112px;
  padding:18px 0px 15px;
  border-bottom: 1px solid #A1A1A6;
}
.hd_inner>div:after{
  content: "";
  display: block;
  clear: both;
}
.topBnr{
  float: left;
  width:314px;
  max-height:80px;
  position:relative;
  overflow:hidden;
}
.topBnr .swiper-container{
  box-sizing: border-box;
  padding-right:14px;
}
.topBnr .swiper-container-vertical>.swiper-pagination-bullets{
  top:0px;
  right:0px;
  transform:none;
}
.topBnr .swiper-pagination-bullet{
  width:10px;
  height:10px;
  opacity:1;
  background:rgb(255,255,255);
  border:1px solid rgb(0, 44, 77);
}
.topBnr .swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{
  margin:0px 0px 4px;
}
.topBnr .swiper-pagination-bullet-active{
  background:rgb(0, 44, 77);
}
#hd_h1{
  position: absolute;
  top:0px;
  left: calc(50% - 112px);
  width: 224px;
}
#hd_h1 a{
  display: block;
  width:100%;
  height:100%;
}

.hd_login{
  float:right;
  margin-top:10px;
  margin-right:8px;
  overflow:hidden;
}
.hd_login li{
  margin: 0px;
  float: left;
  position: relative;
}
.hd_login li:first-of-type:after{
  content:"";
  display: block;
  position: absolute;
  width: 1px;
  height:14px;
  background:#A1A1A6;
  right: 0px;
  top:2px;
}
.hd_login li a{
  display:block;
  font-size:16px;
  line-height:20px;
  padding:0px 8px;
  color:rgb(134, 134, 139);
  position:relative;
}
.hd_login.upper{
  margin-top: 10px;
  max-width:300px;
}

#phoneCall{
  display:block;
  width:190px;
  float: right;
  height: 40px;
  border-radius:50px;
  background:#10193D;
  margin-top:0px;
}
#phoneCall>a{
  display: block;
  width:100%;
  height:100%;
  box-sizing:border-box;
  padding:10px 0px;
  font-size:16px;
  line-height:20px;
}
#phoneCall>a>span{
  display:inline-block;
  width: 16px;
  margin-right: 2px;
  vertical-align: text-bottom;
}
/* YRC 추가 260203*/
.dppnb{vertical-align: 1px!important; margin-right: 3px; font-size: 14px; color: #C3D8FA}
.dppnb_sub{position: absolute; right: 0; bottom: 5px;   margin-right: 5px;  float:right; text-align: center; font-size: 16px; color: #343434}
.dppnb_btn{font-family: 'Pretendard'; font-size: 15px; background-color: #fff; border: 1px solid #555; color: #333; padding: 5px 15px 2px 15px; border-radius: 15px; letter-spacing: 0.05px; margin-left: 7.5px;}
.dppnb_sub_co{color: #d96d38; font-weight: 500}

/* 기존 우헤더 260203
#phoneCall{
  display:block;
  width:136px;
  float: right;
  height: 40px;
  border-radius:50px;
  background:#10193D;
  margin-top:20px;
}
#phoneCall>a{
  display: block;
  width:100%;
  height:100%;
  box-sizing:border-box;
  padding:10px 0px;
  font-size:16px;
  line-height:20px;
}
#phoneCall>a>span{
  display:inline-block;
  width: 16px;
  margin-right: 2px;
  vertical-align: text-bottom;
}

.hd_login{
  float:right;
  margin-top:30px;
  margin-right:8px;
  overflow:hidden;
}
.hd_login li{
  margin: 0px;
  float: left;
  position: relative;
}
.hd_login li:first-of-type:after{
  content:"";
  display: block;
  position: absolute;
  width: 1px;
  height:14px;
  background:#A1A1A6;
  right: 0px;
  top:2px;
}
.hd_login li a{
  display:block;
  font-size:16px;
  line-height:20px;
  padding:0px 8px;
  color:rgb(134, 134, 139);
  position:relative;
}
.hd_login.upper{
  margin-top: 30px;
  max-width:300px;
}
*/
.gnbWrap{
  /* background:rgb(255,255,255); */
  background:#c7ddf5;		/* 첫번째메뉴의 배경색 변경. JK */
  position: relative;
	/*border-bottom: 1px solid #e1e1e1;*/  /* 첫번째메뉴 하단에 컨텐츠와의 구분을 위한 보더 추가. JK */
}
.gnbContainer{
  /* max-width: 1920px; */
  margin: 0 auto;
  position: relative;
}
.gnbContainer h1{
  float: left;
  width: 112px;
  margin-left: 12px;
  margin-top: 12px;
  display: none;
  pointer-events: none;
}
/* 상단메뉴 */
.gnb {
  width: 1200px;
  margin: 0 auto;
}
.menu{
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  text-align:center;
  margin:0 auto;
}
.menu>li{
  vertical-align: middle;
  /*cursor: pointer;*/	/* 주석처리함. 하위부분에 마우스가 위치할 경우 무조건 포인터형으로 바뀌어 이를 막음.  JK */
}
.menu>li>a{
  display: block;
  position: relative;
  padding:18px 16px 12px;
  font-weight:500;
  height:64px;
  color:rgb(29,29,31);
  line-height:25px;
}
.menu>li:first-of-type>a{
  padding-left:0px;
}
.menu>li:last-of-type>a{
  padding-right:0px;
}
.menu>li>a:after{
  content: "";
  display: block;
  position: absolute;
  width:1px;
  height:14px;
  background:#E2E2E2;
  right: 0px;
  top: 22px;
}
/* 주석처리함. 이것 때문에 상단메뉴의 맨 마지막 번째 메뉴가 2px 올라감. 이로인해서 영역을 벗어나서 하위 메뉴가 제대로 안 보이는 문제가 발생함. JK */
/*
.menu>li:last-of-type{
  width: 151px;
  transform: translateY(-2px);
}
*/
.menu>li:last-of-type>a:after{
  content:none;
}
.menu>li:hover>a{
  color:rgb(255,136,0);
  transition:all 0.3S ease 0.1s;
}
.menu>li>a>span{
  font-size: 12px;
  display: block;
  line-height: 14px;
  color: #002d48;
  transition: all 0.2s ease-out;
}
.menu>li:hover>a>span{
  color:rgb(255,136,0);
}
.gnb_2d {		/* 상단메뉴의 하위메뉴. JK */
  display:none;
  position: absolute;
  left:0px;
  width:100%;
  /* min-height:383px; */
  min-height:358px;		/* 하위 부분의 높이 수정. JK */
  background: rgba(255,255,255,0.9);
  /* border-top: 1px solid rgb(208,208,210); */	/* 의미가 없어 주석처리. JK */
  border-bottom:1px solid #dddddd;	/* 하위 부분의 맨 아래에 border 추가. JK */
  transition: all 0.5s ease 0s;
}
.gnb > ul > li:hover .gnb_2d{
  display: block;
}

.gnb_2d:before {			/* 상단메뉴의 하위부분의 왼쪽부분. JK */
  content: "";
  display: block;
  width: 1104px;
  height: 100%;
  position: absolute;
  left:0px;
  top: 0px;
	/*background: rgb(255, 255, 255);*/
	/*background:green;	/* 상단메뉴의 하위부분의 왼쪽부분의 배경색. JK */
}

.gnb > ul > li:hover .gnb_2d:hover{		/* 상단메뉴의 하위부분과 상단메뉴의 두번째메뉴 위에 마우스 오버. JK */
  display: block;
  background: rgb(255, 255, 255); /* 상단메뉴의 하위부분의 배경색. 만약 상단메뉴의 하위부분의 왼쪽부분의 배경색이 지정되어 있으면 이 값에 우선하여 적용됨. JK */
 
  /* 테스트용으로 넣은 소스.  JK 
  .gnbnew ul>li>a{
  	color:rgb(255,136,0);	// 두번째 메뉴의 글자색이 변경되도록 추가.
  	transition:all 0.3S ease 0.1s;	// 두번째메뉴의 글자색이 천천히 변경되도록 함.
  }   
  */

}

.gnbnew{		/* 상단메뉴의 두번째메뉴. JK */
  /*background:rgb(245, 249, 252);*/
  background:#002D48;	/* 상단메뉴의 두번째메뉴의 배경색. JK */
  position: relative;
  z-index: 2;
}
.gnbnew ul{
  justify-content:center;
  margin:0px auto;
  width:100%;
}
.gnbnew ul>li>a{
  display: block;
  padding:16px 16px 13px;
  font-size:16px;
  line-height: 20px;
  font-weight:500;
  /*color:#86868B;*/
  color:#FFFFFF;  /* 두번째 메뉴의 글자색 변경. JK */
  font-family: 'Pretendard';
  text-align:center;
}

/* 두번쩨메뉴에 마우스오버시 글자색,배경색,글꼴두께 변경을 위해 추가. JK */
.gnbnew > div > ul > li > a:hover{
	background:#00003F;
	font-weight:500;
	color:#FFAC29;
	transition:all 0.4S ease 0.1s;	/* 두번째메뉴의 글자색이 천천히 변경되도록 함. JK */
}

.gnb2dWrap{
  width: 1920px;
  margin: 0 auto;
  position: relative;
	display : flex;		/* 하위 부분을 중앙정렬하기 위해 추가. JK */
	justify-content: center;	/* 하위 부분을 중앙정렬하기 위해 추가. JK */ 
}
.gnb2dWrap:after{
  content:"";
  display:block;
  clear:both;
}
.gnb_list{
  /* float: left; */	/* 주석 처리. JK */
  /* width: 668px; */ 
  width: 700px;     /* 하위 부분을 중앙정렬하기 위해 수정(700+500=1200) JK */
  overflow:hidden;
  box-sizing: border-box;
  /* padding:48px 76px 0px 56px; */
  padding:10px 10px 0px 0px;	/* 위쪽 오른쪽 아래쪽 왼쪽 변경 jk */
  position: relative;
}
.gnb_list > ul{
  float:left;
  width:294px;
  width:100%;
  margin:0px auto;
  vertical-align:top;
}
.gnb_list > ul > li {
  width: 50%;
  position: relative;
  text-align:left;
  margin-bottom: 32px;
}
.gnb_list > ul > li > a{
  font-size:18px;
  font-family:'Pretendard';
  font-weight:500;
  line-height:22px;
  color:rgb(29,29,31);
  position: relative;
  transition:all 0.5s ease-out;
}
.gnb_list>ul>li>a:after{
  content: "";
  display: block;
  position: absolute;
  width:6px;
  height:12px;
  background:url(../img/gnb_af.png) no-repeat 50%;
  background-size:6px 12px;
  right:-16px;
  top:4px;
  opacity: 0;
}
.gnb_3d{
  margin-top: 16px;
  overflow: hidden;
  display:none;
  transition:all 0.5s ease-out;
}
.gnb_3d>li>a{
  display: block;
  font-size:16px;
  font-family:'Pretendard';
  font-weight:500;
  color:rgb(134,134,139);
  line-height:24px;
}
.gnb_list>ul>li:hover>a{
  color:rgb(255,136,0);
}
.gnb_list>ul>li:hover>a:after{
  opacity:1;
}
.gnb_list>ul>li:hover>.gnb_3d{
  display:block;
}
.gnb-midde-list{
  /* float: left; */		/* 하위 부분을 중앙정렬하기 위해 주석 처리. JK */
  /* width:668px;	*/		/* 하위 부분을 중앙정렬하기 위해 주석 처리. JK */
  /* margin-left:215px; */		
  margin-left:0px;		/* 하위 부분을 중앙정렬하기 위해 수정. JK */
  vertical-align:top;
}
.gnb-img3{
  width:100%;
  margin:0;
}
.gnb-info-right{
  /* float: left; */	/* 주석 처리. JK */
  /* width:455px; */
  width:500px;		/* 하위 부분을 중앙정렬하기 위해 수정(700+500=1200) JK */
  vertical-align:top;
  /* padding:48.5px 0px 55.5px 151px; */
  padding:30px 0px 0px 10px;	/* 위쪽 오른쪽 아래쪽 왼쪽 변경 jk */
}
.gnb-snslink{
  width:100%;
  padding:16px 0px;
  border-top:1px solid rgb(112,112,112);
  border-bottom:1px solid rgb(112,112,112);
}
.gnb-snslink>li{
  /* width:40px; */
  width:500px;		/* 하위 부분의 오른쪽을 새롭게 구성. JK */
  margin-right:25px;
}
.gnb-snslink>li:last-of-type{
  margin-right:0px;
}
.gnb-map{
  width:100%;
  margin:32px auto;
}
.csinfo3{
  padding:9px 0px;
  /* border-top:1px solid rgb(112,112,112); */
  border-bottom:1px solid rgb(112,112,112);
  width:100%;
}
.csinfo3>li{
  width:33.3%;
  height:43px;
  display: table;
}
.csinfo3>li>a{
  display: table-cell;
  vertical-align:middle;
  width:100%;
  font-weight:600;
  color:rgb(29,29,31);
}
.csinfo{
  width:100%;
  /* margin:25px auto; */
  margin:15px auto 12px;
}
.csinfo>p{
  text-align:left;
}
.csinfo>p>a{
  display: inline-block;
  padding-left:10px;
  line-height:42px;
  letter-spacing:-0.048em;
  color:rgb(0,44,77);
}
.cstime2{
  overflow:hidden;
  text-align:left;
}
.cstime2>span{
  float: left;
  vertical-align:top;
  font-weight:600;
  line-height:24px;
  display: block;
}
.csinfo1{
  /* width:54px;
  margin-right:47.5px; */
  width: 73px;
  margin-right: 47px;
}
.cstinfo2{
  width:206px;
}
.cstime2:last-of-type .csinfo1{
  color:#003F9E;
}
.cstime2:last-of-type .csinfo2{
  margin-top:8px;
  color:#003F9E;
}
/* 스크롤 */
/*
#hd.scroll {
  height: 62px;
}
#hd.scroll .hd_inner{
  display: none;
  pointer-events: none;
}
#hd.scroll .gnbWrap h1 {
  display: block;
  pointer-events:auto;
}
#hd.scroll .gnb{
  width:824px;
}
#hd.scroll .menu>li>a{
  padding:18px 10px 0px;
  font-size: 14px;
}
.gnb_login{
  margin-right:12px;
}
#hd.scroll .menu>li>a>span{
  display:none;
}
#hd.scroll .btn_buttons{
  display:block;
  pointer-events:all;
  position: absolute;
  right: 0;
  top:0;
}
#hd.scroll .gnb_login{
  display: block;
  pointer-events: auto;
}
#hd.scroll .gnb_2d{
  top: 62px;
}
*/
/* 슬라이드 배너 */
.slideBanner{
  width: 100%;
  height:144px;
  overflow:hidden;
}
.btn_buttons{
  float: right;
  overflow:hidden;
  display:none;
  pointer-events:none;
}
.btn_reser{
  float: right;
  display:table;
  border-right:1px solid rgb(136,140,158);
  background: rgb(16, 25, 61);
  overflow: hidden;
  cursor: pointer;
  width: 155px;
  height: 64px;
  position: relative;
}
.btn_reser>a{
  display: table-cell;
  width: 100%;
  height: 100%;
  line-height:22px;
  font-weight:500;
  vertical-align: middle;
}
.gnb_login{
  display:none;
  pointer-events:none;
  float: right;
  margin-right:24px;
  padding-top:20px;
}
.gnb_login>li{
  float:left;
  vertical-align:top;
  position: relative;
}
.gnb_login>li>a{
  display: block;
  padding:0px 8px;
  font-size:16px;
  line-height:20px;
  color:rgb(134, 134, 139);
}
/*
#hd.scroll .upper{
  width:215px;
  padding-top:13px;
  margin-right: 0px;
}
.upper>li>a{
  font-size:14px;
  line-height:18px;
}
*/

/* 퀵바 */
#quick{
  position: fixed;
  top: 50%;
  transform: translateY(-50%);
  /* right: 68px; 		퀵바를 좀더 오른쪽으로 이동하기 위해 수정.  JK  */
  right: 5px;  
  width:121px;
  min-height:660px;
  background: url(../img/quick-bg-gll.png) no-repeat 50% 0%;
  /* background-size:100% auto; */
  background-size: contain;
  padding:236px 0px 0px 14px;
  z-index:1001;
}
.btLogo{
  margin:0 auto;
  padding:12px 8px 8px;
  box-sizing: border-box;
}
.btLogo>img{
  display: block;
  width:53px;
  margin:0 auto;
}
#quick>ul{
  margin:0px auto 10px;
  width:100%;
  padding:0px 10px 0px 4px;
  box-sizing:border-box;
}
#quick>ul>li{
  width: 100%;
  box-sizing:border-box;
  padding:0px 8px;
  cursor: pointer;
}
#quick>ul>li>a{
  display: block;
  width: 100%;
  box-sizing: border-box;
  padding: 8px 0px;
  position: relative;
}
#quick>ul>li>a:before{
  content: "";
  display: block;
  position: absolute;
  width:100%;
  height:1px;
  background:rgb(75,132,174);
  top:0px;
  left:0px;
}
#quick>ul>li>a>figure{
  width: 48px;
  margin: 0 auto 4px;
}
#quick>ul>li:nth-of-type(1)>a>figure{
  width:42px;
}
#quick>ul>li>a>figcaption{
  color:rgb(29,29,31);
  line-height:21px;
}
.btTop{
  border-radius: 0px 0px 8px 8px;
  padding:10px 0px 10px;
  font-size:16px;
  line-height:20px;
  font-family: 'Roboto', sans-serif;
  cursor:pointer;
  transform: translateY(-12px);
}
.btTop>span{
  display: inline-block;
  width:12px;
  vertical-align:middle;
  margin-left:4px;
}

/* 타이틀 */
#main{
  width:100%;
  margin:0 auto;
  overflow:hidden;
  position:relative;    /* 메인영상이 제대로 보이도록 추가. JK */
  /* top:176px; */		  /* 메인영상이 제대로 보이도록 추가하였으나, 공간을 차지하는 눈에 보이지 않는 Div를 추가하면서 주석처리. JK */
}
#title{
  width:100%;
  overflow:hidden;
  margin:0 auto;
  position:relative;
  background:black;	/* 메인영상을 작게 했을때 배경이 흰색으로 보이지 않도록 배경색을 추가. JK */
}
.iterWrap{
  font-size:0px;
  position: absolute;
  display:none;
  pointer-events:none;
}
.title_video{
  /* margin:0 auto; */
  margin:0px auto -3px auto;	/* 메인영상 바로 아래에 배경색이 보여 사이즈를 조정함. JK */
  /* width:100%; */
  width:1280px; /* 메인영상이 제대로 보이도록 수정. JK */  
  /* height:1080px; */   /* 메인영상이 제대로 보이도록 주석처리. JK */
  background:rgb(22,35,70);
  overflow: hidden;
  position: relative;
}
.title_video>video{
  /* width:100%; */
  width:1280px; /* 메인영상이 제대로 보이도록 수정. JK */  
  max-width:1920px;
  /* position: absolute; */
  position:relative; /* 메인영상이 제대로 보이도록 수정. JK */
  height:100%;  /* 메인영상이 제대로 보이도록 추가. JK */    
  min-height:1px;  /* 메인영상이 제대로 보이도록 추가. JK */ 
  /* 메인영상이 제대로 보이도록 주석처리. JK 
  left:50%;
  top:50%;
  transform: translate(-50%,-50%);
  */
}
.title_txt{
  position:absolute;
  width:1200px;
  left:calc(50% - 600px);
  top:50%;
  transform: translateY(-50%);
  opacity: 0;
}
.title_txt h2{
  margin-bottom:16px;
  position: relative;
  bottom:-150px;
}
.title_txt p{
  position: relative;
  bottom:-150px;
}
.titleBnr{
  /* position:absolute; */	
  position:relative;  /* 메인영상의 컨트롤바가 보여지도록 겹치는 부분이 없도록 수정. JK */   
  width:100%;
  left:50%;
  transform: translateX(-50%);
  bottom:0px;
  height:60px;
  background:rgba(16,25,61,0.85);
}
.titleBnr>.inner{
  width:100%;
  max-width:1920px;
  margin:0 auto;
  box-sizing:border-box;
  padding:0px 42px 0px 53px;
  overflow:hidden;
}
.titleBnr p{
  float: left;
  width:190px;
  padding:20px 0px 19px 64px;
  position:relative;
  text-transform: uppercase;
}
.titleBnr p:before{
  content: "";
  display: block;
  position: absolute;
  width:37px;
  height:32px;
  background:url(../img/titlebnr-icon.png) no-repeat 0% 50%;
  background-size:37px auto;
  left:0px;
  top:14px;
}
.noticeWrap{
  float: left;
  width:535px;
  height:100%;
  padding:17px 0px;
  overflow:hidden;
}
.noticeWrap ul{
  max-width:421px;
  overflow:hidden;
}
.noticeWrap ul li a{
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  display: block;
}
.noticeSwiper .swiper-button-prev,
.noticeSwiper .swiper-button-next{
  width:26px;
  height:12px;
  top: 6px;
  margin-top: 0px;
  cursor:pointer;
}
.noticeSwiper .swiper-button-prev{
  background:url(../img/noticeswiper-prev.png) no-repeat 50%;
  background-size:auto 100%;
  left:auto;
  right:85px;
}
.noticeSwiper .swiper-button-next{
  background:url(../img/noticeswiper-next.png) no-repeat 50%;
  background-size:auto 100%;
}
.noticeSwiper .swiper-button-prev:before{
  content:"";
  display: block;
  position: absolute;
  right:0px;
  width:1px;
  height:19px;
  background:#A1A1A6;
  right:-20px;
}
.noticeSwiper .swiper-button-prev:after,
.noticeSwiper .swiper-button-next:after{
  content:none;
}
.timeBnr{
  float: right;
  width:238px;
  padding:8px 0px 5px;
}
.timeBnr>dl{
  overflow:hidden;
  max-width:245px;
  margin-bottom: 1px;
}
.timeBnr>dl>dt{
  float: left;
  margin-right:8px;
  width:47px;
}
.timeBnr>dl>dd{
  float:left;
}

/* 메인 */
.contents>section{
  max-width: 1920px;
  margin: 0 auto;
}
.h2{
  font-size:48px;
  line-height:57px;
  font-family: 'Pretendard';
  font-weight: 800;
}
#main1{	/* 주요 페이지 링크 */
  background:rgb(255,255,255);
  padding:40px 0px 112px;
}
.main1_ul1,
.main1_ul2{
  width:100%;
  overflow:hidden;
  justify-content:center;
  margin:0 auto;
}
.main1_ul1{
  border:1px solid #c4c4c4;
  margin-bottom:40px;
}
.main1_ul1>li{
  float: left;
  width:16.66%;
  height:80px;
  vertical-align:top;
  border-right:1px solid #c4c4c4;
}
.main1_ul1>li:last-of-type{
  border-right:none;
}
.main1_ul1>li>a{
  display: block;
  width:100%;
  height:100%;
  padding:28px 0px;
  position: relative;
  line-height:26px;
  font-weight:600;
  color:rgb(29, 29, 31);
}
.main1_ul1>li>a:after{
  content:"";
  display: block;
  position: absolute;
  width:8px;
  height:16px;
  background:url(../img/main1_ul1_af.png) no-repeat 50%;
  background-size: 8px auto;
  right: 43px;
  top:32.5px;
  transition: 0.3s ease-out;
}
.main1_ul1>li:nth-of-type(3)>a:after,
.main1_ul1>li:nth-of-type(4)>a:after{
  right:33px;
}
.main1_ul1>li:nth-of-type(5)>a:after,
.main1_ul1>li:nth-of-type(6)>a:after{
  right:26px;
}
.main1_ul1>li>a:hover:after{
  transform: translateX(5px);
}
.main1_ul2>li{
  float:left;
  width:389px;
  box-sizing:border-box;
  padding:32px;
  border-radius:16px;
  margin-right:16px;
  min-height:480px;
  overflow:hidden;
}
.main1_ul2>li>a{
  display: block;
  width:100%;
  height:100%;
}
.main1_ul2>li:nth-of-type(1){
  background:url(../img/main1_ul2_bg1.png) no-repeat 50% 100%, rgb(245, 249, 252);
  background-size:236px auto;
}
.main1_ul2>li:nth-of-type(2){
  background:url(../img/main1_ul2_bg2.png) no-repeat 50% 100%, rgb(245, 249, 252);
  background-size:100% auto;
}
.main1_ul2>li:nth-of-type(3){
  background:url(../img/main1_ul2_bg3.png) no-repeat 50% 100%, rgb(245, 249, 252);
  background-size:164px auto;
  margin-right:0px;
}
.main1_ul2>li>a>h3{
  color:#10123D;
  margin-bottom:8px;
}
.main1_ul2>li>a>p.expltxt{
  color:rgb(134, 134, 139);
  margin-bottom:16px;
}
.main1_ul2>li>a>p.nortxt{
  margin:0 auto;
  color:#0066CD;
  box-sizing:border-box;
  width:84px;
  padding-right:16px;
  position: relative;
}
.main1_ul2>li>a>p.nortxt:after{
  content: "";
  display: block;
  position: absolute;
  width:8px;
  height:16px;
  background:url(../img/main1_ul2_af.png) no-repeat 50%;
  background-size: 8px auto;
  right:0px;
  top:5px;
  transition: 0.3s ease-out;
}
.main1_ul2>li:hover>a>p.nortxt:after{
  transform: translateX(10px);
}
#main2{		/* 의료진소개 */
  background:url(../img/main2.jpg?202311) no-repeat 50% 0%, rgb(245, 249, 252);
  background-size:1920px 957px;
  width:100%;
  /* padding:113px 0px 0px; */	
  padding:0px 0px 0px;  /* main2와 main3 교체에 따른 조정.  JK */
  min-height:957px;
  overflow:hidden;
}
.maindocSwiper{
  width:1200px;
  /* height:844px; */
  height:894px;  /* 약력을 더 보이게 하기 위해 높이를 50px만큼 늘림.  JK */
  position: relative;
  overflow:hidden;
}
.main2Wrapper{
  position: absolute;
  height:100%;
  left:0px;
  z-index: 1;
  transition: 0.2s ease-out;
}
.main2Wrapper>li{
  float: left;
  width: 1200px;
  /* height: 844px; */
  height: 894px;  /* 약력을 더 보이게 하기 위해 높이를 50px만큼 늘림.  JK */
  overflow:hidden;
  position: relative;
}
.main2Wrapper>li>figcaption{
  float: left;
  width:683px;
  vertical-align:top;
  padding-top:82px;
  box-sizing:border-box;
  max-height:395px;
  overflow:hidden;
}
.main2Wrapper>li>figcaption h2{
  font-size:22px;
  color:rgb(134, 134, 139);
  margin-bottom:8px;
}
.main2Wrapper>li>figcaption h3{
  color:rgb(0,44,77);
  margin-bottom:32px;
}
.main2Wrapper>li>figcaption .dots{
  margin-top:16px;
}
.main2Wrapper>li>figcaption dl dt{
  font-weight:600;
  color:rgb(29,29,31);
  margin-bottom:8px;
}
.main2Wrapper>li>figcaption dl dd{
  font-size:16px;
  color:rgb(134, 134, 139);
}
.main2Wrapper>li>figcaption dl dd:before{
  background:rgb(134, 134, 139);
}
.main2Wrapper>li>figure{
  float:left;
  vertical-align:top;
  width:517px;
  /* margin:0px; */
  margin:50px 0px 0px 0px;  /* 약력을 더 보이게 하기 위해 높이를 50px 늘린 만큼, 오른쪽 의료진 사진을 아래로 내림.  JK */  
}
.main2Menu{
  position: absolute;
  /* bottom:82px; */
	bottom:0px;  /* 약력을 더 넣기 위해 조정.  JK */  
  left: 0px;
  z-index:2;
}
.main2Nav{
  overflow:hidden;
  margin-bottom:16px;
}
.main2Nav>div{
  float: left;
  width:30px;
  padding-top:12px;
  box-sizing:border-box;
  vertical-align:middle;
  cursor:pointer;
}
.main2Nav .swiper-button-prev:after,
.main2Nav .swiper-button-next:after{
  content:none;
}
.main2Nav .click-button-prev{
  padding-right:16px;
}
.main2Nav .click-button-next{
  padding-left:16px;
}
.main2Nav>a{
  display: block;
  width:133px;
  float: left;
  vertical-align:middle;
  font-weight:600;
  color:rgb(0,102,205);
  border:1px solid rgb(0,102,205);
  background:rgb(255,255,255);
  padding:8px 0px;
  border-radius:21px;
  transition: all 0.3s ease-out;
}
.main2Nav>a:hover{
  background:rgb(0,102,205);
  color:rgb(255,255,255);
}
.main2Thumb{
  width:435px;
  overflow:hidden;
}
.main2Thumb>ul{
  width:700%;
  overflow:hidden;
  position: relative;
  border-bottom:1px solid #707070;
}
.main2Thumb>ul>li{
  float: left;
  /* width:167px; */
  width:145px;
  vertical-align:top;
}
#main3{ /* 병원소개  */
  background:rgb(255,255,255);
  /* padding:112px 0px 95px;	*/
  padding:0px 0px 112px; /* main2와 main3 교체에 따른 조정.  JK */
}
.surgeryWrap{
  width:100%;
  overflow:hidden;
  margin:0 auto;
}
.surgeryWrap>div{
  float: left;
  vertical-align:top;
  width:288px;
  height:756px;
  position: relative;
  margin-right:16px;
  transition:all 1s ease 0.1s;
}
.surgeryWrap>div>div{
  transition:all 1s ease 0.1s;
}
.surgeryWrap>.type1{
  background:url(../img/type1.jpg?202311) no-repeat 50%;
  background-size:cover;
}
.surgeryWrap>.type1:hover{
  background:url(../img/type1-hover.jpg?202311) no-repeat 50%;
  background-size:cover;
}
.surgeryWrap>.type2>div:nth-of-type(1){
  background:url(../img/type2-1.jpg?202311) no-repeat 50%;
  background-size:cover;
  height:331px;
  margin-bottom:16px;
}
.surgeryWrap>.type2>div:nth-of-type(1):hover{
  background:url(../img/type2-1-hover.jpg?202311) no-repeat 50%;
  background-size:cover;
}
.surgeryWrap>.type2>div:nth-of-type(2){
  background:url(../img/type2-2.jpg?202311) no-repeat 50%;
  background-size:cover;
  height:408px;
}
.surgeryWrap>.type2>div:nth-of-type(2):hover{
  background:url(../img/type2-2-hover.jpg?202311) no-repeat 50%;
  background-size:cover;
}
.surgeryWrap>.type3>div:nth-of-type(1){
  background:url(../img/type3-1.jpg?202311) no-repeat 50%;
  background-size:cover;
  height:480px;
  margin-bottom:16px;
}
.surgeryWrap>.type3>div:nth-of-type(1):hover{
  background:url(../img/type3-1-hover.jpg?202311) no-repeat 50%;
  background-size:cover;
}
.surgeryWrap>.type3>div:nth-of-type(2){
  background:url(../img/type3-2.jpg?202311) no-repeat 50%;
  background-size:cover;
  height:261px;
}
.surgeryWrap>.type3>div:nth-of-type(2):hover{
  background:url(../img/type3-2-hover.jpg?202311) no-repeat 50%;
  background-size:cover;
}
.surgeryWrap>.type4{
  background:url(../img/type4.jpg?202311) no-repeat 50%;
  background-size:cover;
  margin-right:0px;
}
.surgeryWrap>.type4:hover{
  background:url(../img/type4-hover.jpg?202311) no-repeat 50%;
  background-size:cover;
}
.surgeryWrap>div a{
  display: block;
  width:100%;
  height:100%;
  box-sizing:border-box;
  padding:32px;
  position: relative;
}
.surgeryWrap>div span{
  display: block;
  width:144px;
  position: absolute;
  right:0px;
  bottom:0px;
}
#main4{ /* 영상소개 */
  width:100%;
  overflow:hidden;
  background:rgb(255,255,255);
  /* padding:0px 0px 116px;	*/
  padding:112px 0px 112px; /* main2와 main3 교체에 따른 조정.  JK */
}
.vid-txt{
  width:100%;
  min-height:578px;
  position: relative;
  margin:0 auto 34px;
}
.vid-txt:after{
  content:"";
  display: block;
  clear: both;
}
.vid-txt > figure{
  width:1137px;
  position: absolute;
  right:-469px;
  top: 0;
}
.vid-txt > figcaption{
  width:533px;
  box-sizing:border-box;
  padding:84px 165px 0px 0px;
}
.vid-txt > figcaption > h3{
  margin-bottom:16px;
  color:#001847;
}
.vid-txt > figcaption > p{
  color:rgb(134, 134, 139);
  margin-bottom:32px;
}
.vid-txt > figcaption > a{
  color:#0066CD;
  font-weight:600;
  padding-right:18px;
  position: relative;
}
.vid-txt > figcaption > a:after{
  content: "";
  display: block;
  position: absolute;
  width:8px;
  height:16px;
  background:url(../img/video-af.png) no-repeat 50%;
  background-size:8px 16px;
  right:0px;
  top:4px;
  transition: 0.3s ease-out;
}
.vid-txt > figcaption > a:hover:after{
  transform: translateX(10px);
}
.vid-img{
  width: 1200px;
  height: 222px;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  display:none;
  pointer-events:none;
}
.vid-wrapper{
  overflow: hidden;
  height:100%;
}
.vid-img>ul>li{
  float:left;
  width:394px;
  vertical-align: top;
  margin-right:9px;
}
.vid-img>ul>li:last-of-type{
  margin-right:0px;
}
/* 하단메뉴 */
#undermenu1{
  background:rgb(245, 249, 252);
  max-height:255px;
  padding:32px 0px;
  position: relative;
}
.noticeList{
  overflow: hidden;
  margin:0 auto;
}
.noticeList>li{
  float:left;
  min-height:188px;
}
.noticeList>li:nth-of-type(1){
  width:592px;
  margin-right:46px;
}
.noticeList>li:nth-of-type(2){
  width:545px;
}
.noticeMenu{
  overflow:hidden;
  position: relative;
  border-bottom:3px solid rgb(255,136,0);
}
.noticeH{
  float: left;
  max-width:560px;
}
.noticeH>h3{
  display: inline-block;
  cursor:pointer;
  color:rgb(134, 134, 139);
  padding-right:8px;
  padding-bottom:14px;
  transition:all ease 0.1s;
}
.noticeH>h3:hover{
  color: rgb(255,136,0)
}
.noticeH>h3.click{
  color: rgb(255,136,0)
}
.noticeA{
  float: right;
  vertical-align:middle;
}
.noticeA>a{
  display: none;
  width:40px;
  height:40px;
  padding:10px 0px 20px 20px;
  transition:all ease 0.1s;
}
.noticeA>a.click{
  display:block;
}
.noticeWrites>li{
  display:none;
  pointer-events:none;
  transition: all ease 0.1s;
}
.noticeWrites>li.show{
  display: block;
  pointer-events:all;
}
.noticeWrites>li dl{
  width:100%;
  margin-top:16px;
}
.noticeWrites>li dd{
  clear:both;
  width:100%;
  padding-bottom:8px;
}
.noticeList>li dd:last-of-type{
  padding-bottom:0px;
}
.noticeList>li dd > a{
  display: block;
  width:100%;
  font-weight:600;
  line-height:27px;
  color:rgb(134, 134, 139);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  position: relative;
}
.noticeList>li dd span{
  font-weight:600;
  line-height:27px;
  float: right;
}
.gradreser{
  width:100%;
  overflow:hidden;
}
.gradreser>h3{
  color:rgb(255,136,0);
  display: inline-block;
  margin-right:16px;
}
.gradreser>p{
  color:rgb(134, 134, 139);
  display: inline-block;
  padding-top:8px;
  font-size:16px;
  line-height:20px;
}
.reser_under{
  position: relative;
  margin-top:14px;
}
.reser_under:after{
  content:"";
  display: block;
  clear: both;
}
.reser_under li{
  width: 100%;
  overflow:hidden;
}
.reser_under li:first-of-type{
  margin-bottom:10px;
}
.reser_under li textarea{
  width:100%;
  height:94px;
  box-sizing:border-box;
  font-size:12px;
  line-height:16px;
  font-family:'Pretendard';
  font-weight:400;
  color:rgb(134, 134, 139);
  padding: 11px 8px;
}
.reser_under>ul>li>input{
  float: left;
  /* width: 158px; */
  width: 104px;
  margin-right: 8px;
  height: 42px;
  color:rgb(134, 134, 139);
  font-size: 12px;
  line-height:16px;
  font-family:'Pretendard';
  box-sizing:border-box;
  padding: 12px 10px 12px;
  border-radius:0px;
  border: 1px solid #767676;
}
.reser_under li .check{
  overflow: hidden;
  float: left;
  margin-top:15px;
}
.reser_under li .check > input{
  border:1px solid rgb(118, 118,118);
  margin-right:4px;
  float: left;
  border-radius:3px;
}
.reser_under li .check>label{
  float: left;
  font-size: 12px;
  line-height:16px;
  color:rgb(134, 134, 139);
}
.reser_under li .apply{
  float: right;
  width:88px;
  background-color: rgb(0,44,77);
  padding:12px 0px;
  border: none;
  margin: 0px;
}
#undermenu2{
  padding:64px 0px;
  background:url(../img/undermenu2-bg.jpg) no-repeat 50% 50%;
  background-size:cover;
  position: relative;
}
.facWrap{
  width:896px;
  padding:32px 0px 23px;
  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:32px;
  font-family: 'Pretendard';
  font-weight: 300;
  line-height:50px;
  margin:0 auto 23px;
}
.facWrap> a{
  display: block;
  width:120px;
  position: relative;
  margin: 0 auto;
  padding-right:18px;
  color:rgb(255,136,0);
  cursor:pointer;
}
.facWrap> a:after{
  content: "";
  display: block;
  position: absolute;
  width:8px;
  height:16px;
  background: url(../img/facwrap-af.png) no-repeat 50%;
  background-size:8px 16px;
  right:0px;
  top:4px;
  transition: 0.3s ease-out;
}
.facWrap> a:hover:after{
  transform: translateX(10px);
}
#undermenu3{
  padding:64px 0px;
  background:rgb(255, 255, 255);
}
#undermenu3>div:after{
  content: "";
  display: block;
  clear: both;
}
.undermenu_time{
  overflow: hidden;
  float: left;
  width:428px;
  margin-right:28px;
  vertical-align:top;
}
.service-center{
  float: left;
  vertical-align:top;
  width:136px;
  margin-right:28px;
  background:rgb(0,44,77);
  border-radius:16px;
  min-height:136px;
  overflow:hidden;
}
.service-center > h4{
  font-weight:600;
  padding:54px 0px;
}
.service-time{
  float:left;
  vertical-align:top;
  padding-top:5px;
  width:264px;
}
.service-time dt{
  font-size:40px;
  line-height:42px;
  font-weight:800;
  color:#10123D;
  /* margin-bottom:15px; */
  transform: translateY(-5px);
}
.service-time dd{
  padding-left:3px;
  /* margin-bottom: 5px; */
  margin-bottom:2px;
  overflow:hidden;
}
.service-time dd:last-of-type{
  margin-bottom:0px;
}
.service-time dd span{
  float: left;
  vertical-align:top;
}
.service-time dd .day{
  width:62px;
  margin-right:15px;
}
.service-time dd .time{
  width:178px;
}

.undermenu_icons{
  width:228px;
  vertical-align:top;
  float: left;
}
.undermenu_icons > ul{
  justify-content:center;
  width:100%;
  position: relative;
}
.undermenu_icons > ul:after{
  content: "";
  display: block;
  position: absolute;
  width:100%;
  height:1px;
  background:#DDDDF3;
  left: 0px;
  top:71px;
}
.undermenu_icons > ul > li{
  width:76px;
  border-right:1px solid #DDDDF3;
  vertical-align:top;
}
.undermenu_icons > ul > li:nth-of-type(3n){
  border-right:none;
}
.undermenu_icons > ul > li > a{
  display: block;
  width:100%;
  box-sizing: border-box;
  padding:8px;
  cursor: pointer;
}
.undermenu_icons > ul > li > a > figure{
  width:32px;
  margin:0px auto 5px;
}
.undermenu_icons > ul > li > a > figcaption{
  font-size:14px;
  line-height:18px;
  color:rgb(255,136,0);
}
.undermenumap{
  float: left;
  width:516px;
  min-height:136px;
  position: relative;
}
#mainmap{
  height:100%;
  width:100%;
}
#mainmap>iframe{
  display: block;
  width:516px;
  height:136px;
}
/* 하단 */
#ft{
  background:rgb(0,44,77);
  width:100%;
  position: relative;
}
#ft:after{
  content: "";
  display: block;
  position: absolute;
  width:100%;
  height:1px;
  background:rgb(255,255,255);
  left:0px;
  bottom:62px;
}
#ft_wr{
  overflow:hidden;
  width:100%;
  padding:32px 0px;
}
#ft_logo{
  float:left;
  width:152px;
  vertical-align:top;
  margin-right:76px;
}
#ft_logo > a{
  display: block;
  width:100%;
  padding-top:4px;
}
#ft_company{
  float: left;
  vertical-align:top;
}
.ft_cnt{
  overflow:hidden;
  margin:0px 0px 15px;
}
.ft_cnt > li{
  float: left;
}
.ft_cnt > li > a{
  display: block;
  padding:0px 16px;
  font-size:12px;
  line-height:20px;
  font-weight:400;
  position:relative;
}
.ft_cnt > li:first-of-type > a{
  padding-left:0px;
}
.ft_cnt > li > a:after{
  content: "";
  display: block;
  position:absolute;
  width:1px;
  height:16px;
  background:rgb(118,140,181);
  right:0px;
  top:4px;
}
.ft_cnt > li:last-of-type > a:after{
  content: none;
}
.ft_info{
  font-size:12px;
  line-height:16px;
  font-weight:400;
}
.ft_sns{
  float: right;
  vertical-align:top;
  margin-top:15px;
  overflow: hidden;
}
.ft_sns > li{
  float: left;
  width:32px;
  margin-left:4px;
}
.ft_sns > li > a{
  display: block;
  width:100%;
}

/* 진료예약 */
.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:54px;
}
.reserpopup.on{
  display: block;
	pointer-events:auto;
	margin: 0 auto;
}
.resercon{
  width: 800px;
	margin: 0 auto;
	position: relative;
}
.resercon h2{
  margin-top: 24px;
}
.resercon h2+p{
  margin: 20px auto 10px;
}
.resercon .expltxt{
  color:rgb(255,0,0);
}
.resercon .expltxt > span{
  display: inline-block;
  color:rgb(255,0,0);
  font-size: 25px;
  vertical-align: middle;
  transform: translateY(-2px);
  margin-right: 2px;
}
.reserpopup .reser_table input{
  padding: 24px 24px;
  font-size: 16px;
  font-weight: 300;
  line-height: 18px;
  text-align: left;
  color: rgb(128, 128, 128);
  width: 370px;
}
.reserpopup input[type="text"]{
  display: block;
  height: 50px;
  color:rgb(80, 80, 80);
  padding: 0 15px;
  border-radius: 12px;
  margin: 20px 0;
  width:390px;
  float: left;
  margin-right: 20px;
}
.reserpopup input+input{margin-right: 0px !important;}
.reser_table textarea{
  resize: none;
  border: 1px solid rgb(238, 238, 238);
  width:100%;
  height:180px;
  padding: 10px;
  box-sizing: border-box;
  font-size: 16px;
  font-weight: 300;
  line-height: 18px;
  border-radius: 18px;
}
.reserpopup .apply{
  border: 1px solid #fff;
  color:rgb(255, 255, 255);
  font-size: 22px;
  float: right;
  padding: 12px 32px;
  font-weight: bold;
  border-radius: 15px;
  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: 280px;
  background:rgb(12, 35, 66);
}
.reserpopup .apply:hover{
  width:360px;
  background:rgb(255, 255, 255);
  color:rgb(12, 35, 66);
}
.closebutton{
  position: absolute;
  width: 40px;
  height: 40px;
  cursor: pointer;
  transition: all 0.5s ease 0s;
  right: 0;
  top:-18px;
  pointer-events: visible;
}
.reserpopup .check{
  position: relative;
  display: block;
  margin: 20px auto;
  overflow: hidden;
  clear: both;
}
.reserpopup .labelchk{
  vertical-align: middle;
  border-radius: 5px;
  width: 24px;
  height: 24px;
  float: left;
}
.reserpopup .infoAgree {
  position: relative;
  display: block;
  overflow: hidden;
  text-align: left;
  color: #fff;
  font-size: 20px;
  line-height: 24px;
  padding-left: 10px;
}

/* 서브페이지  */
.subHos{
  width:100%;
  overflow:hidden;
}
.subTltHos{
  width:100%;
  height:1120px;
  box-sizing:border-box;
  padding-top:288px;
  margin: 0 auto;
}
.subTltHos>div:after{
  content: "";
  display: block;
  clear:both;
}
.subimg{
  margin:48px auto 0px;
}
.subh2{
  color:rgb(0,44,77);
  font-family: 'Pretendard';
  font-size:86px;
  line-height:96px;
  font-weight:800;
}
.subtop{
  width: 100%;
  height: 535px;
}
.sub1-top{
  background: url(../img/hospital/subtop.jpg) no-repeat 50%;
  background-size: cover;
}
#lnb{
  position: absolute;
  width:1200px;
  left:calc(50% - 600px);
  bottom:0px;
}
#lnb ul{
  justify-content:center;
  width:100%;
}
#lnb ul>li{
  flex: 1;
  width:auto;
  /* background:rgb(255,255,255); */  /* 컨텐츠의 상단메뉴의 배경색(흰색)을 안보이게 주석처리.  JK */
  border-right: 1px solid rgb(112,112,112);
}
#lnb ul>li:last-of-type{
  border-right:none;
}
#lnb ul>li>a{
  display: block;
  font-weight:500;
  color:rgb(134,134,139);
  padding: 22px 0px 21px;
}
.subTitle{
  padding:1em, 0, 0, 0;
  background:rgb(255,255,255);
}
.subTitle h2{
  font-weight: 700;
  color: rgb(0, 44, 77);
  letter-spacing: 0.45em;
  margin-bottom:1em;
}
.subTitle h3{
  color:rgb(255, 136, 0);
  margin-bottom:112px;
  position: relative;
  z-index:3;
}

/* ===> 컨텐츠의 타이클 부분을 새롭게 구성하기 위해서 추가. JK */
.jk_subTitle{
  padding:50px 0px 50px 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: 0.1em;  
  margin-bottom:50px;
  position: relative;
  z-index:3;
}
/* <=== 컨텐츠의 타이클 부분을 새롭게 구성하기 위해서 추가. JK */

.deco_box{
  padding:112px 0px;
}
.deco_box:last-of-type{
  padding-bottom:224px;
}
.deco_box .subtlt36{
  margin-bottom:16px;
}
.deco_box p{
  color:rgb(134, 134, 139);
}

/* 병원소개 리뉴얼 */
.hoscont1-rn{
  background:linear-gradient(135deg,#839BC2,#00123D);
}
.hoscont1-rn h3{
  font-size:86px;
  line-height: 78px;
  font-weight:800;
  font-family: 'Pretendard';
}
.hoscont1Img{
  width:1071px;
  margin:122px auto 0px;
}
.hoscontVideo{
  padding-bottom:0px;
}
.hoscontVideo .dis-video{
  margin-bottom:0px;
}
.hoscont3Wrap{
  position:relative;
  width:100%;
  margin:90px auto 0px;
}
.hoscont3Wrap:after{
  content:"";
  display: block;
  clear:both;
}
.hoscont3Wrap2{
  margin-top:0px;
}
.hoscont3Graph{
  float: left;
  width:668px;
  vertical-align:middle;
  position: relative;
}
.hoscont3Text{
  float: left;
  width:516px;
  box-sizing: border-box;
  padding:48px 0px 0px 50px;
  vertical-align:middle;
}
.hoscont3Graph2{
  float: right;
}
.hoscont3Text2{
  float:right;
  padding-left:0px;
  padding-top:275px;
}
.hoscont3Graph>figure{
  width:438px;
  margin:0 auto;
}
.hoscont3Graph2>figure{
  width:848px;
}
.hoscont3List>li{
  width:210px;
  border-radius:46px;
  background:#2A71FF;
  padding:16px 0px;
  position: absolute;
}
.hoscont3List>li:nth-of-type(1){
  left:18px;
  bottom:56px;
}
.hoscont3List>li:nth-of-type(2){
  left:0px;
  top:62px;
}
.hoscont3List>li:nth-of-type(3){
  left:calc(50% - 105px);
  top:-38px;
}
.hoscont3List>li:nth-of-type(4){
  right:0px;
  top:62px;
}
.hoscont3List>li:nth-of-type(5){
  right:18px;
  bottom:56px;
}
.hoscont3-answer{
  padding: 85px 0px 32px;
  background:linear-gradient(152deg,#322A62,#053152);
}
.hoscont3Text2 h4.subtlt36,
.hoscont3Text2>p{
  color:rgb(255,255,255);
}
.hoscont4-rn h3{
  color:rgb(0, 44, 77);
}
.hoscont4Wrap{
  margin:48px auto 0px;
  min-width:900px;
  justify-content:center;
}
.hoscont4Wrap>figure{
  position: relative;
  width:441px;
  z-index:2;
}
.hoscont4Wrap>figure:before{
  content: "";
  display: block;
  position: absolute;
  width:100%;
  height:100%;
  background:#E6EFF6;
  top:32px;
  left:-32px;
  z-index:-1;
}
.hoscont4Wrap>figure img{
  box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.16);
}
.hoscont4Wrap>figcaption{
  width:335px;
  margin-left:92px;
  padding-top:26px;
}
.hoscont4Wrap>figcaption>p{
  margin-bottom:18px;
}
.hoscont4Wrap>figcaption>p:last-of-type{
  margin-bottom: 0px;
}
.hoscont5-rn{
  background:url(../img/hospital/hoscont5.jpg) no-repeat;
  background-size:cover;
  overflow:hidden;
  padding:224px 0px;
}
.hoscont5Text{
  width:416px;
  float: right;
  position: relative;
}
.hoscont5Text:after{
  content: "";
  display: block;
  clear: both;
}
.hoscont5Text>p{
  color:rgb(29, 29, 31);
}
.hoscont5Text>p br{
  display:none;
}

/* ===> 병원소개 페이지를 새롭게 구성.  JK */ 
.jk_intro_hos1{
  position: relative;
  width: 100%;
  height: 680px;
  min-width: 1200px;
  max-width: 1920px;
  margin: 0 auto;  
  background: url(../img/jk_intro/jk_intro_hos1.jpg?202311) no-repeat;		/* 교교서 집필 */
  background-size: 100% 100%;  
}
.jk_intro_hos2{
  position: relative;
  width: 100%;
  height: 631px;
  min-width: 1200px;
  max-width: 1920px;
  margin: 0 auto;  
  background: url(../img/jk_intro/jk_intro_hos2.jpg?202311) no-repeat;		/* 학술상 수상 */
  background-size: 100% 100%;  
}
.jk_intro_hos3{
  position: relative;
  width: 100%;
  height: 658px;
  min-width: 1200px;
  max-width: 1920px;
  margin: 0 auto;  
  background: url(../img/jk_intro/jk_intro_hos3.jpg?202311) no-repeat;		/* 논문 발표 */
  background-size: 100% 100%;  
}
.jk_intro_hos4{
  position: relative;
  width: 100%;
  height: 3971px;
  min-width: 1200px;
  max-width: 1920px;
  margin: 0 auto;  
  background: url(../img/jk_intro/jk_intro_hos4.jpg?20240103) no-repeat;		/* 논문 발표 */
  background-size: 100% 100%;  
}
.jk_intro_hos5{
  position: relative;
  width: 100%;
  height: 608px;
  min-width: 1200px;
  max-width: 1920px;
  margin: 0 auto;  
  background: url(../img/jk_intro/jk_intro_hos5.jpg?20240105) no-repeat;		/* 논문 발표 */
  background-size: 100% 100%;  
}
.jk_intro_hos6{
  position: relative;
  width: 100%;
  height: 621px;
  min-width: 1200px;
  max-width: 1920px;
  margin: 0 auto;  
  background: url(../img/jk_intro/jk_intro_hos6.jpg?202311) no-repeat;		/* 논문 발표 */
  background-size: 100% 100%;  
}
.jk_imgCover1{
  position: absolute;
  top: 180px;
  left: 700px;
  width: 440px;
}
.jk_imgCover2{
  position: absolute;
  top: 180px;
  left: 700px;
  width: 440px;
}
.jk_imgCover3{
  position: absolute;
  top: 170px;
  left: 700px;
  width: 440px;
}
.jk_imgCover4{
  position: absolute;
  top: 0px;
  left: 700px;
  width: 440px;
}
.jk_imgCover5{
  position: absolute;
  top: 180px;
  left: 700px;
  width: 440px;
}
.jk_imgCover6{
  position: absolute;
  top: 0px;
  left: 700px;
  width: 440px;
}
/* <=== 병원소개 페이지를 새롭게 구성.  JK */ 

/* ===> 환자우선의 병원 페이지를 새롭게 구성.  JK */
.jk_intro_mind1{
  position: relative;
  width: 100%;
  height: 1265px;
  min-width: 1200px;
  max-width: 1920px;
  margin: 0 auto;  
  background: url(../img/jk_intro/jk_intro_mind1.jpg?202312) no-repeat;		/* 환자에게 가장 이로운 치료 방범 */
  background-size: 100% 100%;  
}
.jk_intro_mind2{
  position: relative;
  width: 100%;
  height: 1421px;
  min-width: 1200px;
  max-width: 1920px;
  margin: 0 auto;  
  background: url(../img/jk_intro/jk_intro_mind2.jpg?202312) no-repeat;		/* 환자에게 가장 안 아픈 병원 */
  background-size: 100% 100%;  
}
.jk_intro_mind3{
  position: relative;
  width: 100%;
  height: 1043px;
  min-width: 1200px;
  max-width: 1920px;
  margin: 0 auto;  
  background: url(../img/jk_intro/jk_intro_mind3.jpg?202312) no-repeat;		/* 환자에게 공감하는 다섯가지 마음 */
  background-size: 100% 100%;  
}
/* <=== 환자우선의 병원 페이지를 새롭게 구성.  JK */

/* 진료안내 페이지를 새롭게 구성.  JK */
.jk_intro_time1{	/* 병원진료시간  jk. */
  width:430px;
  margin:30px auto 50px;
}
.jk_intro_time2{	/* 의료진별 진료시간  jk. */
  border-top:5px solid rgb(0, 44, 77);
  background:rgb(245, 249, 252);
  margin-bottom: 112px;
  padding-bottom:112px !important;
  padding-top:50px;
}
.tabMenu{
  margin:48px auto 0px;
  border-bottom:8px solid rgb(0, 44, 77);
}
.tabMenu ul{
  overflow:hidden;
  width:100%;
}
.tabMenu ul>li{
  float: left;
  width:33.33%;
  vertical-align:top;
  background:#F5F5F7;
  padding:16px 0px 15px;
  font-weight:700;
  color:#1D1D1F;
  transition: all 0.2s ease-out;
  border-right:1px solid #A1A1A6;
  cursor:pointer;
}
.tabMenu ul>li:last-of-type{
  border-right:none;
}
.tabMenu ul>li.on{
  background:rgb(0, 44, 77);
  color:rgb(255, 255, 255);
}
.tabList{
  padding: 112px 0px;
  background:rgb(245, 249, 252);
}
.infoList{
  margin:48px auto 0px;
}
.infoList>li{
  margin-bottom: 48px;
}
.docWrap{
  background:rgb(255,255,255);
  margin:0 auto 48px;
  display: flex;
  flex-wrap: wrap;
}
.docWrap:last-of-type{
  margin-bottom:0px;
}
.docWrap>div{
  width:228px;
  border-right: 1px solid #CCCCCC;
  vertical-align:top;
}
.docWrap>div>h4{
  font-weight:800;
  padding:8px 0px;
  margin-bottom: 5px;
  color:#1D1D1F;
}
.docWrap>div>h4>span{
  color:rgb(134, 134, 139);
}
.docWrap>table{
  width: 972px;
  border-collapse: collapse;
  vertical-align:top;
}
.docWrap>table th{
  width:14.44%;
  font-weight:600;
  line-height:24px;
  padding:22px 0px 21px;
  background:rgb(0, 44, 77);
  border-right: 1px solid #CCCCCC;
}
.docWrap>table th:last-of-type{
  border-right:none;
}
.docWrap>table td{
  font-weight:600;
  line-height:24px;
  color:rgb(134, 134, 139);
  padding:32px 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:18px;
}
.docWrap>table td span{
  display: block;
  margin:0 auto;
  border-radius:50%;
  text-align:center;
  color:rgb(255,255,255);
  line-height:48px;
  font-weight:600;
  width:48px;
  height:48px;
}
.docWrap>table td .care{
  background:#344765;
}
.docWrap>table td .surg{
  background:#FF8800;
}
.docWrap>table .other .care{
  line-height: 18px;
  font-size: 14px;
  padding-top: 6px;
}
.hosinfo4 h3{
  color:#04003D;
}
.hosinfo4 table{
  width:100%;
  border-collapse: collapse;
  margin:48px auto 0px;
}
.hosinfo4 table th{
  width:16.66%;
  background:rgb(0, 44, 77);
  padding:22px 0px 18px;
  font-weight:700;
  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;
}
.hosinfo4 table td{
  color: rgb(134, 134, 139);
  line-height:24px;
  font-weight:600;
  border-right:1px solid #CCCCCC;
  border-bottom:1px solid #CCCCCC;
}
.otherweek{
  padding-top:4px;
  font-size:14px;
  text-align: right;
}

/* 의료진소개 */
.hosTitle03 h3,
.hosTitle05 h3{
  margin-bottom: 0px;
}
.hosdoc1{
  padding:82px 0px 112px;
  background:url(../img/hospital/hosdoc1.jpg) no-repeat 50% 0%;
  background-size:1548px auto;
}
.hosdoc1 figure{
  width:280px;
  margin:0 auto 32px;
}
.hosdoc1 h3{
  color:#10123D;
  margin-bottom:32px;
}
.hosdoc1 p{
  color:rgb(134, 134, 139);
  font-size:16px;
  line-height:24px;
}
.hosdoc2{
  padding: 0px;
}
.center{
  margin:0px auto 112px;
}
.center:last-of-type{
  margin-bottom: 0px;
}
.centerName{
  border-radius:16px;
  padding:80px 0px 78px;
  overflow:hidden;
  margin:64px auto 16px;
}
.centerName:first-of-type{
  margin-top: 0px;
}
.spine.centerName{
  background:url(../img/hospital/center-spine.jpg) no-repeat 50%;
  background-size: cover;
}
.joint.centerName{
  background:url(../img/hospital/center-joint.jpg) no-repeat 50%;
  background-size: cover;
}
.pain.centerName{
  background:url(../img/hospital/center-pain.jpg) no-repeat 50%;
  background-size: cover;
}
.radio.centerName{
  background:url(../img/hospital/center-radio.jpg) no-repeat 50%;
  background-size: cover;
}
.centerDoc{
  border-radius:16px;
  background:rgb(245, 249, 252);
  padding:0px 152px;
  position: relative;
  overflow:hidden;
  cursor:pointer;
  margin:0 auto 16px;
}
.centerDoc:last-of-type{
  margin-bottom:0px;
}
.centerDoc:after{
  content: "";
  display: block;
  position: absolute;
  width:32px;
  height:32px;
  background:url(../img/hospital/centerdoc.png) no-repeat 50%;
  background-size:32px;
  top: 8px;
  right: 8px;
}
.centerDoc>figure{
  padding-top:80px; /* 약력이 아래로 내려간 만틈 원장 사진을 아래로 80px만큼 이동하도록 추가.  JK */	
  float: right;
  width:364px;
  vertical-align:top;
}
.centerDoc>figcaption{
  padding-top:80px;
  float: left;
  max-width: 485px;
  vertical-align:top;
}
.centerDoc>figcaption h5{
  color:#2A97FF;
  margin-bottom:8px;
}
.centerDoc>figcaption h6{
  color: #10123D;
  margin-bottom:20px;
}
.centerDoc>figcaption dl{
  margin-bottom:32px;
}
.centerDoc>figcaption dt{
  font-weight:600;
  color:rgb(29,29,31);
  margin-bottom:16px;
}
.centerDoc>figcaption dd{
  color:rgb(134, 134, 139);
  font-size:16px;
  line-height:20px;
}
.centerDoc>figcaption dd:before{
  background:rgb(134, 134, 139);
}
.hosdoc3{
  padding-bottom:224px;
}
.hosdoc3Wrap{
  border-radius:16px;
  overflow:hidden;
  padding:112px 0px;
  background:url(../img/hospital/hosdoc3.jpg) no-repeat 50% 0%;
  background-size: cover;
}
.hosdoc3Wrap>p{
  font-size:16px;
  line-height:24px;
  margin-top:32px;
}
.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: 1440px;
  height:88%;
  max-height:1200px;
  -ms-overflow-style: none;
  overflow-y: scroll;
  z-index: 2000;
  left:calc(50% - 720px);
  top:94.5px;
  display: none;
}
.docLayer.on {
  display: block;
}
.docLayer::-webkit-scrollbar{display: none;}
.dr{
  width:1048px;
  margin:0 auto;
  position: relative;
  display: none;
  z-index:4;
}
.dr.on{
  display: block;
}
.dr:before{
  content: "";
  display: block;
  position: absolute;
  width:1018px;
  height:646px;
  top:0px;
  left: -152px;
  z-index:-1;
}
.dr.lcu:before{
  background:url(../img/hospital/doclayer-spine.png) no-repeat 50%;
  background-size:100% auto;
}
.dr.juk:before{
  background:url(../img/hospital/doclayer-spine2.png) no-repeat 50%;
  background-size:100% auto;
}
.dr.gjh:before{
  background:url(../img/hospital/doclayer-joint.png) no-repeat 50%;
  background-size:100% auto;
}
.dr.cdh:before{
  background:url(../img/hospital/doclayer-pain1.png) no-repeat 50%;
  background-size:100% auto;
}
.dr.ssj:before{
  background:url(../img/hospital/doclayer-pain2.png) no-repeat 50%;
  background-size:100% auto;
}
.doccover .close{
  position: absolute;
  width:48px;
  right:25px;
  top:25px;
  cursor: pointer;
  z-index:2000;
}
.drHeader{
  width:100%;
  height:500px;
  padding-left:70px;
  overflow:hidden;
  position: relative;
}
.drHeader:after{
  content:"";
  display: block;
  clear: both;
}
.drHeader figure{
  width:364px;
  position:absolute;
  bottom:0px;
  right: 0px;
  z-index:2;
}
.drHeader figcaption{
  float:left;
  vertical-align:top;
  padding-top: 198px;
  position:relative;
}
.drHeader figcaption h3{
  font-weight:700;
  margin-top:8px;
}
.drHeader figcaption h4{
  font-weight:600;
  margin-top:8px;
}
.profileList{
  padding:80px 76px;
  border-radius:16px;
  background:rgb(255, 255, 255);
  margin:0 auto;
}
.profileList>div h5{
  margin-bottom:16px;
  line-height:30px;
  font-size:24px;
  color:#1D1D1F;
  font-weight:600;
  font-family:'Pretendard';
  position:relative;
}
.profileInfo{
  overflow:hidden;
}
.profileInfo>div{
  padding:48px 0px;
  position: relative;
  border-bottom:2px 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:32px;
}
.docdots dt{
  margin-bottom:16px;
}
.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:16px auto 0px;
  border-collapse: collapse;
}
.schedule table th{
  background:rgb(0, 44, 77);
  padding:16px 0px;
  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:16px 0px;
  color: rgb(134,134,139);
}
.schedule table th:last-of-type,
.schedule table td:last-of-type{
  border-right:none;
}
/* 연구 */
.hosTitle04 h3{
  margin-bottom:55px;
}
.hosstudy1 .cont1200{
  width:1238px;
}
.hosstudy1 figure{
  width:100%;
  margin:0 auto 33px;
}
.hosstudy1 figcaption h3{
  color:rgb(16,18,61);
  margin-bottom:32px;
}
.hosstudy1 figcaption p{
  line-height:24px;
  color:rgb(134,134,139);
}
.hosstudy2 ul{
  overflow:hidden;
  margin:0 auto;
}
.hosstudy2 ul>li{
  float: left;
  width:592px;
  padding:48px;
  min-height:211px;
  border-radius:16px;
  margin-right:16px;
  margin-bottom:16px;
  background:rgb(0,44,77);
}
.hosstudy2 ul>li:nth-of-type(even){
  margin-right:0px;
}
.hosstudy2 ul>li p{
  font-size:16px;
  line-height:24px;
  box-sizing: border-box;
  word-break:keep-all;
}

/* 병원 둘러보기 */
.hosfac1 .cont1200{
  width:1808px;
}
.facInfo{
  position: relative;
}
.facInfo:after{
  content: "";
  display: block;
  clear:both;
}
.facInfo > li{
  float: left;
  width: 564px;
  position: relative;
  padding: 24px;
  overflow: hidden;
  cursor: pointer;
  margin-bottom:72px;
}
.facInfo>li:nth-of-type(even){
  float: right;
  text-align:right;
}
.facInfo>li:nth-of-type(2){
  margin-top:88px;
}
.facInfo>li:last-of-type{
  margin-bottom:0px;
}
.facInfo >li > figure{
  width:540px;
  margin-top:24px;
  overflow:hidden;
}
.facInfo>li:nth-of-type(even)>figure{
  transform: translateX(-24px);
}
.facInfo >li > figcaption{
  position: absolute;
  width:288px;
  height:408px;
  padding:40px;
  border-radius:16px;
  border:1px solid rgb(255, 136, 0);
  background:rgba(255,255,255,0.9);
  transition: all ease-out 0.7s;
  left:0px;
  bottom: 0px;
}
.facInfo >li:hover > figcaption{
  background:rgba(255, 255, 255, 1.0);
}
.facInfo >li > figcaption div{
  width:100%;
  height:100%;
  position: relative;
}
.facInfo >li > figcaption h4.subtlt36{
  color:rgb(255, 136, 0);
  margin-bottom:8px;
}
.facInfo >li > figcaption p{
  color:rgb(134, 134, 139);
}
.facInfo >li > figcaption span{
  position: absolute;
  width:32px;
  height:32px;
  left:-32px;
  bottom:-32px;
  background:url(../img/hospital/fac-more.png) no-repeat 50%;
  background-size:32px;
  transition: all 0.2s ease-out;
}
.facInfo >li:nth-of-type(even) > figcaption{
  left:auto;
  right:0px;
  text-align: right;
}
.facInfo >li:nth-of-type(even) > figcaption span{
  left:auto;
  right:-32px;
}
/* 병원둘러보기 자세히보기 */
.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{
  pointer-events: auto;
}
.inner_fac_detail > div{
  opacity:0;
  visibility: hidden;
  height:0!important;
  width: 100%;
	position: relative;
}
.inner_fac_detail > div.on{
  opacity: 1;
  visibility: visible;
  height:100%!important;
  min-height: 640px;
}
.inner_fac_detail > div.swiper-container1{
  background:url(../img/hospital/bg_fac1.jpg) no-repeat 50% 50%;
  background-size: cover;
}
.inner_fac_detail > div.swiper-container2{
  background:url(../img/hospital/bg_fac2.jpg) no-repeat 50% 50%;
  background-size: cover;
}
.inner_fac_detail > div.swiper-container3{
  background:url(../img/hospital/bg_fac3.jpg) no-repeat 50% 50%;
  background-size: cover;
}
.inner_fac_detail > div.swiper-container4{
  background:url(../img/hospital/bg_fac4.jpg) no-repeat 50% 50%;
  background-size: cover;
}
.inner_fac_detail > div.swiper-container5{
  background:url(../img/hospital/bg_fac5.jpg) no-repeat 50% 50%;
  background-size: cover;
}
.inner_fac_detail > div.swiper-container6{
  background:url(../img/hospital/bg_fac6.jpg) no-repeat 50% 50%;
  background-size: cover;
}
.facDetailList{
  margin: 0px auto;
}
.facDetailList > li{
  padding:204px 0px;
  position: relative;
  overflow:hidden;
}
.facDetailList > li .cont1200{
  position: absolute;
  left:calc(50% - 600px);
  top:50%;
  transform: translateY(-50%);
  height:auto;
}
.facDetailList > li .cont1200:after{
  content:"";
  display:block;
  clear:both;
}
.facDetailList > li figure{
  width: 1037px;
  margin: 8px auto 0px;
	z-index:1;
}
.facDetailList > li figcaption{
  width:1037px;
  margin:0px auto;
  overflow:hidden;
}
.facinfo>h5{
  float: left;
  color: #04003D;
  margin-right:32px;
  vertical-align:bottom;
}
.facinfo>p{
  float: left;
  color: #86868B;
  vertical-align:bottom;
  padding-top:25px;
}
.facDetailFrame .swiper-container-horizontal>.swiper-pagination-progressbar, .facDetailFrame .swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  height: 1px;
  bottom: 50px;
  top: auto;
  width: 1038px;
  left: 50%;
  transform: translateX(-50%);
  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:32px;
  height:64px;
  margin-top:0px;
  top: 50%;
  transform: translateY(-50%);
}
.facDetailFrame .swiper-button-next{
	right:32px;
  left: auto;
	background-image:url(../img/fac_next.png);
	background-repeat:no-repeat;
	background-size:contain;
}
.facDetailFrame .swiper-button-prev{
	left:32px;
  right: auto;
	background-image:url(../img/fac_prev.png);
	background-repeat:no-repeat;
	background-size:contain;
}

/*  오시는 길 */
.location2{
  background:rgb(0,44,77);
}
.location2 h3{
  background: linear-gradient(to right, rgb(0,194,255),rgb(255,221,52));
  color: transparent;
  -webkit-background-clip: text;
}
.location2 p{
  margin-top:32px;
  letter-spacing: 0.46em;
  text-rendering: auto;
}
#map{
  width:100%;
  height:450px;
  border-radius:16px;
  overflow:hidden;
  margin:64px auto 0px;
}
#map>iframe{
  width:100%;
  min-height:450px;
}
.deco_box.location3{
  padding-bottom:112px;
}
.locaWrap{
  position: relative;
}
.locaWrap>ul{
  overflow:hidden;
  margin:0 auto 16px;
}
.locaWrap>ul>li{
  float: left;
  vertical-align:top;
  width:592px;
  margin-right:16px;
  border-radius:16px;
  padding:32px 22px 49px;
  background:rgb(245, 249, 252);
}
.locaWrap>ul>li:nth-of-type(2){
  margin-right:0px;
}
.locaWrap>ul>li .icon{
  margin:0px auto 16px;
  width:60px;
}
.locaWrap>ul>li .subtlt36{
  color:rgb(0, 44, 77);
  margin-bottom:32px;
}
.locaWrap>ul>li p{
  width:133px;
  padding:8px 0px;
  background:rgb(255,255,255);
  border:1px solid rgb(0,102,205);
  color:rgb(0,102,205);
  border-radius:21px;
  cursor:pointer;
  margin:0px auto 32px;
}
.locaWrap .transport,
.locaWrap .transport>div{
  display:none;
  transition:all 0.2s ease-out;
}
.locaWrap .transport.on,
.locaWrap .transport>div.show{
  display: block;
}
.locaWrap .transport{
  position: absolute;
  width: 100%;
  max-height: 617px;
  top: 0;
  left: 0;
  border-radius:16px;
  overflow: hidden;
}
.transport .close{
  display: block;
  position: absolute;
  width:32px;
  height:32px;
  cursor:pointer;
  background:url(../img/hospital/localclose.png) no-repeat 50%;
  background-size:32px;
  right:32px;
  top:32px;
}
.parking{
  overflow:hidden;
  border-radius:16px;
  background:rgb(245, 249, 252);
}
.transport>div{
  border-radius:16px;
  background:rgb(245, 249, 252);
  padding:32px 37px 112px 60px;
  margin:0 auto 16px;
  overflow:hidden;
  position: relative;
}
.transportIcon{
  width:60px;
  margin:0 auto 8px;
}
.transport>div h3{
  color: rgb(0, 44, 77)
}
.transportWrap{
  display: flex;
  flex-wrap:wrap;
  width:100%;
  margin:32px auto 0px;
}
.transportWrap>figure{
  width:548px;
  margin-right:60px;
}
.transportWrap>figcaption{
  max-width:495px;
}
.subway .transportWrap ul{
  padding-top:14px;
}
.bus .transportWrap ul{
  display: flex;
  flex-wrap: wrap;
  width:100%;
}
.transportWrap ul li{
  margin-bottom:32px;
}
.bus .transportWrap ul li{
  margin-right:30px;
  margin-bottom:21px;
  vertical-align:top;
}
.bus .transportWrap ul li:nth-of-type(even){
  margin-right:0px;
}
.bus .transportWrap ul li:nth-of-type(5),.bus .transportWrap ul li:nth-of-type(6){
  margin-bottom:0px;
}
.transportWrap ul li p{
  margin-top:16px;
}
.transport>.parking{
  padding:0px;
}
.parking>figure{
  float: left;
  width:608px;
  margin-right:152px;
  vertical-align:middle;
}
.parking>figcaption{
  float: left;
  max-width:403px;
  padding:140px 0px;
}
.transport>.parking h3{
  color:rgb(16,18,61);
  margin-bottom:16px;
}
.parking>figcaption p{
  font-size:16px;
  line-height:20px;
  margin-top:16px;
}

/* 센터별 메인페이지 */
.subTltCenter{
  height:1120px;
  box-sizing:border-box;
  padding-top:288px;
}
.spineCenter{
  background:url(../img/center_spine.png) no-repeat 50% 100%;
  background-size:2112px 755px;
}
.brainCenter{
  background:url(../img/center_brain.png) no-repeat 50% 100%;
  background-size:2112px 755px;
}
.jointCenter{
  background:url(../img/center_joint.png) no-repeat 50% 100%;
  background-size:2112px 755px;
}
.manualCenter{
  background:url(../img/center_manual.png) no-repeat 50% 100%;
  background-size:2112px 755px;
}
.subimg2{
  width:288px;
  left: calc(50% - 144px);
  bottom:35px;
}
.centertype1{
  padding:78px 0px 112px;
  min-height:348px;
}
.centertype1 h3{
  color:rgb(0, 44, 77);
  margin:0 auto 16px;
}
.centertype1 p.expltxt{
  color:rgb(134, 134, 139);
}
.centertype2 .wrap{
  border-radius:16px;
  background:linear-gradient(to bottom, #007267, #16427B);
  overflow:hidden;
  margin:0 auto;
  padding-top:112px;
}
.centertype2 h3{
  margin:0 auto 16px;
}
.centertype2 .front{
  width:640px;
  margin:95px auto 0px;
}
.centertype3{
  /* padding:112px 0px 208px; */
  padding:112px 0px 56px;
}
.cureList{
  width:100%;
  margin:0 auto;
  justify-content:center;
}
.cureList>li{
  width:592px;
  margin-bottom:16px;
  margin-right:16px;
  min-height:592px;
  box-sizing:border-box;
  border-radius:16px;
  overflow:hidden;
  padding:48px;
}
.cureList>li:nth-of-type(even){
  margin-right:0px;
}
.cureLink{
  margin-top:16px;
  overflow:hidden;
}
.cureLink>li{
  float: left;
  min-width:152px;
}
.cureLink>li:nth-of-type(2n+1){
  clear:both;
}
.cureLink>li>a{
  display: inline-block;
  padding-bottom:16px;
}
.cureList.spine>li:nth-of-type(1){
  background:url(../img/spinelist1.jpg) no-repeat 50% 50%;
  background-size: 592px;
}
.cureList.spine>li:nth-of-type(2){
  background:url(../img/spinelist2.jpg) no-repeat 50% 50%;
  background-size: 592px;
}
.cureList.spine>li:nth-of-type(3){
  background:url(../img/spinelist3.jpg) no-repeat 50% 50%;
  background-size: 592px;
}
.cureList.spine>li:nth-of-type(4){
  background:url(../img/spinelist4.jpg) no-repeat 50% 50%;
  background-size: 592px;
}
.cureList.spine>li:nth-of-type(5){
  background:url(../img/spinelist5.jpg) no-repeat 50% 50%;
  background-size: 592px;
}
.cureList.spine>li:nth-of-type(6){
  background:linear-gradient(45deg,rgb(34,19,88),rgb(30,77,112));
  padding:218px;
}
.cureList.spine>li:nth-of-type(6)>div{
  width:203px;
  margin:0 auto;
}
.cureList.brain>li:nth-of-type(1){
  background:url(../img/brainlist1.jpg) no-repeat 50% 50%;
  background-size: 592px;
}
.cureList.brain>li:nth-of-type(2){
  background:url(../img/brainlist2.jpg) no-repeat 50% 50%;
  background-size: 592px;
}
.cureList.joint>li:nth-of-type(1){
  background:url(../img/jointlist1.jpg) no-repeat 50% 50%;
  background-size: 592px;
}
.cureList.joint>li:nth-of-type(2){
  background:url(../img/jointlist2.jpg) no-repeat 50% 50%;
  background-size: 592px;
}
.cureList.joint>li:nth-of-type(3){
  background:url(../img/jointlist3.jpg) no-repeat 50% 50%;
  background-size: 592px;
}
.cureList.joint>li:nth-of-type(4){
  background:url(../img/jointlist4.jpg) no-repeat 50% 50%;
  background-size: 592px;
}
.cureList.joint>li:nth-of-type(5){
  background:url(../img/jointlist5.jpg) no-repeat 50% 50%;
  background-size: 592px;
}
.cureList.joint>li:nth-of-type(6){
  background:url(../img/jointlist6.jpg) no-repeat 50% 50%;
  background-size: 592px;
}
.cureList.manual>li:nth-of-type(1){
  background:url(../img/manualist1.jpg) no-repeat 50% 50%;
  background-size: 592px;
}
.cureList.manual>li:nth-of-type(2){
  background:url(../img/manualist2.jpg) no-repeat 50% 50%;
  background-size: 592px;
}
/* 서브타이틀 + 메뉴 */
.subTltSpine{
  background:url(../img/spine/title.jpg) no-repeat 50% 100px;
  background-size:1920px auto;
}
.subTltJoint{
  background:url(../img/joint/title.jpg) no-repeat 50% 100px;
  background-size:1920px auto;
}
.subTltPain{
  background:url(../img/pain/title01.jpg) no-repeat 50% 100px;
  background-size:1920px auto;
}
.subTltRehab{
  background:url(../img/pain/title02.jpg) no-repeat 50% 50px;
  background-size:1920px auto;
}
.subTlt .cont1200{
  width:1443px;
}
.deco_img{
  width:1048px;
  margin:80px auto 48px;
}
.deco_title{
  color: #001847;
  /* margin:297px auto 0px; */	/* 서브페이지 제목의 위로부터의 간격을 조정  JK */ 
  margin:226px auto 0px;
}
.deco_title>span{
  display: block;
  letter-spacing: 0.46em;
  margin-bottom:7px;
  color: rgb(134, 134, 139);
}
#subMenu ul{
  max-width:848px;
  justify-content:center;
  margin:0px auto 38px;
}
#subMenu ul>li{
  border-radius:21px;
  margin:0px 8px 16px;
  border:1px solid #0066CD;
  background:rgb(255,255,255);
}
#subMenu ul>li>a{
  display:block;
  color:#0066CD;
  padding:8px 24px;
}
#subMenu ul>li.on{
  background:#0066CD;
}
#subMenu ul>li.on>a{
  color:rgb(255,255,255);
}

/*===> 서브페이지 상단에 있는 버튼 메뉴 추가.  JK */
#jk_subMenu ul{
  max-width:1200px;
  justify-content:center;
  margin:30px auto 30px;
}
#jk_subMenu ul>li{
  border-radius:21px;
  margin:0px 8px 16px;
  border:1px solid #0066CD;
  background:rgb(255,255,255);
}
#jk_subMenu ul>li>a{
  display:block;
  color:#0066CD;
  padding:8px 24px;
}
#jk_subMenu ul>li.on{
  background:#0066CD;
}
#jk_subMenu ul>li.on>a{
  color:rgb(255,255,255);
}
/*<=== 서브페이지 상단에 있는 버튼 메뉴 추가.  JK */

#subdoctor{
  padding:112px 0px 224px;
}
.subDoc{
  border-radius: 16px;
  background: rgb(245, 249, 252);
  padding: 8px 152px 80px;
  position: relative;
  overflow: hidden;
  margin: 0 auto 16px;
}
.subDoc:last-of-type{
  margin-bottom:0px;
}
.subDoc>a{
  display: block;
  position: absolute;
  width:32px;
  height:32px;
  background: url(../img/hospital/centerdoc.png) no-repeat 50%;
  background-size: 32px;
  top: 8px;
  right: 8px;
}
.subDoc>figure{
  float: right;
  width:280px;
  vertical-align:top;
}
.subDoc>figcaption{
  padding-top:72px;
  float: left;
  vertical-align:top;
}
.subDoc>figcaption h5{
  color:#2A97FF;
  margin-bottom:8px;
}
.subDoc>figcaption h6{
  color: #10123D;
  margin-bottom:20px;
}
.subDoc>figcaption dl{
  float: left;
  width:260px;
  vertical-align:top;
  margin-bottom:32px;
}
.subDoc>figcaption dt,
.subTime>h5{
  font-weight:600;
  color:rgb(29,29,31);
  margin-bottom:16px;
}
.subDoc>figcaption dd{
  color:rgb(134, 134, 139);
  font-size:16px;
  line-height:20px;
}
.subDoc>figcaption dd:before{
  background:rgb(134, 134, 139);
}
.subTime{
  clear: both;
  width:100%;
  position: relative;
}
.subTime>h5{
  position: absolute;
  left:0;
  top:-42px;
}
.subTime>table{
  width:100%;
  border-collapse: collapse;
}
.subTime>table th{
  width:14.44%;
  padding:15px 0px;
  line-height:24px;
  font-weight:600;
  background:rgb(0, 44, 77);
}
.subTime>table td{
  padding:16px 0px;
  line-height:24px;
  font-weight:600;
  color:rgb(134, 134, 139);
  border-right:1px solid #CCCCCC;
  border-bottom:1px solid #CCCCCC;
}
.subTime>table td:last-of-type{
  border-right:none;
}

/*===> 척추내시경센터. 새롭게 추가 JK */
.jk_endoscopic_1 {
    position: relative;
    width: 100%;
    height: 7237px;
    min-width: 1280px;
    max-width: 1920px;
    margin: 176px auto 0px auto;
    background: url(../img/jk_endoscopic/jk_endoscopic_1.jpg?20240615)no-repeat 50% 0;
}
.jk_endoscopic_2 {
    position: relative;
    width: 100%;
    height: 4922px;
    min-width: 1280px;
    max-width: 1920px;
    margin: 176px auto 0px auto;
    background: url(../img/jk_endoscopic/jk_endoscopic_2.jpg?20240615)no-repeat 50% 0;
}
.jk_endoscopic_3 {
    position: relative;
    width: 100%;
    height: 12320px;
    min-width: 1280px;
    max-width: 1920px;
    margin: 176px auto 0px auto;
    background: url(../img/jk_endoscopic/jk_endoscopic_3.jpg?20240615)no-repeat 50% 0;
}
.jk_endoscopic_4 {
    position: relative;
    width: 100%;
    height: 9382px;
    min-width: 1280px;
    max-width: 1920px;
    margin: 176px auto 0px auto;
    background: url(../img/jk_endoscopic/jk_endoscopic_4.jpg?20240615)no-repeat 50% 0;
}
.jk_endoscopic_4_vod {
    position: relative;
    width: 1200px;
    margin: 0 auto;
}
.jk_endoscopic_4_vod #vod1 {
    position: absolute;
    top: 5500px;
    width: 100%;
    text-align: center;
}
.jk_endoscopic_4_vod #vod2 {
    position: absolute;
    top: 8700px;
    left: 600px;
    width: 640px;
}
.jk_endoscopic_4_vod #vod3 {
    margin: 30px auto 30px auto;
}
.jk_endoscopic_5 {
    position: relative;
    width: 100%;
    height: 7032px;
    min-width: 1280px;
    max-width: 1920px;
    margin: 176px auto 0px auto;
    background: url(../img/jk_endoscopic/jk_endoscopic_5.jpg?20240615)no-repeat 50% 0;
}
.jk_endoscopic_5_vod {
    position: relative;
    width: 1200px;
    margin: 0 auto;
}
.jk_endoscopic_5_vod #vod1 {
    margin: 30px auto 30px auto;
}
.jk_endoscopic_6 {
    position: relative;
    width: 100%;
    height: 5152px;
    min-width: 1280px;
    max-width: 1920px;
    margin: 176px auto 0px auto;
    background: url(../img/jk_endoscopic/jk_endoscopic_6.jpg?20240615)no-repeat 50% 0;
}
.jk_endoscopic_7 {
    position: relative;
    width: 100%;
    height: 4144px;
    min-width: 1280px;
    max-width: 1920px;
    margin: 176px auto 0px auto;
    background: url(../img/jk_endoscopic/jk_endoscopic_7.jpg?20240615)no-repeat 50% 0;
}
/*<=== 척추내시경센터. 새롭게 추가 JK */

/* 척추센터 */
.dis1{overflow:hidden;}
.dis1>figure{
  float:right;
  vertical-align:top;
  width:600px;
}
.dis1>figcaption{
  float:right;
  vertical-align:top;
  width:600px;
  box-sizing:border-box;
  padding:170px 0px 0px 76px;
}
.dis1>figcaption>h3{
  font-weight:700;
  margin-bottom:18px;
  color:rgb(0, 44, 77);
  letter-spacing:0.46em;
}
.dis1>figcaption>p{
  color: rgb(0, 44, 77);
}
.dis-video{
  width: 1200px;
  margin: 0px auto 112px;
}
.dis-video>video{
  width:100%;
}
.dis2{
  width:100%;
  margin:0 auto;
  border-radius:16px;
  display: table;
  overflow:hidden;
  min-height: 506px;
}
.reason0201{
  background:url(../img/spine/reason0201.jpg) no-repeat 50%;
  background-size:100% auto;
  padding:0px 107px 0px 685px;
}
.reason0202{
  background:url(../img/spine/reason0202.jpg) no-repeat 50%;
  background-size:100% auto;
  padding:0px 149px 0px 684px;
}
.reason0203{
  background:url(../img/spine/reason0203.jpg) no-repeat 50%;
  background-size:100% auto;
  padding:0px 73px 0px 532px;
}
.reason0204{
  background:url(../img/spine/reason0204.jpg) no-repeat 50%;
  background-size:100% auto;
  padding:0px 185px 0px 532px;
  margin-bottom:112px;
}
.reason0205{
  background:url(../img/spine/reason0205.jpg) no-repeat 50%;
  background-size:100% auto;
  padding:0px 36px 0px 532px;
  margin-bottom:112px;
}
.disease{
  padding-bottom: 0px;
}
.aftersurg{
  padding:0px;
}
.dis2Text{
  display: table-cell;
  vertical-align:middle;
}
.dis2Text>p{
  margin-top:16px;
  font-size:16px;
  line-height:24px;
}
.dis2Text>dl{
  margin-top:16px;
}
.dis2Text>dl>dd{
  font-size:16px;
  line-height:24px;
}
.dis2Text>dl>dd:before{
  top:9px;
  background:rgb(255,255,255);
}
.dis3{
  overflow:hidden;
  margin:60px auto 0px;
}
.dis3>figure{
  float: left;
  width:428px;
  vertical-align:top;
}
.dis3>figcaption{
  float: left;
  width:772px;
  padding:52px 0px 0px 28px;
  vertical-align:top;
}
.dis3>figcaption dt{
  margin-bottom:18px;
  color:rgb(29, 29, 31);
  font-weight:600;
}
.dis3>figcaption dd,
.dis3>figcaption p{
  color:rgb(134, 134, 139);
  font-size:16px;
  line-height:24px;
}
.dis3>figcaption dd:before{
  top:9px;
  background: rgb(134, 134, 139);
}
.situation p{
  font-size:16px;
  line-height:24px;
  margin-bottom:48px;
}
.situation ul{
  justify-content:center;
  margin:0 auto;
}
.situation ul>li{
  width:168px;
  min-height:168px;
  margin-right:60px;
  padding:0px 14px;
  border-radius:50%;
  border:4px solid rgb(255,255,255);
}
.situation ul>li>h4{
  font-weight:500;
}
.situation ul>li>h4>span{
  display: inline-block;
  vertical-align:top;
  font-size:16px;
  line-height:20px;
  padding-top:30px;
}
.situation ul>li>p{
  line-height:20px;
  margin-bottom: 0px;
}
.situ0203 p{
  margin-bottom:28px;
}
.situ0203 p:last-of-type{
  margin-bottom:0px;
}
.situ0201{
  background:url(../img/spine/situ0201.jpg) no-repeat 50%;
  background-size: cover;
  background-attachment: fixed;
}
.situ0202{
  background:url(../img/spine/situ0202.jpg) no-repeat 50%;
  background-size: cover;
  background-attachment: fixed;
}
.situ0203{
  background:url(../img/spine/situ0203.jpg) no-repeat 50%;
  background-size: cover;
  background-attachment: fixed;
  padding-bottom:112px !important;
}
.situ0206{
  background:url(../img/spine/situ0206.jpg) no-repeat 50%;
  background-size: cover;
  background-attachment: fixed;
}
.cure_wrap>p,
.endocure_wrap>figcaption>p{
  font-size: 16px;
  line-height:24px;
}
.deco_graph_img{
  width:895px;
  margin:48px auto 8px;
}
.deco_graph_img>figure{
  margin:0px auto 24px;
}
.deco_graph_img>figcaption{
  background: rgb(0, 44, 77);
  padding:24px 0px;
  font-size:16px;
  line-height:24px;
}
.deco_graph>p{
  font-size:12px;
  line-height:16px;
  color: #A1A1A6;
}
.cure0201{
  width:821px;
  margin:0px auto 48px;
}
.endocure{
  padding-bottom:112px;
  background:rgb(245,249,252);
}
.endocure_wrap{
  overflow:hidden;
}
.endocure_wrap>figure{
  width:440px;
  float: left;
  vertical-align:top;
}
.endocure_wrap>figcaption{
  float: left;
  width: 760px;
  padding:112px 0px 0px 92px;
  vertical-align:top;
}
.deco_graph0203{
  padding-bottom:112px;
}
.disList{
  padding-top:170px;
}
.disList .dis1 > p{
  font-weight:700;
  color:rgb(0, 44, 77);
  letter-spacing:0.46em;
  margin-bottom:16px;
}
.disList ul,
.teamList ul{
  justify-content:center;
  width:100%;
  margin:112px auto 0px;
}
.disList ul >li,
.teamList ul > li{
  width:388px;
  min-height:388px;
  margin-right:16px;
  margin-bottom:16px;
  border-radius:16px;
  padding-top: 166px;
  overflow:hidden;
  cursor:pointer;
  transition: all 0.2s ease-out;
  background:rgb(0, 0, 0);
}
.disList ul >li:nth-of-type(3n),
.teamList ul >li:nth-of-type(3n){
  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(1):hover{
  background:url(../img/spine/surgery01-hover.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(2):hover{
  background:url(../img/spine/surgery02-hover.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(3):hover{
  background:url(../img/spine/surgery03-hover.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(4):hover{
  background:url(../img/spine/surgery04-hover.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(5):hover{
  background:url(../img/spine/surgery05-hover.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(6):hover{
  background:url(../img/spine/surgery06-hover.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(7):hover{
  background:url(../img/spine/surgery07-hover.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(8):hover{
  background:url(../img/spine/surgery08-hover.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:nth-of-type(9):hover{
  background:url(../img/spine/surgery09-hover.jpg) no-repeat 50%;
  background-size:cover;
}
.disList ul > li > h4,
.teamList ul >li > h4{
  font-weight:600;
  position: relative;
}
.disList ul > li > h4:after,
.teamList ul >li > h4:after{
  content: "";
  display: block;
  position: absolute;
  width:32px;
  height:32px;
  background:url(../img/spine/dislist.png) no-repeat 50%;
  background-size:32px;
  left:calc(50% - 16px);
  bottom:-48px;
}
.rehab h3{
  margin-bottom:32px;
}
.rehab ul{
  overflow:hidden;
  margin:48px auto 0px;
}
.rehab ul>li{
  float: left;
  width:592px;
  border-radius:16px;
  margin-right:16px;
  padding:54px 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-right:0px;
}
.rehab ul>li>h4{
  position: relative;
  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;
}
.curecover.on{
  display: block;
  pointer-events: all;
  z-index:1999;
  position: fixed;
}
.cureLayer{
  width: 100%;
  height: 100%;
  max-height:1200px;
  -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:32px;
  top:24px;
  right:24px;
  cursor:pointer;
  z-index:2001;
}
.cr1{
  background: rgb(255,255,255);
  padding-top: 40px;
}
.cr_name{
  overflow: hidden;
}
.cr_name > figcaption{
  float: left;
  width:602px;
  padding-top:176px;
  vertical-align:top;
}
.cr_name > figcaption > p:first-of-type{
  font-weight: 700;
  color: rgb(0, 44, 77);
  letter-spacing: 0.46em;
  margin-bottom: 8px;
}
.cr_name > figcaption > h3{
  color: #FF8800;
  margin-bottom:32px;
}
.cr_name > figcaption > p:nth-of-type(2){
  color:#86868B;
}
.cr_name > figure{
  width:598px;
  float: left;
  vertical-align:top;
}
.cr2{
  background: rgb(255,255,255);
  padding-bottom:108px;
}
.cr_disease{
  width: 100%;
  margin: 0 auto;
  border-radius: 16px;
  display: table;
  overflow: hidden;
  min-height: 510px;
  padding-left:684px;
  padding-right:60px;
}
.cr_disease01{
  background: url(../img/pain/cr_disease01.jpg) no-repeat 50%;
  background-size: 100% auto;
}
.cr_disease02{
  background: url(../img/pain/cr_disease02.jpg) no-repeat 50%;
  background-size: 100% auto;
}
.cr_disease03{
  background: url(../img/pain/cr_disease03.jpg) no-repeat 50%;
  background-size: 100% auto;
}
.cr_disease04{
  background: url(../img/pain/cr_disease04.jpg) no-repeat 50%;
  background-size: 100% auto;
}
.cr_disease05{
  background: url(../img/pain/cr_disease05.jpg) no-repeat 50%;
  background-size: 100% auto;
}
.cr_disease06{
  background: url(../img/pain/cr_disease06.jpg) no-repeat 50%;
  background-size: 100% auto;
}
.cr_disease07{
  background: url(../img/pain/cr_disease07.jpg) no-repeat 50%;
  background-size: 100% auto;
}
.cr_disease08{
  background: url(../img/pain/cr_disease08.jpg) no-repeat 50%;
  background-size: 100% auto;
}
.cr_disease09{
  background: url(../img/pain/cr_disease09.jpg) no-repeat 50%;
  background-size: 100% auto;
}
.cr2Text{
  display: table-cell;
  vertical-align: middle;
}
.cr2Text>h4{
  margin-bottom:32px;
}
.cr2Text>dl{
  overflow:hidden;
}
.cr2Text>dl>dd{
  float: left;
  width:50%;
  vertical-align:top;
  font-weight:600;
  color:#E1F2FF;
  padding-left:16px;
  margin-bottom:16px;
}
.cr2Text>dl>dd:before{
  background:#E1F2FF;
  width:6px;
  height:6px;
  top:12px;
}
.cr2Text>p{
  font-weight:600;
  color:#E1F2FF;
}
.cr3{
  padding:117px 0px 119px;
  background:rgb(245,249,252);
}
.cr3 p{
  margin-top:26px;
  color:#86868B;
}
.cr4{
  padding:140px 0px 224px;
  background:rgb(255,255,255);
}
.cr_care{
  padding:112px 0px 134px;
  border-radius:16px;
  overflow:hidden;
  min-height:400px;
}
.cr_care01{
  background: url(../img/pain/cr_care01.jpg) no-repeat 50%;
  background-size: 100% auto;
}
.cr_care02{
  background: url(../img/pain/cr_care02.jpg) no-repeat 50%;
  background-size: 100% auto;
}
.cr_care03{
  background: url(../img/pain/cr_care03.jpg) no-repeat 50%;
  background-size: 100% auto;
}
.cr_care04{
  background: url(../img/pain/cr_care04.jpg) no-repeat 50%;
  background-size: 100% auto;
}
.cr_care05{
  background: url(../img/pain/cr_care05.jpg) no-repeat 50%;
  background-size: 100% auto;
}
.cr_care06{
  background: url(../img/pain/cr_care06.jpg) no-repeat 50%;
  background-size: 100% auto;
}
.cr_care07{
  background: url(../img/pain/cr_care07.jpg) no-repeat 50%;
  background-size: 100% auto;
}
.cr_care08{
  background: url(../img/pain/cr_care08.jpg) no-repeat 50%;
  background-size: 100% auto;
}
.cr_care09{
  background: url(../img/pain/cr_care09.jpg) no-repeat 50%;
  background-size: 100% auto;
}
.cr_care>h4{
  margin-bottom:32px;
}

/*===> 관절치료 새롭게 추가 JK */
/* 관절질환 살펴보기 */
.jk_joint_guide {	
    position: relative;
    width: 100%;
    height: 2319px;
    min-width: 1280px;
    max-width: 1920px;
    margin: 176px auto 0px auto;
    background: url(../img/jk_joint/jk_joint_guide.jpg)no-repeat 50% 0;
}
/* 어깨질환 */
.jk_joint_shoulder_1 {	
    position: relative;
    width: 100%;
    height: 4547px;
    min-width: 1280px;
    max-width: 1920px;
    margin: 0px auto 0px auto;
    background: url(../img/jk_joint/jk_joint_shoulder_1.jpg)no-repeat 50% 0;
}
.jk_joint_shoulder_2 {
    position: relative;
    width: 100%;
    height: 4012px;
    min-width: 1280px;
    max-width: 1920px;
    margin: 0px auto 0px auto;
    background: url(../img/jk_joint/jk_joint_shoulder_2.jpg?20240820)no-repeat 50% 0;
}
.jk_joint_shoulder_3 {
    position: relative;
    width: 100%;
    height: 3601px;
    min-width: 1280px;
    max-width: 1920px;
    margin: 0px auto 0px auto;
    background: url(../img/jk_joint/jk_joint_shoulder_3.jpg?20240820)no-repeat 50% 0;
}
.jk_joint_shoulder_4 {
    position: relative;
    width: 100%;
    height: 3999px;
    min-width: 1280px;
    max-width: 1920px;
    margin: 0px auto 0px auto;
    background: url(../img/jk_joint/jk_joint_shoulder_4.jpg?20240820)no-repeat 50% 0;
}
.jk_joint_shoulder_5 {
    position: relative;
    width: 100%;
    height: 3446px;
    min-width: 1280px;
    max-width: 1920px;
    margin: 0px auto 0px auto;
    background: url(../img/jk_joint/jk_joint_shoulder_5.jpg?20250416)no-repeat 50% 0;
}
/* 무릎질환 */
.jk_joint_knee_1 {	
    position: relative;
    width: 100%;
    height: 5576px;
    min-width: 1280px;
    max-width: 1920px;
    margin: 0px auto 0px auto;
    background: url(../img/jk_joint/jk_joint_knee_1.jpg?20240820)no-repeat 50% 0;
}
.jk_joint_knee_2 {
    position: relative;
    width: 100%;
    height: 4624px;
    min-width: 1280px;
    max-width: 1920px;
    margin: 0px auto 0px auto;
    background: url(../img/jk_joint/jk_joint_knee_2.jpg)no-repeat 50% 0;
}
.jk_joint_knee_3 {
    position: relative;
    width: 100%;
    height: 4424px;
    min-width: 1280px;
    max-width: 1920px;
    margin: 0px auto 0px auto;
    background: url(../img/jk_joint/jk_joint_knee_3.jpg?20240820)no-repeat 50% 0;
}
.jk_joint_knee_4 {
    position: relative;
    width: 100%;
    height: 3674px;
    min-width: 1280px;
    max-width: 1920px;
    margin: 0px auto 0px auto;
    background: url(../img/jk_joint/jk_joint_knee_4.jpg?20240820)no-repeat 50% 0;
}
/* 고관절질환 */
.jk_joint_coxa_1 {	
    position: relative;
    width: 100%;
    height: 3077px;
    min-width: 1280px;
    max-width: 1920px;
    margin: 0px auto 0px auto;
    background: url(../img/jk_joint/jk_joint_coxa_1.jpg?20240820)no-repeat 50% 0;
}
.jk_joint_coxa_2 {
    position: relative;
    width: 100%;
    height: 2715px;
    min-width: 1280px;
    max-width: 1920px;
    margin: 0px auto 0px auto;
    background: url(../img/jk_joint/jk_joint_coxa_2.jpg)no-repeat 50% 0;
}
.jk_joint_coxa_3 {
    position: relative;
    width: 100%;
    height: 2798px;
    min-width: 1280px;
    max-width: 1920px;
    margin: 0px auto 0px auto;
    background: url(../img/jk_joint/jk_joint_coxa_3.jpg)no-repeat 50% 0;
}
/*<=== 관절치료 새롭게 추가 JK */

/* 비수술 통증치료 */
.reason0301-01{
  background:url(../img/pain/reason0301-01.jpg) no-repeat 50%;
  background-size:100% auto;
  padding:0px 110px 0px 532px;
}
.reason0301-02{
  background:url(../img/pain/reason0301-02.jpg) no-repeat 50%;
  background-size:100% auto;
  padding:0px 110px 0px 532px;
}
.reason0301-03{
  background:url(../img/pain/reason0301-03.jpg) no-repeat 50%;
  background-size:100% auto;
  padding:0px 110px 0px 532px;
}
.reason0302-01{
  background:url(../img/pain/reason0302-01.jpg) no-repeat 50%;
  background-size:cover;
  padding:0px 88px 0px 532px;
}
.reason0302-02{
  background:url(../img/pain/reason0302-02.jpg) no-repeat 50%;
  background-size:100% auto;
  padding:0px 130px 0px 532px;
}
.cure_criteria {padding-bottom:112px;}
.cure_criteria figcaption >p{
  margin:16px 0px;
}
.cure_ts>figure{
  width: 542px;
}
.cure_ts>figcaption{
  width:646px;
}
.part{padding-bottom:224px;}
.part figure{
  width:1165px;
  margin:0 auto;
}
.situ0301-02{
  background:url(../img/pain/situ0301-02.jpg) no-repeat 50%;
  background-size: cover;
  background-attachment: fixed;
}
.situ0301-03{
  background:url(../img/pain/situ0301-03.jpg) no-repeat 50%;
  background-size: cover;
  background-attachment: fixed;
}
.situ0302-01{
  background:url(../img/pain/situ0302-01.jpg) no-repeat 50%;
  background-size: cover;
  background-attachment: fixed;
  padding-bottom: 112px !important;
}
.situ0301-02 p,.situ0301-03 p,.situ0302-01 p{
  margin-bottom:0px;
}
.situ0301-02 ul{
  margin:32px auto;
}
.situ0301-02 ul>li{
  width:136px;
  min-height:136px;
  margin-right:16px;
}
.situation ul>li>p{
  line-height:24px;
}
.situ0301-02 ul>li>p{
  padding-top:40px;
}
.pain_injection ul{
  margin-top:16px;
}
.pain_injection ul li{
  font-size:16px;
  line-height:24px;
  color:rgb(134, 134, 139);
}
.injection_wrap{
  border-radius:16px;
  background:url(../img/pain/injection.png) no-repeat 0% 50%, rgb(245,249,252);
  overflow:hidden;
  padding:112px 47px;
  margin:64px auto 0px;
}
.injection_text{
  float: right;
}
.rehab_kind{
  margin:120px auto 224px;
}
.rehab_kind ul{
  overflow:hidden;
  width:100%;
}
.rehab_kind ul>li{
  float: left;
  width:33.33%;
  vertical-align:top;
}
.rehab_kind ul>li>figure{
  width:136px;
  margin:0 auto 32px;
}
.rehab_kind ul>li p{
  font-weight:600;
  margin-top:16px;
}
.rehab_kind ul>li:nth-of-type(2) p:last-of-type{
  margin-top:0px;
}
.rehab_kind ul>li p span{
  display: block;
  font-size:16px;
  line-height:20px;
  margin-top:8px;
}
.dis3_0302_01{
  margin-top:48px;
}
.dis3_0302_01>figure{
  width:510px;
}
.dis3_0302_01>figcaption{
  width:690px;
  padding-left:150px;
}
.teamList{
  padding-top:112px;
}
.disList ul{
  margin-top:80px;
}
/* 팀 자세히보기 */
.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(1):hover{
  background:url(../img/pain/team01-hover.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(2):hover{
  background:url(../img/pain/team02-hover.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(3):hover{
  background:url(../img/pain/team03-hover.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(4):hover{
  background:url(../img/pain/team04-hover.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(5):hover{
  background:url(../img/pain/team05-hover.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 ul >li:nth-of-type(6):hover{
  background:url(../img/pain/team06-hover.jpg) no-repeat 50%;
  background-size:cover;
}
.teamWrap{
  position: relative;
  width:100%;
  height:100%;
}
.teamcover{
  background:rgb(245,249,252);
  width: 100%;
  height: 100%;
  border-radius:16px;
  overflow:hidden;
  left: 0;
  top: 0;
  display: none;
  pointer-events: none;
  z-index: 1;
}
.teamcover.on{
  display: block;
  pointer-events: all;
  z-index:2;
  position: absolute;
}
.teamLayer{
  width: 100%;
  height: 100%;
  max-height:1200px;
  -ms-overflow-style: none;
  overflow-y: scroll;
  position: relative;
  z-index: 3;
  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;
}
.teamcover .close{
  position: absolute;
  width:32px;
  top:24px;
  right:24px;
  cursor:pointer;
  z-index:2001;
}
.team_name{
  overflow:hidden;
  position: absolute;
  width:1048px;;
  left:calc(50% - 524px);
  top:50%;
  transform: translateY(-50%);
}
.team_name>figcaption{
  float: left;
  width:532px;
  padding-top: 68px;
  padding-right:42px;
  vertical-align:top;
}
.team_name>figcaption h3{
  margin-bottom:24px;
  color:#10123D;
}
.team_name>figcaption p{
  font-size:16px;
  line-height:20px;
  color:#86868B;
}
.team_name>figure{
  float: left;
  vertical-align:top;
  width:516px;
}

/*===> 재활치료. 새롭게 추가 JK */
.jk_rehabilitation_1 {
    position: relative;
    width: 100%;
    height: 3758px;
    min-width: 1280px;
    max-width: 1920px;
    margin: 176px auto;
    background: url(../img/jk_rehabilitation/jk_rehabilitation_1.jpg?202312)no-repeat 50% 0;
}
.jk_rehabilitation_2 {
    position: relative;
    width: 100%;
    height: 4725px;
    min-width: 1280px;
    max-width: 1920px;
    margin: 176px auto;
    background: url(../img/jk_rehabilitation/jk_rehabilitation_2.jpg?202312)no-repeat 50% 0;
}
.jk_rehabilitation_3 {
    position: relative;
    width: 100%;
    height: 3684px;
    min-width: 1280px;
    max-width: 1920px;
    margin: 176px auto;
    background: url(../img/jk_rehabilitation/jk_rehabilitation_3.jpg)no-repeat 50% 0;
}
/*===> 재활치료. 새롭게 추가 JK */

/* 게시판 */
.subtop{
  width: 100%;
  /* height: 384px; */
  height: 535px;  /* 컨텐츠 상단에 표시되는 타이틀이미지의 높이를 증가.  JK */
  /* padding-top:137px; */
  padding-top:30px;  /* 컨텐츠 상단 타이틀이미지 내에 위치하는 제목 높이를 조정.  JK */
  margin: 176px auto 0px;
}
.sub6-top{
  background: url(../img/subtop6-bg.jpg) no-repeat 50% 0%;
  background-size: cover;
}
#container_title{
  display:none;
}
#lnb{
  position: absolute;
  bottom: 0;
}
#lnb ul.flex{
  /* background: rgb(255,255, 255); */	/* 컨텐츠 상단에 표시되는 메뉴의 배경색을 주석처리.  JK */
  width:100%;
  justify-content: center;
  /* border-top:1px solid rgb(112,112,112); */  /* 컨텐츠 상단에 표시되는 메뉴의 위테두리를 없앰.  JK */
}
#lnb ul.flex>li{
  flex: 1;
  width:150px;
  height: 56px;
  display: table;
  position: relative;
  cursor: pointer;
  /* border-right:1px solid rgb(112,112,112); */
  border-right:1px solid rgb(160,160,160);  /* 컨텐츠 상단에 표시되는 메뉴 사이의 경계선을 보다 밝게 처리.  JK */
  border-top: 1px solid rgb(112,112,112);  /* 컨텐츠 상단에 표시되는 메뉴 위쪽의 경계선을 위해 추가.  JK */
  background: rgba(2.7,3.1,29.8,0.5);	 /* 컨텐츠 상단에 표시되는 메뉴의 배경색을 위해 추가.  JK */
}
#lnb ul.flex>li:first-of-type{
  border-left:1px solid rgb(112,112,112);
}
#lnb ul.flex>li:last-of-type{
  /* border-right:none; */
  border-left:1px solid rgb(112,112,112);  /* 컨텐츠 상단에 표시되는 메뉴의 맨 오른쪽 경계선을 위해 추가.  JK */
}
#lnb ul>li>a {
  display: table-cell;
  width: 100%;
  vertical-align: middle;
  font-weight:600;
  line-height:24px;
  /* 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 */
}

#bo_list,#bo_v,#bo_w,#bo_gall{
  padding:112px 0px;
}
#bo_list>h2, #bo_v>h2,
#bo_w>h2, #bo_gall>h2{
  font-weight:700;
  color:rgb(0,44,77);
  letter-spacing:0.45em;
}
#bo_list>h3, #bo_v>h3,
#bo_w>h3, #bo_gall>h3{
  margin:8px auto 112px;
  color:#FF8800;
}
#bo_list_total,
.btn_bo_user>li>.btn{
  color: rgb(134, 134, 139);
}
.btn_bo_user>li{
  width:auto;
}
.tbl_wrap thead th,
.tbl_wrap tbody td{
  color: rgb(134, 134, 139);
  padding:16px 0px;
  word-break: keep-all;
}
.tbl_wrap .thnum{
  width:76px;
}
.tbl_wrap .thtitle{
  width:900px;
}
.tbl_wrap .thdate{
  width:134px;
}
.tbl_wrap .thhit{
  width:90px;
}

/* 제증명발급안내 */
#bo_list.guide_wrap{
  padding-bottom:0px;
}
.guide_box{
  margin: 40px auto 0px;
  padding: 40px 0;
  background:rgb(102, 134, 175);
  position: relative;
  overflow: hidden;
}
.saehim_note{
  width: 30%;
  float: left;
  height: 100px;
  line-height: 100px;
  font-size: 40px;
  text-align: center;
  border-right: 1px dotted #fff;
  color: #fff;
}
.saehim_note>span{
  font-size:30px;
}
.saehim_down{
  width: 70%;
  float: left;
  padding: 0 32px;
}
.saehim_down>a{
  display: inline-block;
  padding: 8px 16px;
  margin-right: 10px;
  border-radius: 20px;
  background:rgb(0, 45, 72);
  margin-top: 16px;
  border: 1px solid rgb(0, 45, 72);
  background-size: contain;
}
.guide_box>span {
  position: absolute;
  width: 164px;
  height: 68px;
  background: #fff;
  right: -77px;
  bottom: 49px;
  transform-origin: right bottom;
  transform: rotate(-45deg);
}
.guide_list_box{
  padding: 70px 0 80px;
}
.in_guide_contents{
  margin-bottom: 32px;
  padding: 29px 120px 16px 120px;
  border-bottom: 1px solid #cbd0d8;
}
.in_guide_contents h3{
  line-height: 100%;
  font-size:30px;
  font-weight:300;
  color:rgb(47, 66, 98);
  margin-bottom: 22px;
}
.in_guide_contents p{
  font-size: 20px;
  font-weight: 100;
  margin: 30px 0px 5px;
  display: table;
  padding: 5px 30px;
  background: rgb(102, 134, 175);
  border-bottom: 3px solid rgb(0, 45, 72);
}
.in_guide_contents > ul{
  padding:16px 0px;
}
.in_guide_contents > ul > li{
  color: #777;
  font-size: 16px;
  margin-bottom: 8px;
  padding-left: 20px;
  margin-left: 21px;
  background: url(../img/icon_check2.png) no-repeat 0 4px;
  background-size: 13px;
}
.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/joint/cr_knee01.jpg) no-repeat 50%;
  background-size: cover;
}
.knee02 .cr_disease01{
  background: url(../img/joint/cr_knee02.jpg) no-repeat 50%;
  background-size: cover;
}
.knee03 .cr_disease01{
  background: url(../img/joint/cr_knee03.jpg) no-repeat 50%;
  background-size: cover;
}
.knee04 .cr_disease01{
  background: url(../img/joint/cr_knee04.jpg) no-repeat 50%;
  background-size:cover;
}
.knee05 .cr_disease01{
  background: url(../img/joint/cr_knee05.jpg) no-repeat 50%;
  background-size: cover;
}
.knee06 .cr_disease01{
  background: url(../img/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/joint/cr_shoulder01.jpg) no-repeat 50%;
  background-size: cover;
}
.shoulder02 .cr_disease01{
  background: url(../img/joint/cr_shoulder02.jpg) no-repeat 50%;
  background-size: cover;
}
.shoulder03 .cr_disease01{
  background: url(../img/joint/cr_shoulder03.jpg) no-repeat 50%;
  background-size: cover;
}
.shoulder04 .cr_disease01{
  background: url(../img/joint/cr_shoulder04.jpg) no-repeat 50%;
  background-size:cover;
}
.shoulder05 .cr_disease01{
  background: url(../img/joint/cr_shoulder05.jpg) no-repeat 50%;
  background-size: cover;
}
.shoulder06 .cr_disease01{
  background: url(../img/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/joint/cr_handfoot01.jpg) no-repeat 50%;
  background-size: cover;
}
.handfoot02 .cr_disease01{
  background: url(../img/joint/cr_handfoot02.jpg) no-repeat 50%;
  background-size: cover;
}
.handfoot03 .cr_disease01{
  background: url(../img/joint/cr_handfoot03.jpg) no-repeat 50%;
  background-size: cover;
}
.handfoot04 .cr_disease01{
  background: url(../img/joint/cr_handfoot04.jpg) no-repeat 50%;
  background-size:cover;
}
.handfoot05 .cr_disease01{
  background: url(../img/joint/cr_handfoot05.jpg) no-repeat 50%;
  background-size: cover;
}
.handfoot06 .cr_disease01{
  background: url(../img/joint/cr_handfoot06.jpg) no-repeat 50%;
  background-size: cover;
}
.handfoot05 .cr_name>figure,
.handfoot06 .cr_name>figure{
  width:516px;
}
.handfoot06 .diswrap1>figure{
  width:544px;
}
.handfoot06 .diswrap1>figcaption{
  width:calc(100% - 620px);
}

/*  관절센터 질환별 소개 */
.dispic1 .cr_name > figcaption{
  padding-top:110px;
}
.dispic1 figure{
  width:400px;
  float: right;
}
.dispic2{
  padding-bottom:46px;
}
.dispic2 .cr2Text>h4{
  margin-bottom:15px;
}
.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: 4px;
  height: 4px;
  top: 10px;
}
.diswrap1{
  overflow:hidden;
}
.diswrap1>figure{
  float: left;
  width:496px;
  margin-left:76px;
  vertical-align:top;
}
.diswrap1>figcaption{
  float: left;
  width: calc(100% - 572px);
  box-sizing: border-box;
  padding:178px 0px 0px 46px;
}
.diswrap1>figcaption h4{
  font-weight:600;
  margin-bottom: 15px;
}
.diswrap1>figcaption dd{
  color:rgb(134, 134, 139);
}
.diswrap1>figcaption dd:before{
  top:10px;
  background:rgb(134, 134, 139);
}
.jointdis2{
  background:rgb(245, 249, 252);
  padding:112px 0px;
}
.diswrap2{
  width:100%;
  justify-content: center;
  margin:33px auto 0px;
}
.diswrap2>li{
  width:calc(33.33% - 12px);
  height:400px;
  border-radius:16px;
  overflow:hidden;
  margin-right:16px;
  padding:48px 0px 0px;
}
.diswrap2>li:last-of-type{
  margin-right: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{
  text-align:center;
  font-weight:500;
}

/* 회원가입 */
.register{
  width:1200px;
  padding:202px 0px 112px;
  position: relative;
  z-index:1;
}
.chk_li{
  padding-left: 10px;
  vertical-align: top;
}
#captcha #captcha_img{
  width:auto;
}
#reg_result{
  width:1200px;
  margin: 202px auto 0px;
}
.btn_confirm_reg{
  margin-bottom:112px;
}

/* 미디어쿼리 아이패드 세로 */ 
/*
@media all and (min-width:812px) and (max-width:1023px){

}
*/

/* 미디어쿼리 아이패드 가로*/
/*
@media all and (min-width:1024px) and (max-width:1300px){
  #hd{
    min-width:100%;
  }
  .cont1200{
    width:1000px;
  }
  #hd.scroll .gnb{
    width:675px;
    float: left;
    margin-left:0px;
  }
  #hd.scroll .menu>li>a{
    padding-left:5px;
    padding-right:5px;
    font-size: 12px;
  }
  #hd.scroll .menu>li:last-of-type{
    width:128px;
  }
  .btn_reser{
    width:110px;
  }
  .btn_reser>a{
    font-size:12px;
  }
  .gnb{
    width:1000px;
  }
  .menu>li>a{
    font-size:14px;
    padding-left:16px;
    padding-right:16px;
  }
*/
  /* 상단메뉴 */
/*
  .gnb2dWrap{
    width:100%;
  }
  .gnb_list{
    width: 816px;
    padding-right: 18px;
    padding-left: 26px;
  }
  .gnb_list > ul{
    width: 170px;
  }
  .gnb_list > ul > li{
    width:100%;
    float:none;
    margin-bottom: 20px;
  }
  .gnb_list > ul > li > a{
    font-size:14px;
    line-height:20px;
  }
  .gnb-snslink{
    padding-top:12px;
    padding-bottom:12px;
    justify-content:center;
  }
  .gnb-snslink>li{
    width:35px;
  }
  .csinfo3>li{
    height:33px;
  }
  .csinfo3>li>a{
    font-size: 16px;
    line-height: 22px;
  }
  .csinfo3>li:nth-of-type(1)>a,
  .csinfo3>li:nth-of-type(2)>a{
    line-height:32px;
  }
  .csinfo{
    margin-top:12px;
    margin-bottom:12px;
  }
  .gnb-midde-list{
    width:600px;
  }
  .gnb-info-right{
    width:350px;
    padding-left:15px;
  }
  #quick{
    right:16px;
  }
  .title_video{
    height:800px;
  }
  .main1_ul1>li>a{
    font-size: 16px;
  }
  .main1_ul1>li>a:after{
    right:35px;
  }
  .main1_ul1>li:nth-of-type(3)>a:after,
  .main1_ul1>li:nth-of-type(4)>a:after{
    right:25px;
  }
  .main1_ul1>li:nth-of-type(5)>a:after,
  .main1_ul1>li:nth-of-type(6)>a:after{
    right:21px;
  }
  .main1_ul2>li{
    width:32%;
  }
  #main2{
    min-height:925px;
  }
  .maindocSwiper{
    height: 820px;
    width:1000px;
  }
  .main2Wrapper>li{
    height:820px;
  }
  .main2Wrapper>li>figcaption,
  .main2Wrapper>li>figure{
    width:500px;
  }
  .surgeryWrap>div{
    width:23.66%;
  }
  .surgeryWrap>div h3{
    font-size:24px;
    line-height:30px;
  }
  .vid-txt > figure{
    width:1024px;
  }
  .noticeList>li:nth-of-type(1){
    width: calc(50% - 8px);
    margin-right: 16px;
  }
  .noticeList>li:nth-of-type(2){
    width: calc(50% - 8px);
  }
  .undermenumap{
    width:316px;
  }
  #mainmap>iframe{
    width:100%;
  }
  #undermenu1{
    min-height:296px;
  }
  .reser_under li .apply{
    margin-top:8px;
  }
  #ft_copy{
    width:100%;
  }
*/
  /* 병원소개 */
/*
  .hoscont3Text{
    width:412px;
    padding-left:0px;
  }
  .hoscont3Text p br{
    display:none;
  }
  .hoscont5Text{
    padding-right:32px;
  }
  #clock{
    font-size: 126px;
  }
  .docWrap>table{
    width:772px;
  }
  .centerDoc{
    padding-left: 64px;
    padding-right: 64px;
  }
  .hosstudy2 ul>li{
    width: calc(50% - 8px);
  }
  .locaWrap>ul>li{
    width: calc(50% - 8px);
  }
  .transportWrap>figure{
    width: calc(50% - 8px);
    margin-right:16px;
  }
  .transportWrap>figcaption{
    max-width:calc(50% - 8px);
  }
  .subway .transportWrap ul{
    padding-top:0px;
  }
  .transportWrap ul li{
    margin-bottom:16px;
  }
  .transportWrap ul li h4{
    font-size:20px;
  }
  .transportWrap ul li p{
    font-size:12px;
    line-height:16px;
    margin-top:8px;
  }
*/
  /* 척추센터  */
/*
  .subTlt .cont1200{
    width:100%;
  }
  .deco_box p br{
    display:none;
  }
  .dis1>figcaption{
    width:500px;
    padding-top:120px;
  }
  .dis1>figure{
    width:500px;
  }
  .reason0201{
    padding: 0px 64px 0px 528px;
    background-size: cover;
  }
  .reason0202{
    padding:0px 64px 0px 500px;
    background-size: cover;
  }
  .reason0203{
    padding:0px 64px 0px 500px;
    background-size: cover;
  }
  .reason0204{
    padding:0px 64px 0px 460px;
    background-size:cover;
  }
  .reason0205{
    padding:0px 36px 0px 410px;
    background-size: cover;
  }
  .dis3>figcaption{
    width:572px;
    padding-top:26px;
  }
  .deco_graph>p{
    padding:0px 40px;
  }
  .endocure_wrap{
    display: flex;
    flex-wrap: wrap;
    justify-content:center;
  }
  .endocure_wrap>figcaption{
    width:560px;
    padding:64px 64px 0px;
  }
  .disList ul >li, .teamList ul > li{
    width: 32%;
    min-height: 320px;
    padding-top:130px;
  }
  .cr_name > figcaption{
    padding-top:72px;
  }
  .cr_name > figure{
    width:392px;
  }
  .cr_disease{
    padding-left:520px;
    background-size:cover;
  }
  .cureList>li{
    width:calc(50% - 16px);
  }
*/

  /* 서브페이지 하단 의료진 */
/*
  .subDoc{
    padding-left:64px;
    padding-right:64px;
  }
*/
}

/* 미디어쿼리 1301px ~1570px */
/*
@media all and (min-width:1301px) and (max-width:1570px){
  #hd.scroll .gnb{
    width:750px;
    float: left;
    margin-left:0px;
  }
  #hd.scroll .menu>li>a{
    padding-left:5px;
    padding-right:5px;
    font-size: 14px;
  }
  #hd.scroll .menu>li:last-of-type{
    width:128px;
  }
  .btn_reser{
    width:130px;
  }
  .btn_reser>a{
    font-size:14px;
  }
  */
  /* 상단메뉴 */
  /*
  .gnb2dWrap{
    width:1301px;
  }
  .gnb_list{
    width:890px;
    padding-right:18px;
  }
  .gnb_list > ul{
    width: 215px;
  }
  .gnb_list > ul > li{
    width:100%;
    float:none;
  }
  .gnb-midde-list{
    width:600px;
  }
  .gnb-info-right{
    width:350px;
    padding-left:15px;
  }
  /* 퀵바 */
  /*
  #quick{
    right:16px;
  }
  .btLogo>img{
    width:37px;
  }
  .title_video>video{
    width: auto;
    height: 100%;
  }
  .contents .cont1200{
    width:1080px;
  }
  .surgeryWrap>div{
    width: 256px;
  }
  #undermenu1 .cont1200,
  #undermenu2 .cont1200,
  #undermenu3 .cont1200{
    width:1080px;
  }
  .noticeList>li:nth-of-type(1){
    width:488px;
  }
  .undermenumap{
    width:396px;
  }
  #mainmap>iframe{
    width:100%;
  }
  */
  /* 서브페이지 */
  /*
  .subTlt .cont1200{
    width:100%;
  }
  .deco_box br{
    display:none;
  }
  .main1_ul1>li>a:after{
    right: 30px;
  }
  .main1_ul1>li:nth-of-type(3)>a:after,
  .main1_ul1>li:nth-of-type(4)>a:after{
    right:22px;
  }
  .main1_ul1>li:nth-of-type(5)>a:after,
  .main1_ul1>li:nth-of-type(6)>a:after{
    right:16px;
  }
  .main1_ul2>li{
    width: 349px;
  }
  #subcont .cont1200{
    width:1080px;
  }
  .hoscont3Text{
    width:412px;
  }
  .hoscont5Text{
    padding-right:32px;
  }
  .dis3>figcaption p{
   padding-right:64px;
  }
  #clock{
    font-size:155px;
  }
  .docWrap>table{
    width:852px;
  }
  .centerDoc>figcaption{
    max-width: 400px;
    padding-top: 40px;
  }
  .hosdoc3Wrap>p{
    padding:0px 54px;
  }
  .hosstudy2 ul>li{
    width:532px;
    min-height:240px;
  }
  .hosstudy2 ul>li p{
    word-break: break-all;
  }
  .locaWrap>ul>li{
    width:532px;
  }
  .transportWrap>figure{
    width:520px;
    margin-right:30px;
  }
  .transportWrap>figcaption{
    max-width:430px;
  }
  .transportWrap>figcaption ul{
    padding-top:0px;
  }
  .transportWrap ul li p{
    margin-top:8px;
  }
  .bus .transportWrap ul li{
    width:50%;
    margin-right:0px;
  }
  .parking>figure{
    width: 610px;
    margin-right: 62px;
  }
  .dis1>figcaption{
    width:540px;
  }
  .dis1>figure{
    width:540px;
  }
  .dis2{
    min-height:452px;
  }
  .reason0201,
  .reason0202{
    padding-left: 585px;
  }
  .dis3>figcaption{
    width:652px;
  }
  .cure_criteria{
    padding-bottom: 0px;
  }
  .injection_wrap{
    padding-right:112px;
  }
  .endocure_wrap{
    width:100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  .endocure_wrap>figcaption{
    width:460px;
    padding-top:24px;
  }
  .disList ul >li, .teamList ul > li{
    width:348px;
    min-height:348px;
    padding-top:140px;
  }
  .dis3_0302_01>figure{
    width:428px;
  }
  .situation p,
  .cure_wrap>p{
    padding:0px 54px;
  }
  .deco_graph>p{
    padding:0px 78px;
  }
  .situation ul>li>p{
    padding: 0px;
  }
  .situ0203 p{
    margin-bottom:8px;
  }
  .rehab ul>li{
    width:532px;
  }
  .rehab ul>li>h4{
    font-size:42px;
  }
  */
  /* 서브페이지 하단 의료진 */
  /*
  .subDoc>figure{
    position: relative;
    transform: translateY(76px);
  }
  .subDoc>figcaption{
    width:495px;
    padding-top: 36px;
  }
  .subTime>h5{
    position: static;
  }
  /*
  /* 치료법 자세히보기 */
  /*
  .cr_name > figcaption{
    padding-top:88px;
  }
  .cr_name > figure{
    width: 478px;
  }
  */
  /* 관절센터 */
  /*
  .cureList>li{
    width:532px;
    min-height:532px;
  }
  */
}

/* 미디어쿼리 1571px ~ 1920px */
/*
@media all and (min-width:1571px) and (max-width:1920px){
  #hd.scroll .gnb{
    float: left;
  }
  .gnb2dWrap{
    width:1570px;
  }
  .gnb_list{
    width:978px;
    padding-right:38px;
  }
  .gnb_list > ul{
    width: 215px;
  }
  .gnb_list > ul > li{
    width:100%;
    float:none;
  }
  .gnb-info-right{
    width:350px;
    padding-left:15px;
  }
}
*/
/*
@media all and (min-width:1024px) and (max-width:1570px){
  #hd.scroll .upper{
    width: 180px;
  }
  .upper>li>a{
    font-size: 12px;
    line-height: 16px;
  }
}
*/
/* 임시 스타일 + 삭제예정 */
#sns_login{
  text-align:center;
}
#mb_login #sns_login .sns-icon{
  display: inline-block;
  float:none !important;
}



.cube {
  position: relative;
  height: 200px;
  width: 200px;
  transform-style: preserve-3d;
  animation: animate 8s linear infinite;
}

@keyframes animate {
  0% {
    transform: rotateX(-30deg) rotateY(0deg);
  }

  100% {
    transform: rotateX(-30deg) rotateY(360deg);
  }
}

.cube .div {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transform-style: preserve-3d;
}

.cube .div .span {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  font-size:20px;
  transform: rotateY(calc(90deg * var(--i))) translateZ(100px);
  background-image: linear-gradient(
    -45deg,
    #000000,
    #13273f,
    #0d1729,
    #6a6a8d);
  background-size: 1200% 1200%;
  animation: AnimationName 30s ease infinite;
  display: flex;
  justify-content: center;
  align-items: center;
  transform-style: preserve-3d;
}

.cube .div .span p {
  position: absolute;
  font-size: 1em;
  color: white;
  transform: translateZ(20px);
}

.cube .div .span p:nth-child(1) {
  transform: translateZ(0) translateY(20px);
  color: rgba(0,0,0,0.1);
  filter: blur(2px);
}

@keyframes AnimationName {
  0% {
    background-position: 0% 50%;
  }

  50% {
    background-position: 100% 50%;
  }

  100% {
    background-position: 0% 50%;
  }
}

.top {
  position: absolute;
  top: 0;
  left: 0;
  width: 600px;
  height: 600px;
  background-image: linear-gradient(
    -45deg,
    #000000,
    #13273f,
    #0d1729,
    #6a6a8d);
  transform: rotateX(90deg) translateZ(100px);
  background-size: 1200% 1200%;
  animation: AnimationName 30s ease infinite;
}

.top::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 200px;
  height: 200px;
  background-image: linear-gradient(
    -45deg,
    #000000,
    #0d0d0e,
    #030303,
    #000000);
  background-size: 1200% 1200%;
  animation: AnimationName 30s ease infinite;
  box-shadow: 0 0 240px #3d413e,0 0 240px #302f2f,0 0 240px #413f3f;
  transition: box-shadow 3s;
  transform: translateZ(-200px);
  filter: blur(40px);
}

@keyframes AnimationName2 {
  0% {
    background-position: 0% 50%;
  }

  50% {
    background-position: 100% 50%;
  }

  100% {
    background-position: 0% 50%;
  }
}