/* 메인 슬라이드 */
.mainslide .swiper-slide .slide01{background: url(/img/main/mainslide01.jpg)no-repeat center right 40% / cover;}
.mainslide .swiper-slide .slide02{background: url(/img/main/mainslide02.jpg)no-repeat center right 35% / cover;}
.mainslide .swiper-slide .slide03{background: url(/img/main/mainslide03.jpg)no-repeat center left 20% / cover;}
.mainslide .swiper-slide .slide04{background: url(/img/main/mainslide04.jpg)no-repeat center right 30% / cover;}

.mainslide .swiper-slide{overflow: hidden; height: 100vh;}
.mainslide .swiper-slide .slide-bg{width: 100%; height: 100%; display: flex; align-items: center;}
.mainslide .swiper-slide .slide-inner{position: relative; /* overflow: hidden; */ width: 100%;}
.mainslide .swiper-slide .slide-inner > img{position: absolute; top: -4em; left: 0;}
.mainslide .swiper-slide .slide03 .slide-inner > img{position: absolute; top: -4em; left: 50%; transform: translateX(-50%);}
.mainslide .swiper-slide .slide-inner > h1{position: relative; text-shadow: 0 15px 8px rgb(152 141 126 / 50%); z-index: 2;}

.mainslide .stopBtn{position: relative; z-index: 20;}

.mainslide .right > span{width:.8em;left:.7em;}
.mainslide .left.on > span:before{display: none;}
.mainslide .left.on > span:after{bottom:-.25em; transform:rotate(90deg); right:0; border-bottom: 12px solid #000; border-left: 8px solid transparent; border-right: 8px solid transparent; height: 100%; width: 100%; background: transparent;}

.mainslide .cssicon{transition: all .5s ease; background: transparent; display: block; height :2.25rem; width: 2.5rem;}
.mainslide .cssicon:focus{outline: none;}

.mainslide .cssicon > span, 
.mainslide .cssicon > span:before, .mainslide .cssicon span:after{background-color: #000; height: .2rem; display: block; transition: all .3s ease; transition-property:top,bottom,left,right,transform,border-radius;}
.mainslide .cssicon > span:before {transform: rotate(90deg);}
.mainslide .cssicon > span:after {right:-.5rem; transform: rotate(90deg);}

.mainslide .cssicon > span{top:1em; left:.5em; width:1em; position:relative; background:transparent;}
.mainslide .cssicon > span:after, .mainslide .cssicon span:before{content:""; position:absolute; width:100%;}

.mainslide .page_wrap{display: flex; align-items: center; justify-content: flex-end; position: absolute; bottom: 7em; width: 90%; margin: auto;}
.mainslide .page_wrap .swiper-pagination{display: flex; align-items: center; position: static; width: auto;}
.mainslide .swiper-pagination-bullet{width: 3.5em; height: 3.5em; text-align: center; line-height: 3.5em; color: #000; opacity: 1; background: none; font-weight: 400; font-family: var(--koSans), sans-serif;}
.mainslide .swiper-pagination-bullet-active{border: 1.5px solid #000; font-weight: 500;}
.mainslide .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0;}

@media (max-width: 1440px){
	.mainslide .swiper-slide .slide-inner{width: 90%;}
}

@media (max-width: 480px){
	.mainslide .swiper-slide .slide-inner h1{font-size: 4rem;}
}


/* 스페셜 */
.mainconts01 > img{position: absolute; top: -1em; left: -1em;}
.mainconts01 .flexList{--x-gap: 3rem; --y-gap: 3rem;}
.mainconts01 .flexList .box{}
.mainconts01 .flexList .box .imgbox{position: relative;}
.mainconts01 .flexList .box .imgbox .number{width: 5em; height: 4em; display: flex; align-items: center; justify-content: center; position: absolute; top: 10px; left: 10px; letter-spacing: 0.08em;}
.mainconts01 .flexList .box .txtbox .tit img{width: 4.5rem; transition: all 0.3s;}
.mainconts01 .flexList .box:hover .txtbox .tit img{transform: translateX(0.8em);}

@media (max-width: 1200px){
	.mainconts01 .flexList .box .txtbox p .m_br{display: none;}
}

@media (max-width: 500px){
	.mainconts01 .flexList .box .imgbox{height: 36em; overflow: hidden;}
}


/* 치료프로그램 */
.mainconts02 > img{position: absolute; bottom: 1em; left: -.5em;}
.mainconts02 .swiper_wrap{width: 68%;}
.mainconts02 .swiper-slide .inner_wrap{max-height: 420px; height: 100%;}
.mainconts02 .swiper-slide .inner_wrap .image > img{height: 100%;}
.mainconts02 .swiper-slide .inner_wrap .texts{padding: 5em 1.8em 2em;}
.mainconts02 .swiper-slide .inner_wrap .texts h4{position: relative;}
.mainconts02 .swiper-slide .inner_wrap .texts h4:before{content: ''; display: block; width: 1em; height: 2px; background: var(--pointcolor); position: absolute; top: -3px; left: 0;}
.mainconts02 .swiper-slide .inner_wrap .texts span{opacity: .5; letter-spacing: .08em;}
.mainconts02 .swiper-slide .inner_wrap .texts p{letter-spacing: -0.05em;}

.mainconts02 .swiper-button-next, .mainconts02 .swiper-button-prev{position: static; margin-top: 0; background-image: url(/img/main/nav01.png); background-repeat: no-repeat; background-position: center center; 
background-size: auto; width: 5em; height: 5em; border: 1px solid #000; border-radius: 50%; transition: all .3s ease;}
.mainconts02 .swiper-button-next:hover, .mainconts02 .swiper-button-prev:hover{box-shadow: 0 0 8px rgb(0 0 0 / 25%);}
.mainconts02 .swiper-button-prev{margin-right: 0.8em;}
.mainconts02 .swiper-button-next{transform: rotate(180deg);}
.mainconts02 .swiper-button-prev:after, .mainconts02 .swiper-rtl .swiper-button-next:after, .mainconts02 .swiper-button-next:after, .mainconts02 .swiper-button-prev:after{display: none;}

@media (max-width: 990px){
	.mainconts02 .section-left{flex-wrap: wrap;}
	.mainconts02 .sec-title{width: 100%}
	.mainconts02 .swiper_wrap{width: 100%}
	.mainconts02 .swiper-slide .inner_wrap{height: auto;}
	.mainconts02 .swiper-slide .inner_wrap .image > img{height: auto;}
	.mainconts02 .swiper-button-next, .mainconts02 .swiper-button-prev{background-size: 40%;}
}

@media (max-width: 480px){
	.mainconts02 .swiper-slide .inner_wrap{flex-wrap: wrap; height: auto; max-height: none;}
	.mainconts02 .swiper-slide .inner_wrap .image{height: 30em; overflow: hidden; width: 100%;}
	.mainconts02 .swiper-slide .inner_wrap .image > img{margin-top: -7em;}
	.mainconts02 .swiper-slide .inner_wrap .texts{width: 100%; padding: 2.5em 1.8em;}
}


/* 의료진 */
.mainconts03 > img{position: absolute; top: 0; left: 0;}
.mainconts03 .dr_box .history > span{opacity: .5; letter-spacing: .02em;}
.mainconts03 .dr_box .history .name{align-items: baseline;}
.mainconts03 .dr_box .history .name p{margin-left: .2em;}
.mainconts03 .dr_box .history a img{transition: all 0.3s; margin-left: 0.5em;}
.mainconts03 .dr_box .history a:hover img{transform: translateX(0.3em);}

@media (max-width: 990px){
	.mainconts03 .dr_box{flex-wrap: wrap;}
	.mainconts03 .dr_box .imgbox{width: 100%;}
	.mainconts03 .dr_box .history{width: 100%; margin-top: 3em;}
	
	.mainconts03 .dr_box .two{order: -1;}
	.mainconts03 .dr_box .two > img{margin-left: auto;}
}


/* 장비소개 */
.mainconts04{}
.mainconts04 .slidebox{/* max-height: 800px; height: 42vw;  */display: flex; align-items: center; justify-content: center; z-index: 2; padding: 8em 0;}
.mainconts04 .slidebox .swiper{width: 90%; margin: auto;}
.mainconts04 .slidebox .inner{background: var(--pointcolor);}
.mainconts04 .slidebox .inner .eqbox{margin: auto; width: 60%;}
.mainconts04 .slidebox .inner .txt span{opacity: .7; letter-spacing: .02em;}

.mainconts04 .pagibox{background: url(/img/main/bg_img.jpg)no-repeat center / cover; position: absolute; right: 0; bottom: -10%; max-height: 800px; height: 42vw; display: flex; align-items: center; justify-content: center;}
.mainconts04 .pagibox .innerbox{width: 68%; margin-left: auto;}
.mainconts04 .pagibox .innerbox .sec-title h2{text-shadow: 0 10px 5px rgb(0 0 0 / 15%);}

.mainconts04 .swiper-button-next, .mainconts04 .swiper-button-prev{margin-top: 0; background-image: url(/img/main/nav02.png); background-repeat: no-repeat; background-position: center center; 
background-size: auto; width: 5em; height: 5em; border: 1px solid #fff; border-radius: 50%; transition: all .3s ease;}
.mainconts04 .swiper-button-next:hover, .mainconts04 .swiper-button-prev:hover{box-shadow: 0 0 7px rgb(255 255 255 / 60%);}
.mainconts04 .swiper-button-prev{margin-right: 0.8em; left: 0;}
.mainconts04 .swiper-button-next{transform: rotate(180deg); right: 0;}
.mainconts04 .swiper-button-prev:after, .mainconts04 .swiper-rtl .swiper-button-next:after, .mainconts04 .swiper-button-next:after, .mainconts04 .swiper-button-prev:after{display: none;}

.mainconts04 .swiper-pagination{position: relative; width: 90%; bottom: 0;}
.mainconts04 .swiper-pagination-bullet{width: auto; border-radius: 0; background: none; height: auto; opacity: 1; width: 8em; padding: 0.5em; border: 1px solid #fff;}
.mainconts04 .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 .5em .5em 0;}
.mainconts04 .swiper-pagination-bullet-active{background: #fff; color: var(--pointcolor);}

@media (max-width: 1440px){
	.mainconts04 .pagibox{max-height: none; height: auto; padding: 5em 0;}
	.mainconts04 .swiper-pagination{width: 100%;}
}

@media (max-width: 990px){
	.mainconts04 .slide_wrap{flex-wrap: wrap;}
	.mainconts04 .slidebox{width: 95%;}
	.mainconts04 .pagibox{position: relative; margin-left: auto; margin-top: -8em; width: 95%; padding: 14em 0 8em; bottom: auto;}
	.mainconts04 .pagibox .innerbox{width: 85%;}
	.mainconts04 .swiper-pagination{width: 90%;}
	.mainconts04 .swiper-button-next, .mainconts04 .swiper-button-prev{background-size: 40%;}
}

@media (max-width: 768px){
	.mainconts04 .pagibox{padding: 12em 0 6em;}
}

@media (max-width: 500px){
	.mainconts04 .slidebox{width: 100%; padding: 4em 0;}
	.mainconts04 .pagibox{width: 100%; margin-top: 0; padding: 5em 0 3em; order: -1;}
	.mainconts04 .pagibox .innerbox{width: 90%; margin: auto;}
	.mainconts04 .swiper-pagination{width: 100%;}
}

@media (max-width: 480px){
	.mainconts04 .slidebox .swiper{width: 100%;}
	.mainconts04 .slidebox .inner .eqbox{width: 80%;}
	.mainconts04 .swiper-button-prev, .mainconts04 .swiper-button-next{display: none;}
	.mainconts04 .swiper-pagination{justify-content: center;}
}


/* 둘러보기 */
.mainconts05{/* overflow: hidden; */}
.mainconts05 > img{position: absolute; top: 0; left: 0; opacity: .5; width: 20%;}

.mainconts05 .gallery-thumbs .swiper-slide{cursor: pointer;}

.mainconts05 .swiper-button-next, .mainconts05 .swiper-button-prev{background-image: url(/img/main/nav01.png); background-repeat: no-repeat; background-position: center center; 
background-size: auto; width: 4em; height: 4em; border-radius: 50%; background-color: #fff; box-shadow: 0 0 5px rgb(207 177 133 / 50%); transition: all 0.3s;}

.mainconts05 .swiper-button-prev:hover{transform: translateX(-0.3em);}
.mainconts05 .swiper-button-next:hover{transform: rotate(180deg) translateX(-0.3em);}
.mainconts05 .swiper-button-prev{left: -2em;}
.mainconts05 .swiper-button-next{right: -2em; transform: rotate(180deg);}
.mainconts05 .swiper-button-prev:after, .mainconts05 .swiper-rtl .swiper-button-next:after, .mainconts05 .swiper-button-next:after, .mainconts05 .swiper-button-prev:after{display: none;}

@media (max-width: 990px){
	.mainconts05 > img{width: 25%;}
	.mainconts05 .swiper-button-next, .mainconts05 .swiper-button-prev{background-size: 40%;}
}

@media (max-width: 768px){
	.mainconts05 > img{width: 50%;}
	.mainconts05 .sec-title{width: 100%;}
	.mainconts05 .slide-box{width: 100%;}
}


/* 지도 */
.mainconts06 .sec-title h2{width: 90%; margin: auto;}
.mainconts06 .map_wrap{width: 100%; max-height: 380px; height: 25vw; min-height: 260px;}

.mainconts06 .leftbox .tit{justify-content: space-between; align-items: center;}
.mainconts06 .leftbox .tit h4{width: auto;}
.mainconts06 .leftbox .tit .line{width: 68%; height: 1px;}
.mainconts06 .leftbox .talk_btn{background-color: #fbe600; color: #3c1b1b; width: 16em; padding: .65em 0; transition: all .3s ease;}
.mainconts06 .leftbox .talk_btn:hover{box-shadow: 0 0 7px rgb(171 159 22 / 35%);}
.mainconts06 .leftbox .talk_btn > img{margin-right: .5em;}

.mainconts06 .rightbox .flexList{--x-gap: 2.5rem; --y-gap: 2.5rem;}
.mainconts06 .rightbox .flexList .box{display: flex; flex-direction: column; align-items: center; justify-content: center; max-height: 315px; height: 20em;}

@media (max-width: 990px){
	.mainconts06 .leftbox{width: 100%; margin-bottom: 4em; display: flex; flex-wrap: wrap;}
	.mainconts06 .leftbox .tit{width: 100%;}
	.mainconts06 .leftbox .callbox{width: 50%;}
	.mainconts06 .leftbox .talk_btn{width: 50%; margin-top: 0;}
	.mainconts06 .leftbox p{margin-top: 2em;}
	
	.mainconts06 .rightbox{width: 100%;}
	.mainconts06 .rightbox .flexList{--x-gap: 1.5rem;
}

@media (max-width: 500px){
	.mainconts06 .leftbox .tit .line{width: 75%;}
	.mainconts06 .leftbox .callbox{width: 100%;}
	.mainconts06 .leftbox .talk_btn{width: 23em; margin-top: 2em;}

	.mainconts06 .rightbox .flexList{--x-gap: 1rem; --y-gap: 1rem;}
	.mainconts06 .rightbox .flexList .box{height: 18em;}
	.mainconts06 .rightbox .flexList .box:last-child{width: 100% !important;}
	.mainconts06 .rightbox .flexList .box img{width: 80%; margin: auto;}
}