.introWrap .subV {
    background: url(../img/introduce/philosophyTopBg.jpg) no-repeat center / cover;
}

.introWrap .hpage {display:none;}
.introWrap .hpage.onMenu {display:block;}


/* 더스퀘어 소개 */
.intenTitle {color: #C7AD6E; font-family: Cormorant; font-size: 3.6rem; font-weight: 600; line-height: 4rem; letter-spacing: 0.144rem; margin-bottom:3rem;}
.intro .intTitle {color: #2F2C2C; font-family: MaruBuri; font-size: 6.6rem; font-weight: 300; line-height: 7.8rem; letter-spacing: -0.198rem;}

.intTitle {
    color: #2F2C2C;
    font-family: MaruBuri;
    font-size: 5rem;
    font-weight: 400;
    line-height: 7rem;
    letter-spacing: -0.198rem;	
}
@media (max-width:991px) {
	.intTitle, .intro .intTitle {
		font-size: 4rem;
		line-height: 5.5rem;
		letter-spacing: -0.198rem;
	}
	
	.intenTitle {
		color: #C7AD6E;
		font-family: Cormorant;
		font-size: 2.4rem;
		font-weight: 600;
		line-height: 3rem;
		letter-spacing: 0.144rem;
		margin-bottom: 0.8rem;
	}
}


@media (max-width:767px) {
	.intenTitle {font-size: 2.2rem; line-height: 3rem; margin-bottom: 1rem;}
	.intTitle, .intro .intTitle {font-size: 2.8rem; line-height: 3.8rem;}	
	
}

@media (max-width:767px){
	.intenTitle {font-size: 1.8rem; line-height: 2.4rem; margin-bottom: 0.6rem;}
	.intTitle, .intro .intTitle {font-size: 2rem; line-height: 3.2rem;}
	
	.intro.inr1210 {padding: 4rem 2rem 3rem !important;}
}


/* :::::::::::::: ======================= 더스퀘어 소개 - 진료철학 ======================= ::::::::::::::*/
.introBranS {background: #2F2C2C;}
.introBranS {
    background: #2F2C2C;
    overflow: hidden;
    /* position: relative; */
}

.philosophyWrap .introBranS .navigation_container {
    position: relative;
    display: flex;
    position: relative;
    right: 0;
    margin-top: 3rem;
    width: calc(100%/2.5);
    top: 0;
    justify-content: space-between;
}
.introBranSGroup {display:flex; margin-top:8rem;}
.introBranSIntro {width:40%;}
.introBranS .introBranSwiper .swiper-wrapper {
    padding-bottom: 13rem;
}

.introBranS .introBranSwiper .swiper-wrapper::before {
    content: '';
    width: 37.21%;
    height: 0.1rem;
    position: absolute;
    left: 0;
    top: 0;
    background: #DAC28A;
}
.introBranS .introBranSwiper {
    margin-top: 8rem;
    overflow: unset;
    width: 37.3%!important;
    margin: 0 auto 0 6rem;
}
.introBranSTitleBox {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-bottom: 19%;
    box-sizing: content-box;
    background: #2F2C2C;
    z-index: 2;
    position: relative;
}
.introBranSTitleBox::before {
    content: '';
    width: 400%;
    height: 114%;
    position: absolute;
    right: 0;
    top: 50%;
    background: #2F2C2C;
    transform: translateY(-50%);
    z-index: -1;
}
.introBranSTitle {
	color: #FFF;
	text-align: center;
	font-family: MaruBuri;
	font-size: 3.2rem;
	font-weight: 400;
	line-height: 5.2rem;
}

.introBranSTitle span {color: #DAC28A;}
.introBranS .swiper-wrapper {align-items: center;}

.inBrandSTBox {
    width: 100%;
    background: rgba(255, 255, 255, 0.85);
	backdrop-filter: blur(7.5px);
	-webkit-backdrop-filter: blur(7.5px);
    padding: 4rem 5rem;
    transform: translateX(4rem) translateY(13rem);
    position: absolute;
    right: 0;
    bottom: 0;
}

.inBrandST {
	color:#2F2C2C;
	font-family: Pretendard;
	font-size: 1.8rem;
	line-height: 3.6rem;
	word-break:keep-all;
}
.inBrandST span.color {
	color: #A07F2E;
	font-family: "Pretendard-SemiBold";
}
.philosophyWrap .swiper-slide figure.inBrandSTCol {
    width: 4.8rem;
    height: auto;
    position: absolute;
    top: 0;
    transform: translateY(-69%);
}
.philosophyWrap .swiper-slide figure.inBrandSTCol img {width:100%; height:auto;}

.introTopbanner {background: url(../img/introduce/introTopbannerBg03.jpg) no-repeat center / cover; position:relative; padding-bottom: 31.05%; margin-top:8rem; }
.introTopbTxtBox {display: flex; height: 100%; flex-direction: column; justify-content: space-between; align-items: flex-start; padding: 10rem 10rem 10rem 0; position: absolute; right: 0; top: 0;}
.introducequotesImg {width: 4.8rem; height:auto;}
.introducequotesImg img {width:100%; height:auto;}
.introTopbTxt {color: #FFF; font-family: Pretendard; font-size: 2.6rem; line-height: 4.4rem;}
.introTopbTxt span {color: #DAC28A; font-family: "Pretendard-SemiBold"; font-size: 2.6rem; line-height: 4.4rem;}

.philosophyWrap .introTopbanner {background: url(../img/introduce/introTopbannerBg01.webp) no-repeat center / cover;}
.inHouseWrap .introTopbanner {background: url(../img/introduce/nm_introTopbannerBg03.jpg) no-repeat center / cover;}
.guaranteePWrap .introTopbanner {background: url(../img/introduce/introTopbannerBg04.jpg) no-repeat center / cover;}
.aroundWrap .introTopbanner {background: url(../img/introduce/introTopbannerBg05.jpg) no-repeat center / cover;}
@media (max-width:1600px) and (min-width:992px) {
	.introTopbTxtBox {padding: 5rem 5rem 5rem 0;}
}
@media (max-width:991px) {
	.introTopbanner {background: url(../img/introduce/introTopbannerBg03.jpg) no-repeat center / cover; padding-bottom: 48.05%; margin-top: 5rem;}
	.philosophyWrap .introTopbanner {background: url(../img/introduce/introTopbannerBg01-mo.webp) no-repeat center / cover;}
	.introDocWrap .introTopbanner {background: url(../img/introduce/introTopbannerBg02-mo.jpg) no-repeat center / cover!important;}
	.inHouseWrap .introTopbanner {background: url(../img/introduce/nm_introTopbannerBg03-mo.jpg) no-repeat center / cover;}
	.guaranteePWrap .introTopbanner {background: url(../img/introduce/introTopbannerBg04-mo.jpg) no-repeat center / cover;}
	.aroundWrap .introTopbanner {background: url(../img/introduce/introTopbannerBg05-mo.jpg) no-repeat center / cover;}

	.introTopbTxtBox {
		display: flex;
		height: 100%;
		flex-direction: column;
		justify-content: space-between;
		align-items: flex-start;
		position: absolute;
		right: unset;
		top: unset;
		padding: 0;
		padding: 2rem;
		width: 100%;
	}
	.introducequotesImg {width: 2.3rem; height: auto;}
	.introTopbTxt {font-size: 2.2rem; line-height: 3.4rem;}
	.introTopbTxt span {font-size: 2.2rem; line-height: 3.4rem;}
	
	
	.introBranSTitle {font-size: 2.4rem; line-height: 4rem;}
	
	.inBrandSTBox {padding: 3rem 2rem; transform: translateX(0rem) translateY(0rem); bottom: unset; position: relative;}	
	.inBrandST {line-height: 3.2rem;}
	
	.introBranSGroup {margin-top: 9rem; flex-direction: column;}
	.introBranSIntro {width: 100%;}
	.introBranSTitleBox {padding-bottom:0;}
	.introBranS .introBranSwiper {width: 100%!important;}
	.introBranS .introBranSwiper {margin: 2rem auto 0 0;}
	.introBranS .introBranSwiper .swiper-wrapper {padding-bottom: 0; display: flex; flex-direction: column; margin-top:6rem;}
	.philosophyWrap .introBranS .navigation_container {width:100%;}
	.philosophyWrap .introBranS .swiper-slide {margin-bottom:5rem;}
	.philosophyWrap .introBranS .swiper-slide:first-child {margin-bottom: 5rem; margin-top: 5rem;}
	.philosophyWrap .introBranS .swiper-slide:last-child {margin-bottom: 0rem;}	
	
	.introBranS .introBranSwiper .swiper-wrapper::before {width: 100%; top: -2rem;}
}

@media (max-width:767px) {
	.introTopbanner {
		background: url(../img/introduce/introTopbannerBg03.jpg) no-repeat center / cover;
		padding-bottom: 48.05%;
		margin-top: 2rem;
	}
	.introducequotesImg {width: 2.3rem; height: auto;}
	.introBranSTitle {font-size: 2rem; line-height: 3.2rem;}
	
	.introBranSGroup {margin-top: 4rem;}
	.introBranS .introBranSwiper {margin: 3rem auto 0 0;}
	.introBranS .introBranSwiper .swiper-wrapper {margin-top:0rem;}
	.inBrandSTBox {padding:2rem 1.5rem;}
	.inBrandST {font-size: 1.6rem; line-height: 2.8rem;}
	.introTopbTxt {font-size: 1.3rem; line-height: 2rem;}
	.introTopbTxt span {font-size: 1.3rem; line-height: 2rem;}
	.inBrandST {font-size: 1.5rem; line-height: 2.4rem;}
	
	.philosophyWrap .introBranS .swiper-slide {margin-bottom:3rem;}
	.philosophyWrap .swiper-slide figure.inBrandSTCol {width: 3.8rem;}
	.introBranS .introBranSwiper .swiper-wrapper::before {
		width: 100%;
		top: 0;
	}
	
	.philosophyWrap .introBranS .swiper-slide:first-child {
		margin-bottom: 4rem;
		margin-top: 4rem;
	}
	
	
	.thsphil ul li {padding: 0rem 0rem 0rem 0rem; margin-bottom: 5rem;}
	.thsphilBox {padding: 5rem 2rem 5rem 2rem;}
}


/* 탑 메뉴 */
.appliMenu ul {display: flex; align-items: center; justify-content: flex-start; border-bottom:1px solid #EEE;}
.appliMenu ul li {width: calc(100%/4); text-align: center; border-right:1px solid #EEE;}
.appliMenu ul li:last-child {border-right:none;}
.appliMenu ul li a {
	color: #2F2C2C;
	text-align: center;
	font-family: MaruBuri;
	font-size: 2rem;
	font-weight: 400;
	line-height: 3.2rem;
	opacity: 0.5;
	padding: 3rem 0;
	display: inline-block;
	position:relative;
}
.appliMenu ul li a::before {
	content:'';
	border-radius: 3px 3px 0px 0px;
	background: #C7AD6E;
	width:0;
	height:0.4rem;
	position:absolute;
	left:0;
	bottom:0;
	transition:all 0.2s ease-in-out;
}
.appliMenu ul li a:hover {opacity: 1; font-weight: 600;}
.appliMenu ul li a:hover::before{width:100%;}

.appliMenu ul li a.on {opacity: 1; font-weight: 600;}
.appliMenu ul li a.on::before{width:100%;}

@media (max-width:991px) {
	.appliMenu ul {
		width: 100%;
		overflow-x: scroll;
		overflow-y: hidden;
	}
	.appliMenu ul li {width:auto;}
	.appliMenu ul li a {white-space: nowrap; font-size: 1.5rem; line-height: 5.6rem; padding: 0 1.5rem;}
}
@media (max-width:767px) {
	
}


/* ------------------------ 슬라이드 공통 CSS ------------------------ */
.introSlideCont {overflow: hidden;}
.philosophyWrap .swiper-slide figure {width:100%; height:auto;}
.philosophyWrap .swiper-slide img {
    width: 100%;
    height: auto;
    vertical-align: bottom;
}

.philosophyWrap .navigation_container {position: relative; display: flex; position: absolute; right: 0; top: 5rem;}
.philosophyWrap .swiper-button-next, .philosophyWrap .swiper-button-prev {right: unset!important; left: unset!important; position: relative!important; width: 9.9rem !important; height: 9.9rem!important; margin: 0!important; padding: 0!important;}
.philosophyWrap .swiper-button-next {background:url(../img/main/mainBSRight.jpg) no-repeat center / cover;}
.philosophyWrap .swiper-button-prev {background:url(../img/main/mainBSLeft.jpg) no-repeat center / cover;}
.philosophyWrap .swiper-button-next:after, .philosophyWrap .swiper-button-prev:after {content:''!important;}

.philosophyWrap .swiper-button-next.swiper-button-disabled, .philosophyWrap .swiper-button-prev.swiper-button-disabled {opacity:1!important}
.philosophyWrap .swiper-button-next.swiper-button-disabled {background:url(../img/main/mainBSRight_un.jpg) no-repeat center / cover;}
.philosophyWrap .swiper-button-prev.swiper-button-disabled {background:url(../img/main/mainBSLeft_un.jpg) no-repeat center / cover;}


.philosophyWrap .viewDetail {display: inline-block; padding: 0 4rem; margin-top: 0; display: flex; justify-content: center; align-items: center; border: 1px solid #EEE; background:#FFF;}
.philosophyWrap .viewDetailT {color: #111; font-family: Pretendard; font-size: 2rem; line-height: 3rem; position: relative; padding-right: 3.1rem;}
.philosophyWrap .viewDetailT::before {content:''; right:0; top:50%; width:2.1rem; height:2.1rem; position:absolute; transform:translateY(-50%); background:url(../img/introduce/IntroviewDetailIcon.png) no-repeat center / cover;}
.introSlideTBox {padding: 0 4rem; position: absolute; bottom: 0; width: 100%}
.introSlideTitle {color:#2F2C2C; font-family: "Pretendard-Medium"; font-size: 2.6rem; line-height: 4rem; letter-spacing: -0.052rem;}
.introSlideTxt {color:#2F2C2C; font-size: 1.8rem; line-height: 3.4rem; word-break: keep-all;}


.philosophyBanner {height: auto; background: #2F2C2C; overflow: hidden; }
.philosophyBanner .halfBox {
    width: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
	overflow: hidden;
}
.philosophyBanner .halfBox .halfImg {width:100%; height:auto;}
.philosophyBanner .halfBox .halfImg img {width:100%; height:auto; vertical-align: bottom;}
.philosophyBanner .imbtxtInner {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding: 3rem 2rem;
}

.philBTitle {
	color: #FFF;
	font-family: MaruBuri;
	font-size: 3.4rem;
	font-style: normal;
	font-weight: 400;
	line-height: 5.4rem;
	letter-spacing: -0.102rem;
	margin-bottom:2rem;
}
.philBTitle span {color: #DAC28A;}

.philBtxt {
	color: #FFF;
	font-family: Pretendard;
	font-size: 2.2rem;
	line-height: 4rem;
	letter-spacing: -0.044rem;
}


.philosophyBanner .contMoreBtn {margin-top: 3.2rem; display: flex; justify-content: center;}
.philosophyBanner .contMoreBtn a {
    border-radius: 4px;
    border: 1px solid #FFF;
    padding: 1.2rem 2.4rem;
    display: inline-block;
}
.philosophyBanner .contMoreBtn p {
	color: #FFF;
	text-align: right;
	font-family: Pretendard;
	font-size: 1.8rem;
	line-height: 2.4rem;
	padding-right: 2.5rem;
	position: relative;
}
.philosophyBanner .contMoreBtn p::before {
    content: '';
    right: 0;
    top: 50%;
    height: 1.6rem;
    width: 1.4rem;
    position: absolute;
    transform: translateY(-50%);
    background: url(../img/introduce/pisArrowWhtie.png) no-repeat center / cover;
}
.philosophyBanner .halfTxtBox {display: flex; flex-direction: column; align-items: flex-start; padding: 8.6rem 10rem; background: none;}

.philosophyBannerNotice {
	color: #FFF;
	font-family: Pretendard;
	font-size: 1.6rem;
	font-weight: 400;
	line-height: 2.4rem;
	letter-spacing: 0.032rem;
	position:relative;
	padding-left:4rem;
	margin-top:2rem;
	word-break:keep-all;
}

.philosophyBannerNotice::before {
    content: '';
    left: 0;
    top: 50%;
	width: 2.4rem;
	height: 2.4rem;
    position: absolute;
    transform: translateY(-50%);
    background: url(../img/introduce/philosophyBannerNotice.png) no-repeat center / cover;
}
.philosophyBanner02 {background: #F5F5F5;}
.philosophyBanner02.philosophyBanner .contMoreBtn p,
.philosophyBanner02 .philBTitle {color: #2F2C2C;}
.philosophyBanner02.philosophyBanner .contMoreBtn a {border:1px solid #2F2C2C;}
.philosophyBanner .contMoreBtn p::before {background: url(../img/main/careerArrow.png) no-repeat center / cover;}

.philosophyBanner02 .philosophyBannerNotice {
	color: #2F2C2C;
	font-family: Pretendard;
	font-size: 2rem;
	font-style: normal;
	font-weight: 400;
	line-height: 3rem;
	letter-spacing: -0.4px;
}

.philosophyBanner02 .philosophyBannerNotice::before {width: 3rem; height: 3rem; background: url(../img/introduce/blackCheckIcon.png) no-repeat center / cover!important;}
.philosophyBanner.philosophyBanner02  .contMoreBtn p::before {background: url(../img/implant/btnArrow.png) no-repeat center / cover!important;}
.kiwaFlagShip .contMoreBtn p::before {background: url(../img/implant/btnArrow.png) no-repeat center / cover!important;}


.introBranS .swiper-pagination {
    color: #FFF;
    font-family: Cormorant;
    font-size: 4rem;
    font-style: normal;
    font-weight: 700;
    line-height: 5rem;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    bottom: unset;
	z-index: 2;
	width:auto;
}

.introBranS .swiper-pagination span.swiper-pagination-current {font-weight: 300;}



@media (max-width:1600px) and (min-width:1201px) {
	.philosophyBanner {justify-content: center; align-items: center;}
	.philosophyBanner .halfLeft {padding: 6rem;}
	.philosophyBanner .imbNum {line-height: 9rem; letter-spacing: 0.118rem; position: relative; left: unset; top: unset; line-height: 9rem; transform: translateY(-40px);}
	.imbTitle {font-size:4rem;}
	.imbSTitle {font-size: 2.4rem; line-height: 4.2rem; margin-top: 3rem;}
}


@media (max-width:1200px) and (min-width:992px) {
	.philosophyBanner .halfLeft {padding:10rem;}
	.halfContBox .halfLeft, .halfContBox .halfRight {width: 100%; height: 100%; overflow: hidden;}
	.philosophyBanner .halfLeft {padding: 2rem 4rem 2rem;}
	
	.philosophyBanner .imbNum {line-height: 9rem; letter-spacing: 0.118rem; position: relative; left: unset; top: unset; line-height: 9rem; margin-bottom: 6rem;}
	.imbTitle {font-size: 4rem; margin-top: 0rem;}
	.imbSTitle {color: #FFF; font-family: "Pretendard-Light"; font-size: 2rem; line-height: 3.2rem; margin-top: 3rem;}
	.philosophyBanner {align-items: center;}
}

@media (max-width:991px) {
	.halfContBox {display: flex; width: 100%; align-items: center; flex-direction: column; }

	.halfContBox .halfLeft, .halfContBox .halfRight {width: 100%; height: 100%; overflow: hidden;}
	.implantBanner .halfLeft {padding:5rem 2rem;}
	.imbNum {font-size: 10rem; line-height: 13rem; letter-spacing: 0.08rem; margin-top: 1rem;}
	.imcartoon li:nth-child(2) .imbNum {text-align: left;}
	.imbEngTitle {font-size: 2.4rem; line-height: 3.6rem; letter-spacing: 0.016rem; margin-top: 6rem;}
	.philosophyBanner .imbNum {line-height: 9rem; letter-spacing: 0.118rem; position: relative; left: unset; top: unset; line-height: 9rem;}
	.imbTitle {font-size: 4rem; font-weight: 600; line-height: 6rem; letter-spacing: -0.84px; margin-top: 2rem;}
	.imbSTitle {font-size: 2rem; line-height: 3.4rem; margin-top: 2.5rem;}
	
	
	.introSlideTBox {padding: 0 2rem;} 
	.introSlideTitle {font-size: 2.1rem; line-height: 3rem; margin-bottom:0.8rem;}
	.introSlideTxt {font-size: 1.6rem; line-height: 2.5rem;}
	
	.philosophyWrap .swiper-button-next, .philosophyWrap .swiper-button-prev {
		right: unset!important;
		left: unset!important;
		position: relative!important;
		width: 4.5rem !important;
		height: 4.5rem!important;
		margin: 0!important;
		padding: 0!important;
	}
	.philosophyWrap .viewDetail {padding: 1rem;}
	.philosophyWrap .viewDetailT {font-size: 1.5rem; line-height: 2rem; padding-right: 2.1rem;}
	.philosophyWrap .viewDetailT::before {width: 1.5rem; height: 1.5rem;}
	
	.philosophyWrap .navigation_container {
		display: flex;
		top: 2.7rem;
	}
	
	.philosophyBanner .halfBox {
		width: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
		overflow: hidden;
	}


	.philBTitle {
		color: #FFF;
		font-family: MaruBuri;
		font-size: 2.4rem;
		font-style: normal;
		font-weight: 400;
		line-height: 3.8rem;
		letter-spacing: -0.102rem;
		margin-bottom: 2rem;
	}

	.philosophyBanner .contMoreBtn a {border: 1px solid #FFF; padding: 1.2rem 1.2rem;}
	.philosophyBanner .contMoreBtn p {font-size: 1.4rem; line-height: 2rem;}
	.philosophyBanner .contMoreBtn p::before {height: 1.4rem; width: 1.2rem;}
	
	.philosophyBannerNotice {
		margin-top: 3rem;
		line-height: 2rem;
		font-size: 1.5rem;
		padding-left: 3rem;
	}
	
	
	.philosophyBannerNotice::before {top: 0rem; width: 2rem; height: 2rem; transform:unset;}
	.philosophyBanner02 .philosophyBannerNotice::before {width: 2rem; height: 2rem; top: 0.4rem;}
	.philosophyBanner02 .philosophyBannerNotice {
		font-size: 1.8rem;
		line-height: 2.8rem;
		letter-spacing: -0.4px;
		margin-top: 2rem;
	}
	.philosophyBanner .contMoreBtn {margin-top: 2rem; display: flex; justify-content: center;}
	.introBranS .swiper-pagination {font-size: 2.5rem;}
	.philosophyBanner .imbtxtInner {padding: 5rem 2rem; width: 100%;}
	.philosophyBanner02 .philBTitle {margin-bottom:0;}
	.halfContBox.philosophyBanner.philosophyBanner02 {display: flex; flex-direction: column-reverse;}
	
}

@media (max-width:767px) {
	.philosophyBanner .halfLeft {padding:3rem 2rem;}
	.imbNum {font-size: 8rem; line-height: 10rem;}
	.imbEngTitle {font-size: 1.6rem; line-height: 1.8rem;}
	.imbTitle {font-size: 2.8rem; line-height: 3.8rem; letter-spacing: -0.84px; margin-top: 1.6rem;}
	.imbSTitle {font-size: 1.6rem; line-height: 2.4rem; margin-top: 1.6rem;}
	.introSlideTBox {padding: 0px 1rem;}
	.introSlideTitle {font-size: 1.8rem; line-height: 2rem; letter-spacing: -0.052rem;}
	.introSlideTxt {font-size: 1.3rem; line-height: 2rem; margin-top: 1rem;}
	.philBTitle {font-size: 2.2rem; line-height: 3.2rem; letter-spacing: -0.102rem; margin-bottom: 2rem;}
	.philosophyWrap .viewDetailT {font-size: 1.2rem; line-height: 2rem; padding-right: 2.1rem;}
	.philBtxt {font-size: 1.8rem; line-height: 3rem; letter-spacing: -0.044rem;}
	.introBranS .swiper-pagination {font-size: 2rem;}
	.philosophyBannerNotice::before {top: 0.5rem; width: 1.8rem; height: 1.8rem;}
	.philosophyBanner02 .philosophyBannerNotice {
		font-size: 1.6rem;
		line-height: 2.4rem;
		letter-spacing: -0.4px;
		margin-top: 2rem;
	}
	

	.philosophyBanner .imbtxtInner {padding: 3rem 2rem;}
	.philosophyBanner .contMoreBtn p {
		font-size: 1.3rem;
		line-height: 1.6rem;
		padding-right: 2.2rem;
	}
	.philosophyBanner .contMoreBtn p::before {
		height: 1.1rem;
		width: 1rem;
	}

}

.kiwaFlagShip {position:relative;}
.kiwaFlagShip .philosophyBanner {justify-content: flex-start;}
.kiwaFlagShip .philosophyBanner .imbtxtInner {justify-content: flex-start;}



.kiwaFlagShip figure {width:100%; height:auto;}
.kiwaFlagShip figure img {width:100%; height:auto; vertical-align: bottom;}
.kiwaFlagShip .halfBox {
    width: 50%;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    display: flex;
    justify-content: flex-start;
    padding-top: 13rem;
}
.kiwaFlagShip .philBTitle {color: #2F2C2C;}
.kiwaFlagShip .philBtxt {
	color: #2F2C2C;
	font-family: Pretendard;
	font-size: 2.2rem;
	line-height: 4rem; /* 181.818% */
	letter-spacing: -0.044rem;
}
.kiwaFlagShip .contMoreBtn p {color: #2F2C2C;}
.kiwaFlagShip .contMoreBtn a {border: 1px solid #2F2C2C;}
.kiwaFlagShip .philosophyBannerNotice {position: absolute; bottom: 4rem; left: 50%; transform: translateX(-50%);}
.kiwaFlagShip .philosophyBannerNotice span {font-family: "Pretendard-Bold";}

@media (max-width:991px) {
	.kiwaFlagShip .philosophyBannerNotice {
		position: absolute;
		bottom: 2rem;
		left: 50%;
		transform: translateX(-50%);
		width: calc(100% - 4rem);
	}
	
	.kiwaFlagShip .philosophyBanner .imbtxtInner {
		justify-content: flex-start;
		display: flex;
		align-items: center;
		padding:8rem 3rem;
	}

	.kiwaFlagShip .halfBox {
		width: calc(80%);
		height: auto;
		position: absolute;
		right: unset;
		top: 50%;
		display: flex;
		padding-top: 0;
		left: 50%;
		transform: translate(-50%,-50%);
		justify-content: center;
		background: rgba(255, 255, 255, 0.85);
		backdrop-filter: blur(5px);
	}
	.kiwaFlagShip .philBtxt {text-align:center;}


}
@media (max-width:767px) {
	
	.kiwaFlagShip .philBTitle {
		font-size: 2rem;
		line-height: 2.6rem;
		letter-spacing: 0;
		margin-bottom: 1.4rem;
	}
	
	.kiwaFlagShip .philBtxt {
		font-size: 1.3rem;
		line-height: 2rem;
		letter-spacing: 0;
		text-align: center;
	}
	
	.philosophyBannerNotice {
		font-size: 1.3rem;
		line-height: 1.8rem;;
		padding-left: 3rem;
		margin-top:2rem;
	}


	.kiwaFlagShip .philosophyBanner .imbtxtInner {
		padding:3rem;
	}

}

/* ------------------------ // ~ 슬라이드 공통 CSS END ------------------------ */




/* 대표진료 */
.repreDiagnosis {background: #F8F8F8;}
.repreDiSTitle {
	color: #A07F2E;
	font-family: "Pretendard-SemiBold";
	font-size: 2rem;
	line-height: 3.4rem;
	letter-spacing: -0.06rem;
	text-transform: uppercase;
	margin-bottom:2rem;
}
.repreDiTitle {color: #2F2C2C; font-family: MaruBuri; font-size: 4rem; line-height: 6rem; letter-spacing: -0.12rem; text-transform: uppercase;}
.introInner {position:relative;}

.repreDiagnosisSwiper .introSlideTBox {width: 100%;}
.repreDiagnosisSwiper {margin-top:8rem; overflow:unset;}
.repreDiagnosisSwiper .swiper-slide	{padding-bottom: 3.4rem; position:relative;}

.repreDiagnosisSwiper figure {width:100%; height:auto;}
.repreDiagnosisSwiper img {width:100%; height:auto;}



/* 치아교정 */
.orthodonticsSwiper {margin-top:8rem; overflow:unset;}

/* 미니쉬 */
.minishIntro {background: #F8F8F8;}
.minishSwiper {margin-top:0; overflow:unset;}


@media (max-width:991px) {
	.repreDiagnosisSwiper, .orthodonticsSwiper, .minishSwiper {margin-top: 4rem;}
	.repreDiTitle {
		font-size: 3.4rem;
		line-height: 5.5rem;
		margin-bottom: 4rem;
	}
	.repreDiSTitle {font-size: 1.6rem; line-height: 2.4rem; margin-bottom: 0.8rem;}
}
@media (max-width:767px) {
	.repreDiTitle {
		font-size: 2.4rem;
		line-height: 3.6rem;
		margin-bottom: 2.4rem;
	}
	.repreDiSTitle {
		font-size: 1.4rem;
		line-height: 2rem;
		margin-bottom: 0.8rem;
	}
	
	
	.repreDiagnosisSwiper {margin-top: 2rem; overflow: unset;}
	
	.repreDiagnosisSwiper {
		margin-top: 2rem;
		overflow: unset;
	}
	
	.orthodonticsSwiper {
		margin-top: 2rem;
		overflow: unset;
	}
	
	.minishSwiper {
		margin-top: 0;
		overflow: unset;
	}
}

/* :::::::::::::: ======================= 더스퀘어 소개 - 의료진 소개 (02) ======================= ::::::::::::::*/
.introDocWrap {}



/* :::::::::::::: ======================= 더스퀘어 소개 - 자체 디지털 기공소 (03) ======================= ::::::::::::::*/
.inHouseWrap .sedationStep {
	border-bottom: 1px solid #EEE;
	background: #F9F9F9;
}

.inHouseContWrap {background: #2F2C2C; color:#fff;}


.inHouseContWrap .repreDiTitle,
.inHouseContWrap .steptwelveSTitle {color:#FFF;}

.inHouseContWrap .VideoCont {width:100%; background:#111; margin-top:0; position:relative;}
.inHouseContWrap .VideoInner {width:100%; max-width:unset; margin:0 auto; padding:0; position:relative;}
.inHouseContWrap .VideoInner video{width:100%; cursor:pointer;}
.inHouseContWrap .videoC {width: 100%; border: none; height: 0; padding-bottom: 56.099%; background:url(../img/main/videoposter.jpg) no-repeat center / cover; vertical-align: bottom;}
.inHouseContWrap .video_start {
    left: 50%;
    top: 50%;
    position: absolute;
    transform: translate(-50%,-50%);
    background: none;
    color: transparent;
    border: none;
    width: 8.4rem;
    height: 7.2rem;
    background: url(../img/main/movBtn.png) no-repeat center / contain;
    padding: 0;
}
.inHouseContWrap .video_start.hidden {display:none;}


.inHouseContWrap .fullMouthRe .imAquailtyCont {margin-top:8rem;}

@media (max-width:1600px) and (min-width:992px) {
	.inHouseContWrap .videoWrap .mainInner {padding:0 6rem;}
}
@media (max-width:991px) {
	.inHouseContWrap .videoWrap {padding-top:8rem;}
	.inHouseContWrap .VideoInner {padding:0;}
	.inHouseContWrap .VideoCont {margin-top: 2rem;}
	.inHouseContWrap .vict01 {margin-bottom:1rem;}
	.inHouseContWrap .video_start {width:5rem; height:5rem;}
	.inHouseContWrap .repreDiTitle {margin-bottom:0;}
	
}
@media (max-width:767px) {.inHouseContWrap .videoWrap {padding-top:6rem;}}



.acheanesType {margin-top:10rem;}

.threeBox {display: flex; justify-content: space-between;}
.threeBox li {width:calc(100%/3 - 5.3333333rem); position:relative;}
.threeBox li:last-child {margin-right:0;}
.IndigiAdvanTBOX {position: relative; padding:  0 0 0 4rem; margin-top:4rem;}
.IndigiAdvanTBOX .imbNum {font-size: 6rem; line-height: 8rem; margin-top: -1.4rem; position:absolute; right:0; top:0;}


.inHouseContWrap .threeBox li::before {
	content:'';
	width:1px;
	height:calc(100% + 12rem);
	position:absolute;
	left:0;
	top:0;
	background:rgba(238, 238, 238, 0.20);
	
}


.IndigiAdvantagesImg {width: 100%; height: auto; margin: 0; z-index: 1; position: relative;}
.IndigiAdvantagesImg img {width:100%; height:auto;}
.IndigiAdvantagesTitle {
	color: #FFF;
	font-family: "Pretendard-Medium";
	font-size: 3rem;
	line-height: 4.2rem;
	letter-spacing: -0.6px;
	margin-bottom:2rem;
	position:relative;
	word-break:keep-all;
}

.IndigiAdvantagesTxt {
	color: #FFF;
	font-family: "Pretendard-Light";
	font-size: 1.8rem;
	line-height: 2.8rem;
	margin-bottom:1rem;
	position:relative;
	word-break:keep-all;
	padding-left: 1.8rem;
}

.IndigiAdvantagesTxt::before {
	content: '';
	width: 0.6rem;
	height: 0.6rem;
	background:#DAC28A;
	border-radius:50%;
	
	position: absolute;
	right: unset;
	left: 0;
    top: 1.2rem;
	transform: unset;
}

.IndigiAdvantagesTxt:last-child {margin-bottom:0;}


@media (max-width:1600px)  {
	.acheWrap .halfLeft {padding: 9% 10rem;}
	.acheWrap .halfContBox {margin-top: 5rem;}
}

@media (max-width:1400px) {
	.threeBox {display:flex; flex-wrap: wrap; justify-content: space-between;}
	.threeBox li {width: calc(100%/3 - 5.333333rem); margin-right: 0;}
	.threeBox li:nth-child(3), .threeBox li:nth-child(4) {margin-top:4rem;}
}

@media (max-width:991px) {
	.acheWrap {padding: 5rem 0;}
	.acheWrap .halfContBox {margin-top: 4rem;}
	.acheWrap .halfLeft {padding: 6rem  2rem;}
	
	
	.acheWrap .imbTitle {font-size: 2.8rem; line-height: 3.8rem; letter-spacing: -0.084rem; text-transform: uppercase;}
	.acheanesType .threeBox li {margin-bottom: 3rem;}
	.acheanesType .threeBox li:last-child {margin-bottom:0;}
	.acheWrap .imbSTitle {font-size: 1.6rem; margin-top: 3rem; line-height: 2.4rem;}
	.acheanesType {margin-top: 5rem;}
	.acheanesType .imbNum {font-size: 4.4rem; line-height: 5rem; margin-top: -1.5rem;}
	.acheanesTypeImg {margin: 2rem 0 2.4rem 0;}
	.acheanesType .caretimeTxt {
		text-align: left;
		font-size: 2rem;
		line-height: 3.2rem;
		margin-top: 0rem;
		margin-bottom: 1.2rem;
	}
	.acheanesType .suggestionTxt {line-height:2.4rem;}
	.suggestion.sixBox li:nth-child(-n+3) {border-bottom:none;}
	.caretimeTxt {margin-top:0;}
	.sedationStepTBox {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
	}
	
	.threeBox li {width: calc(50% - 1rem); margin-right: 0;}
	.threeBox li:nth-child(3), .threeBox li:nth-child(4) {margin-top: 2rem;}
	
	.IndigiAdvanTBOX {
		position: relative;
		padding: 0;
		margin-top: 2rem;
	}

	.IndigiAdvantagesTxt {
		color: #FFF;
		font-family: "Pretendard-Light";
		font-size: 1.5rem;
		line-height: 2.6rem;
		margin-bottom: 1rem;
		position: relative;
		word-break: keep-all;
		padding-left: 1.8rem;
	}
	
	
	.inHouseContWrap .threeBox li {
		width: calc(50% - 2rem);
		margin-right: 0;
	}
	.IndigiAdvantagesTitle {font-size: 2.4rem; line-height: 3.2rem;}

	.inHouseContWrap .threeBox li::before {display:none;}
	.IndigiAdvantagesTxt::before {top:0.8rem;}
	
	.inHouseContWrap .threeBox li:nth-child(3) {margin-bottom:0;}
	
	.IndigiAdvantagesTitle {
		font-size: 2.2rem;
		line-height: 3.2rem;
		letter-spacing: -0.6px;
		margin-bottom: 2rem;
	}
	



}

@media (max-width:767px) {
	.threeBox {display: flex; flex-direction: column; padding:0;}
	.threeBox li {
		width: 100%;
		margin-right: 0;
		margin-bottom: 5rem;
	}
	.IndigiAdvantagesTitle {
		font-size: 2rem;
		line-height: 3rem;
		letter-spacing: -0.6px;
		margin-bottom: 1.5rem;
		position: relative;
		word-break: keep-all;
	}

	.IndigiAdvantagesTxt {line-height: 2.4rem;}

	.threeBox li:nth-child(3), .threeBox li:nth-child(4) {margin-top: 0;}
	
	.inHouseContWrap .threeBox li {
    width: 100%;
    margin-right: 0;
}
}



/* 외부 기공소 VS 내부 기공소 */

.improgramTitle {
    color: #2F2C2C;
    text-align: center;
    font-family: "Pretendard-SemiBold";
    font-size: 2.6rem;
    line-height: 4.2rem;
    text-transform: uppercase;
    margin-bottom: 2rem;
}

.inHouseWrap .imbNum {
    color: #DAC28A;
    font-family: Cormorant;
    font-size: 5rem;
    font-style: normal;
    font-weight: 500;
    line-height: 5rem;
    letter-spacing: -0.1rem;
    margin-top: -0.8rem;
}

.inHouseWrap  .caretimeTxt{
	color: var(--1, #2F2C2C);
	font-family: "Pretendard-Medium";
	font-size: 2.2rem;
	font-style: normal;
	font-weight: 500;
	line-height: 4rem;
	letter-spacing: -0.044rem;
	margin:2.1rem 0 0.8rem;
}
.inHouseWrap .sedationWrap .improgramTitle {margin:12rem 0 5rem;}
.inHouseWrap .sedationWrap .caretimeBox:first-child {padding-bottom:0; margin-bottom:0; border-bottom:none;}
.inHouseWrap .sedationWrap  .caretimeBoxGroup {border: 1px solid #EEE; text-align: center; padding:0;}
.inHouseWrap .sixBox {display: flex; justify-content: space-between; align-items: flex-start; align-items: stretch; background:#fff; border:1px solid #EEE;}
.inHouseWrap .sixBox li {width: calc(100%/6); padding: 4rem 3rem; position: relative;}
.inHouseWrap .sedationWrap .suggestion .sixBox li:nth-child(2n) {background: #FBF7EF;}
.inHouseWrap .suggestionTxt {
    color: #2F2C2C;
    text-align: center;
    font-family: "Pretendard-Light";
    font-size: 1.6rem;
    line-height: 2.8rem;
    letter-spacing: -0.048rem;
    margin-top: 0;
    text-align: left;
}
.innerDigi {margin-top:10rem;}
.innerDigi .flexBox {display: flex; justify-content: center; align-items: center;}
.innerDigi .improgramTitle {
    color: #A07F2E;
    padding: 1.6rem 4rem;
    border-radius: 99px;
    background: #F4EDDC;
    display: inline-flex;
    text-align: center;
}

.innerDigi .imbNum {color:#A07F2E;}
.sixBox.half li {width:calc(100%/3);}

.bellLogoBox {
    display: flex;
    align-items: center;
    justify-content: flex-start;
	margin-bottom:8rem;
}
.bellLogoT {
	color: #2F2C2C;
	font-family: MaruBuri;
	font-size: 5rem;
	font-style: normal;
	font-weight: 400;
	line-height: 7rem;
	letter-spacing: -1.2px;
	text-transform: uppercase;
}

.collImg {width:7rem; height:auto; margin:0 2rem;}
.collImg img {width:100%; height:auto;}

.bellaIntroT {
	color:#2F2C2C;
	text-align: center;
	font-family: "Pretendard-Light";
	font-size: 2.4rem;
	line-height: 4.2rem;
	text-transform: uppercase;
	margin:3rem 0 8rem;
	word-break: keep-all;
}

.bellLogoImg {height: auto; margin: 0 auto; width: 100%; max-width: 62.4rem;}
.bellLogoImg img {width:100%; height:auto;}

.inHouseWrap .sixBox li:last-child::before {display:none;}
.caretimeBoxGroup.outDigi .sixBox .imbNum{color: #999;}
@media (max-width:1400px)  {
	.inHouseWrap .sixBox {flex-wrap: wrap;}
	.inHouseWrap .sixBox li {width: calc(100%/3);}
	.inHouseWrap .sixBox li:nth-child(-n+6) {border-bottom:1px solid #EEE;}
	.inHouseWrap .sixBox li:nth-child(3n)::before {display:none;}
	.inHouseWrap .sixBox li:last-child::before {display:block;}
}
	
@media (max-width:991px) {
	.inHouseWrap .mtitlePad2 {padding:0 2rem;}
	.inHouseWrap .sixBox {align-items: flex-start; flex-direction: column;}
	.inHouseWrap .sixBox li {width: 100%;}
	
	.inHouseWrap .suggestion .sixBox li {flex-direction: row; margin-bottom:0; align-items: flex-start; justify-content: flex-start; width: 100%; padding: 3rem 2rem;}
	.inHouseWrap .suggestion .imbNum {font-size: 4.4rem; line-height: 5rem; letter-spacing: 0.044rem; margin-top: -2rem;}
	
	.inHouseWrap .bellLogoBox {margin-bottom: 4rem;}
	.inHouseWrap .bellLogoT {font-size: 3.2rem; line-height: 4rem;}
	.improgramTitle {
		font-size: 2.2rem;
		line-height: 2.8rem;
		margin-bottom: 2rem;
	}
	
	.innerDigi .improgramTitle {padding: 0.8rem 2rem;}
	.innerDigi {margin-top: 6rem;}
	.collImg {width: 3rem; margin: 0 1rem;}
	
	
	.inHouseWrap .caretimeBoxGroup .imbNum {margin-bottom:0;}
	.inHouseWrap .imbNum {font-size: 4rem; line-height: 3rem;}
	
	.inHouseWrap .IndigiAdvantagesTxt {font-size: 1.6rem; line-height: 2.6rem; margin-bottom: 0.6rem; padding-left: 1.6rem;}
	
	.inHouseWrap .caretimeTxt {margin:0;}
	.inHouseWrap .caretimeBoxGroup .imbNum {line-height:5rem;}
	.caretimeBoxGroup .sedationStep .sixBox li {padding: 2.5rem 2rem 2.5rem 2rem;}
	
	.innerDigi .caretimeTxt {padding-top: 0.4rem;}

}
@media (max-width:767px) {
	
	.inHouseWrap .imbNum {
		font-size: 4rem;
		line-height: 3.5rem;
		position: relative;
		left: unset;
		top: unset;
		right: unset;
		margin-bottom: 1.5rem;
	}
	.inHouseWrap  .caretimeTxt {font-size: 1.6rem; line-height: 3rem; letter-spacing: -0.044rem; margin: 0;}
	.inHouseWrap .suggestionTxt {text-align: left; font-size: 1.4rem; line-height: 2.2rem; letter-spacing: 0rem; margin-top: 0.5rem; word-break: keep-all;}
	.innerDigi {margin-top: 4rem;}
	
	.improgramTitle {
		font-size: 1.5rem;
		line-height: 2.4rem;
		margin-bottom: 1rem;
	}
	
	 .inHouseWrap .caretimeBoxGroup .imbNum {   margin-top: -1.5rem}
	 .innerDigi .caretimeTxt {padding-top: 0rem;}
	.inHouseWrap .bellLogoBox {margin-bottom: 3rem;}
	.inHouseWrap .bellLogoT {font-size: 2.2rem; line-height:4rem;}
	.improgramTitle {font-size: 1.8rem; line-height: 2.4rem; margin-bottom: 1rem;}
}



/* 수면 치료 과정 */
.sedationStep {}
.sedationStep .sixBox li::after {
    content: '';
    width: 4.3rem;
    height: 4.3rem;
    background: url(../img/introduce/arrowGray.png) no-repeat center / cover;
    position: absolute;
    right: unset;
    top: 0;
    transform: unset;
    margin-top: 0;
    z-index: 1;
    left: unset;
    right: 3rem;
    top: 4rem;
}

.sedationStep .sixBox li:last-child::after {
    background: url(../img/introduce/lastCheckIcon.png) no-repeat center / cover;
}


.sedationStep .innerDigi .sixBox li:last-child::after { background: url(../img/introduce/lastCheckIcon.png) no-repeat center / cover;}
.sedationStep  .innerDigi .sixBox li::after {background: url(../img/introduce/steptwelveArrow.png) no-repeat center / cover;}
.sedationStepTBox {display:flex; flex-direction: column;}


/* 횟수 감소 기간 단축 */
.inrDigiAdvan {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 5rem;
}
.inrDigiAdvanT {
	color: #2F2C2C;
	text-align: center;
	font-family: "Pretendard-Medium";
	font-size: 2.4rem;
	line-height: 3.4rem;
	text-transform: uppercase;
	padding: 2.6rem 14.6rem 2.6rem 7.7rem;
	background:#fff;
	border-radius: 999px;
	border: 1px solid #EEE;
	transform: translateX(8.3rem);
}
.inrDigiAdvanT.sec {padding: 2.6rem 7.7rem 2.6rem 14.6rem; transform: translateX(-8.3rem);}
 
.inrDigiAdvanImg {width:8.6rem; height:auto; margin:0; z-index: 1;}
.inrDigiAdvanImg img {width:100%; height:auto;}



@media (max-width:991px) {
	.steptwelve.inHouseContWrap {padding-top: 4rem;}
	.inHouseContWrap .repreDiTitle {margin-bottom: 2rem;}
	
	.sedationWrap .improgramTitle {margin: 5rem 0 2rem;}
	.sedationStep .sixBox li::after {content: ''; width: 3rem; height: 3rem; right: unset; top: unset; margin-top: 0; left: 50%; bottom: 0; transform:rotate(90deg) translateY(50%) translateX(50%);}
	.sedationStep .sixBox li {width: 100%; margin-bottom: 0; display: flex; flex-direction: row; align-items: flex-start; padding: 3rem 2rem 3rem 2rem; border-bottom: 1px solid #EEE;}
	.sedationStep .sixBox li:last-child {border-bottom:none;}
	.sedationStep .sixBox li:last-child::before {display:none;}
	.sedationStep .sixBox li:last-child::after {display:none;}
	.sedationStep.caretime .imbNum {font-size: 4.4rem; line-height: 5rem; letter-spacing: 0.044rem; margin-top: -2rem;}
	.sedationStepTBox {margin-left: 1.4rem;}
	
	.inrDigiAdvan {
		display: flex;
		align-items: center;
		justify-content: center;
		margin-top: 5rem;
		flex-direction: column;
	}
	.inrDigiAdvanT, .inrDigiAdvanT.sec {
		transform: unset;
		padding: 1.5rem 2rem;
		width: 100%;
		font-size: 2rem;
		line-height: 2.5rem;
	}
	.inrDigiAdvanImg {width: 5rem; height: auto; margin: 0; z-index: 1; margin: 1rem 0;}
}


@media (max-width:767px) {
		.steptwelve.inHouseContWrap {padding-top: 0rem;}
	.inHouseContWrap .repreDiTitle {margin-bottom: 0rem;}
	.sedationWrap .caretimeTxt {text-align: left; font-size: 1.5rem; line-height: 2rem; margin-top: 0rem; margin-bottom: 1rem;}
	.suggestionTxt {text-align: left; font-size: 1.4rem; line-height: 2.2rem; letter-spacing: 0rem; margin-top: 0rem; word-break: keep-all;}
	.sedationStep .sixBox li {padding: 2rem 2rem 2rem 2rem;}
	
	.inrDigiAdvanT, .inrDigiAdvanT.sec {
		transform: unset;
		padding: 1.5rem 2rem;
		width: 100%;
		font-size: 1.6rem;
		line-height: 2rem;
	}
	.inrDigiAdvanImg {width: 4rem;}
	.sedationStep .sixBox li::after {content: ''; width: 2.6rem; height: 2.6rem;}
}

.steptwelve.digiContEqWrap {padding-top:0!important;}
.halfContBox {display: flex; width:100%; align-items: stretch;}
.digiEqWrap {border: 1px solid #EEE;}
.digiEqWrap .halfContBox {
    /* border: 1px solid #EEE; */
}

.digiEqWrap .halfBox {
    width: 50%;
	overflow: hidden;
    padding: 0!important;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}

.digiEqWrap .halfImg {
    width: 100%;
    padding: 0!important;
    display: flex;
    justify-content: center;
    align-items: flex-start;
}

.digiEqWrap .halfImg img {width: 100%; height: auto;}

.digiEqWrap .hfPadNum {
    color: var(--3, #C7AD6E);
    text-align: right;
    font-family: Cormorant;
    font-size: 8rem;
    font-style: normal;
    font-weight: 400;
    line-height: 14.8rem;
    letter-spacing: 0.8px;
    margin-top: -5.8rem;
    position: relative;
    right: unset!important;
    top: unset!important;
    left: unset!important;
    text-align: center;
}
.reverse .hfPadNum { right: unset; left:4rem;}

.digiEqTitle {
	color: #2F2C2C;
	text-align: center;
	font-family: MaruBuri;
	font-size: 3.2rem;
	font-weight: 400;
	line-height: 4.4rem;
	margin-bottom:3rem;
}
.digiEqTxt {
	color: #2F2C2C;
	text-align: center;
	font-family: "Pretendard-Light";
	font-size: 2rem;
	line-height: 3.6rem;
}

.GuaranteeBotmCont {
	padding: 10rem 10rem 12rem 10rem;
	background:#F8F8F8;}
.GuaranteeHalfCont {
	display: flex;
    justify-content: space-between;
    
}
.GuaranteeHalfCont .guaranteeSlide {width:calc(50% - 2rem);}
.GuaranteeBotmCont .pisBanner {background: url(../img/introduce/guara_ortthBannerBg.jpg) no-repeat center / cover; margin-top: 10rem;}

.minisiBanner .pisBanner {background: url(../img/introduce/GuaranteeMinishBannerBg.jpg) no-repeat center / cover;margin-top: 10rem;}
.minisiBanner .guaranteeSlide .halfTxtBox ::before {display:none;}
@media (max-width:1600px) and (min-width:992px) {
	.GuaranteeBotmCont {padding: 10rem 5rem 10rem 4rem;}
}
@media (max-width:991px) {
		
	.minisiBanner .pisBanner {margin-top: 6rem;}
	.digiEqWrap .halfContBox {margin-bottom: 5rem;}
	.digiEqWrap .halfContBox.reverse {display: flex; flex-direction: column-reverse;}
	.digiEqWrap .halfTxtBox {padding: 5rem 2rem;}
	.digiEqWrap .hfPadNum {
		font-size: 5.4rem;
		font-weight: 400;
		line-height: 7.8rem;
		letter-spacing: 0.8px;
		margin-top: -3.8rem;
		right: unset;
		left: 0;
	}
	.digiEqTitle {font-size: 2.6rem; line-height: 3.8rem; margin-bottom: 3rem; word-break: keep-all; margin-top: 1rem;}
	.inHouseWrap .digiContEqWrap.steptwelve .halfBox {width: 100%; padding: 0rem 0rem 2rem 0rem;}
	.inHouseWrap .digiContEqWrap.steptwelve .halfBox .repreDiTitle {margin-bottom: 2rem;}
	
	.inHouseWrap .digiContEqWrap.steptwelve .halfBox.borderRightBefore::before {
		display:none;
	}
	.steptwelve.digiContEqWrap {
		padding-top: 8rem!important;
	}
	.digiEqWrap {margin-top: 2rem;}

	
	
}
@media (max-width:767px) {
	.steptwelve.digiContEqWrap {padding-top: 5rem!important;}	
	.digiEqWrap .halfTxtBox {padding: 4rem 2rem;}
	.digiEqWrap .halfContBox {margin-bottom: 2rem;}
	.inHouseWrap .digiContEqWrap.steptwelve .halfBox .repreDiTitle {margin-bottom: 0rem;}
	.digiEqWrap .hfPadNum {font-size:4.4rem; line-height:6.8rem;}
	.digiEqTitle {font-size: 2.2rem; line-height: 3.4rem; margin-top:0rem; margin-bottom: 2rem;}
	.digiEqTxt {font-size: 1.6rem; line-height: 2.8rem; word-break: keep-all;}
}

/* :::::::::::::: ======================= 더스퀘어 소개 - 책임 진료 보증제 (04) ======================= ::::::::::::::*/
.guaranteePWrap {overflow:hidden;}

.halfBox.btop {border-top:1px solid #EEE;}


.guaranteeSlide {background:#F8f8f8;}
.guaranteeSlide .guarantSwiper {overflow: unset; padding-bottom: 4rem;}
.guaranteeSlide .swiper-slide figure {width:100%; height:auto;}
.guaranteeSlide .swiper-slide img {width:100%; height:auto; vertical-align: bottom;}
.guaranteeSlide .halfTxtBox {
    background: #FFF;
    padding: 2rem 0;
    min-height: 26.5rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
	position:relative;
}

/* .guaranteeSlide .halfTxtBox ::before { */
    /* content: ''; */
    /* width: 100%; */
    /* height: 76%; */
    /* background: url(../img/introduce/heslideBg02.png) no-repeat center / cover; */
    /* position: absolute; */
    /* top: 0; */
    /* left: 0; */
    /* z-index: 100; */
/* } */


.guaranteeSlide .guarSNum {
	color: #C7AD6E;
	text-align: center;
	font-family: Cormorant;
	font-size: 6rem;
	font-style: normal;
	font-weight: 400;
	line-height: 6rem;
	letter-spacing: 0.06rem;
	margin-bottom:2rem;
}
.guaranteeSlide .guarSTitle {
	color:#2F2C2C;
	text-align: center;
	font-family: MaruBuri;
	font-size: 3rem;
	font-weight: 400;
	line-height: 4rem;
}
.guaranteeSlide .guarSxt {
	
	color: #2F2C2C; font-family: "Pretendard-Light"; font-size: 1.8rem; line-height: 3rem; margin-bottom:1rem;
}

.guaranteePWrap .swiper-pagination {top: unset!important; bottom: 0!important; background: #EEE; height: 0.3rem; border-radius:4rem; width:100%;}
.guaranteePWrap .swiper-pagination-progressbar-fill {background: #2F2C2C!important; border-radius:4rem;}
.swiper.guarantSwiper.guarantSwiper03 {padding-bottom: 4rem; overflow:unset;}

.orthBanner .halfTxtBox {padding: 8rem  10rem;}
.orthBTitle {
	color: #2F2C2C;
	font-family: MaruBuri;
	font-size: 3.8rem;
	font-weight: 600;
	line-height: 5.8rem;
	text-transform: uppercase;
	margin-bottom:3rem;
}

.orthBTxt {
	color:  #2F2C2C;
	font-size: 2.4rem;
	line-height: 3.7rem;
	letter-spacing: -0.48px;
	text-transform: uppercase;
}
.orthBTxtPlus {width: 4.1rem; height: 4.1rem; margin:0 1.4rem;}
.orthBTxtPlus img {width:100%; height:auto;}
.orthBTxtGroup {display: flex; align-items: center; margin-bottom:4.9rem;}

.pisBanner {background:url(../img/introduce/pisBannerBg.jpg)no-repeat center / cover; margin-top:10rem;}
.pisBanner .contMoreBtn {margin-top: 0; display: flex; justify-content: flex-start;}
.pisBanner  .halfBoxImg {}
.pisBanner .halfBox:nth-child(2) {align-items: flex-end;}
.pisBanner  .halfBoxImg img {width:100%; height:auto;mix-blend-mode: multiply; vertical-align: bottom;} 

.pisBanner02 {
    background: url(../img/introduce/pisBannerBg02.jpg)no-repeat center / cover;
    margin-top: 10rem;
}

/* .guaranteeSlide .pisBanner02 .halfTxtBox ::before {display:none;} */



.pisColorT {
	color: #DAC28A;
	font-family: Cormorant;
	font-size: 3.2rem;
	font-weight: 600;
	line-height: 3.8rem;
	letter-spacing: 0.032rem;
	margin-bottom:4rem;
}
.pisTitleT {
	color: #FFF;
	font-family: Pretendard;
	font-size: 3.6rem;
	line-height: 5rem;
	letter-spacing: 0.036rem;
	margin-bottom:2rem;
	word-break: keep-all;
}
.pisTxt {
	color: #FFF;
	font-family: Pretendard;
	font-size: 2.2rem;
	line-height: 3.6rem;
	letter-spacing: 0.22px;
	margin-bottom:4rem;
	word-break: keep-all;
}
.pisBanner .contMoreBtn {margin-top: 3.2rem; display: flex; justify-content: center;}
.pisBanner .contMoreBtn a {
    border-radius: 4px;
    border: 1px solid #FFF;
    padding: 1.2rem 2.4rem;
    display: inline-block;
}
.pisBanner .contMoreBtn p {
	color: #FFF;
	text-align: right;
	font-family: Pretendard;
	font-size: 1.8rem;
	line-height: 2.4rem;
	padding-right: 2.5rem;
	position: relative;
}
.pisBanner .contMoreBtn p::before {
    content: '';
    right: 0;
    top: 50%;
    height: 1.6rem;
    width: 1.4rem;
    position: absolute;
    transform: translateY(-50%);
    background: url(../img/introduce/pisArrowWhtie.png) no-repeat center / cover;
}
.pisBanner .halfTxtBox {display: flex; flex-direction: column; align-items: flex-start; padding: 8.6rem 10rem; background: none;}


.intSlideList {display: flex; flex-wrap: wrap; width: 80%; margin: 2rem auto 0;}
.intSlideList li {width: 50%; text-align: center;}
.intSlideList li p {
    color: #2F2C2C;
    font-family: "Pretendard-Light";
    font-size: 1.8rem;
    line-height: 3rem;
    padding-left: 1.4rem;
    position: relative;
    text-align: center;
    display: inline-flex;
    justify-content: center;
}
.intSlideList li p::after {
	content: '';
    left: 0;
    top: 50%;
    height: 0.6rem;
    width: 0.6rem;
    position: absolute;
    transform: translateY(-50%);
    background:#DAC28A;
	border-radius:50%;
}
.intSlideList.wid100 li {
	width: 100%;
	text-align: center;
}
.guaranteeSlide .intSlideList. .guarSxt {margin-bottom:0}

@media (max-width:991px) {
	.GuaranteeBotmCont {padding: 8rem 2rem 8rem 2rem;}
	.halfTxtBoxBotmImg {width:100%; height:auto;}
	.halfTxtBoxBotmImg img {width:100%; height:auto; vertical-align: bottom;}
	
	
	
	
	.guaranteeSlide .guarantSwiper {padding-bottom: 2.5rem;}
	.guaranteeSlide .halfTxtBox {padding: 1rem 0; min-height: 16.5rem;}
	.guaranteeSlide .guarSNum {font-size: 4rem; line-height: 3rem; letter-spacing: 0.06rem; margin-bottom: 1.2rem;}
	.guaranteeSlide .guarSTitle {font-size: 2rem; line-height: 3rem;}
	.guaranteeSlide .pisBanner02 .halfTxtBox {padding: 4rem 3rem; min-height: 16.5rem;}
	
	
	
	.pisBanner, .pisBanner02 {margin-top: 4rem; background: #2F2C2C!important;}
	.pisBanner .halfTxtBox {display: flex; flex-direction: column; align-items: flex-start; padding: 4rem 3rem;}
	
	.pisTitleT {font-size: 2.8rem; line-height: 4rem; margin-bottom: 2rem;}
	.pisColorT {font-size: 2.8rem; line-height: 3.8rem; letter-spacing: 0.032rem; margin-bottom: 2rem;}
	.pisTxt {font-size: 1.9rem; line-height: 3rem; margin-bottom: 1rem;}
	
	.pisBanner .contMoreBtn {margin-top: 2.2rem;}
	.pisBanner .contMoreBtn p {font-size: 1.6rem; line-height: 2.4rem; padding-right: 2.5rem;}

	.intSlideList {margin: 1rem auto 0;}
	
	.swiper.guarantSwiper.guarantSwiper03 {padding-bottom: 3rem; overflow:unset;}
	
	.guaranteeSlide .guarSxt {
		color: #2F2C2C;
		font-family: "Pretendard-Light";
		font-size: 1.5rem;
		line-height: 2rem;
		margin-bottom: 0.5rem;
	}
	
	

}
@media (max-width:767px) {
	.GuaranteeBotmCont {padding: 5rem 2rem 5rem 2rem;}

	
	

	.pisColorT {
		font-size: 1.8rem;
		line-height: 2.2rem;
		letter-spacing: 0.018rem;
		margin-bottom: 1.6rem;
	}

	.pisTitleT {
		font-size: 2rem;
		line-height: 2.74rem;
		letter-spacing: 0;
		margin-bottom: 1rem;
	}
	.pisTxt {
		font-size: 1.5rem;
		line-height: 2.4rem;
		margin-bottom: 1.6rem;
	}

	.minisiBanner .pisBanner, .GuaranteeBotmCont .pisBanner {background: url(../img/introduce/GuaranteeMinishBannerBg.jpg) no-repeat center / cover; margin-top: 4rem;}
	
	
	.guaranteeSlide .pisBanner .halfTxtBox {padding: 3rem 2rem; min-height: 16.5rem;}
	.pisBanner .halfTxtBox {padding: 3rem 2rem;}
	.pisBanner .contMoreBtn { margin-top: 0;}
	.pisBanner .contMoreBtn p {font-size: 1.3rem; line-height: 1.6rem; padding-right: 2.2rem;}
	.pisBanner .contMoreBtn p::before {width:1rem; height:1.1rem; left:unset;}
	.pisBanner .contMoreBtn a {padding:1.2rem 1.6rem;}

	.intSlideList {display: flex; flex-wrap: wrap; width: 100%; margin: 1rem auto 0;}
	.intSlideList li p {font-size: 1.4rem; line-height: 2.5rem; padding-left: 1.2rem;}
	.intSlideList li p::before {width:0.4rem; height:0.4rem;}
	
	


}

/* 교정 */
.orthmidBanner {margin-top: 0; display: flex; justify-content: flex-start;}
.orthmidBanner .halfBox {
    width: 50%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.orthmidBanner .halfBox .halfTxtBox {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-left: 10rem;
}
.orthmidBanner .halfImg {width:100%; height:auto;}
.orthmidBanner .halfImg img {width:100%; height:auto; vertical-align:bottom;}
.orthmidBanner .mcTBTitle {
    color: #2F2C2C;
    font-family: MaruBuri;
    font-size: 5rem;
    font-weight: 400;
    line-height: 7.1rem;
    position: relative;
    padding-bottom: 4rem;
    margin-bottom: 4rem;
}

.orthmidBanner .mcTBTitle::before {
	content:'';
	width: 5rem;
	height: 0.1rem;
	background: #2F2C2C;
	position:absolute;
	left:0;
	bottom:0;
}


.orthmidBanner .mcTBTxt {
    color: #2F2C2C;
    font-family: "Pretendard-Light";
    font-size: 2.2rem;
    line-height: 4rem;
    text-transform: uppercase;
    word-break: keep-all;
}

.orthmidBanner .mcTBTxt.padT2 {padding-top:2rem;}
.orthmidBanner .mcTBTxt span{
	color: #A07F2E;
	font-family: "Pretendard-SemiBold";
	font-size: 2.2rem;
	line-height: 4rem;
	text-transform: uppercase;
}

.swiper.guarantSwiper.guarantSwiper02 {
    overflow: unset;
}


.guaranteeSlide.guarantSwiper02 .swiper-pagination {top: unset!important; bottom: 0!important; background: #EEE; height: 0.3rem; border-radius:4rem;}
.guaranteeSlide.guarantSwiper02 .swiper-pagination-progressbar-fill {background: #2F2C2C!important; border-radius:4rem;}

@media (max-width:1600px) and (min-width:992px) {
	.orthmidBanner .halfBox .halfTxtBox {padding-left: 5rem;}
}

@media (max-width:991px) {
	.orthmidBanner .halfBox {width: 100%; display: flex; justify-content: center; align-items: center;}
	.orthmidBanner .halfBox .halfTxtBox {padding: 8rem 2rem; width:100%;}
	.orthmidBanner .mcTBTitle {font-size: 3.2rem; line-height: 4.5rem; padding-bottom: 2.5rem; margin-bottom: 2.5rem;}
	.orthmidBanner .mcTBTxt {font-size: 1.8rem; line-height: 3rem; text-transform: uppercase;}
	.orthmidBanner .mcTBTxt span {font-size: 1.6rem; line-height: 2.8rem;}
	.orthmidBanner .mcTBTitle::before {width: 3rem;}
}
@media (max-width:767px) {
	.orthmidBanner .mcTBTitle {font-size: 2.8rem; line-height: 3.8rem; padding-bottom: 2rem; margin-bottom: 2rem;}
	.orthmidBanner .mcTBTxt {font-size: 1.6rem; line-height: 2.8rem;}
	.orthmidBanner .halfBox .halfTxtBox {padding: 5rem 2rem; width:100%;}
}

/* :::::::::::::: ======================= 더스퀘어 소개 - 병원 둘러보기 (05) ======================= ::::::::::::::*/
.AintroTopbTxtBox .introTopbTxt:nth-child(2) {padding-top:2rem;}

.explore-our-facility {overflow:hidden;}
.explore-our-facility .appliMenu {margin-top:8rem;}
.explore-our-facility .appliMenu ul {display: flex; align-items: center; justify-content: flex-start; border:1px solid rgb(238 238 238 / 20%);}
.explore-our-facility .appliMenu ul li {
    width: calc(100%/3);
    text-align: center;
	border-right:1px solid rgb(238 238 238 / 20%);
}
.explore-our-facility .appliMenu ul li:last-child {border-right:none;}
.explore-our-facility .appliMenu ul li a {width: 100%; display: inline-block; padding: 0;}
.explore-our-facility .appliMenu ul li a::before {display:none;}

.explore-our-facility .appliMenu ul li a>p {
	color: #2F2C2C;
	text-align: center;
	font-family: MaruBuri;
	font-size: 2rem;
	font-weight: 400;
	line-height: 3.2rem;
	opacity: 0.5;
	padding: 3rem 0;
	display: inline-block;
	position:relative;
	opacity: 1;
}


.explore-our-facility .appliMenu ul li a p::before {
	content:'';
	border-radius: 3px 3px 0px 0px;
	background: #C7AD6E;
	width:0;
	height:0.4rem;
	position:absolute;
	left:0;
	bottom:0;
	transition:all 0.2s ease-in-out;
}

.explore-our-facility .appliMenu ul li a:hover {opacity: 1; font-weight: 600;}
.explore-our-facility .appliMenu ul li a:hover p::before{width:100%; opacity: 1;}
.explore-our-facility .appliMenu ul li.on a {opacity: 1;}
.explore-our-facility .appliMenu ul li.on a p {opacity: 1; font-weight: 600;}
.explore-our-facility .appliMenu ul li.on a p::before{width:100%; }

.highTech.explore-our-facility .appliMenu ul li {border-right: 1px solid #EEE;}
.highTech.explore-our-facility .appliMenu ul li:last-child {border-right:none;}
.highTech.explore-our-facility .appliMenu ul {border: 1px solid #EEE;}
.htSlide03Txt {
	color: #2F2C2C;
	text-align: center;
	font-family: Pretendard;
	font-size: 2.6rem;
	line-height: 4.4rem;
	margin-bottom:4rem;
}
@media (max-width:991px) {
	.highTech.explore-our-facility .appliMenu ul li {text-align: center;}
	.explore-our-facility .appliMenu ul li a>p {font-size: 1.6rem; line-height: 5.6rem; padding: 0;}
	.htSlide03Txt {font-size: 2rem; line-height: 3rem; margin-bottom: 3rem;}
}
@media (max-width:767px) {
	.explore-our-facility .appliMenu {margin-top: 2rem;}
	.explore-our-facility .appliMenu ul li{padding:0;}
		/* .highTech.explore-our-facility .appliMenu ul li {width: auto;} */
	.explore-our-facility .appliMenu ul li a>p {font-size: 1.2rem;}
	.AintroTopbTxtBox .introTopbTxt:nth-child(2) {padding-top: 0.5rem;}
	.htSlide03Txt {
		font-size: 1.5rem;
		line-height: 2.2rem;
		margin-bottom: 2rem;
	}
}

/* 구조 및 인테리어 */
.interiorWrap {background: #2F2C2C; overflow:hidden;}

.interiorSwiper {
    margin-top: 4rem;
    overflow: unset;
    padding-bottom: 4rem;
    width: 100%;
    max-width: 100rem;
}

.swiperTitle {
    color: #FFF;
    text-align: center;
    font-family: Pretendard;
    font-size: 1.8rem;
    line-height: 3rem;
    margin: 2rem 0 3rem;
    min-height: 6rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.interiorSwiper .swiper-slide figure {
    width: 100%;
    height: auto;
    display: flex;
    justify-content: center;
    align-items: center;
}
.interiorSwiper .swiper-slide img {
	width:100%!important;
	height:auto;
	vertical-align: bottom;
}
.interiorWrap .appliMenu ul li a>p {color:#FFF;}
.interiorWrap .navigation_container {
    position: relative;
    display: flex;
    position: absolute;
    right: 50%;
    top: 50%;
    width: 127.9%;
    justify-content: space-between;
    transform: translateY(-50%) translateX(50%);
    z-index: 10;
}
.interiorWrap .swiper-button-next, .interiorWrap .swiper-button-prev {right: unset!important; left: unset!important; position: relative!important; width: 9.9rem !important; height: 9.9rem!important; margin: 0!important; padding: 0!important;}
.interiorWrap .swiper-button-next {background:url(../img/main/mainBSRight.jpg) no-repeat center / cover;}
.interiorWrap .swiper-button-prev {background:url(../img/main/mainBSLeft.jpg) no-repeat center / cover;}
.interiorWrap .swiper-button-next:after, .interiorWrap .swiper-button-prev:after {content:''!important;}

.interiorWrap .swiper-button-next.swiper-button-disabled, .interiorWrap .swiper-button-prev.swiper-button-disabled {opacity:1!important}
.interiorWrap .swiper-button-next.swiper-button-disabled {background:url(../img/main/mainBSRight_un.jpg) no-repeat center / cover;}
.interiorWrap .swiper-button-prev.swiper-button-disabled {background:url(../img/main/mainBSLeft_un.jpg) no-repeat center / cover;}

.interiorWrap .swiper-pagination {bottom: 0;}
.interiorWrap .swiper-pagination-bullet {width: 4px!important; height: 4px!important; background: #FFF; opacity: 0.2;}
.interiorWrap .swiper-pagination-bullet-active {width: 6px!important; height: 6px!important; background: #DAC28A; opacity: 1;}
.interiorSwiper.hidden {display:none;}

@media (max-width:991px) {

	.explore-our-facility .appliMenu ul li {
		text-align: center;
	}
	.swiperTitle {margin:1rem 0 2rem;}


	.interiorWrap .navigation_container {
		right: 50%;
		top: unset;
		width: 100%;
		justify-content: space-between;
		transform: translateX(50%);
		margin-top: 1.5rem;
	}
	
	.interiorWrap .swiper-button-next, .interiorWrap .swiper-button-prev {
		right: unset!important;
		left: unset!important;
		position: relative!important;
		width: 4.5rem !important;
		height: 4.5rem!important;
		margin: 0!important;
		padding: 0!important;
	}
	
	.interiorWrap .swiper-pagination {
		bottom: 0;
		transform: translateY(0.25rem );
	}
	
	.interiorSwiper {
		margin-top: 2rem;
		padding-bottom: 4rem;
	}
}

@media(max-width:767px) {
	.swiperTitle {
		font-size: 1.5rem;
		line-height: 2.2rem;
		margin: 0rem 0 1.5rem;
		min-height: 3rem;
	}
}


/* 첨단기술 */
.highTechSwiper {margin-top:4rem; overflow: unset; padding-bottom: 4rem; }
.highTechSwiper .swiper-slide figure {width:100%; height:auto;}
.highTechSwiper .swiper-slide img {
    width: 100%;
    height: auto;
    vertical-align: bottom;
}

.highTechSwiper .swiper-pagination {top: unset!important; bottom: 0!important; background: #EEE; height: 0.3rem; border-radius:4rem;}
.highTechSwiper .swiper-pagination-progressbar-fill {background: #2F2C2C!important; border-radius:4rem;}


.highTechSwiper .halfTxtBox {
    background: #FFF;
    padding: 0 1.5rem;
    border: 1px solid #EEE;
    position: relative;
    height: 37.5rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.highTechSwiper .halfTxtBox::before {
    content: '';
    width: 100%;
    height: 76%;
    background: url(../img/introduce/heslideBg.png) no-repeat center / cover;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
}

.highTechSwiper .highTNum {
	color:#C7AD6E;
	text-align: center;
	font-family: Cormorant;
	font-size: 6rem;
	font-style: normal;
	font-weight: 400;
	line-height: 6rem;
	letter-spacing: -0.06rem;
	margin-top:-1rem;
}
.highTechSwiper .highTSTitle {
	color: #2F2C2C;
	text-align: center;
	font-family: Pretendard;
	font-size: 2.2rem;
	line-height: 3.6rem;
	margin:2rem 0;
}
.highTSTxt {color: #2F2C2C; text-align: center; font-family: "Pretendard-Light"; font-size: 1.8rem; line-height: 3rem;     word-break: keep-all;}
.highTechSwiper.hidden {display:none;}

@media (max-width:991px) {
	
		
	.highTechSwiper .halfTxtBox {height: 29.7rem;}
	.highTechSwiper .highTNum {font-size: 5rem; line-height: 5rem; letter-spacing: -0.06rem; margin-top: -1rem;}
	.highTechSwiper .highTSTitle {font-size: 2.2rem; line-height: 3.1rem; margin: 2rem 0 1.5rem;}
	.highTSTxt {font-size: 1.6rem; line-height: 2.6rem;}


}
@media (max-width:767px) {
.highTechSwiper .highTNum {
    line-height: 4rem;
    font-size: 4rem;
}
	.highTechSwiper .highTSTitle {
		font-size: 1.8rem;
		line-height: 2.6rem;
		margin: 1rem 0;
	}
	.highTSTxt {
		font-size: 1.5rem;
		line-height: 2.3rem;
	}
	
	.highTechSwiper .halfTxtBox {
		padding: 0 1.5rem;
		height: 23.7rem;
	}
	
	.highTechSwiper {
		margin-top: 2rem;
		overflow: unset;
		padding-bottom: 3rem;
	}

}

/* 12단계 완벽 멸균  */
.steptwelve {border-top:1px solid #EEE;}
.steptwelve .flexBox {
    display: flex;
    flex-wrap: wrap;
}

.steptwelve .halfBox {width:50%; padding: 12rem 0rem 8rem 10rem;}
.steptwelve .fourBox {
    width: calc(100%/4);
    position: relative;
    border-top: 1px solid #EEE;
}

.steptwelve .flexBox:first-child {align-items: flex-end;}
.steptwelve .fourBox::after {
	content:'';
	width: 4.3rem;
	height: 4.3rem;
	position:absolute;
	right:0;
	top:50%;
	transform:translateY(-50%) translateX(50%);
	background:url(../img/introduce/steptwelveArrow.png) no-repeat center / cover;
}
.steptwelve .fourBox:nth-child(4n)::after {display:none;}
.steptwelveBoxInr {
    padding: 4rem 0;
    margin: 0 auto;
	width:64.88%;
}
.steptwelveSTitle {
	color: #2F2C2C;
	font-family: "Pretendard-Light";
	font-size: 2.2rem;
	line-height: 4rem;
	text-transform: uppercase;
}
.steptwelveSTitle span {color: #DAC28A; font-family: "Pretendard-SemiBold";}
.steptwelveNumImg {
    width: 100%;
    height: auto;
    margin-bottom: 3rem;
}
.steptwelveNumImg img {width:100%; height:auto;}
.steptwelveNum {
    color: #C7AD6E;
    font-family: Cormorant;
    font-size: 4.8rem;
    font-weight: 400;
    line-height: 4.8rem;
    letter-spacing: 0.48px;
    margin-right: 1.4rem;
    margin-top: -1rem;
}
.steptwelveTxt {
	color: #2F2C2C;
	font-size: 2rem;
	line-height: 4rem;
	word-break: keep-all;
}

.steptwelveSTxt {
	color:#2F2C2C;
	font-family: Pretendard;
	font-size: 1.5rem;
	line-height: 2.5rem;
	margin-top:1rem;
	word-break: keep-all;
}
@media (max-width:991px) {
	.steptwelve .flexBox {
		display: flex;
		flex-wrap: wrap;
	}
	.steptwelve .fourBox {
		width: calc(100%/2);
	}
	.steptwelve .halfBox {
		width: 100%;
		padding: 4rem 2rem 3rem 2rem;
	}

	.steptwelve .halfBox:first-child {padding-bottom:0;}
	.steptwelve .halfBox:nth-child(2) {padding-top:2rem;}
	
	.steptwelveBoxInr {padding: 2rem; margin: 0 auto; width: 100%;}
	.fourBox.borderRightBefore:nth-child(2n)::after {display:none;}
	
	.steptwelve .fourBox::after {
		width: 2.5rem;
		height: 2.5rem;
		top: 61%;
	}
	.aroundWrap .steptwelve .halfBox:nth-child(2) {padding-top:0rem;}
	.aroundWrap .steptwelveBoxInr {padding: 3rem; margin: 0 auto; width: 100%;}
}

@media (max-width:991px) and (min-width:768px) {
	.aroundWrap .steptwelveTxt {font-size: 2rem; line-height: 3rem; margin-top:1rem;}
	.aroundWrap .steptwelveNumImg {margin-bottom: 2rem;}
	.aroundWrap .steptwelveNum {font-size:4rem; margin-top:-1.8rem;}
	.aroundWrap .steptwelveSTitle {font-size: 1.8rem; line-height: 3rem; text-transform: uppercase;}
	
	.steptwelve .flexBox>div .flexBox {
		display: flex;
		flex-wrap: wrap;
		flex-direction: column;
		align-items: flex-start;
	}
}

@media (max-width:767px) {
	.steptwelveSTitle {
		font-size: 1.6rem;
		line-height: 2.8rem;
	}


	.steptwelveNum {
		color: #C7AD6E;
		font-family: Cormorant;
		font-size: 3.6rem;
		font-weight: 400;
		line-height: 5rem;
		letter-spacing: 0.48px;
		margin-right: 0;
		margin-top: -1re,;
	}
	
	.steptwelveTxt {
		margin-top: 0rem;
		color: #2F2C2C;
		font-size: 1.6rem;
		line-height: 2.4rem;
	}
	.steptwelveNumImg {
		width: 100%;
		height: auto;
		padding-left:0.5rem;
		margin-bottom: 1rem;
	}


	.steptwelve .flexBox>div .flexBox {
		display: flex;
		flex-wrap: wrap;
		flex-direction: column;
		align-items: flex-start;
	}
	.aroundWrap .steptwelve .repreDiTitle {margin-bottom:0;}
	.aroundWrap .steptwelve .halfBox:nth-child(2) {padding-top:2rem;}
	.aroundWrap .steptwelveBoxInr {padding: 2rem; margin: 0 auto; width: 100%;}
	
	.steptwelveSTxt {
		font-size: 1.3rem;
		line-height: 2.1rem;
		margin-top: 1rem;
	}


}

/* :::::::::::::: ======================= 더스퀘어 소개 - 오시는 길 (06) ======================= ::::::::::::::*/


/* ::::::::::::: =========== // ~ Smile Design Story start  =========== ::::::::::::: */
.BranndM .storyTabContWrap { padding: 8rem 12rem 4rem;}
.BranndM .storyTabContWrap.msShow {display:block;}
.BranndM .storyTabContWrap.minishWrap {background: #FFF;}
.BranndM.storyWrap {overflow:hidden; padding:0;}
.BranndM.storyWrap .navigation_container {top: 0;}
.BranndM .implantthumbSwiper .swiper-slide {width: unset!important;}

.BranndM.storyWrap .desingStoryBRight #minishCont {
    padding: 0;
    overflow: unset;
}
.BranndM.storyWrap .minishthumbSwiper .swiper-slide {
    cursor: pointer;
    width: auto!important;
}


.BranndM.storyWrap .mainInner {padding:0 10rem;}


.BranndM .abTxtBox {
    top: 0;
    width: 100%;
    display: flex;
    position: relative;
    transform: unset;
    justify-content: space-between;
}

.BranndM .abTxtBotmTBox {
    width: 50%;
    text-align: center;
    cursor: pointer;
}

.BranndM .abTxtBotmBox .goeSite {
    width: auto;
    text-align: center;
    display: inline-block;
}

.BranndM .abTxtBotmBox .goeSite:nth-child(1) {
    text-align: center;
    margin-right: 0;
}

.DiaryNoteBox {
	background: #F8F8F8;
	color: #2F2C2C;
	font-family: "Pretendard-Light";
	font-size: 1.8rem;
	line-height: 3.6rem;
	padding:4rem;
}
.BranndM .abTxtBotmBox {margin: 2rem 0;}


.diary .abTxtBotmBox .diaryBtn .goeSite,
.diary .abTxtBotmBox .diaryBtn .goeSite::before {opacity: 1;}

.note .abTxtBotmBox .noteBtn .goeSite,
.note .abTxtBotmBox .noteBtn .goeSite::before {opacity: 1;}

.noteT {display:none;}
.note .noteT {display:block;}
.note .DiaryT {display:none;}

.desingStoryBWrap {display:flex;}
.desingStoryBRight {width: 75%;}

.desingStoryBWrap #implantCont {
    padding: 0;
    width: 100%;
    margin: 0 auto;
    overflow: unset;
}
.storyWrap .desingStoryBWrap .swiper-thumbs {margin-bottom: 0;}
.desingStoryBRight #implantCont .storySlideCont { position:relative;}
.storyWrap .desingStoryBRight #minishCont {
    padding: 8rem 10rem 4rem;
    width: 100%;
    margin: 0 auto;
    max-width: unset;
    overflow: hidden;
}


	


@media (max-width:1600px) {
	.BranndM.storyWrap .mainInner {padding: 0px 6rem;}
	.BranndM .storyTabContWrap {padding:6rem 6rem!important;}
	.BranndM #orthodontics {padding: 0;}
	.BranndM .storySay {padding: 2rem 0 0 0rem;}
}

@media (max-width:1200px) {
	.desingStoryBWrap {
		display: flex;
		flex-direction: column;
	}
	.desingStoryBRight {
		width: 100%;
	}
	.BranndM.storyWrap .mainInner {
		padding: 0 6rem;
	}
	.BranndM .storyTabContWrap {
		padding: 10rem 6rem 10rem;
	}
	
	#orthodontics {
		padding: 0;
	}


}

@media (max-width:991px) {
	.BranndM.storyWrap .mainInner {padding: 0 2rem;}
	.BranndM .abTxtBotmBox {margin: 0; margin-top: 1rem;}
	.BranndM .storyTabContWrap {padding: 0rem 0rem 5rem;}
	
	
	.BranndM .abTxtBotmBox a {display: inline-block; width: 50%; text-align: center;}
	.slideTitleSD {
		color: #2F2C2C;
		font-family: "Pretendard-SemiBold";
		font-size: 2rem;
		line-height: 2.6rem;
		letter-spacing: -0.6px;
		margin-bottom:1.8rem;
	}


	.desingStoryBWrap {display: flex; flex-direction: column;}
	.desingStoryBRight {width: 100%;}
	.desingStoryBRight #implantCont .storySlideCont {padding: 5rem 2rem 4rem;}
	.storyWrap .desingStoryBRight #minishCont {padding: 5rem 2rem 2rem;}
	.storyWrap .navigation_container {position: relative; display: flex; position: absolute; right: 2rem; top: 5rem;}
	.BranndM .storySayBotm {
		margin-top: 2rem;
	}
	.storyWrap .swiper-button-next, .storyWrap .swiper-button-prev {position: relative!important; width: 50%!important; height: 5rem !important;}
	.storySlideCont {padding-top: 0rem;}
	.storySay::before {left: 0rem; top: -0.8rem; z-index: -1;}
	.BranndM.storyWrap .navigation_container {
		top: 0;
		
		width:100%;
		display: flex;
		justify-content: center;
		margin: 0 auto;
	}
	.storyTabCont#implantCont .navigation_container {
		right: unset;
		top: unset;
	}
	.BranndM.storyWrap #implantCont .navigation_container {margin-top: 5rem;}
	.DiaryNoteBox {font-size: 1.6rem; line-height: 2.6rem; padding: 2.5rem 2rem;}
	
	.BranndM.storyWrap .inqliMenu li {width:auto;}
	.storyWrap .navigation_container {
		position: relative;
		display: flex;
		position: relative;
		right: 0;
		top: 0;
	}
	.BranndM.storyWrap #implantCont .navigation_container {margin-top: 0;}
	
	.storyWrap .swiper-button-prev {
		background: url(../img/main/mainBSRLeft-mo.jpg) no-repeat center / contain;
		background-color: #DCCEBA;
	}
	.storyWrap .swiper-button-next { background: url(../img/main/mainBSRight-mo.jpg) no-repeat center / contain; background-color: #DCCEBA;}
	.BranndM.storyWrap .strotThumnailText {white-space: nowrap;}
	.DiaryNoteBox {font-size: 1.4rem; line-height: 2.2rem; padding: 2.5rem 2rem;}
	
		.desingStoryBRight #implantCont .storySlideCont {padding: 0;}
	.desingStoryBRight #minishCont .storySlideCont  {padding: 0;}
	.desingStoryBRight #orthodontics .storySlideCont  {padding: 0;}
	
	.BranndM .storyTabContWrap {
		padding: 4rem 2rem 4rem!important;
	}
}
@media (max-width:767px) {
	.BranndM .storyTabContWrap {
		padding: 2rem 2rem 5rem!important;
	}
	.BranndM .storySay {
		padding: 0rem 0 0 0rem;
	}
	.storyWrap .swiper-button-next, .storyWrap .swiper-button-prev {
		width: 50%!important;
		height: 4.3rem!important;
	}
	.storyWrap .swiper-button-prev {
		background: url(../img/main/mainLeftArrow002_un.jpg) no-repeat center / cover;
	}
	.storyWrap .swiper-button-next {
		background: url(../img/main/mainRightArrow002_un.jpg) no-repeat center / cover;
	}
}
/* ::::::::::::: =========== // ~ Smile Design Story END  =========== ::::::::::::: */