@charset "utf-8"; 
/* copyright(c) WEBsiting.co.kr */

/* �������������� ����Ǵ� �ڵ� */



/*커스텀 커서 시작==========*/
.custom-cursor {
  width: 64px;
  height: 64px;
  position: fixed;
  top: 30px;
  left: 30px;
  z-index: 9999;
  pointer-events: none;
  opacity: 0;
  transform: translate(-50% -50%);
  background: transparent;
  backface-visibility: hidden;
  transition: none;
  mix-blend-mode: difference; /*사용자 수정*/
  pointer-events: none;
  border-radius: 50%;
  transform: scale(1)
}
 
.custom-cursor-icon {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: transparent; /*사용자 수정*/
  transition: all .2s ease;
  transform-origin: 50% 50%;
  background-image: url(../img/cursor.png);
  background-repeat: no-repeat;
  background-size: cover;
}
 
.custom-cursor.custom_cursor_visible {
  opacity: 1
}
 
.custom-cursor.custom_cursor_hidden {
  opacity: 0
}
 
@media (pointer:none),
(pointer:coarse) {
 
  #custom_cursor,
  #custom_cursor .custom-cursor-icon {
    display: none !important;
    visibility: hidden;
    opacity: 0
  }
 
  * {
    cursor: auto !important
  }
}
 
@media (max-width:767.98px) {
  .custom-cursor {
    display: none
  }
}
 
.custom-cursor.custom_cursor_hover .custom-cursor-icon {
  transform: scale(1.6)
}
/*커스텀 커서 끝==========*/




#ctWrap{width:100%; max-width:100%; margin:0 auto !important; }

@media all and (max-width:980px)
{
	#hd,
	#hd #tnb,
	#hd #gnb{background:transparent; }
	#topSpacer{display:block; }
}

/* ���������� ����� �����̴� */
#sliderSpace{ overflow:hidden; width:100%; height:auto;}
#sliderSpace img{display:block; width:100%; height:auto;filter:Alpha(opacity=0); opacity:0; -moz-opacity:0;}
.mainVisualImage{padding:0px !important;position:relative; overflow:hidden;}
.mainVisualImage .mvSlider{padding:0px !important; margin:0px !important;width:100%;max-width: 1903px; overflow:hidden; background:none; position:absolute; z-index:1;visibility:visible;}
.mainVisualImage .bx-wrapper{margin-bottom:0px; }
.mainVisualImage .bx-viewport{margin:0px !important; padding:0px !important;}
.mainVisualImage .mvSlider ul{width:100%;margin:0px !important; padding:0px !important; background:#000;}
.mainVisualImage .mvSlider ul li{width:100% ; height:100%; position:relative; overflow:hidden;margin:0px !important; padding:0px !important; background-size:cover; background-position:center center; background-color:#000;}
.mainVisualImage .mvSlider ul li > a{width:100%; display:block; position:absolute; z-index:4; left:0px; right:0px; bottom:0px; top:0px; background:RGBA(0,0,0,0.0);}
.mainVisualImage .mvSlider ul li > a > img{width:100%;  display:block; width:100% !important; position:relative; z-index:1;}
.mainVisualImage .mvSlider ul li > img{width:100%; display:block; width:100% !important; position:relative; z-index:1;filter:Alpha(opacity=0); opacity:0; -moz-opacity:0;}
.mainVisualImage .mvSlider ul li img.opacity0fhd{display:block; width:100% ; height:1080px;}
.mainVisualImage .mvSlider ul li .WCMSScontS{position:absolute; left:15%; right:15%;top:0px; bottom:0px; z-index:2; -webkit-transition-duration: 0.4s; -webkit-transition-timing-function: ease; transition-duration: 0.4s; transition-timing-function: ease;}
.mainVisualImage .mvSlider ul li .WCMSScontS > dl{width:100%;height:100%; position:relative; top:0px; bottom:0px; left:0px; right:0px;}
.mainVisualImage .mvSlider ul li .WCMSScontS > dl dt{display:block; position:absolute; left:0px; right:0px; bottom:44%; font-size:46px; font-weight:bold;}
.mainVisualImage .mvSlider ul li .WCMSScontS > dl dd{display:block; position:absolute; left:0px; right:0px; top:36%; font-size:26px; text-decoration:none;}
.mainVisualImage .mvSlider ul li .WCMSScontS > dl dt,
.mainVisualImage .mvSlider ul li .WCMSScontS > dl dd{color:#fff;text-shadow:0px 0px 10px rgba(0,0,0,0.5),0px 0px 14px rgba(0,0,0,0.5),0px 0px 10px rgba(0,0,0,0.5);}
.mainVisualImage .mvSlider ul li .WCMSScontS > dl dd a{margin-top:15px;display:inline-block; font-size:14px; color:#fff; background:#000; padding:10px 30px; border-radius:50px; letter-spacing:1px;text-shadow:0px 0px 0px rgba(0,0,0,0),0px 0px 0px rgba(0,0,0,0),0px 0px 0px rgba(0,0,0,0); -webkit-transition-duration: 0.3s; -webkit-transition-timing-function: ease; transition-duration: 0.3s; transition-timing-function: ease;}
.mainVisualImage .mvSlider ul li .WCMSScontS > dl dd a:hover{filter:Alpha(opacity=80); opacity:0.8; -moz-opacity:0.8;}
.mainVisualImage .mvSlider ul li .WCMSScontS > dl dt,
.mainVisualImage .mvSlider ul li .WCMSScontS > dl dd{filter:Alpha(opacity=0); opacity:0; -moz-opacity:0;-webkit-transition-duration: 0.6s; -webkit-transition-timing-function: ease; transition-duration: 0.6s; transition-timing-function: ease;}
.mainVisualImage .mvSlider ul li.on .WCMSScontS > dl dt,
.mainVisualImage .mvSlider ul li.on .WCMSScontS > dl dd{filter:Alpha(opacity=100); opacity:1; -moz-opacity:1;}
.mainVisualImage .mvSlider ul li.on .WCMSScontS > dl dt{bottom:54%;}
.mainVisualImage .mvSlider ul li.on .WCMSScontS > dl dd{ top:46%; }

.mainVisualImage .bx-wrapper .bx-pager{position:absolute !important; width:100%; left:0px; bottom:30px; z-index:9; text-align:center; }
.mainVisualImage .bx-wrapper .bx-pager a{-moz-border-radius:10px !important; -webkit-border-radius:10px !important; border-radius:15px !important; width:12px !important; height:12px !important; border:2px solid rgba(255,255,255,0.5); background:rgba(0,0,0,.4) !important; -webkit-transition-duration: 0.2s; -webkit-transition-timing-function: ease; transition-duration: 0.2s; transition-timing-function: ease; }
.mainVisualImage .bx-wrapper .bx-pager.bx-default-pager a:focus,
.mainVisualImage .bx-wrapper .bx-pager.bx-default-pager a:hover{background:RGBA(255,255,255,0.8) !important; }
.mainVisualImage .bx-wrapper .bx-pager.bx-default-pager a.active{width:40px !important; background:RGBA(4,4,4,.8) !important; border:2px solid rgba(255,255,255,0.5);  -webkit-transition-duration: 0.2s; -webkit-transition-timing-function: ease; transition-duration: 0.2s; transition-timing-function: ease; }

.mainVisualImage .txtLeft{text-align:left;}
.mainVisualImage .txtCenter{text-align:center !important;}
.mainVisualImage .txtRight{text-align:right;}

.mainVisualImage .youtubeBackgroundBG{ width:100%; height:100%; position:absolute; z-index:1;  top:0px; bottom:0px; left:0px; right:0px;  background:#000;overflow:hidden; color:#fff;}
.mainVisualImage .youtubeBackgroundBG > i.fa{display:block; width:80px; height:80px; line-height:80px; text-align:center; position:absolute; z-index:1; left:50%; top:50%; margin-left:-40px; margin-top:-40px; color:rgba(255,255,255,0.3); font-size:60px;}
.mainVisualImage .youtubeBackgroundBG .youtubePlayer{width:100%; height:100%; z-index:2; top:0px; bottom:0px; left:0px; right:0px;border:0px;overflow:hidden; background:transparent !important;}
.mainVisualImage .youtubeBackgroundBG .youtubePlayer:after{content:'';display:block;position:absolute; z-index:3; top:0px; bottom:0px; left:0px; right:0px; width:100%; height:100%; background:rgba(0,0,0,0.0.9);}






	#pc_footer_wrap {width: 100%;  background-color:#1a3351;height: 860px; margin: 0 auto}
	#pc_footer_wrap .pc_footer {width: 1400px;  background-color:#1a3351;height: 860px; margin: 0 auto; padding: 80px 0}
	#pc_footer_wrap .pc_footer .pc_footer_left { width: 500px; float: left; margin-right: 130px; }
	#pc_footer_wrap .pc_footer .pc_footer_right { width: 770px; float: right}
	
	
	
	
	
	.main_center_btn {width: 100%; overflow: auto;}
	.main_center_btn li {display: inline;float: left; width: 33.33333%;}
/*	.main_center_btn li:nth-last-child(1) {display: inline-block; width: 34%}*/
	.main_center_btn li a {display: inline-block; font-size: 0px;}
	.main_center_wbtn {width: 100%; text-align: center; margin: 0 auto}
	.main_center_wbtn li {}
	
	.center_member { padding: 100px 0; height:700px; background-color: #18425b; }
	

	.main_member {position: relative; width: 100%; text-align: center;}
	.doctor_tit{
		position: absolute;
		top: 8%;
		width: 100%;
	}
	.main_member h2 {font-size: 5em; color: #112337;letter-spacing: -2.5px; margin-bottom: 10px;}
	.main_member p {font-size: 2.8em; color: #5a5a5a;letter-spacing: -2px;}
	.main_member li { display: inline-block; margin: 0 }
	
	@media all and (max-width:768px){
		.doctor_tit{
			top: 7%;
		}
		.main_member h2 {
			font-size: 3em;
		}
		.main_member p{
			font-size: 1.7em;
		}
	}

	.main_title{
		position: relative;
		width: 100%; 
		text-align: center;
		margin-bottom: 70px;
	}

	@media all and (max-width:768px){
		.main_title{
			margin-bottom: 3rem;
		}
		.main_title h2 {
			font-size: 3em;
		}
		.main_title p{
			font-size: 1.7em;
		}
	}

/* 진료과목 */
.department{
	padding: 8rem 0 10rem;
}
.department .content{
	display: flex;
	flex-direction: column;
	gap: 25px;
	max-width: 1500px;
	width: 80%;
	margin: 0 auto;
}
.department .content li{
	position: relative;
}
.department .content .btn{
	position: absolute;
	left: 50%;
	top: 28.5%;
	display: flex;
	justify-content: space-evenly;
	align-items: center;
	width: 9vw;
	height: 2.55vw;
	background: #4b6890;
	transition: all 0.3s ease;
}
.department .content .btn:hover{
	background: #4b6890e0;
}
.department .content .btn span{
	color: #fff;
	font-size: 1.3vw;
}
@media all and (max-width:768px){
	.department{
		padding: 5rem 0;
	}
	.department .content{
		width: 90%;
	}
	.department .content .btn{
		top: unset;
		bottom: 14%;
		left: 8%;
		width: max(25vw, 100px);
		height: max(8vw, 34px);
		padding-bottom: 2px;
	}
	.department .content .btn span{
		font-size: max(3.6vw, 15px);
	}
}

/* 진료안내 */
.clinic-info .main_title h2{
	color: #fff;
}

	#commmunity {width: 100%; }
	#community .mtitle{
		margin-bottom: 5%;
	}
	#commmunity .comm_box {width: 1400px; height: 500px; margin: 0 auto}
	#commmunity .first_box {width: 451px;float: left; margin-right: 23px;  }
	#commmunity .first_box ul li:nth-child(1) {margin-bottom: 6px;}	
	#commmunity .second_box {width: 452px;height: 478px; margin-right: 23px; float: left; }
	#commmunity .third_box {width: 451px;  float: left; }
	
	
@media all and (max-width:800px)
{
	#commmunity {width: 100%; margin-top: 30px; }
	#commmunity .comm_box {width: 100%; height: auto; margin: 0 auto}
}





@media all and (max-width:800px)
{
	.mainVisualImage .bx-wrapper .bx-pager{bottom:10px !important; }
	.mainVisualImage .bx-wrapper .bx-pager a{width:8px; height:8px !important; margin:0 2px;  border:1px solid rgba(255,255,255,0.5);}
	.mainVisualImage .bx-wrapper .bx-pager.bx-default-pager a.active{width:28px !important;  border:1px solid rgba(255,255,255,0.5);}
	.mainVisualImage .bx-wrapper ul > li{width:100%; overflow:hidden; }
	.mainVisualImage .bx-wrapper ul > li img{width:160% !important; max-width:160% !important; margin-left:-30%; }
	
	.mainVisualImage .mvSlider ul li .WCMSScontS > dl dt{font-size:30px;}
	.mainVisualImage .mvSlider ul li .WCMSScontS > dl dd{font-size:16px; padding-top:5px;}
	.mainVisualImage .mvSlider ul li .WCMSScontS > dl dd a{ font-size:12px; padding:8px 15px; margin-top:10px; line-height:1.6em;}

	#sliderSpace img{width:160% !important; max-width:160% !important; height:auto; margin-left:-30%;}

}

@media all and (max-width:700px)
{
	.mainVisualImage .mvSlider ul li .WCMSScontS > dl dt{font-size:20px !important; }
	.mainVisualImage .mvSlider ul li .WCMSScontS > dl dd{font-size:12px !important; }
}
/* ������ ������� ũ�⺯ȯ ���� */
.contactIphone .mainVisualImage .mvSlider ul li .WCMSScontS > dl dt{font-size:20px !important; -webkit-text-size-adjust: none !important;}
.contactIphone .mainVisualImage .mvSlider ul li .WCMSScontS > dl dd{font-size:14px !important; -webkit-text-size-adjust: none !important;}







/* ���� ����Ͻ��ڽ� ���̾ƿ� */
.mainBusinessCubeWR{width:100%;text-align:center; padding-bottom:50px;}
.mainBusinessCube{width:100%; max-width:1200px;margin:-130px auto 0 auto; position:relative;z-index:3;overflow:hidden;}
.mainBusinessCube > dl{width:25%;float:left; background:#ddd;position:relative;margin:0px; padding:0px; overflow:hidden;}
.mainBusinessCube > dl > dt{margin:0px; padding:0px;}
.mainBusinessCube > dl > dd{margin:0px; padding:0px;}
.mainBusinessCube > dl.mbb01,
.mainBusinessCube > dl.mbb02,
.mainBusinessCube > dl.mbb03,
.mainBusinessCube > dl.mbb04{background:#555;}
.mainBusinessCube > dl.mbb05{background:#f9f9f9; border:1px solid #ddd;}
.mainBusinessCube > dl.mbb06{background:#f9f9f9; border:1px solid #ddd; border-left:0px;}
.mainBusinessCube > dl.mbb07{background:#fff; width:50%; border:1px solid #ddd; border-left:0px;}
.mainBusinessCube > dl.mbb05,
.mainBusinessCube > dl.mbb06,
.mainBusinessCube > dl.mbb07{height:330px;}

.mainBusinessCube > dl > dd.mbbCover{width:100%;height:auto;}
.mainBusinessCube > dl > dd.mbbCover img{display:block;width:100%;height:auto;filter:Alpha(opacity=0); opacity:0; -moz-opacity:0;}

.mainBusinessCube > dl.mbb01 > dd.mbbCover{}
.mainBusinessCube > dl.mbb02 > dd.mbbCover{background:rgba(0,0,0,0.1);}
.mainBusinessCube > dl.mbb03 > dd.mbbCover{background:rgba(0,0,0,0.2);}
.mainBusinessCube > dl.mbb04 > dd.mbbCover{background:rgba(0,0,0,0.3);}

.mbbTitAb{color:#fff; font-size:20px; position:absolute; left:30px;top:30px;z-index:1;}
.mbbContAb{position:absolute;left:30px;right:30px;top:80px;color:#fff;z-index:1;}
.mbbContAb .mcCs strong{display:block; font-size:20px; padding-bottom:15px;}
.mbbContAb .mcCs strong i{display:block; font-size:40px; padding:10px; color:rgba(255,255,255,0.2);}
.mbbContAb .mcCs b{display:block;padding-bottom:1px;filter:Alpha(opacity=60); opacity:0.6; -moz-opacity:0.6; font-size:12px;font-weight:normal;}
.mbbContAb .mcCs b a{color:#fff;}
.mbbContAb .mcCs > span {font-size:11px;}
.mbbContAb .mcCs > span br{display:none;}

.mbbContAb .mbb01txt {text-align:left; font-size:11px;}
.mbbContAb .mbb01txt span{display:block;margin-top:10px;color:#fff;filter:Alpha(opacity=60); opacity:0.6; -moz-opacity:0.6;display:block;overflow: hidden; text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 4;  -webkit-box-orient: vertical; word-wrap:break-word; line-height: 1.5em;height: 6em;}

.mbbContAb a:hover.mbb01txt span{filter:Alpha(opacity=90); opacity:0.9; -moz-opacity:0.9;}
.mbbContAb .mbb01txt i{display:block;width:100%; overflow:hidden;}
.mbbContAb .mbb01txt img{display:block;width:100%;-webkit-transition-duration: 0.2s;-webkit-transition-timing-function: ease;transition-duration: 0.2s;transition-timing-function: ease;}
.mbbContAb a:hover.mbb01txt img{transform: scale(1.1);filter:Alpha(opacity=60); opacity:0.6; -moz-opacity:0.6;-webkit-transition-duration: 0.2s;-webkit-transition-timing-function: ease;transition-duration: 0.2s;transition-timing-function: ease;}


.mainBusinessCube.mainBusinessCube3Dep > dl.mbb01,
.mainBusinessCube.mainBusinessCube3Dep > dl.mbb02,
.mainBusinessCube.mainBusinessCube3Dep > dl.mbb03{width:33.3333333% !important;}

.mainBusinessCube.mainBusinessCube3Dep > dl.mbb01 .mbbCover,
.mainBusinessCube.mainBusinessCube3Dep > dl.mbb02 .mbbCover,
.mainBusinessCube.mainBusinessCube3Dep > dl.mbb03 .mbbCover{position:absolute; left:0px; right:0px; bottom:0px; top:0px;}
.mainBusinessCube.mainBusinessCube3Dep > dl.mbb01 .mbbTitAb,
.mainBusinessCube.mainBusinessCube3Dep > dl.mbb02 .mbbTitAb,
.mainBusinessCube.mainBusinessCube3Dep > dl.mbb03 .mbbTitAb{position:relative; padding:50px 50px 30px; left:0px; right:0px; top:0px; bottom:0px; text-align:left;}
.mainBusinessCube.mainBusinessCube3Dep > dl.mbb01 .mbbContAb,
.mainBusinessCube.mainBusinessCube3Dep > dl.mbb02 .mbbContAb,
.mainBusinessCube.mainBusinessCube3Dep > dl.mbb03 .mbbContAb{position:relative;padding:0 50px 50px; left:0px; right:0px; top:0px; bottom:0px;}

/* 메인- 의료진 소개 탭 */
.ovfH {
  overflow: hidden;
}
#black {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.85);
  z-index: 104;
  backdrop-filter: blur(5px);
}
.doctor-con {
  position: relative;
  padding: 10rem 0;
  width: 80%;
  max-width: 1600px;
  margin: 0 auto;
}

.doctor-con .area {
  position: relative;
  z-index: 10;
}

.doctor-con .area .tit-wrap {
  position: relative;
  text-align: center;
}
.doctor-con .area .tit-wrap h3 {
  font-size: 3rem;
  font-weight: 600;
  word-break: keep-all;
}

.doctor-con .area .txt-wrap {
  display: flex;
  justify-content: space-between;
  margin-top: 6rem;
  gap: 10px;
}

.doctor-con .area .txt-wrap .doctor-box {
  position: relative;
  cursor: pointer;
  flex: 1;
  transition: flex 0.5s ease;
}

.doctor-con .area .txt-wrap .doctor-box .img {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 40rem;
  background-color: #f5f6f7;
  transition: border-radius 0.5s;
}

.doctor-con .area .txt-wrap:hover .doctor-box {
  flex: 1;
}

.doctor-con .area .txt-wrap .doctor-box:hover {
  flex: 2.5;
}

.doctor-con .area .txt-wrap .doctor-box .img .doctor-img {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%) scale(1);
  width: auto;
  max-width: none;
  transition: 0.5s;
}

.doctor-con .area .txt-wrap .doctor-box .name {
  font-size: 1.6rem;
  font-weight: 300;
  padding-top: 1.4rem;
}

.doctor-con .area .txt-wrap .doctor-box .name strong {
  font-size: 2rem;
  font-weight: 600;
}

.doctor-con .area .txt-wrap .doctor-box .view-btn {
    position: absolute;
    top: 1.5rem;
    right: 1.5rem;
    width: 3rem;
    border: none;
}

.doctor-con .area .txt-wrap .doctor-box .view-btn img {
  width: 100%;
  height: auto;
}

.doctor-con .area .txt-wrap .doctor-box:hover .img .doctor-img {
  transform: translateX(-50%) scale(1.2);
}

.doctor-con .doctor-popup {
  display: none;
  position: fixed;
  top: 55%;
  left: 50%;
  transform: translate(-50%,-50%);
  width: 80%;
  max-width: 1400px;
  z-index: 105;
  overflow: hidden;
}

.doctor-con .doctor-popup .inner {
  width: 100%;
  height: 100%;
  padding: 0;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior: contain;
  overflow: auto;
}

.doctor-con .doctor-popup .close-btn {
    position: absolute;
    top: 1rem;
    right: 1rem;
    border: none;
    background: none;
}

.doctor-con .doctor-popup .close-btn img {
  width: 2rem;
  height: auto;
}

.doctor-con .doctor-popup .doctor-img {
  width: auto;
  height: auto;
}

.doctor-con .doctor-popup .doctor-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}


@media all and (max-width:1300px)
{
	.mainBusinessCube{margin:0 auto;}
}

@media all and (max-width:1000px)
{
	.mainBusinessCubeWR{width:auto;padding:20px;}
	.mainBusinessCube{}
	.mainBusinessCube > dl{width:50%;}
	.mainBusinessCube > dl.mbb07{width:100%;border-left:1px solid #ddd;border-top:0px;}

	.mainBusinessCube > dl.mbb01 .mbbTitAb,
	.mainBusinessCube > dl.mbb02 .mbbTitAb{position:relative;left:0px; top:0px; padding:30px 30px 0;text-align:left;}
	.mainBusinessCube > dl.mbb01 .mbbContAb,
	.mainBusinessCube > dl.mbb02 .mbbContAb{position:relative;padding:30px; left:0px; right:0px; top:0px; bottom:0px;}
	.mainBusinessCube > dl.mbb01 .mbbCover,
	.mainBusinessCube > dl.mbb02 .mbbCover{position:absolute; left:0px; right:0px; bottom:0px; top:0px;}

	.mainBusinessCube > dl.mbb04 .mbbTitAb{right:30px;text-align:left;}
	.mainBusinessCube .mbbContAb .mcCs{margin-top:0;}

	.mainBusinessCube.mainBusinessCube3Dep > dl.mbb01{width:100% !important;}
	.mainBusinessCube.mainBusinessCube3Dep > dl.mbb02,
	.mainBusinessCube.mainBusinessCube3Dep > dl.mbb03{width:50% !important;}

	
	.mainBusinessCube.mainBusinessCube3Dep > dl.mbb01 .mbbTitAb,
	.mainBusinessCube.mainBusinessCube3Dep > dl.mbb02 .mbbTitAb,
	.mainBusinessCube.mainBusinessCube3Dep > dl.mbb03 .mbbTitAb{padding:30px;}
	.mainBusinessCube.mainBusinessCube3Dep > dl.mbb01 .mbbContAb,
	.mainBusinessCube.mainBusinessCube3Dep > dl.mbb02 .mbbContAb,
	.mainBusinessCube.mainBusinessCube3Dep > dl.mbb03 .mbbContAb{padding:0 30px 30px;}

}

@media all and (max-width:700px)
{
	.mainBusinessCubeWR{padding:15px;}
	.mainBusinessCube > dl{width:100%;}

	.mainBusinessCube > dl.mbb03 .mbbTitAb,
	.mainBusinessCube > dl.mbb04 .mbbTitAb{position:relative;left:0px; top:0px; padding:30px 30px 0;text-align:left;}
	.mainBusinessCube > dl.mbb03 .mbbContAb,
	.mainBusinessCube > dl.mbb04 .mbbContAb{position:relative;padding:30px; left:0px; right:0px; top:0px; bottom:0px;}
	.mainBusinessCube > dl.mbb03 .mbbCover,
	.mainBusinessCube > dl.mbb04 .mbbCover{position:absolute; left:0px; right:0px; bottom:0px; top:0px;}
	.mainBusinessCube > dl.mbb04 .mbbContAb .mcCs{padding:80px 0 30px;}

	.mainBusinessCube > dl.mbb05,
	.mainBusinessCube > dl.mbb06,
	.mainBusinessCube > dl.mbb07{height:auto; padding:15px;margin-top:-1px;}
	.mainBusinessCube > dl.mbb06{border:1px solid #ddd;}
	.mainBusinessCube .mbbContAb .mcCs{margin-top:-80px;}

	.mainBusinessCube.mainBusinessCube3Dep > dl.mbb01,
	.mainBusinessCube.mainBusinessCube3Dep > dl.mbb02,
	.mainBusinessCube.mainBusinessCube3Dep > dl.mbb03{width:100% !important;}

	.doctor-con {
		padding: 5rem 0;
		width: 100%;
		max-width: 720px;
	}
	.area {
		width: auto;
		padding: 0 1rem;
	}
	.doctor-con .area .tit-wrap h3 {
		font-size: 2rem;
	}
	.doctor-con .area .txt-wrap {
		margin-top: 3rem;
		gap: 30px;
		flex-direction: column;
	}
	.doctor-con .area .txt-wrap .doctor-box {
		width: 100%;
	}
	.doctor-con .area .txt-wrap .doctor-box .img {
		height: 15rem;
	}
	.doctor-con .area .txt-wrap .doctor-box .img .doctor-img {
		height: 100%;
		transform: translateX(-50%) scale(1.3);
	}
	.doctor-con .area .txt-wrap .doctor-box .name {
		font-size: 1.1rem;
		padding-top: 0.7rem;
	}
	.doctor-con .area .txt-wrap .doctor-box .name strong {
		font-size: 1.3rem;
	}
	.doctor-con .area .txt-wrap .doctor-box .view-btn {
		width: 2.5rem;
	}
	.doctor-con .doctor-popup {
		width: 85%;
		max-width: 720px;
		top: 50%;
		z-index: 999;
		height: 70vh;
	}
	.doctor-con .doctor-popup .inner {
		overflow-y: auto;
		overflow-x: hidden;
	}
}


.bottomLogoRollWr{}
.bottomLogoRoll{}

.mainContents{width:100%; max-width:1200px; margin:0 auto; overflow:hidden; clear:both; padding:50px 0; }

.mainContentsW100{width:100%; clear:both; overflow:hidden; }

.latTitNone .galleryLat,
.latTitNone .galleryBoxLat{margin:0px; padding:0px; }
.latTitNone .galleryBoxLat ul{margin:0px; padding:0px; }
.latTitNone .galleryLat ul li,
.latTitNone .galleryBoxLat ul li{width:16.66666%; }
.latTitNone .galleryLat .galleryLatTit,
.latTitNone .galleryBoxLat .galleryLatTit{height:1px; overflow:hidden; margin-top:-1px; }
.latTitNone.btnMoreNone .lt_more{display:none; } 

.main_video .main_video_wrap {
	display: block;
	    display: block;
    position: relative;
    height: 100%;
    width: 100%;
}
.main_video .main_video_wrap video {
     object-fit: cover;
    position: absolute;
    width: 100%;
    height: 100%;
    object-position: center;
    top: 0;
    left: 50%;
    margin-left: -50%;
}

.main_video_txt {
    position: absolute;
    width: 45%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin-top: 1.5%;
}

@media all and (max-width:980px)
{
	.main_video .main_video_wrap video {
		width: 100%;
	}

	.main_video_txt {
		width: 100%;
		top: 45%;
	}
}

@media all and (max-width:650px)
{
	.mainContentsW100 .galleryLat ul li,
	.mainContentsW100 .galleryBoxLat ul li{width:33.33333333%; }
}

/* 2�ܷ��̾ƿ� */
.mainTwoLatArea{width:100%; margin:0 auto; overflow:hidden; }
.mainTwoLatArea .MTLA01,
.mainTwoLatArea .MTLA02{width:50%; float:left; margin-left:-1px; }

@media all and (max-width:850px)
{
	.mainTwoLatArea{padding:0 15px; }
	.mainTwoLatArea .MTLA01,
	.mainTwoLatArea .MTLA02{width:100%; float:none; }
}

/* 3�ܷ��̾ƿ� */
.mainTowWide1LatArea{width:100%; margin:0 auto; overflow:hidden; }
.mainThreeLatArea .MTLA01,
.mainThreeLatArea .MTLA02,
.mainThreeLatArea .MTLA03{width:30%; float:left; margin-left:-1px; }
.mainThreeLatArea .MTLA02{margin:0 5%; }

@media all and (max-width:850px)
{
	.mainThreeLatArea{padding:0 15px; }
	.mainThreeLatArea .MTLA01,
	.mainThreeLatArea .MTLA02,
	.mainThreeLatArea .MTLA03{width:100%; float:none; }
	.mainThreeLatArea .MTLA02{margin:0 0; }
}

/* 2&���̵�1 ���̾ƿ� */
.mainTowWide1LatArea{width:100%; margin:0 auto; overflow:hidden; }
.mainTowWide1LatArea .MTLA01,
.mainTowWide1LatArea .MTLA02{width:25%; float:left; margin-left:-1px; }
.mainTowWide1LatArea .MTLA03{width:48%; float:left; margin-left:-1px;}
.mainTowWide1LatArea .MTLA02{margin:0 1%; }

@media all and (max-width:850px)
{
	.mainTowWide1LatArea{padding:0 15px; }
	.mainTowWide1LatArea .MTLA01,
	.mainTowWide1LatArea .MTLA02,
	.mainTowWide1LatArea .MTLA03{width:100%; float:none; }
	.mainTowWide1LatArea .MTLA02{margin:0 0; }
}

/* 4�� ���̾ƿ� */
.mainFourLatArea{width:100%; margin:0 auto; overflow:hidden; }
.mainFourLatArea .MTLA01,
.mainFourLatArea .MTLA02,
.mainFourLatArea .MTLA03,
.mainFourLatArea .MTLA04{width:25%; float:left; margin-left:-1px; }

@media all and (max-width:980px)
{
	.mainFourLatArea .MTLA01,
	.mainFourLatArea .MTLA02,
	.mainFourLatArea .MTLA03,
	.mainFourLatArea .MTLA04{width:50%; float:left; }
}

@media all and (max-width:650px)
{
	.mainFourLatArea .MTLA01,
	.mainFourLatArea .MTLA02,
	.mainFourLatArea .MTLA03,
	.mainFourLatArea .MTLA04{width:100%; float:none; margin-left:0px; }
}


/* ���������� �� */
.centerBar{width:80px; height:5px; background:#ddd; margin:30px auto; }

.mainBasicCont01{width:100%; padding:0px; text-align:center; background:#fff; }
.mainBasicCont01 h2{color:#000; font-size:30px; font-family:'Century Gothic','Noto Sans KR','Malgun Gothic'; }
.mainBasicCont01 h3{color:#999; font-size:16px; }
.mainBasicCont01 .MBC01txt{font-size:14px; color:#666; line-height:1.5em; }

@media all and (max-width:700px)
{
	.mainBasicCont01{width:100%; padding:0px; }
	.mainBasicCont01 h2{font-size:18px; }
	.mainBasicCont01 h3{font-size:13px; font-weight:normal; }
	.mainBasicCont01 .MBC01txt{text-align:left; font-size:12px; }
}

/* ��ο����� �� */
.background-dark{position:relative; 
    background:#222222; 
}
.background-dark .webzLatTit a,
.background-dark .basicLatTit a,
.background-dark .qnaLatTit a{color:#fff; }
.background-dark ul li{}
.background-dark ul li a{color:#ddd; }

/* ��������� �� */
.background-light{background:#f3f4f7; }

/* ���� 4�� ������ */
.main_figure_list{width:100%; overflow:hidden; padding:30px 0; }
.main_figure_list li{width:25%; float:left; text-align:center; border-bottom:0px; }
.main_figure_list li i{display:block; margin:10px auto; width:100px; height:100px; line-height:100px; border-radius:50%; background:rgba(255,255,255,0.6); font-size:3em; -webkit-transition-duration: 0.2s; -webkit-transition-timing-function: ease; transition-duration: 0.2s; transition-timing-function: ease; }
.main_figure_list li:hover i{background:rgba(0,0,0,0.6);  color:#fff; transform: rotate(360deg); -webkit-transition-duration: 0.2s; -webkit-transition-timing-function: ease; transition-duration: 0.2s; transition-timing-function: ease; }
.main_figure_list li strong{display:block; font-size:20px; color:#fff; margin:5px; }
.main_figure_list li span{display:block; font-size:13px; color:rgba(255,255,255,0.5); margin:5px; }
.main_figure_list li a i{color:#000; display:block; }
.main_figure_list li a:hover i{color:#fff; }




@media all and (max-width:650px)
{
	.main_figure_list li{width:50%; float:left; text-align:center; }
	.main_figure_list li i{display:block; margin:10px auto; width:100px; height:100px; line-height:100px; border-radius:50%; background:#ddd; font-size:3em; }
	.main_figure_list li strong{font-size:16px; }
	.main_figure_list li span{font-size:11px; }
	
}
.main_center_twobtn {width: 100%;max-width: 1903px;margin: 0 auto; height: 415px;}
.main_center_twobtn li { display: inline-block; font-size: 0; float: left;}
.main_center_twobtn li {width:20%; float: left; overflow: hidden;}
.main_link li:nth-of-type(10) {display: block;}	


@media all and (max-width:768px)
{
	.main_link li {width:33.33334%; float: left; overflow: hidden;}
	.main_link li:nth-of-type(10) {display: none;}
}

@media all and (max-width: 1200px) {
	.main_center_twobtn { 
		width: 1000px;
		margin: 0 auto; 
		height: 100%;
	}
	.main_center_twobtn li { 
		display: inline-block; 
		font-size: 0; 
		width: 30%;
	}
	.main_center_twobtn li:nth-of-type(10) {
		display: none;
	}
}

/* 중앙정렬 코드- 삭제하고 사용하세요 */
/*.gallerylist {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}*/
/* 중앙정렬 코드-삭제하고 사용하세요 */

.gallerylist {max-width:1400px;width:100%;margin:0 auto;}
.gallerylist > ul {font-size:0;}
.gallerylist > ul > li {display:inline-block;vertical-align:top;width:25%;}
.gallerylist > ul > li > a {display:block;width:auto;text-decoration: none;margin:0 11px;}
.gallerylist > ul > li > a .screen {position:relative;overflow:hidden;}
.gallerylist > ul > li > a .screen .top {position:absolute;bottom:150%;left:45%;z-index:2;color:#0aceff;font-size:50px;font-weight:900;transition:all .35s;}
.gallerylist > ul > li > a .screen .bottom {position:absolute;top:150%;left:37%;z-index:2;color:#0aceff;font-size:32px;font-weight: 500;  transition:all .35s; letter-spacing: -2px;}
.gallerylist > ul > li > a .screen img {width:100%;}
.gallerylist > ul > li > a h3 {font-size:14px;text-align:center;padding:20px;color:#666;}
.gallerylist > ul > li > a .screen::after {content:'';display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(25,34,43,0.85);z-index:1;opacity:0;transition:all .35s;}
.gallerylist > ul > li > a:hover .top {bottom:48%;}
.gallerylist > ul > li > a:hover .bottom {top:48%;}
.gallerylist > ul > li > a:hover .screen::after {opacity:1;}
