@import url('https://fonts.googleapis.com/css2?family=Cormorant:wght@500;600;700&display=swap');
.thcontWrap{
	position:relative;
	width:100%;
	background: #F9F9F9;
}
.thcontArea{
	max-width:2560px;
	margin:0 auto;
}

/*-----------------------------------------
# 치료 상세페이지 상단
-------------------------------------------*/
.thcontTop{
	position:relative;
	width:100%;
	padding:10rem 5rem 0 5rem;
}
.thcontInner{
	border-radius: 1.2rem;
	overflow:hidden;
	display:flex;
	position:relative;
	width:100%;
	/* height: 52rem; */
}
.thcontItem{
	position:relative;
	width:100%;
	/* min-height:52rem; */
}
.thcontItem.basicBg{
	background-image: url(/public/new_img/therapy/thcontleft_bg.webp);
	background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}
.thcontBox{
	position:relative;
	width:100%;
	height:100%; 
	display: flex;
	padding: 6rem;
	flex-direction: column;
	justify-content: space-between;
	align-items: flex-start;
}
.sub_bred {
    gap: 1rem;
    display: flex;
    color: #fff;
    text-align: center;
    font-family: pretendard-500;
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 500;
    line-height: 1.6rem;
    /* text-transform: uppercase; */
    align-items: center;
    justify-content: center;
}
.sub_bred span {
    display: inline-block;
    width: 0.4rem;
    height: 0.8rem;
    background-image: url(/public/new_img/common/sub_bred_arrow.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}
.sub_bred b {
    color: #fff;
    font-family: pretendard-700;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.6rem;
}
.thIntText{
	gap: 2rem;
    display: flex;
	text-align:left;
    color: #FFF;
    font-family: pretendard-600;
    font-size: 5.6rem;
    font-style: normal;
    font-weight: 600;
    line-height: 7rem;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
}
.thIntText p{
	text-align:left;
	color: #FFF;
    font-family: pretendard-500;
	font-size: 2rem;
	font-style: normal;
	font-weight: 500;
	line-height: 3.2rem;
	letter-spacing: -0.6px;
}
.navBtn{display:none;}

.thcontRightBg{
	position:relative;
	width:100%;
	height:100%;
	
	background-image: url(/public/new_img/therapy/vital-pulp-therapy-vpt-bg.webp);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

@media (max-width:1600px) {
	.thcontTop {
		padding: 9rem 2rem 0 2rem;
	}
	.thcontBox {
		padding: 4rem;
	}
	.thIntText {
		gap: 1.8rem;
		font-size: 5.2rem;
		line-height: 6.2rem;
	}
}
@media (max-width:1400px) {
	.thcontItem:nth-child(1){
		width:55%;
	}
	.thcontItem:nth-child(2){
		width:45%;
	}
}
@media (max-width:1200px) {
	.thIntText {
		gap: 1rem;
		font-size: 4.2rem;
		line-height: 5.2rem;
	}
	.thIntText p {
		font-size: 1.8rem;
		line-height: 2.6rem;
		letter-spacing: -0.4px;
	}
}
@media (max-width:991px) {
	.thcontTop {
		padding: 8rem 2rem 0 2rem;
	}
	.thcontInner {
		border-radius: 1rem;
		display: flex;
		flex-direction: column;
	}
	.thcontItem:nth-child(1){
		width:100%;
	}
	.thcontItem:nth-child(2){
		width:100%;
	}
	.thcontBox {
		min-height: 22rem;
		padding: 3rem 2rem;
	}
	.thIntText {
		gap: 1rem;
		font-size: 4rem;
		line-height: 5rem;
	}
	
	.navBtn {
		cursor: pointer;
		z-index: 5;
		display: inline-block;
		position: fixed;
		right: 3rem;
		top: 9rem;
		width: 5rem;
		height: 5rem;
		display: inline-block;
		background-image: url(/public/new_img/therapy/navBtn.webp);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center center;
	}
	.navBtn.down{
		top:3rem;
	}
}
@media (max-width:767px) {
	.thcontTop {
		padding: 5rem 2rem 0 2rem;
	}
	.thcontInner {
		border-radius: 0.6rem;
	}
	.thcontBox {
		min-height: 17rem;
		padding: 0;
	}
	.sub_bred {
		height: 3.8rem;
		padding: 0 0 0 2rem;
		display: flex;
		width: 100%;
		gap: 0.4rem;
		font-size: 1rem;
		line-height: 1.2rem;
		justify-content: flex-start;
		align-items: center;
	}
	.sub_bred b {
		font-size: 1rem;
		line-height: 1.2rem;
	}
	.thIntText {
		padding: 0 2rem 2rem 2rem;
		width: 100%;
		gap: 0.8rem;
		font-size: 2.2rem;
		line-height: 2.6rem;
	}
	.thIntText p {
		font-size: 1.3rem;
		line-height: 1.8rem;
		letter-spacing: -0.39px;
	}
	.navBtn{
		right: 2.5rem;
		top: 5.5rem;
		width: 3rem;
		height: 3rem;
	}
	.navBtn.down{
		top:2.5rem;
	}
}


/*-----------------------------------------
# 치료 상세페이지 nav
-------------------------------------------*/
/* .thNav.down{ */
	/* position:fixed; */
	/* left:5rem; */
	/* top:5rem; */
/* } */



.thNav {
    top: 0;
    left: 0;
    position: relative;
	/* position:absolute; */
    width: 34rem;
}
.thNavInner{
	position: relative;
	/* height: 100%; */
	width:100%;
	top: 1rem;
    position: sticky;
}
.thNavBox {
    gap: 5px;
    display: flex;
    /* top: 1rem; */
    /* position: sticky; */
	position:relative;
    flex-direction: column;
	/* max-height: 100vh; */
	/* overflow-y: auto; */
}
.tvnItem{
	position:relative;
	border-radius: 1rem;
    border: 1px solid #EEE;
	overflow:hidden;
}
.tvnCategory{
	display: flex;
	padding:2.6rem 2.4rem;
flex-direction: column;
justify-content: flex-end;
align-items: flex-start;
gap: 1rem;
align-self: stretch;
border-bottom: 1px solid #EEE;
background: #F6F3ED;
}
.tvnCategory dl {
	position: relative;
	display: flex;
	gap: 0.2rem;
	text-align:left;
	color: #2F2C2C;
	font-family: pretendard-600;
	font-size: 2.8rem;
	font-style: normal;
	font-weight: 600;
	line-height: 3.8rem;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
}
.tvnCategory dl span{
	text-align:left;
	color: #A07F2E;
	font-family: Cormorant;
	font-size: 2rem;
	font-style: normal;
	font-weight: 600;
	line-height: 2.8rem;
	letter-spacing: 0.4px;
}
.tvnCategory a.tvnArrow{
	position:absolute;
	right:0.6rem;
	top:0.6rem;
	z-index:2;
}
.tvnCategory a.tvnArrow img{
	height:3rem;
}

.tvnCategory .tvnArrow{
	position:absolute;
	right:0.6rem;
	top:0.6rem;
	z-index:2;
}
.tvnCategory .tvnArrow img{
	height:3rem;
	cursor:pointer;
}

.tvnMenu.borNone{
	border:none;
}
.tvnMenu{
	padding: 2.2rem 2.4rem;
	border-bottom: 1px solid #EEE;
	background: #FFF;
}
.tvnMenu.last{
	border-bottom: none;
}
.tvnMenu dl{
	cursor:pointer;
	position:relative;
	width:100%;
	color: #2F2C2C;
	font-family: pretendard-600;
	font-size: 2rem;
	font-style: normal;
	font-weight: 600;
	line-height: 2.8rem;
}
.tvnMenu dl span{
	position:absolute;
	right:0;
	top:0;
	width: 2.8rem;
    height: 2.8rem;
    display: inline-block;
    background-image: url(/public/new_img/therapy/tvnmenuArrow.webp);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}
.tvnMenu ul.ganNone{
	border: none;
    margin: 0;
    padding: 0;
}
.tvnMenu ul {
	display:none; 
    gap: 1.6rem;
    /* display: flex; */
	margin:2.2rem 0 0 0;
    padding: 2rem 0 0 0;
    border-top: 1px solid #EEE;
    position: relative;
    width: 100%;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
}
.tvnMenu.show ul { display:flex; }
.tvnMenu ul li{
	position:relative;
}
.tvnMenu ul li a{
	display: flex;
	position:relative;
	text-align:left;
	color: rgba(47, 44, 44, 0.60);
	font-family: pretendard-400;
	font-size: 1.6rem;
	font-style: normal;
	font-weight: 400;
	line-height: 2.4rem;
	text-transform: uppercase;
}
.tvnMenu ul li a.poi{
	font-family: pretendard-700;
	font-weight: 700;
	color: #A07F2E;
}
.tvnMenu ul li a.on{
	font-family: pretendard-700;
	font-weight: 700;
	color: #2F2C2C;
}
.tvnMenu ul li a.on:after{
	content:'';
}
.tvnMenu ul li a:after {
	content: none;
    transform: translateY(-50%);
    border-radius: 50%;
    position: absolute;
    right: -1.2rem;
    top: 50%;
    width: 0.6rem;
    height: 0.6rem;
    background: #A07F2E;
}
.tvnMenu ul li a:hover{
	/* text-decoration:underline; */
}
.tvnMenu ul li a:hover:after{
	content:'';
}

.tvnMenu.soloMenu{
	padding:0;
}
.tvnMenu.soloMenu ul{
	gap: 0;
}
.tvnMenu.soloMenu ul li:last-child{
	border-bottom:none;
}
.tvnMenu.soloMenu ul li {
	border-bottom: 1px solid #EEE;
    display: flex;
    width: 100%;
    padding: 2.2rem 2.4rem;
}


.tvnsoloMenu{
	border:none;
	padding:0;
	background:#fff;
}
.tvnsoloMenu ul{
	position:relative;
	display: flex;
	gap:0;
	flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
	border: none;
    margin: 0;
    padding: 0;
}
.tvnsoloMenu ul li{
	position:relative;
	border-bottom: 1px solid #EEE;
    display: flex;
    width: 100%;
    padding: 2.2rem 2.4rem;
}
.tvnsoloMenu ul li a {
    display: flex;
    position: relative;
    text-align: left;
    color: #2F2C2C;
    font-family: pretendard-400;
    font-size: 2rem;
    font-style: normal;
    font-weight: 400;
    line-height: 2.8rem;
    text-transform: uppercase;
}
.tvnsoloMenu ul li a.on {
    font-family: pretendard-600;
    font-weight: 600;
    color: #2F2C2C;
}
.tvnsoloMenu ul li a.on:after {
    content: '';
}
.tvnsoloMenu ul li a:after {
    content: none;
    transform: translateY(-50%);
    border-radius: 50%;
    position: absolute;
    right: -1.2rem;
    top: 50%;
    width: 0.6rem;
    height: 0.6rem;
    background: #A07F2E;
}



.tvnMultiMenu{
	background: #fff;
	position: relative;
    border-bottom: 1px solid #EEE;
    display: flex;
    width: 100%;
    padding: 2.2rem 2.4rem;
	display: flex;
    gap: 0;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    margin: 0;
}
.tvnMultiMenu p a{
	display: flex;
    position: relative;
    text-align: left;
    color: #2F2C2C;
    font-family: pretendard-400;
    font-size: 2rem;
    font-style: normal;
    font-weight: 400;
    line-height: 2.8rem;
    text-transform: uppercase;
}
.tvnMultiMenu.show p a{
	font-weight: 600;
	font-family: pretendard-600;
}
.tvnMultiMenu.show ul.tvnMulti{
	display:flex;
} 
.tvnMultiMenu ul.tvnMulti {
	display: none;
	width: 100%;
    position: relative;
	gap: 1.6rem;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    border: none;
    margin: 2.2rem 0 0 0;
    padding: 2rem 0 0 0;
	border-top: 1px solid #EEE;
}
.tvnMultiMenu ul.tvnMulti li {
    position: relative;
}
.tvnMultiMenu ul.tvnMulti li a {
    display: flex;
    position: relative;
    text-align: left;
    color: rgba(47, 44, 44, 0.60);
    font-family: pretendard-400;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 400;
    line-height: 2.4rem;
    text-transform: uppercase;
}
.tvnMultiMenu ul.tvnMulti li a.on {
    font-family: pretendard-700;
    font-weight: 700;
    color: #2F2C2C;
}
.tvnMultiMenu ul.tvnMulti li a.on:after {
    content: '';
}
.tvnMultiMenu ul.tvnMulti li a:after {
    content: none;
    transform: translateY(-50%);
    border-radius: 50%;
    position: absolute;
    right: -1.2rem;
    top: 50%;
    width: 0.6rem;
    height: 0.6rem;
    background: #A07F2E;
}



.tvnItemLink{
	position:relative;
}
.tvnItemLink a {
	width:100%;
	height:100%;
    display: flex;
	padding:1.8rem 2.4rem;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
    border-radius: 1rem;
    border: 1px solid #EEE;
    background: #FFF;
}
.tvnItemLink a dl {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
}
.tvnItemLink a dl span{
	text-align:left;
	color: #A07F2E;
	text-align: center;
	font-family: pretendard-600;
	font-size: 1.2rem;
	font-style: normal;
	font-weight: 600;
	line-height: 2rem;
	letter-spacing: 0.36px;
}
.tvnItemLink a dl p{
	text-align:left;
	color: #2F2C2C;
	text-align: center;
	font-family: pretendard-500;
	font-size: 1.8rem;
	font-style: normal;
	font-weight: 500;
	line-height: 2.8rem;
	text-transform: uppercase;
}
.tvnItemLink a.youtube img{height:2rem;}
.tvnItemLink a.column img{height:3rem;}
.navCloeBtn{display:none;}


/*-------- # nav 화살표 클릭 후 영역 --------*/
.thnafInner{
	display:none;
	position:relative;
	top: 0;
    left: 0;
	width:8rem;
}
.thnafInner.open{
	display:block;
}
.thnafBox{
	top: 1rem;
    position: sticky;
	/* position:relative; */
}
.thnafBoxItem{
	position:relative;
	border-radius: 1rem;
	border: 1px solid rgba(0, 0, 0, 0.06);
	background: #F6F3ED;
	padding: 1.9rem;
}
.thnafBoxItem .tvnClArrow {
    transform: rotate(180deg);
    position: relative;
}
.thnafBoxItem .tvnClArrow img {
    height: 3rem;
    cursor: pointer;
}
.thafTextBox {
	margin:2rem 0 0 0;
    gap: 2rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
}
.thafk{
	writing-mode: sideways-lr;
	text-orientation: upright;
	color: #2F2C2C;
	font-family: Pretendard;
	font-size: 2.8rem;
	font-style: normal;
	font-weight: 600;
	line-height: 3rem;
	text-transform: uppercase;
}
.thafe {
    writing-mode: sideways-lr;
    text-orientation: upright;
    color: #A07F2E;
    font-family: Cormorant;
    font-size: 2.4rem;
    font-style: normal;
    font-weight: 600;
    line-height: 3rem;
    letter-spacing: 0.48px;
}
@media (max-width:1600px) {
	.thNav {
		width: 32rem;
	}
}
@media (max-width:1400px) {
	.thNav {
		width: 26rem;
	}
}
@media (max-width:1200px) {
	.thNav {
		width: 20rem;
	}
	
	.tvnCategory {
		padding: 2.2rem 1.6rem;
	}
	.tvnCategory dl span {
		font-size: 1.7rem;
		line-height: 2.2rem;
		letter-spacing: 0.4px;
	}
	.tvnCategory dl {
		font-size: 2.4rem;
		line-height: 3.2rem;
	}
	
	
	.tvnMenu.soloMenu ul li {
		padding: 2rem 1.6rem;
	}
	.tvnMultiMenu {
		padding: 2rem 1.6rem;
	}
	.tvnMultiMenu p a {
		font-size: 1.6rem;
		line-height: 2rem;
	}
	.tvnMultiMenu ul.tvnMulti{
		gap: 1.2rem;
		margin: 1.6rem 0 0 0;
		padding: 1.4rem 0 0 0;
	}
	.tvnMultiMenu ul.tvnMulti li a {
		font-size: 1.5rem;
		line-height: 2rem;
	}
	
	
	.tvnMenu {
		padding: 2rem 1.6rem;
	}
	.tvnMenu dl {
		font-size: 1.8rem;
		line-height: 2.4rem;
	}
	.tvnMenu dl span {
		width: 2.4rem;
		height: 2.4rem;
	}
	.tvnMenu ul {
		gap: 1.2rem;
		margin: 1.6rem 0 0 0;
		padding: 1.4rem 0 0 0;
	}
	.tvnMenu ul li a {
		font-size: 1.5rem;
		line-height: 2rem;
	}
	
	
	.tvnsoloMenu ul li {
		padding: 2rem 1.6rem;
	}
	.tvnsoloMenu ul li a {
		font-size: 1.6rem;
		line-height: 2.4rem;
	}
	
	
	.tvnItemLink a {
		padding: 1.6rem 1.4rem;
		border-radius: 1rem;
	}
	.tvnItemLink a dl p {
		font-size: 1.7rem;
		line-height: 2.4rem;
	}
}
@media (max-width:991px) {
	.thNav {
		position: fixed;
		background: #fff;
		padding: 8rem 2rem 2rem 2rem;
		z-index: 10;
		display: none;
		top: 0rem;
		height: 100%;
		right: 0;
		left: inherit;
		width: 50%;
	}
	.thNav.show{
		display:inline-block;
	}
	.thNav.down{
		padding: 3rem 2rem 2rem 2rem;
	}
	
	.tvnCategory a.tvnArrow{display:none;}
	.navCloeBtn {
		cursor: pointer;
		z-index: 5;
		display: inline-block;
		position: absolute;
		right: 0.5rem;
		top: 0.5rem;
		width: 4rem;
		height: 4rem;
		display: inline-block;
		background-image: url(/public/new_img/therapy/navCloseBtn.webp);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center center;
	}
	
	
	.thnafInner{display:none!important}
}
@media (max-width:767px) {
	.thNav.down {
		padding: 2rem 1.8rem 2rem 1.8rem;
	}
	.thNav {
		overflow-y: scroll;
		border-radius: 0 0 0.6rem 0.6rem;
		background: #fff;
		padding: 5rem 1.8rem 2rem 1.8rem;
		right: 0;
		top:0;
		width: 100%;
		box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.10);
	}
	.tvnItem {
		border-radius: 0.6rem;
	}
	.navCloeBtn {
		right: 0.5rem;
		top: 0.5rem;
		width: 3rem;
		height: 3rem;
	}
	.tvnCategory {
		padding: 1.6rem 2rem;
	}
	.tvnCategory dl span {
		font-size: 1.6rem;
		line-height: 2rem;
		letter-spacing: 0.32px;
	}
	.tvnCategory dl {
		font-size: 1.8rem;
		line-height: 2.4rem;
	}
	
	
	.tvnMenu.soloMenu ul li {
		padding: 1.6rem 2rem;
	}
	.tvnMultiMenu {
		padding: 1.6rem 2rem;
	}
	.tvnMultiMenu p a {
		font-size: 1.6rem;
		line-height: 2.2rem;
	}
	.tvnMultiMenu ul.tvnMulti{
		gap: 1.2rem;
		margin: 1.6rem 0 0 0;
		padding: 1.6rem 0 0 0;
	}
	.tvnMultiMenu ul.tvnMulti li a {
		font-size: 1.4rem;
		line-height: 2rem;
	}
	.tvnMultiMenu ul.tvnMulti li a:after {
		right: -1rem;
		width: 0.4rem;
		height: 0.4rem;
	}
	
	
	.tvnMenu {
		padding: 1.6rem 2rem;
	}
	.tvnMenu dl {
		font-size: 1.6rem;
		line-height: 2.2rem;
	}
	.tvnMenu dl span {
		width: 2.2rem;
		height: 2.2rem;
	}
	.tvnMenu ul {
		gap: 1.2rem;
		margin: 1.6rem 0 0 0;
		padding: 1.6rem 0 0 0;
	}
	.tvnMenu ul li a {
		font-size: 1.4rem;
		line-height: 2rem;
	}
	.tvnMenu ul li a:after {
		right: -1rem;
		width: 0.4rem;
		height: 0.4rem;
	}
	.tvnMenu ul li a br{display:none;}
	
	
	.tvnsoloMenu ul li {
		padding: 1.6rem 2rem;
	}
	.tvnsoloMenu ul li a {
		font-size: 1.6rem;
		line-height: 2.2rem;
	}
	.tvnsoloMenu ul li a:after {
        right: -1rem;
        width: 0.4rem;
        height: 0.4rem;
    }
	
	
	.tvnItemLink a {
		padding: 1.8rem 2rem;
		border-radius: 0.6rem;
	}
	.tvnItemLink a dl span {
		font-size: 1rem;
		line-height: 1.6rem;
		letter-spacing: 0.3px;
	}
	.tvnItemLink a dl p {
		font-size: 1.4rem;
		line-height: 2rem;
	}
}


/* ======== tvnArrow 클릭 시 ========= */
.thNav.none{
	/* left: -40rem; */
	position: absolute;
	opacity:0;
	visibility: hidden;
}

.thcontBody.open{
	width: calc(100% - 0rem);
}
.thcontBody.openver2{
	width: calc(100% - 8rem);
}
@media (max-width:991px) {
	.thcontBody.openver2{
		width: calc(100% - 0rem);
	}
}

/*-----------------------------------------
# 치료 상세페이지 바디
-------------------------------------------*/
.thcontBodyWrap{
	width:100%;
	position:relative;
	padding: 5rem 5rem;
}
.thcontBodyInner {
    gap: 4rem;
    display: flex;
    width: 100%;
    position: relative;
	/* padding: 0 0 0 38rem; */
}

.thcontBody{
	width: calc(100% - 34rem);
	/* width:100%; */
	position:relative;
	min-height:100vh;
	/* height:200rem; */
	border-radius: 1rem;
	border: 1px solid rgba(0, 0, 0, 0.06);
	background: #FFF;
}
.thcontBodyContent{
	width:100%;
	position:relative;
	padding:6rem;
}

.thcontBodyContent.existingContent{
	padding:0;
}


.thBodyFlex {
    gap: 8rem;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
}
.thBodyItem{
	position:relative;
	width:100%;
}
@media (max-width:1600px) {
	.thcontBody{
		width: calc(100% - 32rem);
	}
	.thcontBodyWrap {
		padding: 5rem 2rem;
	}
	.thcontBodyInner {
		/* padding: 0 0 0 34rem; */
		gap: 2rem;
	}	
	.thcontBodyContent {
		padding: 6rem 3rem;
	}
}
@media (max-width:1400px) {
	.thcontBody{
		width: calc(100% - 26rem);
	}
	.thcontBodyWrap {
		padding: 4rem 2rem;
	}
	.thcontBodyInner {
		/* padding: 0 0 0 28rem; */
	}
	.thcontBodyContent {
		padding: 5rem 3rem;
	}
}
@media (max-width:1200px) {
	.thcontBody{
		width: calc(100% - 20rem);
	}
	.thcontBodyInner {
		/* padding: 0 0 0 22rem; */
	}
}
@media (max-width:991px) {
	.thcontBody{
		width: calc(100% - 0rem);
	}
	.thcontWrap {
		background: #fff;
	}
	.thcontBodyWrap.existingContent{
		padding:2rem 0 0 0;
	}
	.thcontBodyWrap {
		position: initial;
	}
	.thcontBodyInner {
		padding:0;
		display: block;
		position: initial;
	}
	.thcontBody {
		min-height: auto;
		border-radius: 0;
		border: none;
		background: #FFF;
	}
	.thcontBodyContent {
		padding: 0;
	}
	.thBodyFlex {
		gap: 6rem;
	}
}
@media (max-width:767px) {
	.thcontBodyWrap {
		padding: 3rem 2rem 5rem 2rem;
	}
	.thBodyFlex {
		gap: 5rem;
	}
}

/*-------- # 상단 타이틀 --------*/
.thHeadTitle{
	position:relative;
}
.HeadTitle{
	text-align:left;
	color: #000;
	font-family: pretendard-600;
	font-size: 3.4rem;
	font-style: normal;
	font-weight: 600;
	line-height: 5rem;
}
@media (max-width:1400px) {
	.HeadTitle {
		font-size: 3rem;
		line-height: 4.4rem;
	}
}
@media (max-width:991px) {
	.HeadTitle {
		font-size: 2.6rem;
        line-height: 3.4rem;
	}
}
@media (max-width:767px) {
	.HeadTitle {
		font-size: 1.8rem;
        line-height: 2.8rem;
		letter-spacing: -0.36px;
	}
}

/*-------- # 컨텐츠 h2 타이틀 --------*/
.thctTitle.line{
	padding:0 0 0 1.5rem;
}
.thctTitle.line:before {
    margin: 0;
    content: '';
    position: absolute;
    left: 0;
    top: 0.9rem;
    width: 0.3rem;
    height: calc(100% - 1.8rem);
    border-radius: 0.4rem;
    background: #DAC28A;
}
.thctTitle{
	position:relative;
	margin:0 0 2.4rem 0;
	text-align:left;
	color: #000;
	font-family: pretendard-600;
	font-size: 2.8rem;
	font-style: normal;
	font-weight: 600;
	line-height: 4.2rem;
}
.thctTitleSub{
	margin:1rem 0 0 0;
	text-align:left;
	color: #000;
	font-family: pretendard-300;
	font-size: 1.7rem;
	font-style: normal;
	font-weight: 300;
	line-height: 2.6rem;
}
.thctTbox{
	position:relative;
	margin:0 0 2.4rem 0;
}
.thctTbox .thctTitle{margin:0;}
@media (max-width:1400px) {
	.thctTitle {
		font-size: 2.4rem;
		line-height: 3.6rem;
	}
	.thctTitle.line:before {
		height: calc(100% - 1.2rem);
		top: 0.6rem;
	}
}
@media (max-width:991px) {
	.thctTitle {
		margin:0 0 1.6rem 0;
		font-size: 2.4rem;
        line-height: 3.4rem;
	}
	.thctTitle.line:before {
		height: calc(100% - 1.4rem);
		top: 0.7rem;
		width: 0.3rem;
	}
	.thctTbox{
		margin:0 0 1.6rem 0;
	}
}
@media (max-width:767px) {
	.thctTitle {
		font-size: 1.6rem;
        line-height: 2.4rem;
		margin:0 0 1.6rem 0;
	}
	.thctTitle.line {
		padding: 0 0 0 1rem;
	}
	.thctTitle.line:before {
		height: calc(100% - 0.8rem);
		top: 0.4rem;
		width: 0.3rem;
	}
	.thctTbox{
		margin:0 0 1rem 0;
	}
	.thctTitleSub{
		margin:1rem 0 0 0;
		font-size: 1.3rem;
		line-height: 1.9rem;
	}
}



/*-------- # 좌측 컬러, 우측 화이트 2박스 --------*/
img.vptperson {
    top: -18rem;
    position: absolute;
    right: 0;
    height: 18rem;
}
.lcolRwhInner{
	position:relative;
	display:flex;
	width:100%;
	gap:2.4rem;
}
.lcolRwh {
    display: flex;
    position: relative;
    width: 100%;
    border-radius: 1rem;
    padding: 5rem;
    border: 1px solid rgba(0, 0, 0, 0.06);
    background: #fff;
    align-items: center;
    justify-content: center;
}
.lcolRwh.col{
	background: #ECE8DF;
}
.lcolRwh strong{
	margin:0;
	position:absolute;
	left:5rem;
	top:5rem;
	color: #000;
	font-family: pretendard-600;
	font-size: 2.2rem;
	font-style: normal;
	font-weight: 600;
	line-height: 2.4rem;
}
.lcolRwh img.vptimg,
.lcolRwh img.rctimg{height:36.5rem;}
@media (max-width:1600px) {
	.lcolRwh {
		border-radius: 1rem;
		padding: 4rem;
	}
	.lcolRwh img.vptimg, .lcolRwh img.rctimg {
		height: 32.5rem;
	}
	.lcolRwh strong {
		left: 4rem;
		top: 4rem;
		font-size: 2.2rem;
		line-height: 2.4rem;
	}
}
@media (max-width:1400px) {
	.lcolRwhInner {
		gap: 1.6rem;
	}
	img.vptperson {
		top: -12rem;
		height: 12rem;
	}
}
@media (max-width:991px) {
	.lcolRwh {
		border-radius: 1rem;
		padding: 3rem;
	}
	.lcolRwh strong {
		left: 3rem;
		top: 3rem;
		font-size: 2rem;
		line-height: 2rem;
	}
	.lcolRwh img.vptimg, .lcolRwh img.rctimg {
		height: 24.5rem;
	}
	img.vptperson {
		top: -9rem;
		height: 9rem;
	}
}
@media (max-width:767px) {
	.lcolRwh {
		border-radius: 0 6px 6px 0;
		padding: 4.8rem 1.6rem 1.6rem 1.6rem;
	}
	.lcolRwhInner {
		gap: 0;
	}
	.lcolRwh.col {
		border-right:none;
		border-radius: 6px 0 0 6px;
	}
	.lcolRwh strong {
		left: 1.6rem;
		top: 1.6rem;
		font-size: 1.4rem;
		line-height: 1.8rem;
	}
	.lcolRwh img.vptimg, .lcolRwh img.rctimg {
		height: 13.8rem;
	}
}
@media (max-width:600px) {
	.thBodyItem.topimage {
		margin: -2rem 0 0 0;
		text-align: center;
	}
	img.vptperson {
		position: relative;
		top: inherit;
		height: 8.5rem;
	}
}

/*-------- # 그레이컬러 아이콘 박스 --------*/
.thgrColList{
	position:relative;
}
.thgrColList ul {
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    margin: -1rem;
    list-style-type: none;
    justify-content: flex-start;
}
.thgrColList ul li {
    margin: 1rem;
    box-sizing: border-box;
}
.thgrColList ul.gr5 li {
	flex: 0 0 calc(20% - 2rem);
}
.thgrColList ul.gr3 li {
	flex: 0 0 calc(33.333333333% - 2rem);
}
.thgrColList ul.gr4 li {
	flex: 0 0 calc(25% - 2rem);
}
.thgrColImg{
	display: flex;
	padding: 4.6rem 1rem;
	justify-content: center;
	align-items: center;
	align-self: stretch;
	border-radius: 1rem;
	background: #F4F4F4;
}
img.vptMeritIcon{height:6.4rem;}
img.vptTeethIcon{height:6.4rem;}
.thgrColList ul li h3 {
    margin: 1.8rem 0 0 0;
    display: flex;
	flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
	text-align:left;
    color: #000;
    font-family: pretendard-300;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 300;
    line-height: 2.6rem;
}
.thgrColList ul li h3 p{
	margin:0.6rem 0;
	text-align:left;
	color: #000;
    font-family: pretendard-600;
	font-size: 1.8rem;
	font-style: normal;
	font-weight: 600;
	line-height: 2.6rem;
}
.thgrColList ul li h3 span.num{
	text-align:left;
	color: #C7AD6E;
    font-family: pretendard-800;
	font-size: 1.6rem;
	font-style: normal;
	font-weight: 800;
	line-height: 2rem;
}
@media (max-width:1400px) {
	.thgrColList ul {
		margin: -0.8rem;
	}
	.thgrColList ul.gr5 li {
		flex: 0 0 calc(20% - 1.6rem);
	}
	.thgrColList ul.gr3 li {
		flex: 0 0 calc(33.333333333% - 1.6rem);
	}
	.thgrColList ul.gr4 li {
		flex: 0 0 calc(25% - 1.6rem);
	}
	.thgrColList ul li {
		margin: 0.8rem;
	}
	.thgrColList ul li h3 {
		margin: 1.4rem 0 0 0;
	}
}
@media (max-width:1200px) {
	.thgrColList ul li h3 {
		margin: 1.4rem 0 0 0;
		font-size: 1.5rem;
		line-height: 2.2rem;
	}
}
@media (max-width:991px) {
	
}
@media (max-width:767px) {
	.thgrColList ul {
		margin: -0.8rem;
	}
	.thgrColList ul.gr5 li {
		flex: 0 0 calc(50% - 1.6rem);
	}
	.thgrColList ul.gr3 li {
		flex: 0 0 calc(50% - 1.6rem);
	}
	.thgrColList ul.gr4 li {
		flex: 0 0 calc(50% - 1.6rem);
	}
	.thgrColList ul li {
		margin: 0.8rem;
	}
	.thgrColList ul li h3 span.num {
		font-size: 1.3rem;
		line-height: 1.8rem;
	}
	.thgrColList ul li h3 {
		margin: 1rem 0 0 0;
		font-size: 1.3rem;
		line-height: 1.9rem;
	}
	.thgrColList ul li h3 p {
		margin: 0.4rem 0;
		font-size: 1.5rem;
		line-height: 2rem;
	}
	.thgrColImg {
		padding: 3.6rem 1rem;
		border-radius: 0.6rem;
	}
	img.vptMeritIcon{height:4.8rem}
}
@media (max-width:500px) {
	.thgrColList ul {
		margin: 0rem;
		gap:2rem;
	}
	.thgrColList ul.gr5 li {
		flex: 0 0 calc(100% - 0rem);
	}
	.thgrColList ul.gr3 li {
		flex: 0 0 calc(100% - 0rem);
	}
	.thgrColList ul.gr4 li {
		flex: 0 0 calc(100% - 0rem);
	}
	.thgrColList ul li {
		margin: 0rem;
	}
}

/*-------- # 블루배경 이미지 텍스트 박스 --------*/
.buleContInner {
    position: relative;
    display: flex;
    gap: 3rem;
    width: 100%;
    padding: 5rem;
    border-radius: 1rem;
    border: 1px solid rgba(0, 0, 0, 0.06);
    background: #F0F7FD;
}
.buleCont{
	position:relative;
}
.buleCont h3{
	margin:2rem 0 0 0;
	text-align:center;
	color: #000;
	font-family: pretendard-300;
	font-size: 1.7rem;
	font-style: normal;
	font-weight: 300;
	line-height: 2.6rem;
}
@media (max-width:1600px) {
	.buleContInner {
		gap: 2rem;
		padding: 4rem;
		border-radius: 1rem;
	}
}
@media (max-width:991px) {
	.buleContInner {
		gap: 2rem;
		padding: 3rem;
		border-radius: 1rem;
	}
	.buleCont h3 {
		margin: 1.6rem 0 0 0;
		font-size: 1.6rem;
		line-height: 2.2rem;
	}
}
@media (max-width:767px) {
	.buleContInner {
		display: flex;
		gap: 1.6rem;
		padding: 2rem;
		border-radius: 0.6rem;
		flex-direction: column;
	}
	.buleCont h3 {
		text-align: left;
		margin: 1rem 0 0 0;
		font-size: 1.3rem;
		line-height: 1.9rem;
	}
}

/*-------- # faq 영역 박스 --------*/
.thBodyItem.faq{
	border-top:1px solid #eee;
	padding:8rem 0 0 0;
}
.faq-list {
    gap: 0.8rem;
    display: flex;
    text-align: left;
    width: 100%;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
}
.faq-list li {
	width:100%;
	position: relative;
    margin: 0;
    padding: 0;
    z-index: 4;
    list-style: none;
	background:#fff;
}
.faq-list li.open {
	overflow:hidden;
	top:-1px;
	z-index: 5;
	border-radius: 1rem;
	border: 1px solid #EEE;
	background: #FFF;
	box-shadow: 0 0 1rem 0 rgba(0, 0, 0, 0.06);
}
.faq-list li.open .faqlink .fa-down {
    transform: rotate(180deg);
}
.faq-list li.open .faqlink {
	background: #fff;
    border-bottom: none;
	padding: 2.4rem 7rem 2rem 6.2rem;
}
.faqlink {
	border-radius: 1rem;
	background: #F4F1EB;
	padding: 2.4rem 7rem 2.4rem 6.2rem;
	position: relative;
	cursor: pointer;
	display: block;
	z-index: 0;
	word-break: keep-all;
}
.faqlink:before{
	content:'Q.';
	position: absolute;
    left: 2.6rem;
    top: 2.3rem;
	color: #725237;
    font-family: Cormorant;
	font-size: 2.2rem;
	font-style: normal;
	font-weight: 700;
	line-height: 3.2rem;
}
.faqlink h3{
	text-align:left;
	color: #000;
	font-family: pretendard-500;
	font-size: 1.8rem;
	font-style: normal;
	font-weight: 500;
	line-height: 3.2rem;
}
.fa-down {
    position: absolute;
    right: 2.6rem;
    top: 2.4rem;
    width: 3.2rem;
    height: 3.2rem;
    background-image: url(/public/new_img/therapy/spaFaqArrow.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.open .faqlink {}
.open .faqlink::after {
    content: '';
    width: calc(100% - 9rem);
    position: absolute;
    left: 6rem;
    bottom: 0;
    height: 1px;
    background: #eee;
}

.faqItems {display: none;}
.faqItems li {border: none; list-style: none; border-radius: 0; margin-bottom:0;}
.f_open {
    border-top: none!important;
    position: relative;
    width: 100%;
    background: #fff;
    padding: 2rem 2.6rem 2.4rem 6rem;
    display: flex;
    align-items: flex-start;
}
.f_open:before{
	content:'A.';
	position: absolute;
    left: 2.6rem;
    top: 2rem;
	color: #2F2C2C;
	font-family: Cormorant;
	font-size: 2.2rem;
	font-style: normal;
	font-weight: 700;
	line-height: 3.2rem;
}
.f_listTextBox{width:100%;position: relative;}
.f_listTextBox h4{
	text-align:left;
	margin:0;
	color: #111;
	font-family: pretendard-400;
	font-size: 1.6rem;
	font-style: normal;
	font-weight: 400;
	line-height: 3.2rem;
}
.f_listTextBox h4 span{
	font-family: pretendard-700;
	font-weight: 700;
}
.f_listTextBox h4 a {
    color: blue;
	word-break: break-all;
    text-decoration: underline;
}
.f_listTextBox h4 p:nth-child(1){
	margin:0;
}
.f_listTextBox h4 p {
    display: block;
    margin: 0.8rem 0 0 0;
}
@media (max-width:1600px) {
	
}
@media (max-width:991px) {
	.thBodyItem.faq {
		padding: 6rem 0 0 0;
	}
}
@media (max-width:767px) {
	.thBodyItem.faq {
		padding: 5rem 0 0 0;
	}
	.faqlink h3 {
		font-size: 1.3rem;
		line-height: 2.2rem;
	}
	
	.faqlink {
		border-radius: 6px;
		padding: 1.4rem 4.4rem 1.4rem 3.8rem;
	}
	.faqlink:before {
		left: 1.4rem;
		top: 1.3rem;
		font-size: 1.6rem;
		line-height: 2.2rem;
	}
	.fa-down {
		right: 1.4rem;
		top: 1.4rem;
		width: 2.4rem;
		height: 2.4rem;
	}
	.faq-list li.open .faqlink {
		padding: 1.4rem 4.4rem 1.4rem 3.7rem;
	}
	.open .faqlink::after {
		width: calc(100% - 5.5rem);
		left: 3.8rem;
	}
	.f_open {
		padding: 1.4rem 1.4rem 1.4rem 3.8rem;
	}
	.f_listTextBox h4 {
		font-size: 1.3rem;
		line-height: 2.2rem;
	}
	.f_open:before {
		left: 1.4rem;
		top: 1.4rem;
		font-size: 1.6rem;
		line-height: 2.2rem;
	}
}

/*-------- # 블랙박스 원 이미지  박스 --------*/
.thblackImgBox{
	position:relative;
	border-radius: 1rem;
	overflow:hidden;
}
img.pcimg{display:block;}
img.moimg{display:none;}
@media (max-width:767px) {
	.thblackImgBox{
		border-radius: 0.6rem;
	}
	img.pcimg{display:none;}
	img.moimg{display:block;}
}

/*-------- # 그레이박스 원 이미지  박스 --------*/
.thGratImgBox{
	background: #F4F4F4;
	position:relative;
	border-radius: 1rem;
	overflow:hidden;
	padding:2.5rem 4rem;
}
.thGratImgBox.center{
	display: flex;
	padding:4rem 6rem 3rem 6rem;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.thGratImgBox p{
	margin:2rem 0 0 0;
	color: #666;
	text-align: center;
	font-family: pretendard-300;
	font-size: 1.5rem;
	font-style: normal;
	font-weight: 300;
	line-height: 2.6rem;
}
@media (max-width:991px) {
	.thGratImgBox{
		padding: 2rem 2rem;
	}
	.thGratImgBox.center{
		padding:2rem 4rem 2rem 4rem;
	}
}
@media (max-width:767px) {
	.thGratImgBox{
		border-radius: 0.6rem;
		padding: 0;
	}
	.thGratImgBox.center{
		padding:2rem 2rem 2rem 2rem;
	}
	.thGratImgBox p{
		margin:1rem 0 0 0;
		font-size: 1.2rem;
		line-height: 1.6rem;
	}
}


/*-------- # 블랙박스 플렉스 컨텐츠 박스 --------*/
.thBlackImgTextBox{
	position:relative;
	width:100%;
	border-radius: 1rem;
	background: #000;
	padding: 5rem;
	overflow:hidden;
}
.thBlackImgTextBox ul {
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    margin: -1.1rem;
    list-style-type: none;
    justify-content: flex-start;
}
.thBlackImgTextBox ul.gr3 li {
    flex: 0 0 calc(33.33333333% - 2.2rem);
}
.thBlackImgTextBox ul li {
    display: flex;
    margin: 1.1rem;
    box-sizing: border-box;
    flex-direction: column;
    align-items: center;
}
.thBlackImgTextBox ul li img.overlay{
	height:19rem;
}
.thBlackImgTextBox ul li h3{
	margin:2rem 0 0 0;
	text-align:center;
	color: #fff;
	text-align: center;
	font-family: pretendard-500;
	font-size: 2.2rem;
	font-style: normal;
	font-weight: 500;
	line-height: 3.2rem;
}

.thBlackImgCenterWrap{
	position:relative;
}
.thBlackImgCenterWrap h3 {
    margin: 2rem 0 0 0;
    text-align: left;
    color: #000;
    font-family: pretendard-600;
    font-size: 2.2rem;
    font-style: normal;
    font-weight: 600;
    line-height: 3.2rem;
}
.thBlackImgCenterBox {
    position: relative;
    width: 100%;
    border-radius: 1rem;
    background: #000;
    padding: 0rem;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: flex-start;
}



.thBlackImgCenterBox img.Front_tooth{height:43.4rem;}
.thBlackImgCenterBox img.veneer {
    height: 70rem;
}
.thBlackImgCenterBox img.minish {
    height: 48rem;
}
.thBlackImgCenterBox img.injections {
    height: 43rem;
}
.thBlackImgCenterBox img.scan3dface {
    height: 74rem;
}

.thBlackImgCenterBox.thbBottomText{
	border-radius: 1rem 1rem 0 0;
}
.thbBottomText{
	overflow:hidden;
	width: 100%;
    position: relative;
    border-radius: 0 0 1rem 1rem;
    border: 1px solid rgba(0, 0, 0, 0.06);
	border-top: none;
}
.thBlackImgCenterBox img.straumann_blx {height: 63.2rem;}

.imginfoText{
    margin: 2rem 0 0 0 ;
    text-align: center;
    color: #000;
    font-family: pretendard-600;
    font-size: 2.2rem;
    font-style: normal;
    font-weight: 600;
    line-height: 3.2rem;
}

.floImgInfoInner {
    position: absolute;
    left: 0;
    bottom: 3rem;
    width: 100%;
    display: flex;
    z-index: 3;
    justify-content: center;
    align-items: center;
}
.floImgInfo {
    gap: 1.4rem;
    display: flex;
    padding: 1rem 1.6rem;
    justify-content: center;
    align-items: center;
    border-radius: 99px;
    background: rgba(255, 255, 255, 0.70);
    backdrop-filter: blur(5px);
    flex-direction: row;
}
.floImgInfo img.arrow{
	height:1.6rem;
}
.floImgInfo span{
	color: #000;
    text-align: center;
    font-family: pretendard-600;
    font-size: 1.4rem;
    font-style: normal;
    font-weight: 600;
    line-height: 1.6rem;
}
.floImgInfo span b{
	opacity: 0.6;
	margin:0 0.6rem 0 0;
	display:inline-block;
}
@media (max-width:1400px) {
	.thBlackImgTextBox {
		border-radius: 1rem;
		padding: 4rem 2rem;
	}
	.thBlackImgTextBox ul {
		margin: -0.8rem;
	}
	.thBlackImgTextBox ul li {
		margin: 0.8rem;
	}
	.thBlackImgTextBox ul.gr3 li {
		flex: 0 0 calc(33.33333333% - 1.6rem);
	}
	.thBlackImgTextBox ul li img.overlay{
		height: 15rem;
	}
	.thBlackImgTextBox ul li h3 {
		margin: 1.6rem 0 0 0;
		font-size: 2rem;
		line-height: 2.8rem;
	}
	
	
	.thBlackImgCenterBox img.straumann_blx {height: 53.2rem;}
	.thBlackImgCenterBox img.veneer {height: 60rem;}
	.thBlackImgCenterBox img.minish {height: 44rem;}
	.thBlackImgCenterBox img.scan3dface {height: 64rem;}
}
@media (max-width:991px) {
	.thBlackImgCenterBox img.Front_tooth {
		height: 33.4rem;
	}
	.thBlackImgCenterBox img.injections {
		height: 34rem;
	}
	.thBlackImgCenterBox img.scan3dface {height: 54rem;}
	.imginfoText{
		margin: 1.6rem 0 0 0 ;
		font-size: 2rem;
		line-height: 3rem;
	}
	
	.thBlackImgCenterWrap h3 {
		margin: 2rem 0 0 0;
		font-size: 2rem;
		line-height: 3rem;
	}
}
@media (max-width:767px) {
	.thBlackImgCenterWrap h3 {
		margin: 1rem 0 0 0;
		font-size: 1.4rem;
		line-height: 1.8rem;
	}
	.thBlackImgTextBox {
		border-radius: 0.6rem;
		padding: 2.4rem 2rem;
	}
	.thBlackImgTextBox ul li img.overlay {
		height: 6rem;
	}
	.thBlackImgTextBox ul li h3 {
		margin: 1rem 0 0 0;
		font-size: 1.4rem;
		line-height: 1.8rem;
	}
	
	
	.thBlackImgCenterBox {
		border-radius: 0.6rem;
	}
	.thBlackImgCenterBox img.injections {
		height: auto;
	}
	.thBlackImgCenterBox img.Front_tooth {
		height: auto;
	}
	.thBlackImgCenterBox img.scan3dface {height: auto;}
	.thbBottomText{
		border-radius: 0 0 0.6rem 0.6rem;
	}
	.thBlackImgCenterBox img.straumann_blx {height: auto;}
	.thBlackImgCenterBox img.veneer {height: auto;}
	.thBlackImgCenterBox img.minish {height: auto;}
	.imginfoText{
		margin: 1rem 0 0 0 ;
		font-size: 1.4rem;
		line-height: 1.8rem;
	}
	
	
	.floImgInfoInner {
		bottom: 2rem;
	}
	.floImgInfo {
		gap: 0.6rem;
		padding: 1rem 1.2rem;
	}
	.floImgInfo img.arrow {
		height: 1.2rem;
	}
	.floImgInfo span {
		font-size: 1rem;
		line-height: 0.7rem;
	}
	.floImgInfo span b {
		margin: 0 0.3rem 0 0;
	}
}

/*-------- # 그레이박스 플렉스 컨텐츠 박스 --------*/
.thGrImgTextBox{
	position:relative;
	width:100%;
	border-radius: 1rem;
	background: #F6F6F6;
	padding: 5rem;
	overflow:hidden;
}
.thGrImgTextBox ul {
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    margin: -1.1rem;
    list-style-type: none;
    justify-content: flex-start;
}
.thGrImgTextBox ul.gr3 li {
    flex: 0 0 calc(33.33333333% - 2.2rem);
}
.thGrImgTextBox ul li {
    display: flex;
    margin: 1.1rem;
    box-sizing: border-box;
    flex-direction: column;
    align-items: center;
}
.thGrImgTextBox ul li img.shield{
	height:14rem;
}
.thGrImgTextBox ul li h3{
	margin:2rem 0 0 0;
	text-align:center;
	color: #000;
	text-align: center;
	font-family: pretendard-300;
	font-size: 1.7rem;
	font-style: normal;
	font-weight: 300;
	line-height: 2.4rem;
}
@media (max-width:1400px) {
	.thGrImgTextBox {
		border-radius: 1rem;
		padding: 4rem 2rem;
	}
	.thGrImgTextBox ul {
		margin: -0.8rem;
	}
	.thGrImgTextBox ul li {
		margin: 0.8rem;
	}
	.thGrImgTextBox ul.gr3 li {
		flex: 0 0 calc(33.33333333% - 1.6rem);
	}
}
@media (max-width:991px) {
	.thGrImgTextBox ul li img.shield{
		height: 10rem;
	}
}
@media (max-width:767px) {
	.thGrImgTextBox {
		border-radius: 0.6rem;
		padding: 2.4rem 3rem;
	}
	.thGrImgTextBox ul {
		display: flex;
		margin: 0;
		flex-direction: column;
	}
	.thGrImgTextBox ul.gr3 li {
		flex: 0 0 calc(100% - 0rem);
	}
	.thGrImgTextBox ul li {
		border-top: 1px solid #eee;
		padding: 1.6rem 0 0 0;
		margin: 1.6rem 0 0 0;
		gap: 2rem;
		display: flex;
		flex: 0 0 calc(100% - 0rem);
		flex-direction: row;
		align-items: center;
		justify-content: flex-start;
	}
	.thGrImgTextBox ul li:nth-child(1){
		border-top: none;
		padding: 0;
		margin: 0;
	}
	.thGrImgTextBox ul li img.shield{
		height: 5.5rem;
	}
	.thGrImgTextBox ul li h3 {
		width: 100%;
		margin: 0;
		font-size: 1.3rem;
		line-height: 1.9rem;
	}
}


/*-------- # 베이직 플렉스 이미지 + 텍스트 컨텐츠 박스 --------*/
.thBaImgTextBox{
	position:relative;
	width:100%;
	overflow:hidden;
}
.thBaImgTextBox ul {
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    margin: -1.2rem;
    list-style-type: none;
    justify-content: flex-start;
}
.thBaImgTextBox ul.gr1 li {
    flex: 0 0 calc(100% - 0rem);
}
.thBaImgTextBox ul.gr2 li {
    flex: 0 0 calc(50% - 2.4rem);
}
.thBaImgTextBox ul.gr2.grpadblock{
	padding: 1.8rem 0 0 0;
}
.thBaImgTextBox ul.gr3 li {
    flex: 0 0 calc(33.33333333% - 2.4rem);
}
.thBaImgTextBox ul li {
    display: flex;
    margin: 1.2rem;
    box-sizing: border-box;
    flex-direction: column;
    align-items: flex-start;
}
.thBaImgTextBox ul li .imgInner{
	position:relative;
}
.thBaImgTextBox ul li .imgInner b {
    transform: translateX(-50%);
    left: 50%;
    position: absolute;
    bottom: 4rem;
    z-index: 2;
    display: inline-flex;
	padding:1rem 1.5rem;
    justify-content: center;
    align-items: center;
    border-radius: 99px;
    background: rgba(255, 255, 255, 0.70);
    backdrop-filter: blur(5px);
    color: #000;
	font-family: pretendard-600;
    font-size: 1.3rem;
    font-style: normal;
    font-weight: 600;
    line-height: 1.3rem;
}
.thBaImgTextBox ul li img{
	position:relative;
	z-index:1;
	border-radius: 1rem;
	margin:0 0 2rem 0;
}
.thBaImgTextBox ul li span.num{
	margin:0 0 0.6rem 0;
	text-align:left;
	color: #C7AD6E;
	font-family: pretendard-700;
	font-size: 1.8rem;
	font-style: normal;
	font-weight: 700;
	line-height: 2rem;
}
.thBaImgTextBox ul li h3{
	margin:0;
	text-align:left;
	color: #000;
	font-family: pretendard-600;
	font-size: 2.2rem;
	font-style: normal;
	font-weight: 600;
	line-height: 3.2rem;
}
.thBaImgTextBox ul li h4{
	margin:0.6rem 0 0 0;
	text-align:left;
	color: #000;
	font-family: pretendard-300;
	font-size: 1.6rem;
	font-style: normal;
	font-weight: 300;
	line-height: 2.6rem;
}

.thBaImgTextBox.oneContent ul,
.thBaImgTextBox.oneContent ul li{
	margin:0;
}
.thBaImgTextBox.oneContent ul li .margin{
	margin:3rem 0 2rem 0;
}
.yenBlackBox{
	overflow:hidden;
	display: flex;
	padding: 4rem;
	border-radius: 1rem;
	background: #373737;
	margin:0 0 2rem 0;
}
.yenBlackBox img{
	border-radius:0!important;
}


.thvideoBox {
	margin:0 0 2rem 0;
    box-sizing: border-box;
    position: relative;
    width: 100%;
    overflow: hidden;
    background: #fff;
	display: flex;
}
.thvideoBox video {
	border-radius: 1rem;
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.imgAddInfoImg{
	position:absolute;
	right:0;
	top:0;
	height:100%;
	padding:3rem;
	z-index:2;
}
.imgAddInfoImg img{
	height:100%;
	margin: 0 !important;
	border-radius: 0 !important;
}


.thBaImgTextBox.smallText li h3{
	font-size: 1.8rem;
	line-height: 2.6rem;
}
@media (max-width:1400px) {
	.thBaImgTextBox ul {
		margin: -1rem;
	}
	.thBaImgTextBox ul li {
		margin: 1rem;
	}
	.thBaImgTextBox ul.gr2 li {
		flex: 0 0 calc(50% - 2rem);
	}
	.thBaImgTextBox ul.gr3 li {
		flex: 0 0 calc(33.33333333% - 2rem);
	}
	.thBaImgTextBox ul li img {
		border-radius: 1rem;
		margin: 0 0 1.6rem 0;
	}
	.thBaImgTextBox ul li h4 br{display:none;}
	
	
	.yenBlackBox{
		padding: 3rem;
		border-radius: 1rem;
		margin:0 0 1.6rem 0;
	}
	
	
	.thvideoBox {
		margin:0 0 1.6rem 0;
	}
	
	.thBaImgTextBox.oneContent ul li .margin {
		margin: 3rem 0 1.6rem 0;
	}
}
@media (max-width:991px) {
	.thBaImgTextBox ul.gr2 li {
		flex: 0 0 calc(50% - 2rem);
	}
	.thBaImgTextBox ul.gr3 li {
		flex: 0 0 calc(50% - 2rem);
	}
	.thBaImgTextBox ul li span.num {
		margin: 0 0 0.6rem 0;
		font-size: 1.6rem;
		line-height: 1.8rem;
	}
	.thBaImgTextBox ul li h3 {
		font-size: 2rem;
		line-height: 3rem;
	}
	.thBaImgTextBox ul li h4 {
		margin: 0.6rem 0 0 0;
		font-size: 1.5rem;
		line-height: 2.4rem;
	}
}
@media (max-width:767px) {
	.thBaImgTextBox ul li img {
		border-radius: 0.6rem;
		margin: 0 0 1.6rem 0;
	}
	.thBaImgTextBox ul li img.marB10 {
		margin: 0 0 1rem 0;
	}
	.thBaImgTextBox ul li span.num {
		margin: 0 0 0.8rem 0;
		font-size: 1.3rem;
		line-height: 1.8rem;
	}
	.thBaImgTextBox ul li h3 {
		font-size: 1.4rem;
		line-height: 1.8rem;
	}
	.thBaImgTextBox ul li h4 {
		margin: 0.8rem 0 0 0;
		font-size: 1.3rem;
		line-height: 1.9rem;
	}
	.thBaImgTextBox ul li .imgInner b {
		padding: 0.6rem 1rem;
		font-size: 1.1rem;
		line-height: 1.1rem;
	}
	
	
	.yenBlackBox{
		padding: 2rem;
		border-radius: 0.6rem;
		margin:0 0 1rem 0;
	}
	
	
	.thvideoBox {
		margin:0 0 1rem 0;
	}
	.thvideoBox video {
		border-radius: 0.6rem;
	}
	
	.thBaImgTextBox.oneContent ul li img{width:100%;}
	.imgAddInfoImg {
		width: 100%;
		height:auto;
		bottom: 0;
		top: inherit;
		padding: 1.6rem;
		z-index: 2;
	}
	.imgAddInfoImg img {
		width: 100%;
		height: auto;
	}
	
	
	.thBaImgTextBox.oneContent ul li .margin {
		margin: 3rem 0 1rem 0;
	}
	
	
	.thBaImgTextBox.esthetic ul li img{
		margin:0 0 1rem 0;
	}
	.thBaImgTextBox.esthetic ul li span.num {
		margin: 0 0 0.4rem 0;
	}
	.thBaImgTextBox.esthetic ul li h3 {
		font-size: 1.5rem;
		line-height: 2rem;
	}
	
	
	.thBaImgTextBox.smallText li h3{
		font-size: 1.5rem;
		line-height: 2 rem;
	}
}
@media (max-width:600px) {
	.thBaImgTextBox ul {
		margin: 0;
		/* gap:3.4rem; */
		gap:3rem;
	}
	.thBaImgTextBox ul li {
		margin: 0;
	}
	.thBaImgTextBox ul.gr2 li {
		flex: 0 0 calc(100% - 0rem);
	}
	.thBaImgTextBox ul.gr2.grpadblock{
		padding: 3rem 0 0 0;
	}
	.thBaImgTextBox ul.gr3 li {
		flex: 0 0 calc(100% - 0rem);
	}
}


/*-------- # 비포에프터 박스 --------*/
.thBaContBox{
	position:relative;
}

.thBaTopBox {
    position: relative;
    width: 100%;
    background: #fff;
    overflow: hidden;
    z-index: 3;
	border-radius: 1rem 1rem 0 0;

}
.thBaTopBox:after {
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 1rem 1rem 0 0;
    border: 1px solid rgba(0, 0, 0, 0.05);
    border-top-color: rgba(0, 0, 0, 0.05);
    border-top-style: solid;
    border-top-width: 1px;
    border-right-color: rgba(0, 0, 0, 0.05);
    border-right-style: solid;
    border-right-width: 1px;
    border-bottom-color: rgba(0, 0, 0, 0.05);
    border-bottom-style: solid;
    border-bottom-width: 0px;
    border-left-color: rgba(0, 0, 0, 0.05);
    border-left-style: solid;
    border-left-width: 1px;
    border-image-source: initial;
    border-image-slice: initial;
    border-image-width: initial;
    border-image-outset: initial;
    border-image-repeat: initial;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    pointer-events: none;
    content: "";
    z-index: 3;
}
.thBaTopBox .swiper {
    position: relative;
    overflow: hidden;
    width: 100%;
}

.thBaImgBox {
    width: 100%;
    position: relative;
    display: flex;
    overflow: hidden;
}
.thBaImg {
    position: relative;
    width: 100%;
    z-index: 1;
    display: flex;
}
.thBaImg figure{
	z-index: 1;
	position:relative;
	width:100%;
	padding-bottom:81%;
	overflow:hidden;
}
.thBaImg figure img {
	
	width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
	
    z-index: 1;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.thBaDim{
	z-index: 2;
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:8.6rem;
	background: linear-gradient(180deg, rgba(0, 0, 0, 0.30) 0%, rgba(0, 0, 0, 0.00) 100%);
	text-align:left;
}
.thBa{
	position:absolute;
	left:2rem;
	top:2rem;
	z-index:3;
    margin: 0;
    text-align: left;
	
	color: #FFF;
	font-family: Cormorant;
	font-size: 2.6rem;
	font-style: normal;
	font-weight: 600;
	line-height: 2.6rem;
	letter-spacing: 0.52px;
}
.thBaImg.af .thBa{
	right:2rem;
	left:inherit;
}
.thBaImg .day {
    transform: translateX(-50%);
    left: 50%;
    position: absolute;
    bottom: 2rem;
    z-index: 3;
    display: inline-flex;
	padding:1rem 1.6rem;
    justify-content: center;
    align-items: center;
    border-radius: 99px;
    background: rgba(255, 255, 255, 0.70);
    backdrop-filter: blur(5px);
    color: #000;
    text-align: center;
    font-family: pretendard-600;
    font-size: 1.4rem;
    font-style: normal;
    font-weight: 600;
    line-height: 1.6rem;
    text-transform: uppercase;
}
.thBaImg.af .day{
background: rgba(220, 206, 186, 0.70);
}

.thBaLoginDim {
    display: flex;
    z-index: 2;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.01);
    backdrop-filter: blur(7.5px);
    align-items: center;
    justify-content: center;
}
.thBaLoginDim a,
.thBaLoginDim .instead_a{
    gap: 1rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.thBaLoginIcon{
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 50%;
	width:7rem;
	height:7rem;
	background: #FFF;
}
.thBaLoginIcon img{height:3rem;}
.thBaLoginDim a p,
.thBaLoginDim .instead_a p{
	margin:0;
	color: #FFF;
	text-align: center;
	font-family: pretendard-600;
	font-size: 1.5rem;
	font-style: normal;
	font-weight: 600;
	line-height: 2.2rem;
}

.thBaBottomBox{
	position:relative;
	overflow:hidden;
	border-radius: 0 0 1rem 1rem;
	display: block;
	padding: 2rem 0;
	background: #2F2C2C;
}

.swiper.thBa-thumbs {
    width: 100%;
    max-width: 66rem;
    padding: 0 2rem;
    margin-bottom: 0;
}
/* .swiper.thBa-thumbs .swiper-slide{width:auto!important;} */
.swiper.thBa-thumbs .swiper-slide{
	cursor:pointer;
}
.swiper.thBa-thumbs .swiper-slide .thBaListSum:before{
	z-index:2;
	content:'';
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	/* background: rgba(0, 0, 0, 0.40); */
	background: rgba(0, 0, 0, 0.60);
}
.swiper.thBa-thumbs .swiper-slide-thumb-active .thBaListSum:before{
	content:none;
}
.thBaListSum {
	z-index:1;
    position: relative;
    border-radius: 1rem;
    overflow: hidden;
    display: flex;
	background: rgba(0, 0, 0, 0.40);
}
.thBaListSum figure {
    z-index: 1;
    position: relative;
    width: 100%;
    padding-bottom: 100%;
    overflow: hidden;
}
.thBaListSum figure img {
    height: 100%;
    z-index: 1;
    max-width: max-content;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.thBaBtnInner {
    height: 1px;
    transform: translateY(-50%);
    margin: 0;
    position: absolute;
    left: 0;
	padding:0 3rem;
    bottom: 50%;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.thBaBtnInner .swiper-button-prev {
    position: relative;
    top: 0;
	left:inherit;
	right:inherit;
    width: 5.4rem;
    height: 5.4rem;
    margin:0;
	background: #fff;
	border-radius: 0.6rem;
}
.thBaBtnInner .swiper-button-next{
	position: relative;
    top: 0;
	left:inherit;
	right:inherit;
    width: 5.4rem;
    height: 5.4rem;
    margin:0;
	background: #fff;
	border-radius: 0.6rem;
}
.thBaBtnInner .swiper-button-prev:hover,
.thBaBtnInner .swiper-button-next:hover{
	background: #C7AD6E;
}
.thBaBtnInner .swiper-button-prev:after {
    height: 1.2rem;
    width: 1.2rem;
    content: '';
    background-image: url(/public/new_img/therapy/ba_sl_prev.webp);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
}
.thBaBtnInner .swiper-button-next:after {
    height: 1.2rem;
    width: 1.2rem;
    content: '';
    background-image: url(/public/new_img/therapy/ba_sl_next.webp);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
}
.thBaBtnInner .swiper-button-next.swiper-button-disabled, 
.thBaBtnInner .swiper-button-prev.swiper-button-disabled {
    background: #fff;
    opacity: .35;
    cursor: auto;
    pointer-events: none;
}
.thBaInfoSub p{
	margin:2.4rem 0 0 0;
	color: #666;
	text-align: center;
	font-family: pretendard-400;
	font-size: 1.5rem;
	font-style: normal;
	font-weight: 400;
	line-height: 2.5rem;
}
@media (max-width:1200px) {
	.swiper.thBa-thumbs {
		width: 100%;
		max-width: 56rem;
		padding: 0 2rem;
		margin-bottom: 0;
	}
}
@media (max-width:991px) {
	
}
@media (max-width:767px) {
	.thBaTopBox {
		border-radius: 0.6rem 0.6rem 0 0;
	}
	.thBaTopBox:after {
		border-radius: 0.6rem 0.6rem 0 0;
	}
	.thBa {
		left: 0.6rem;
		top: 0.6rem;
		font-size: 1rem;
		line-height: 1.2rem;
		letter-spacing: 0.2px;
	}
	.thBaImg.af .thBa {
		right: 0.6rem;
		left: inherit;
	}
	.thBaImg .day {
		bottom: 6px;
		padding: 6px 8px;
		font-size: 7px;
		line-height: 7px;
	}
	.thBaLoginDim a,
	.thBaLoginDim .instead_a{
		gap: 0.5rem;
	}
	.thBaLoginIcon {
		width: 3.5rem;
		height: 3.5rem;
	}
	.thBaLoginIcon img {
		height: 1.5rem;
	}
	.thBaLoginDim a p,
	.thBaLoginDim .instead_a p{
		font-size: 1rem;
		line-height: 1.2rem;
	}
	
	
	.thBaBottomBox {
		border-radius: 0 0 0.6rem 0.6rem;
		padding: 1rem 0;
	}
	.thBaBtnInner{display:none;}
	.swiper.thBa-thumbs {
		max-width: 100%;
		padding: 0 1rem;
	}
	.thBaListSum {
		border-radius: 0.4rem;
	}
	
	.thBaInfoSub p{
		margin:1.4rem 0 0 0;
		font-size: 1.2rem;
		line-height: 1.8rem;
	}
}


/*-------- # 스와이프 이미지 텍스트 컨텐츠 박스 --------*/
.swItcontBox{
	/* position:relative; */
} 
.wItcontInner{
	position:relative;
}
.wItcTitle{
	position:relative;
}
.wItcTitle h3 {
	margin:0 0 2rem 0;
	gap: 0.6rem;
	display: flex;
	text-align:left;
	color: #000;
	font-family: pretendard-600;
	font-size: 2.2rem;
	font-style: normal;
	font-weight: 600;
	line-height: 3.2rem;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
}
.wItcTitle h3 span{
	text-align:left;
	color: #C7AD6E;
	font-family: pretendard-700;
	font-size: 1.8rem;
	font-style: normal;
	font-weight: 700;
	line-height: 2rem;
}

.wItcImgTextWrap.solo .wItcImgText {
    padding: 0 21.9% 0 0;
}
.wItcImgTextInner{
	position:relative;
	width:100%;
	display:flex;
	gap:1.6rem;
}
.wItcImg{
	position:relative;
	display:flex;
	border-radius:1rem;
	overflow:hidden;
}
.wItcImg:after {
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 1rem;
    border: 1px solid rgba(0, 0, 0, 0.06);
    border-top-color: rgba(0, 0, 0, 0.06);
    border-top-style: solid;
    border-top-width: 1px;
    border-right-color: rgba(0, 0, 0, 0.06);
    border-right-style: solid;
    border-right-width: 1px;
    border-bottom-color: rgba(0, 0, 0, 0.06);
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-left-color: rgba(0, 0, 0, 0.06);
    border-left-style: solid;
    border-left-width: 1px;
    border-image-source: initial;
    border-image-slice: initial;
    border-image-width: initial;
    border-image-outset: initial;
    border-image-repeat: initial;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    pointer-events: none;
    content: "";
    z-index: 3;
}
.wItcImg img{
	/* border-radius:1rem; */
	position:relative;
	z-index:2;
}
.wItcImgText{
	position:relative;
	width:100%;
}
.wItcText{
	margin:2rem 0 0 0;
	text-align:left;
	color: #000;
	font-family: pretendard-300;
	font-size: 1.6rem;
	font-style: normal;
	font-weight: 300;
	line-height: 2.6rem;
}


.thSubBtnInner {
    top: 0rem;
    right: 0;
    position: absolute;
}
.thSubBtn {
    margin: 0;
    position: relative;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.thSubBtn .swiper-button-prev {
    position: relative;
    top: 0;
	left:inherit;
	right:inherit;
    width: 4.2rem;
    height: 4.2rem;
    margin:0;
	background: #DCCEBA;
	border-radius: 0.6rem 0 0 0.6rem;
}
.thSubBtn .swiper-button-next{
	position: relative;
    top: 0;
	left:inherit;
	right:inherit;
    width: 4.2rem;
    height: 4.2rem;
    margin:0;
	background: #DCCEBA;
	border-radius: 0 0.6rem 0.6rem 0;
}
.thSubBtn .swiper-button-prev:after {
    height: 1.1rem;
    width: 1.1rem;
    content: '';
    background-image: url(/public/new_img/common/sl_prev.webp);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
}
.thSubBtn .swiper-button-next:after {
    height: 1.1rem;
    width: 1.1rem;
    content: '';
    background-image: url(/public/new_img/common/sl_next.webp);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
}
@media (max-width:1600px) {
	.wItcImgTextInner {
		gap: 1.2rem;
	}
	.wItcTitle h3 span {
		font-size: 1.7rem;
		line-height: 1.8rem;
	}
	.wItcTitle h3 {
		margin: 0 0 1.6rem 0;
		font-size: 2rem;
		line-height: 3rem;
	}
	.wItcText {
		margin: 1.6rem 0 0 0;
		font-size: 1.5rem;
		line-height: 2.4rem;
	}
}
@media (max-width:991px) {
	
}
@media (max-width:767px) {
	.thcontBodyWrap.innerSwiper{
		overflow:hidden;
	}
	.swItcontBox {
		margin: 2rem 0 0 0;
	}
	.swItcontBox .swiper{
		overflow:unset;
	}
	
	.wItcImgTextInner {
		gap: 0.9rem;
	}
	.wItcTitle h3 span {
		font-size: 1.2rem;
		line-height: 1.4rem;
	}
	.wItcTitle h3 {
		margin: 0 0 1.6rem 0;
		font-size: 1.4rem;
		line-height: 1.8rem;
	}
	.wItcImg {
		border-radius: 0.6rem;
	}
	.wItcImg:after {
		border-radius: 0.6rem;
	}
	.wItcText {
		margin: 1.6rem 0 0 0;
		font-size: 1.3rem;
		line-height: 1.9rem;
	}
	
	
	.thSubBtnInner {
		margin: 2rem 0 0 0;
		display: flex;
		width: 100%;
		top: inherit;
		right: inherit;
		position: relative;
		justify-content: center;
	}
}

/*-------- # 테이블 컨텐츠 박스 --------*/
.thtable{
	position:relative;
	width:100%;
}
.thtable ul {
    position: relative;
    width: 100%;
    border-radius: 1rem;
    border: 1px solid rgba(0, 0, 0, 0.06);
    background: #FFF;
    box-shadow: 0 0 2rem 0 rgba(0, 0, 0, 0.04);
    display: flex;
    padding: 2rem;
    align-items: flex-start;
    gap: 0;
    align-self: stretch;
    flex-direction: column;
}
.thtable ul li{
	display:flex;
	gap:4rem;
	width:100%;
}
.thtable ul li p.wid116{width:11.6rem;}
.thtable ul li p.wid260{width:26rem;}
.thtable ul li p.wid347{width:34.7rem;}
.thtable ul li p.wid678{width:67.8rem;}


.thtable ul li p.bold{font-family: pretendard-600;font-weight: 600;}
.thtable ul li p {
	position:relative;
    min-height: 5rem;
    display: flex;
    border-bottom: 1px solid #eee;
    padding: 0 0 1rem 0;
    margin: 0 0 1rem 0;
    color: #000;
    text-align: center;
    font-family: pretendard-400;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 400;
    line-height: 2.8rem;
    align-items: center;
    justify-content: center;
}
.thtable ul li.last p{
	border-bottom:none;
	padding:0;
	margin:0;
}
.thtable ul li p:after {
    content: '';
    position: absolute;
    right: -2rem;
    top: 0;
    width: 1px;
    background: #eee;
    height: calc(100% - -1rem);
}
.thtable ul li p:last-child:after{
	content:none;
}
.thtable ul li.last p:after {
	height: calc(100% - 0rem);
}
@media (max-width:767px) {
	.thtable ul {
		border-radius: 0.6rem;
		box-shadow: 0 0 2rem 0 rgba(0, 0, 0, 0.04);
		padding: 1.4rem;
	}
	.thtable ul li {
		display: flex;
		gap: 2.8rem;
		width: 100%;
	}
	.thtable ul li p {
		min-height: auto;
		text-align: left;
		font-size: 1.2rem;
		line-height: 1.8rem;
		display: flex;
		justify-content: flex-start;
		align-items: center;
	}
	.thtable ul li p:after {
		right: -1.4rem;
		height: calc(100% - -1rem);
	}
}

@media (max-width:600px) {
	.thtableScroll{
		overflow:auto;
	}
	.thtableScroll .thtable{width:60rem;}
}

/*-------- # 페이지 캐릭터 텍스트 박스 --------*/
.pageChaContBox{
	overflow: hidden;
	position: relative;
	margin:3rem 0 0 0;
	display: flex;
	padding:4rem 7rem 0 7rem;
	justify-content: space-between;
	align-items: flex-start;
	align-self: stretch;
	border-radius: 1rem;
	background: #F6F3ED;
}
.pageChaContBox.imgCenter{
	align-items: flex-start;
	min-height: 31rem;
}
.pageChaContBox.imgRight{
	align-items: flex-start;
	min-height: 34rem;
}
.pageChaContBox.ALL_img{
	padding:0;
}

.pgchaTextInner {
	padding:1.8rem 0 0 0;
	z-index:2;
    gap: 2rem;
    display: flex;
    position: relative;
    flex-direction: column;
}
.pgchaTextInner:before{
	content:'';
	position:absolute;
	left:-3rem;
	top:-.8rem;
	width:5.8rem;
	height:4.4rem;
	background-image: url(/public/new_img/therapy/gr_daa.webp);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}
.pgchaText{
	position:relative;
	z-index:2;
	text-align:left;
	color: #000;
    font-family: pretendard-400;
	font-size: 2rem;
	font-style: normal;
	font-weight: 400;
	line-height: 3.4rem;
}
.pgchaImg{
	position:relative;
	z-index:1;
	display:flex;
	gap:7rem;
}
.pgchaImg img.character{
	height:30rem;
}


.pageChaContBox.imgCenter .pgchaImg {
    width: 100%;
    bottom: 0;
    transform: translateX(-50%);
    left: 50%;
    position: absolute;
    z-index: 1;
    display: flex;
    justify-content: center;
}
.pageChaContBox.imgCenter .pgchaImg img.character {
    height: 27.9rem;
}


.pageChaContBox.imgRight .pgchaImg {
    padding: 0 7rem 0 0;
    width: 100%;
    bottom: 0;
    transform: translateX(-50%);
    left: 50%;
    position: absolute;
    z-index: 1;
    display: flex;
    justify-content: flex-end;
}
.pageChaContBox.imgRight .pgchaImg img.character {
    height: 30rem;
}


.pageChaContBox.ALL_img .pgchaImg {
    width: 100%;
    position: relative;
    z-index: 2;
    display: flex;
    justify-content: center;
}
.pageChaContBox.ALL_img .pgchaTextInner {
    left: 7rem;
    top: 4rem;
    position: absolute;
    padding: 1.8rem 0 0 0;
    z-index: 3;
    gap: 2rem;
    display: flex;
    flex-direction: column;
}
.pageChaContBox.ALL_img .pgchaTextInner:before{
	background-image: url(/public/new_img/therapy/gr_daa_white.webp);
}
@media (max-width:1800px) {
	.pgchaImg {
		gap: 4rem;
	}
	.pgchaImg img.character {
		height: 28rem;
	}
	
	.pageChaContBox.imgCenter .pgchaImg img.character {
		height: 24.9rem;
	}
	.pageChaContBox.imgRight .pgchaImg img.character {
		height: 26rem;
	}
}
@media (max-width:1400px) {
	.pageChaContBox {
		margin: 3rem 0 0 0;
		padding: 3rem 4rem 3rem 4rem;
		justify-content: space-between;
		align-items: center;
		align-self: stretch;
		border-radius: 1rem;
	}
	.pgchaTextInner:before {
		left: -2rem;
		top: -0.6rem;
		width: 5.2rem;
		height: 3.8rem;
	}
	.pgchaImg img.character {
		height: 18rem;
	}
	.pgchaText {
		font-size: 1.8rem;
		line-height: 3rem;
	}
	
	.pageChaContBox.imgCenter .pgchaImg img.character {
		height: 20.9rem;
	}
	.pageChaContBox.imgRight {
		min-height: 26rem;
	}
	.pageChaContBox.imgRight .pgchaImg {
		padding: 0 3rem 0 0;
	}
	.pageChaContBox.imgRight .pgchaImg img.character {
		height: 22rem;
	}
	
	
	.pageChaContBox.ALL_img .pgchaTextInner {
		left: 5rem;
		top: 3rem;
		padding: 1.8rem 0 0 0;
		gap: 2rem;
	}
}
@media (max-width:991px) {
	
}
@media (max-width:767px) {
	.pageChaContBox {
		gap: 2rem;
		display: flex;
		margin: 2rem 0 0 0;
		padding: 2rem 0rem 0rem 0rem;
		justify-content: flex-end;
		align-items: center;
		align-self: stretch;
		border-radius: 0.6rem;
		flex-direction: column;
	}
	.pgchaTextInner {
		padding: 0;
		z-index: 2;
		gap: 1rem;
		display: flex;
		position: relative;
		flex-direction: column;
		align-items: center;
	}
	.pgchaText {
		text-align: center;
		font-size: 1.4rem;
		line-height: 2.2rem;
	}
	.pgchaTextInner:before {
		position: relative;
		left: inherit;
		top: 0rem;
		width: 2.6rem;
		height: 2rem;
	}
	.pgchaImg {
		gap: 2rem;
	}
	.pgchaImg img.character {
		height: 15rem;
	}
	
	
	.pageChaContBox.imgCenter {
		align-items: center;
		min-height: auto;
	}
	.pageChaContBox.imgCenter .pgchaImg {
		bottom: 0;
		transform: inherit;
		left: inherit;
		position: relative;
	}
	.pageChaContBox.imgCenter .pgchaImg img.character {
		height: 14.6rem;
	}
	
	
	.pageChaContBox.imgRight {
		align-items: center;
		min-height: auto;
	}
	.pageChaContBox.imgRight .pgchaImg {
		padding:0;
		bottom: 0;
		transform: inherit;
		left: inherit;
		position: relative;
		justify-content: center;
	}
	.pageChaContBox.imgRight .pgchaImg img.character {
		height: 15rem;
	}
	
	.pageChaContBox.ALL_img .pgchaTextInner {
		width: 100%;
		left: 0;
		top: 2rem;
		padding: 0;
		gap: 1rem;
	}
}

/*-------- # pc 플렉스 모바일 슬라이드 박스 --------*/
.pcNoneMoSildeBox {
    gap: 2rem;
    position: relative;
    display: flex;
    flex-direction: column;
}
.pcNoneMoSildeInner{
	position:relative;
}

.pswbaTextInner.opabs {
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 2rem;
    z-index: 3;
}
.pswbaTextInner {
    display: flex;
    justify-content: center;
    margin: 1rem 0 0 0;
}
.pswbaText {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 2rem;
	padding:1rem 1.6rem;
	border-radius: 99px;
	background: #EEE;
	backdrop-filter: blur(5px);
}
.pswbaText img{
	height:1.6rem;
}
.pswbaText p{
	display: flex;
	gap:0.6rem;
}
.pswbaText p span{
	color: #000;
	text-align: left;
	font-family: pretendard-600;
	font-size: 1.4rem;
	font-style: normal;
	font-weight: 600;
	line-height: 1.6rem;
}


.bafBotText{
	position:relative;
	margin:1rem 0 0 0;
}
.bafBotText p {
	color: #666;
    font-family: pretendard-300;
    font-weight: 300;
    line-height: 1.8rem;
    font-size: 1.4rem;
    text-align: center;
}


.pnmsImg {
    overflow: hidden;
    border-radius: 1rem;
}
.pntons{
	position:absolute;
	right:3rem;
	top:3rem;
	z-index:3;
	color: #000;
	text-align: right;
	font-family: pretendard-600;
	font-size: 1.8rem;
	font-style: normal;
	font-weight: 600;
	line-height: 2rem;
	text-transform: uppercase;
}
.pntons.addef{
-webkit-text-stroke-width: 1px;
-webkit-text-stroke-color: #FFF;
	font-size: 2.2rem;
	line-height: 2.2rem;
}
.pnmsImgInner .info{
	margin:0 0 2rem 0;
	position:relative;
}
.pnmsImgInner .info span.num{
	margin: 0 0 0.6rem 0;
    text-align: left;
    color: #C7AD6E;
    font-family: pretendard-800;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 800;
    line-height: 2rem;
}
.pnmsImgInner .info h3{
	margin: 0;
    text-align: left;
    color: #000;
    font-family: pretendard-600;
    font-size: 2.2rem;
    font-style: normal;
    font-weight: 600;
    line-height: 3.2rem;
}
.tnScentBtn {
    margin: 1rem 0 0 0;
    display: none;
    justify-content: center;
}

.swGrid{
	/* display: flex; */
    /* flex-wrap: wrap; */
    /* padding: 0; */
    /* margin: -1rem; */
    /* list-style-type: none; */
    /* justify-content: flex-start; */

	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-template-rows: 1fr 1fr;
	gap: 4rem 2rem;
}
.swGrid .pnmsImg {
    width: 100%!important;
}

.swGrid.mo{display:none;}

@media (max-width:1400px) {
	.swGrid{
		gap: 2rem 1.5rem;
	}
	
	
	.pnmsImgInner .info {
		margin: 0 0 1.2rem 0;
	}
	.pnmsImgInner .info h3 {
		font-size: 2rem;
		line-height: 3rem;
	}
}
@media (max-width:767px) {
	.pcNoneMoSildeBox .swiper{
		overflow:unset;
	}
	.pnmsImg {
		border-radius: 0.6rem;
	}
	.tnScentBtn {
		display: flex;
	}
	
	.pcNoneMoSildeInner .swiper.abcont {
		overflow: unset;
	}
	.swGrid.pc2x2{display:none;}
	.swGrid.mo{display:block;}
	/* .pcNoneMoSildeInner .swiper.pc2x2 .swiper-wrapper{ */
		/* display: flex; */
	/* } */
	/* .pcNoneMoSildeInner .swiper.pc2x2 .swiper-slide .pnmsImg img{ */
		/* width:100%; */
	/* } */
	
	.pnmsImgInner .info {
		margin: 0 0 1rem 0;
	}
	.pnmsImgInner .info span.num{
		margin: 0 0 0.4rem 0;
		font-size: 1.3rem;
		line-height: 1.8rem;
	}
	.pnmsImgInner .info h3 {
		font-size: 1.5rem;
		line-height: 2rem;
	}
	
	
	.pswbaTextInner.opabs {
		bottom: 1rem;
	}
	.pntons {
		right: 1.4rem;
		top: 1.4rem;
		font-size: 1.2rem;
		line-height: 1.2rem;
	}
	.pntons.addef{
		-webkit-text-stroke-width: 1px;
		-webkit-text-stroke-color: #FFF;
		font-size: 2rem;
		line-height: 2rem;
	}
	.pswbaText {
		gap: 0.8rem;
		padding: 0.8rem 1.2rem;
	}
	.pswbaText p {
		gap: 0.4rem;
	}
	.pswbaText p span {
		font-size: 1rem;
		line-height: 1.4rem;
	}
	.pswbaText img {
		height: 1rem;
	}
	
	
	.bafBotText p {
		letter-spacing: -0.2px;
		line-height: 1.4rem;
		font-size: 1rem;
	}
}


/*-------- # 이미지 텍스트 블락 박스 --------*/
.itbcontWrap.gap24{
	gap: 2.4rem;
}
.itbcontWrap.marT30{
	margin:3rem 0 0 0;
}
.itbcontWrap {
    gap: 3rem;
    position: relative;
    display: flex;
    flex-direction: column;
}
.itbcontInner {
    position: relative;
}
.itbTitle {
	margin: 0 0 2rem 0;
    position: relative;
}
.itbTitle h3 span {
    text-align: left;
    color: #C7AD6E;
    font-family: pretendard-700;
    font-size: 1.8rem;
    font-style: normal;
    font-weight: 700;
    line-height: 2rem;
}
.itbTitle h3 {
    gap: 0.6rem;
    display: flex;
    text-align: left;
    color: #000;
    font-family: pretendard-600;
    font-size: 2.2rem;
    font-style: normal;
    font-weight: 600;
    line-height: 3.2rem;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
}
.itbTitle h3.check{
	position:relative;
	padding:0 0 0 3rem;
	margin:0.6rem 0 0 0;
}
.itbTitle h3.check:before{
	content:'';
	position:absolute;
	left:0;
	top:0.4rem;
	width:2.4rem;
	height:2.4rem;
	background-image: url(/public/new_img/therapy/goldcheck.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}
.itbTitle h4{
	margin: 0.6rem 0 0 0;
	text-align:left;
	color: #000;
	font-family: pretendard-300;
	font-size: 1.5rem;
	font-style: normal;
	font-weight: 300;
	line-height: 2rem;
}
.itbTitle h4.mrgi{
	font-size: 2rem;
	font-family: pretendard-600;
	font-weight: 600;
	line-height: 2.6rem;
}
.itbImgTextInner {
    position: relative;
    width: 100%;
    display: flex;
    gap: 2rem;
}
.itbImgText {
    position: relative;
    width: 100%;
}

.itbImgText.diwid379{width:37.9%}
.itbImgText.diwid606{width:60.6%}


.itbCenterArrow {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 2;
    width: 8.8rem;
    height: 8.8rem;
	
	background-image: url(/public/new_img/therapy/preservation/grafting/itb_arrow.webp);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.itbImg{
	display:flex;
}
.itbImg img{
	border-radius:1rem;
}

.itbflotInner {
    display: flex;
    width: 100%;
    left: 0;
    bottom: 2rem;
    position: absolute;
    justify-content: center;
}
.itbflot_ba {
    gap: 0.6rem;
    display: flex;
    padding: 1rem 2rem;
    justify-content: center;
    align-items: center;
    border-radius: 99px;
    background: rgba(255, 255, 255, 0.70);
    backdrop-filter: blur(5px);
}
.itbflot_ba.af{
background: rgba(220, 206, 186, 0.70);
}
.itbflot_ba b{
	color: #000;
    text-align: center;
    font-family: pretendard-500;
    font-size: 1.4rem;
    font-style: normal;
    font-weight: 500;
    line-height: 1.6rem;
	opacity: 0.6;
}
.itbflot_ba span{
	font-size: 1.4rem;
	line-height: 1.6rem;
	opacity: 1;
	color: #000;
	text-align: center;
	font-family: pretendard-600;
	font-weight: 600;
}

.itbText{
	color: #000;
	font-family: pretendard-600;
	font-size: 1.8rem;
	font-style: normal;
	font-weight: 600;
	line-height: 2.6rem;
}
.itbTextSub{
	margin:0.6rem 0 0 0;
	text-align:left;
	color: #000;
	font-family: pretendard-300;
	font-size: 1.6rem;
	font-style: normal;
	font-weight: 300;
	line-height: 2.6rem;
}

.itbImgTextBox{
	position:relative;
	width:100%;
	overflow:hidden;
}
.itbImgTextBox ul {
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    margin: -1rem;
    list-style-type: none;
    justify-content: flex-start;
}
.itbImgTextBox ul.gr2 li {
    flex: 0 0 calc(50% - 2rem);
}
.itbImgTextBox ul.gr3 li {
    flex: 0 0 calc(33.33333333% - 2rem);
}
.itbImgTextBox ul li {
    display: flex;
    margin: 1rem;
    box-sizing: border-box;
    flex-direction: column;
    align-items: flex-start;
}
img.marB10{
	margin:0 0 1rem 0;
}
img.marB20{
	margin:0 0 2rem 0;
}

.itbcontWrap.gap4{
	gap:4rem;
}
.itbPinkImgInner {
    display: flex;
    gap: 2rem;
    border-radius: 1rem;
    background: #FFF3F3;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
	padding:0 0 3rem 0;
}
.Crosssectiontooth{
	height:44.8rem;
}
.itbPinkInfo{
	display: flex;
	padding:1rem 2.4rem;
	justify-content: center;
	align-items: center;
	border-radius: 99px;
	background: #FFF;
	color: #000;
	text-align: center;
	font-family: pretendard-600;
	font-size: 1.6rem;
	font-style: normal;
	font-weight: 600;
	line-height: 2.6rem;
}
.ibtLongText {
    margin: 0 0 2rem 0;
    position: relative;
}
.ibtLongText h3 span{
	display: flex;
	padding:0.5rem 1.6rem;
	justify-content: center;
	align-items: center;
	border-radius: 99px;
	background: #232176;
	color: #FFF;
	font-family: pretendard-600;
	font-size: 1.8rem;
	font-style: normal;
	font-weight: 600;
	line-height: 2.8rem;
}
.ibtLongText h3 {
    margin: 0 0 2rem 0;
    gap: 0.6rem;
    text-align: center;
    display: flex;
    color: #000;
	font-family: pretendard-600;
    font-size: 2.2rem;
    font-style: normal;
    font-weight: 600;
    line-height: 3.2rem;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
}
.ibtLongText h4 {
    margin: 1.4rem 0 0 0;
    color: #000;
    text-align: center;
	font-family: pretendard-500;
    font-size: 1.8rem;
    font-style: normal;
    font-weight: 500;
    line-height: 3rem;
}

.itbFloInfo {
    width: 100%;
    bottom: 3rem;
    position: absolute;
    z-index: 2;
    display: flex;
    justify-content: center;
}
.itbFloInfo span{
	display: flex;
    padding: 1rem 2.4rem;
    justify-content: center;
    align-items: center;
    border-radius: 99px;
    background: #FFF;
    color: #000;
    text-align: center;
    font-family: pretendard-600;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 600;
    line-height: 2.6rem;
}
.itbFloInfo.colb span{
	background: #232176;
	color: #fff;
}

.fiResultBox {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
}
.fiResultBox .ibtLongText{
	margin:2rem 0 0 0;
}
img.puparrow{
	display:inline-block;
	margin:0 0 2rem 0;
	height:6.9rem;
}
img.Final_completion_minish{
	height:36rem;
}


.itbSwStepcontBox{
	overflow:hidden;
	position:relative;
	margin:0 0 2rem 0;
}
.itbSwStepcontBox .thSubBtnInner{
	display:none;
}
.itbswitem{
	position:relative;
	width:100%;
}
.itbswitem img{
	border-radius: 1rem;
}
.itbswitemText h3 {
    margin: 2rem 0 0 0;
    display: flex;
    gap: 0.6rem;
    color: #000;
    font-family: pretendard-300;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 300;
    line-height: 2.6rem;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
}
.itbswitemText h3 span.num{
	color: #C7AD6E;
	font-family: pretendard-800;
	font-size: 1.6rem;
	font-style: normal;
	font-weight: 800;
	line-height: 2rem;
}

p.itbBotp{
	margin:2rem 0 0 0;
	display:block;
	text-align:left;
	color: #000;
	font-family: pretendard-600;
	font-size: 1.8rem;
	font-style: normal;
	font-weight: 600;
	line-height: 2.6rem;
}
@media (max-width:1400px) {
	.itbTitle h3 {
		font-size: 2rem;
		line-height: 3rem;
	}
	.itbTitle h4.mrgi{
		font-size: 1.8rem;
		line-height: 2.2rem;
	}
	
	.ibtLongText h3 {
		margin: 0 0 2rem 0;
		gap: 0.6rem;
		font-size: 2rem;
		line-height: 3rem;
	}
	.ibtLongText h4 {
		margin: 1.2rem 0 0 0;
		font-size: 1.7rem;
		line-height: 2.8rem;
	}
	
	.itbFloInfo {
		bottom: 2rem;
	}
	.itbFloInfo span {
		padding: 0.8rem 2rem;
		font-size: 1.5rem;
		line-height: 2.2rem;
	}
	.Crosssectiontooth {
		height: 36.8rem;
	}
	
	
	img.Final_completion_minish {
		height: 32rem;
	}
	
	
	.itbflotInner {
		bottom: 1rem;
	}
	.itbflot_ba {
		gap: 0.4rem;
		padding: 0.6rem 1.2rem;
	}
	.itbflot_ba b {
		font-size: 1.2rem;
		line-height: 1.4rem;
	}
	.itbflot_ba span {
		font-size: 1.2rem;
		line-height: 1.4rem;
	}
	
	
	.itbCenterArrow {
		width: 7rem;
		height: 7rem;
	}
}
@media (max-width:991px) {
	.itbcontWrap {
		gap: 3rem;
	}
	.itbcontWrap.gap24{
		gap: 2rem;
	}
	.itbTitle {
		margin: 0 0 1.6rem 0;
	}
	.itbTitle h3 span {
		font-size: 1.6rem;
		line-height: 1.8rem;
	}
	.itbTitle h3 {
		gap: 0.6rem;
		font-size: 1.8rem;
		line-height: 2.6rem;
	}
	.itbTitle h4.mrgi{
		font-size: 1.6rem;
		line-height: 2rem;
	}
	
	img.marB20 {
		margin: 0 0 1.6rem 0;
	}
	.itbText {
		font-size: 1.6rem;
		line-height: 2.2rem;
	}
	.itbTextSub {
		margin: 0.6rem 0 0 0;
		font-size: 1.4rem;
		line-height: 2.2rem;
	}
	p.itbBotp{
		margin:1.6rem 0 0 0;
		font-size: 1.6rem;
		line-height: 2.2rem;
	}
}
@media (max-width:767px) {
	.itbcontWrap.gap24{
		gap: 1rem;
	}
	
	
	.itbcontWrap.esthetic .itbTitle{
		margin: 0 0 1.6rem 0;
	}
	
	.itbTitle {
		margin: 0 0 1rem 0;
	}
	.itbTitle h3 span {
		font-size: 1.3rem;
		line-height: 1.8rem;
	}
	.itbTitle h3 {
		gap: 0.6rem;
		font-size: 1.4rem;
		line-height: 1.8rem;
	}
	.itbTitle h3.check{
		padding:0 0 0 2.2rem;
		margin:0.4rem 0 0 0;
	}
	.itbTitle h3.check:before{
		top:0.1rem;
		width:1.6rem;
		height:1.6rem;
	}
	.itbTitle h4 {
		margin: 0.6rem 0 0 0;
		font-size: 1.3rem;
		line-height: 1.9rem;
	}
	.itbTitle h4.mrgi{
		font-size: 1.4rem;
		line-height: 1.8rem;
	}
	.itbImgTextInner {
		gap: 1rem;
	}
	.itbImg img {
		border-radius: 0.6rem;
	}
	
	.itbImgTextBox ul {
		margin: -0.5rem;
	}
	.itbImgTextBox ul.gr2 li {
		flex: 0 0 calc(50% - 1rem);
	}
	.itbImgTextBox ul.gr3 li {
		flex: 0 0 calc(33.33333333% - 1rem);
	}
	.itbImgTextBox ul li {
		margin: 0.5rem;
	}
	img.marB20 {
		margin: 0 0 1rem 0;
	}
	.itbText {
		font-size: 1.4rem;
		line-height: 1.8rem;
	}
	.itbTextSub {
		margin: 0.4rem 0 0 0;
		font-size: 1.3rem;
		line-height: 1.9rem;
	}
	
	
	.itbcontWrap.gap4 {
		gap: 3rem;
	}
	.itbPinkImgInner {
		gap: 2rem;
		border-radius: 0.6rem;
		padding: 0 0 3rem 0;
	}
	.Crosssectiontooth {
		height: 29.8rem;
	}
	.itbPinkInfo {
		padding: 1rem 2rem;
		font-size: 1.4rem;
		line-height: 1.8rem;
	}
	.ibtLongText {
		margin: 0 0 1.6rem 0;
	}
	.ibtLongText h3 {
		margin: 0 0 1.6rem 0;
		gap: 0.4rem;
		font-size: 1.5rem;
		line-height: 2rem;
	}
	.ibtLongText h3 span {
		padding: 0.6rem 1.2rem;
		font-size: 1.5rem;
		line-height: 2rem;
	}
	.ibtLongText h4 {
		margin: 1.6rem 0 0 0;
		font-size: 1.4rem;
		line-height: 2.2rem;
	}
	.itbFloInfo {
		bottom: 1.6rem;
	}
	.itbFloInfo span {
		padding: 1rem 2rem;
		font-size: 1.4rem;
		line-height: 1.8rem;
	}
	
	
	img.puparrow {
		margin: 0 0 3rem 0;
		height: 5rem;
	}
	img.Final_completion_minish {
		height: 20.9rem;
	}
	.fiResultBox .ibtLongText {
		margin: 1.6rem 0 0 0;
	}
	
	
	
	.itbSwStepcontBox{
		overflow:unset;
		margin:0 0 3rem 0;
	}
	.itbSwStepcontBox .swiper{
		overflow:unset;
	}
	.itbSwStepcontBox .thSubBtnInner {
		margin: 1rem 0 0 0;
		display: flex;
	}
	.itbswitem img {
		border-radius: 0.6rem;
	}
	.itbswitemText h3 span.num {
		font-size: 1.3rem;
		line-height: 1.8rem;
	}
	.itbswitemText h3 {
		margin: 1rem 0 0 0;
		gap: 0.4rem;
		font-size: 1.5rem;
		line-height: 2rem;
	}
	
	
	
	.itbflotInner {
		bottom: 0.6rem;
	}
	.itbflot_ba {
		gap: 0.3rem;
		padding: 0.6rem 0.8rem;
	}
	.itbflot_ba b {
		font-size: 7px;
		line-height: 7px;
	}
	.itbflot_ba span {
		font-size: 7px;
		line-height: 7px;
	}
	
	
	.itbCenterArrow {
		width: 4.6rem;
		height: 4.6rem;
	}
	
	p.itbBotp{
		margin:1rem 0 0 0;
		font-size: 1.4rem;
		line-height: 1.8rem;
	}
}
@media (max-width:500px) {
	.itbImgTextInner {
		display: flex;
		gap: 1rem;
		flex-direction: column;
	}
	
	
	.itbImgText.diwid379{width:100%}
	.itbImgText.diwid606{width:100%}
	
	.itbImgTextBox ul {
		margin: 0rem;
		gap:3rem;
	}
	.itbImgTextBox ul.gr2 li {
		flex: 0 0 calc(100% - 0rem);
	}
	.itbImgTextBox ul.gr3 li {
		flex: 0 0 calc(100% - 0rem);
	}
	.itbImgTextBox ul li {
		margin: 0rem;
	}
	
	
	.itbImgTextInner.moalicenter{
		align-items: center;
	}
	.itbCenterArrow {
		-webkit-transform: inherit;
		transform: inherit;
		left: inherit;
		top: inherit;
		position: relative;
		width: 4.6rem;
		height: 4.6rem;
		    background-image: url(/public/new_img/therapy/preservation/grafting/itb_arrow_down.webp);
	}
}

/*-------- # 이미지 상세 설명 박스 --------*/
.detailImgBoxWrap {
    position: relative;
    width: 100%;
    display: flex;
    gap: 4rem;
    flex-direction: column;
}
.detailImgBox{
	width:100%;
	position:relative;
	padding: 2rem;
	border-radius: 1rem;
	border: 1px solid rgba(0, 0, 0, 0.06);
}
.dtImgInner{
	position:relative;
	width:100%;
	padding:0 0 0 35.4rem;
	min-height:28.9rem;
}
.dtImage {
    display: flex;
    height: 100%;
    width: 35.4rem;
    position: absolute;
    left: 0;
    top: 0;
    align-items: center;
    justify-content: center;
}
.dtImage img.lower_canine_mandible{
	height:24.8rem;
}
.dtImage img.Upper_teeth_maxilla{
	height:24.9rem;
}

.dtImgInfo{
	position:relative;
	width:100%;
	padding: 1rem 0 0 3rem;
}
.dtImgI_Title{
	text-align:left;
	margin:0 0 3rem 0;
	color: #000;
    font-family: pretendard-600;
	font-size: 2.2rem;
	font-style: normal;
	font-weight: 600;
	line-height: 3.2rem;
}
.dtImgInfo ul {
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    margin: -0.8rem;
    list-style-type: none;
    justify-content: flex-start;
}
.dtImgInfo ul li {
    display: flex;
    flex: 0 0 calc(33.33333333% - 1.6rem);
    margin: 0.8rem;
    box-sizing: border-box;
    flex-direction: column;
    align-items: flex-start;
    padding: 2rem;
    border-radius: 0.8rem;
    background: #F6F6F6;
    justify-content: space-between;
}
.dtImgInfo ul li.wid100Per{
	flex: 0 0 calc(100% - 1.6rem);
}
.dtulText{
	text-align:left;
	color: #000;
    font-family: pretendard-600;
	font-size: 1.7rem;
	font-style: normal;
	font-weight: 600;
	line-height: 2.6rem;
}
.dtulTextSub {
    position: relative;
    width: 100%;
    margin: 1rem 0 0 0;
    display: flex;
    justify-content: space-between;
}
.dtulTextSub span{
	text-align:left;
	color: #000;
    font-family: pretendard-300;
font-size: 1.6rem;
font-style: normal;
font-weight: 300;
line-height: 2.3rem;
}
.dtulTextSub a{
	position:relative;
	display:flex;
	padding:0 1.8rem 0 0;
	color: #000;
    font-family: pretendard-500;
font-size: 1.4rem;
font-style: normal;
font-weight: 500;
line-height: 2.3rem;
border-bottom: 1px solid #000;
}
.dtulTextSub a:after {
    transform: translateY(-50%);
    content: '';
    display: inline-block;
    position: absolute;
    right: 0rem;
    top: 50%;
    width: 1.1rem;
    height: 0.8rem;
    display: inline-block;
    background-image: url(
    /public/new_img/therapy/normal_arrow.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.dtImgInfo ul li .dou{
	width:100%;
	margin: 1rem 0 0 0;
}
.dtImgInfo ul li .dou .dtulTextSub{
	margin: 0.5rem 0 0 0;
}
@media (max-width:1800px) {
	.dtImgInner {
		padding: 0 0 0 25.4rem;
		min-height: 28.9rem;
	}
	.dtImage {
		width: 25.4rem;
	}
	.dtImage img.lower_canine_mandible {
		height: 20.8rem;
	}
	.dtImage img.Upper_teeth_maxilla {
		height: 19.9rem;
	}
	.dtulTextSub {
		justify-content: space-between;
		flex-direction: column;
		align-items: flex-start;
	}
}
@media (max-width:1300px) {
	.dtImgInner {
		padding: 0 0 0 22.4rem;
	}
	.dtImage {
		width: 20.4rem;
	}
	.dtImage img.lower_canine_mandible {
		height: 16.8rem;
	}
	.dtImage img.Upper_teeth_maxilla {
		height: 15.9rem;
	}
	.dtImgInfo {
		padding: 0rem 0 0 1rem;
	}
}
@media (max-width:991px) {
	.detailImgBoxWrap {
		gap: 3rem;
	}
	.dtImgI_Title {
		margin: 0 0 2rem 0;
		font-size: 2rem;
		line-height: 3rem;
	}
	.dtImgInfo ul {
		margin: -0.5rem;
	}
	.dtImgInfo ul li {
		flex: 0 0 calc(33.33333333% - 1rem);
		margin: 0.5rem;
		padding: 1.6rem;
		border-radius: 0.8rem;
	}
	.dtImgInfo ul li.wid100Per{
		flex: 0 0 calc(100% - 1rem);
	}
}
@media (max-width:767px) {
	.detailImgBoxWrap {
		gap: 1rem;
	}
	.detailImgBox {
		padding: 1.4rem;
		border-radius: 0.6rem;
	}
	.dtImgInner {
		padding: 0;
	}
	.dtImage {
		padding: 2rem;
		position: relative;
		width: 100%;
	}
	.dtImage img.lower_canine_mandible {
		height: 20rem;
	}
	.dtImage img.Upper_teeth_maxilla {
		height: 20rem;
	}
	.dtImgInfo {
		padding: 0;
	}
	.dtImgI_Title {
		margin: 0 0 1rem 0;
		font-size: 1.5rem;
		line-height: 2rem;
	}
	.dtImgInfo ul {
		margin:0rem;
		gap:4px;
	}
	.dtImgInfo ul li {
		flex: 0 0 calc(100% - 0rem);
		margin: 0rem;
		padding: 1.4rem;
		border-radius: 0.4rem;
	}
	.dtImgInfo ul li.wid100Per{
		flex: 0 0 calc(100% - 0rem);
	}
	.dtulTextSub {
		margin: 0.6rem 0 0 0;
		display: flex;
		flex-direction: row;
		justify-content: space-between;
	}
	.dtulText {
		font-size: 1.4rem;
		line-height: 1.8rem;
	}
	.dtulTextSub span {
		font-size: 1.2rem;
		line-height: 1.9rem;
	}
	.dtulTextSub a {
		padding: 0 1.3rem 0 0;
		font-size: 1.1rem;
		line-height: 1.9rem;
	}
	.dtulTextSub a:after {
		width: 0.9rem;
		height: 0.7rem;
	}
	.dtImgInfo ul li .dou {
		margin: 0.6rem 0 0 0;
	}
	.dtImgInfo ul li .dou .dtulTextSub {
		margin: 0.4rem 0 0 0;
	}
}

/*-------- # 컬러 스텝 설명 박스 --------*/
.colStepInfo ul {
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    margin: -1.2rem;
    list-style-type: none;
    justify-content: flex-start;
}
.colStepInfo ul li {
    margin: 1.2rem;
    box-sizing: border-box;
}
.colStepInfo ul.gr3 li {
    flex: 0 0 calc(33.33333333% - 2.4rem);
}
.colStepBox{
	height: 100%;
	gap: 3rem;
	display: flex;
	box-sizing: border-box;
    flex-direction: column;
    align-items: flex-start;
    padding: 3rem;
    border-radius: 1rem;
    background: #F6F6F6;
}
.colStepBox dl {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
}
.colStepBox dl span{
	text-align:left;
	color: #C7AD6E;
    font-family: pretendard-700;
	font-size: 1.8rem;
	font-style: normal;
	font-weight: 700;
	line-height: 2rem;
}
.colStepBox dl b{
	z-index: 5;
	display: inline-block;
	position: relative;
	width: 2rem;
	height: 2rem;
	background-image: url(/public/new_img/therapy/step_arrow.png);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}
.colStepBox dl.last b{
	background-image: url(/public/new_img/therapy/step_finish.png);
}
.colsText{
	text-align:left;
	color: #000;
	font-family: pretendard-600;
	font-size: 2.2rem;
	font-style: normal;
	font-weight: 600;
	line-height: 3.2rem;
}
.colsTextSub{
	margin:0.6rem 0 0 0;
	text-align:left;
	color: #000;
    font-family: pretendard-300;
	font-size: 1.6rem;
	font-style: normal;
	font-weight: 300;
	line-height: 2.6rem;
}
@media (max-width:1400px) {
	.colStepInfo ul {
		margin: -1rem;
	}
	.colStepInfo ul li {
		margin: 1rem;
	}
	.colStepInfo ul.gr3 li {
		flex: 0 0 calc(33.33333333% - 2rem);
	}
	.colStepBox{
		gap: 3rem;
		padding: 2.6rem;
		border-radius: 1rem;
	}
}
@media (max-width:991px) {
	.colStepInfo ul li {
		margin: 1rem;
	}
	.colStepBox{
		gap: 2rem;
		padding: 2rem;
		border-radius: 1rem;
	}
	.colsText {
		font-size: 2rem;
		line-height: 3rem;
	}
	.colsTextSub {
		margin: 0.6rem 0 0 0;
		font-size: 1.5rem;
		line-height: 2.4rem;
	}
}
@media (max-width:767px) {
	.colStepInfo ul {
		margin: -0.5rem;
	}
	.colStepInfo ul.gr3 li {
		flex: 0 0 calc(33.33333333% - 1rem);
	}
	.colStepInfo ul li {
		margin: 0.5rem;
	}
	.colStepBox{
		gap: 2rem;
		padding: 1.4rem;
		border-radius: 0.6rem;
	}
	.colsText {
		font-size: 1.5rem;
		line-height: 2rem;
	}
	.colsTextSub {
		margin: 0.6rem 0 0 0;
		font-size: 1.2rem;
		line-height: 1.9rem;
	}
	.colsTextSub br{display:none;}
	.colStepBox dl span {
		font-size: 1.3rem;
		line-height: 1.8rem;
	}
	.colStepBox dl b {
		width: 1.8rem;
		height: 1.8rem;
	}
}
@media (max-width:500px) {
	.colStepInfo ul {
		gap:1rem;
		margin: 0rem;
	}
	.colStepInfo ul li {
		margin: 0rem;
	}
	.colStepInfo ul.gr3 li {
		flex: 0 0 calc(100% - 0rem);
	}
	.colStepBox{
		gap:1rem;
	}
	.colStepBox dl b {
		transform: rotate(90deg);
	}
	.colStepBox dl.last b {
		transform: rotate(0deg);
	}
}


/*-------- # 그리드 이미지 텍스트 설명 박스 --------*/
.thgridImgText ul {
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    margin: -1rem;
    list-style-type: none;
    justify-content: flex-start;
}
.thgridImgText ul li {
    display: flex;
    margin: 1.5rem 1rem;
}
.thgridImgText ul.gr2 li {
    flex: 0 0 calc(50% - 2rem);
}
.thgridflexImgInner{
	display:flex;
	gap:2rem;
}
.thgridImg{
	display:flex;
}
.thgridImg img{
	border-radius: 1rem;
}
.thgridflexTopTex {
    display: flex;
    position: relative;
    width: 100%;
    flex-direction: column;
    justify-content: space-between;
}
.thgridflexTopTex h3{
	position:relative;
	width:100%;
	left:0;
	top:0;
	color: #000;
	text-align: right;
	font-family: pretendard-600;
	font-size: 2.2rem;
	font-style: normal;
	font-weight: 600;
	line-height: 3.2rem;
}
@media (max-width:1400px) {
	.thgridflexTopTex h3 {
		font-size: 1.8rem;
		line-height: 2.4rem;
	}
}
@media (max-width:767px) {
	.thgridImgText ul {
		gap: 3rem;
		margin: 0rem;
	}
	.thgridImgText ul li {
		display: flex;
		margin: 0rem;
	}
	.thgridImgText ul.gr2 li {
		flex: 0 0 calc(100% - 0rem);
	}
	.thgridflexImgInner{
		gap:1rem;
	}
	.thgridImg img {
		border-radius: 0.6rem;
	}
	.thgridflexTopTex h3 {
		margin: 0 0 1rem 0;
		text-align: left;
		font-size: 1.4rem;
		line-height: 1.8rem;
	}
	.thgridflexTopTex {
		margin: -2rem 0 0 0;
	}
}

/*-------- # 그레이 박스 센터 이미지 하단 설명 박스 --------*/
.grCenImgBoxWrap{
	position:relative;
}
.grCenImgBox {
    position: relative;
    width: 100%;
    display: flex;
    overflow: hidden;
    border-radius: 1rem;
    background: #474747;
    background-blend-mode: multiply;
    justify-content: center;
}
.grCenImg{
	display:inline-block;
}
img.surgeryteeth{
	height:53rem;
}
@media (max-width:1400px) {
	img.surgeryteeth {
		height: 43rem;
	}
}
@media (max-width:767px) {
	.grCenImgBox {
		border-radius: 0.6rem;
	}
	img.surgeryteeth {
		height: auto;
	}
}

/*-------- # 기존 현재 스텝 과정 설명 박스 --------*/
.excurStepWrap {
    gap: 2.4rem;
    display: flex;
    position: relative;
    flex-direction: column;
}
.excurStepBox {
    width: 100%;
    position: relative;
    padding: 2rem;
    border-radius: 1rem;
    border: 1px solid rgba(0, 0, 0, 0.06);
}
.excurStepBox.cur{
	border: 1px solid #DAC28A;
	box-shadow: 0 0 3rem 0 rgba(0, 0, 0, 0.10);
}
.excurStepBox.cur .excup{
	color: #DAC28A;
}
.excuTitle{
	margin:0 0 2rem 0;
	text-align:left;
	color: #000;
	font-family: pretendard-600;
	font-size: 2.2rem;
	font-style: normal;
	font-weight: 600;
	line-height: 3.2rem;
}
.excuImgBox{
	display: flex;
	padding: 4rem;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 3rem;
	align-self: stretch;
	border-radius: 0.8rem;
	background: #222;
}
.excuImg{
	position:relative;
}
img.heinis{
	height:20rem;
}
.excupText {
    gap: 1rem;
    display: flex;
    position: relative;
    flex-direction: column;
}
.excup{
	color: #FFF;
	text-align: center;
	font-family: pretendard-600;
	font-size: 1.8rem;
	font-style: normal;
	font-weight: 600;
	line-height: 2.6rem;
	letter-spacing: -0.54px;
}
.excuinfo{
	color: #FFF;
	text-align: center;
	font-family: pretendard-300;
	font-size: 1.6rem;
	font-style: normal;
	font-weight: 300;
	line-height: 2.6rem;
}
.exStepInner{
	position:relative;
	margin:1rem 0 0 0;
}
.exStepInner ul{
	display:flex;
	gap:1rem;
}
.exStepInner ul li{
	/* width:100%; */
}

.exStepInner .colStepBox{
	gap: 2rem;
	padding:1.8rem 2rem;
}
.exStepInner .colsText {
    font-size: 1.8rem;
    line-height: 2.5rem;
}
.exStepInner .colsTextSub {
    margin: 0;
    font-size: 1.5rem;
    line-height: 2.6rem;
}
.exStepInner .colStepMuo{
	height: 100%;
	display: flex;
	padding: 1rem 2rem;
	justify-content: center;
	align-items: center;
	align-self: stretch;
	border-radius:0.8rem;
	background: #ECE8DF;
}
.exStepInner .colStepMuo p{
	color: #000;
	text-align: center;
	font-family: pretendard-500;
	font-size: 1.5rem;
	font-style: normal;
	font-weight: 500;
	line-height: 2.3rem;
}
ul.exitem li:nth-child(1){width:16.66666%;}
ul.exitem li:nth-child(2){width:16.66666%;}
ul.exitem li:nth-child(4){width:16.66666%;}
ul.exitem li:nth-child(6){width:16.66666%;}
ul.exitem li:nth-child(7){width:16.66666%;}

ul.exitem li:nth-child(3){width:10%;}
ul.exitem li:nth-child(5){width:6.66666%;}


ul.curitem li:nth-child(1){width:45%;}
ul.curitem li:nth-child(2){width:10%;}
ul.curitem li:nth-child(3){width:45%;}

.colsTextFlex {
    position: relative;
    display: flex;
    width: 100%;
    justify-content: space-between;
}
/* .colsTextFlex .colsText:nth-child(1){ */
	/* position:absolute; */
	/* left:0; */
/* } */
/* .colsTextFlex .colsText:nth-child(3){ */
	/* position:absolute; */
	/* right:0; */
/* } */
/* .colsTextFlex .colsText:nth-child(2) { */
    /* gap: 2rem; */
    /* display: flex; */
    /* position: relative; */
    /* text-align: center; */
    /* width: 100%; */
    /* padding: 0 8.2rem 0 5.2rem; */
    /* align-items: center; */
    /* justify-content: space-between; */
/* } */
/* .colsTextFlex .colsText:nth-child(2) span { */
    /* width: 42.2rem; */
/* } */
/* .borline{ */
	/* width:100%; */
	/* height:1px; */
	/* border-radius: 3px; */
/* background: #D9D9D9; */
/* } */

@media (max-width:1400px) {
	.excuImgBox {
		padding: 3rem;
	}
	img.heinis {
		height: 16rem;
	}
	.excuTitle {
		margin: 0 0 1.6rem 0;
		font-size: 2rem;
		line-height: 3rem;
	}
	
	
	.exStepInner ul {
		gap: 0.5rem;
	}
	.exStepInner .colStepBox {
		gap: 2rem;
		padding: 1.4rem 1.6rem;
	}
	.exStepInner .colsText {
		font-size: 1.6rem;
		line-height: 2rem;
	}
	.exStepInner .colStepMuo {
		padding: 1rem 1.6rem;
		border-radius: 0.8rem;
	}
}
@media (max-width:767px) {
	.excurStepWrap {
		gap: 1rem;
	}
	.excurStepBox {
		padding: 1.4rem;
		border-radius: 1rem;
	}
	.excuImgBox {
		gap: 2rem;
		border-radius: 0.6rem;
		padding: 2rem;
	}
	img.heinis {
		height: auto;
	}
	.excuTitle {
		margin: 0 0 1rem 0;
		font-size: 1.5rem;
		line-height: 2rem;
	}
	.excupText {
		gap: 0.6rem;
	}
	.excup {
		font-size: 1.4rem;
		line-height: 1.8rem;
		letter-spacing: -0.42px;
	}
	.excuinfo br{display:none;}
	.excuinfo {
		font-size: 1.3rem;
		line-height: 1.9rem;
	}
	
	
	.exStepInner ul {
		display: flex;
		gap: 0.5rem;
		flex-direction: column;
	}
	.exStepInner .colStepBox {
		gap: 1.4rem;
		padding: 1.4rem;
	}
	ul.exitem li{
		width:100%!important;
	}
	ul.curitem li{
		width:100%!important;
	}
	.exStepInner .colsText {
		font-size: 1.4rem;
		line-height: 1.8rem;
	}
	.exStepInner .colsTextSub {
		font-size: 1.2rem;
		line-height: 1.9rem;
	}
	.exStepInner .colStepBox dl b {
		transform: rotate(90deg);
	}
	.exStepInner .colStepBox dl.last b {
		transform: rotate(0deg);
	}
	.exStepInner .colStepMuo p {
		font-size: 1.2rem;
		line-height: 1.9rem;
	}
	.exStepInner .colStepMuo {
		padding: 1.4rem;
		border-radius: 0.6rem;
	}
}


/*-------- # 그린 이미지 텍스트 플렉스 박스 --------*/
.grImgTextFlexInner {
    display: block;
	padding:5rem 6rem;
    border-radius: 1rem;
    background: rgba(70, 185, 140, 0.10);
}
.grfTitle{
	color: #000;
	text-align: center;
	font-family: pretendard-600;
	font-size: 2.2rem;
	font-style: normal;
	font-weight: 600;
	line-height: 3.2rem;
}
.grITFlexBox {
    margin: 4rem 0 0 0;
    display: flex;
    gap: 4rem;
    align-items: center;
}
.grITFlexItem{
	position:relative;
}
.grfTextSub{
	color: #000;
	text-align: center;
	font-family: pretendard-500;
	font-size: 1.8rem;
	font-style: normal;
	font-weight: 500;
	line-height: 2.6rem;
}
.grfTextSub.bottom{
	position:relative;
	margin:2rem 0 0 0;
}
.grfTextSub.flo{
	position:absolute;
	left:0;
	width:100%;
	top:0;
	z-index:2;
}
@media (max-width:1800px) {
	.grImgTextFlexInner {
		padding: 4rem 5rem;
	}
}
@media (max-width:1400px) {
	.grImgTextFlexInner {
		padding: 4rem 3rem;
	}
	.grITFlexBox {
		gap: 3rem;
	}
}
@media (max-width:991px) {
	.grfTitle {
		font-size: 2rem;
		line-height: 3rem;
	}
	.grITFlexBox {
		margin: 3rem 0 0 0;
	}
	.grfTextSub {
		font-size: 1.6rem;
		line-height: 2.2rem;
	}
}
@media (max-width:767px) {
	.grImgTextFlexInner {
		border-radius: 0.6rem;
		padding: 3rem 2rem;
	}
	.grITFlexBox {
		display: flex;
		gap: 3rem;
		flex-direction: column;
	}
	.grfTitle {
		font-size: 1.5rem;
		line-height: 2rem;
	}
	.grfTextSub {
		font-size: 1.3rem;
		line-height: 1.9rem;
	}
	.grfTextSub.bottom {
		position: relative;
		margin: 0.8rem 0 0 0;
	}
	img.Research_request{height:12.2rem;}
}

/*-------- # 그린 로고 기본정보 박스 --------*/
.grBasicInfoWrap{
	display: block;
	padding:8rem 4rem 6rem 4rem;
	border-radius: 1rem;
	background: #46B98C;
}
.grbalogo {
    display: flex;
    justify-content: center;
    align-items: flex-start;
}
.grbalogo img{
	height:7.3rem;
}
.grbaList{
	position:relative;
	margin:6rem 0 0 0;
}
.grbaList ul {
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    margin: -1.5rem;
    list-style-type: none;
    justify-content: flex-start;
}
.grbaList ul li {
    flex: 0 0 calc(25% - 3rem);
    display: flex;
    margin: 1.5rem;
    box-sizing: border-box;
    flex-direction: column;
    align-items: flex-start;
}
.grbaItem {
	width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
}
.grbaItem strong{
	color: #FFF;
	text-align: center;
	font-family: pretendard-800;
	font-size: 7rem;
	font-style: normal;
	font-weight: 800;
	line-height: 9rem;
	letter-spacing: -0.28rem;
}
.grbaText{
	margin:2rem 0 0 0;
	color: #FFF;
	text-align: center;
	font-family: pretendard-600;
	font-size: 2.2rem;
	font-style: normal;
	font-weight: 600;
	line-height: 3.2rem;
}
.grbaTextSub{
	margin:1rem 0 0 0;
	color: #FFF;
	text-align: center;
	font-family: pretendard-500;
	font-size: 1.6rem;
	font-style: normal;
	font-weight: 500;
	line-height: 2.4rem;
}
@media (max-width:1800px) {
	.grBasicInfoWrap {
		padding: 6rem 2rem 4rem 2rem;
	}
	.grbaList ul {
		margin: -1rem;
	}
	.grbaList ul li {
		flex: 0 0 calc(25% - 2rem);
		margin: 1rem;
	}
	.grbaItem strong {
		font-size: 6rem;
		line-height: 8rem;
		letter-spacing: -0.28rem;
	}
	.grbaText {
		margin: 1.6rem 0 0 0;
		font-size: 2rem;
		line-height: 3rem;
	}
	.grbaTextSub {
		margin: 0.6rem 0 0 0;
		font-size: 1.5rem;
		line-height: 2.2rem;
	}
}
@media (max-width:991px) {
	.grBasicInfoWrap {
		padding: 4rem 2rem 3rem 2rem;
	}
	.grbaList {
		margin: 4rem 0 0 0;
	}
	.grbalogo img {
		height: 6.3rem;
	}
	.grbaItem strong {
		font-size: 5rem;
		line-height: 7rem;
		letter-spacing: -0.2rem;
	}
	.grbaText {
		margin: 1.4rem 0 0 0;
		font-size: 1.8rem;
		line-height: 2.6rem;
	}
	.grbaTextSub {
		margin: 0.4rem 0 0 0;
		font-size: 1.4rem;
		line-height: 1.8rem;
	}
}
@media (max-width:767px) {
	.grBasicInfoWrap {
		border-radius: 0.6rem;
		padding: 3rem 2rem 3rem 2rem;
	}
	.grbalogo img {
		height: 4rem;
	}
	
	.grbaList {
		margin: 2rem 0 0 0;
	}
	.grbaList ul {
		margin: -1rem;
	}
	.grbaList ul li {
		flex: 0 0 calc(50% - 2rem);
		margin: 1rem;
	}
	.grbaItem strong {
		font-size: 4rem;
		line-height: 5rem;
		letter-spacing: -0.16rem;
	}
	.grbaText {
		margin: 1rem 0 0 0;
		font-size: 1.5rem;
		line-height: 2rem;
	}
	.grbaTextSub {
		margin: 0.4rem 0 0 0;
		font-size: 1.3rem;
		line-height: 1.9rem;
	}
}
@media (max-width:500px) {
	.grbaList ul {
		gap:2rem;
		margin: 0rem;
	}
	.grbaList ul li {
		flex: 0 0 calc(100% - 0rem);
		margin: 0rem;
	}
}


/*-------- # 그린 01~06 아이템 요소 박스 --------*/
.grNumItemWrap {
    display: flex;
    gap: 0rem;
    align-items: center;
    justify-content: center;
}
img.Implant_periapical{
	border-radius: 999px;
	background: #FFF;
	box-shadow: 0 0 2rem 0 rgba(0, 0, 0, 0.06);
}
.grNumItemCen {
    padding: 0 6rem;
    width: 93rem;
}
.grNumItem{
	width:100%;
}
.grNumBox {
	gap:2.5rem;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: center;
}
.grNumBox.col {
    align-items: flex-start;
}
.grNum {
	width: 100%;
    display: flex;
    gap: 1.6rem;
    align-items: center;
    justify-content: flex-end;
}
.grNum.col {
    display: flex;
    justify-content: flex-start;
}
.grNum.col h4{
	text-align:left;
}
.grNum h4{
	text-align: right;
	color: #000;
    font-family: pretendard-500;
	font-size: 1.8rem;
	font-style: normal;
	font-weight: 500;
	line-height: 2.6rem;
}
.grNum span {
    width: 2.6rem;
    display: inline-block;
    color: #46B98C;
    font-family: pretendard-700;
    font-size: 2rem;
    font-style: normal;
    font-weight: 700;
    line-height: 2.6rem;
}
.grNum dl{
	display: flex;
	width: 8rem;
	height: 8rem;
	justify-content: center;
	align-items: center;
	aspect-ratio: 1/1;
	border-radius: 2.2rem;
	background: #46B98C;
}
.grNum dl img{
	height:4rem;
}
.grNumItemTa{display:none;}
@media (max-width:1600px) {
	.grNumItemCen {
		padding: 0 4rem;
	}
	.grNum {
		gap: 1.4rem;
	}
	.grNum dl {
		width: 7rem;
		height: 7rem;
	}
	.grNum h4 {
		font-size: 1.7rem;
		line-height: 2.2rem;
	}
}
@media (max-width:1200px) {
	.grNumItemCen {
		padding: 0 3rem;
		width: 73rem;
	}
}
@media (max-width:991px) {
	.grNumItem{
		display:none;
	}
	.grNumItemWrap {
		display: flex;
		gap: 0rem;
		align-items: center;
		justify-content: center;
		flex-direction: column;
	}
	.grNumItemCen {
		padding: 0;
		width: 30rem;
	}
	
	.grNumItemTa{
		margin:3rem 0 0 0;
		display:block;
	}
	.grNumItemTa ul {
		display: flex;
		flex-wrap: wrap;
		padding: 0;
		margin: -1rem;
		list-style-type: none;
		justify-content: flex-start;
	}
	.grNumItemTa ul li {
		flex: 0 0 calc(33.33333333% - 2rem);
		display: flex;
		margin: 1rem;
		box-sizing: border-box;
		flex-direction: column;
		align-items: flex-start;
	}
	.grNum {
		display: flex;
		gap: 0;
		flex-direction: column;
		align-items: center;
		justify-content: flex-start;
	}
	.grNum span {
		margin: 0.6rem 0 0.4rem 0;
		width: auto;
		font-size: 1.7rem;
		line-height: 2.2rem;
	}
}
@media (max-width:767px) {
	.grNumItemCen {
		padding: 0;
		width: 17rem;
	}
	.grNum dl {
		border-radius: 13.75px;
		width: 5rem;
		height: 5rem;
	}
	.grNum dl img {
		height: 2.5rem;
	}
	.grNum span {
		font-size: 1.3rem;
		line-height: 1.8rem;
	}
	.grNum h4 {
		font-size: 1.3rem;
		line-height: 1.6rem;
	}
}
@media (max-width:500px) {
	.grNumItemTa ul {
		margin: 0rem;
	}
	.grNumItemTa ul li {
		flex: 0 0 calc(50% - 0rem);
		margin: 0rem;
	}
	.grNum {
		padding: 2.4rem 0 0 0;
	}
	.grNumItemTa ul li:nth-child(1) .grNum,
	.grNumItemTa ul li:nth-child(2) .grNum
	{padding:0;}
}


/*-------- # 그린 01~04 아이템 요소 박스 --------*/
.gr0104List{
	position:relative;
}
.gr0104List ul {
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    margin: -1.4rem;
    list-style-type: none;
    justify-content: flex-start;
}
.gr0104List ul li {
    flex: 0 0 calc(25% - 2.8rem);
    display: flex;
    margin: 1.4rem;
    box-sizing: border-box;
    flex-direction: column;
    align-items: flex-start;
}
.gr0104 {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
}
.gr0104 p{
	display: flex;
    width: 10rem;
    height: 10rem;
    align-items: center;
    justify-content: center;
}
.gr0104 dl {
    display: flex;
    width: 10rem;
    height: 10rem;
    align-items: center;
    border-radius: 3rem;
    background: #FFF;
    justify-content: center;
}
.gr0104 dl img{
	height:6rem;
}
.gr0104 strong{
	margin:2rem 0 0 0;
	color: #46B98C;
	text-align: center;
	font-family: pretendard-800;
	font-size: 4.6rem;
	font-style: normal;
	font-weight: 800;
	line-height: 6rem;
	letter-spacing:-0.184rem;
}
.gr0104 h3{
	margin:1.6rem 0 0 0;
	color: #000;
	text-align: center;
	font-family: pretendard-500;
	font-size: 1.8rem;
	font-style: normal;
	font-weight: 500;
	line-height: 2.6rem;
}
@media (max-width:1800px) {
	.gr0104List ul {
		margin: -1rem;
	}
	.gr0104List ul li {
		flex: 0 0 calc(25% - 2rem);
		margin: 1rem;
	}
}
@media (max-width:1600px) {
	.gr0104 p {
		width: 9rem;
		height: 9rem;
	}
	.gr0104 dl {
		width: 9rem;
		height: 9rem;
		border-radius: 2.6rem;
	}
	.gr0104 dl img {
		height: 5.4rem;
	}
	.gr0104 strong {
		margin: 1.6rem 0 0 0;
		font-size: 4rem;
		line-height: 5.4rem;
		letter-spacing: -0.184rem;
	}
	.gr0104 h3 {
		margin: 1.2rem 0 0 0;
		font-size: 1.7rem;
		line-height: 2.4rem;
	}
}
@media (max-width:991px) {
	.gr0104 p {
		width: 8rem;
		height: 8rem;
	}
	.gr0104 dl {
		width: 8rem;
		height: 8rem;
		border-radius: 2rem;
	}
	.gr0104 dl img {
		height: 5rem;
	}
	.gr0104 strong {
		margin: 1.4rem 0 0 0;
		font-size: 3rem;
		line-height: 4rem;
		letter-spacing: -0.184rem;
	}
	.gr0104 h3 {
		margin: 1rem 0 0 0;
		font-size: 1.5rem;
		line-height: 2.2rem;
	}
}
@media (max-width:767px) {
	.gr0104List ul li {
		flex: 0 0 calc(50% - 2rem);
		margin: 1rem;
	}
	.gr0104 p {
		width: 7.5rem;
		height: 7.5rem;
	}
	.gr0104 dl {
		width:7.5rem;
		height: 7.5rem;
		border-radius: 2.25rem;
	}
	.gr0104 dl img {
		height: 4.5rem;
	}
	.gr0104 strong {
		margin: 1rem 0 0 0;
		font-size: 3rem;
		line-height: 3.8rem;
		letter-spacing: -0.12rem;
	}
	.gr0104 h3 {
		margin: 0.6rem 0 0 0;
		font-size: 1.3rem;
		line-height: 1.9rem;
	}
}
@media (max-width:500px) {
	.gr0104List ul {
		gap: 2.4rem;
		margin: 0;
	}
	.gr0104List ul li {
		flex: 0 0 calc(100% - 0rem);
		margin: 0;
	}
	.gr0104 {
		position:relative;
		padding: 0 0 0 8.5rem;
	}
	.gr0104 dl,
	.gr0104 p{
		transform: translateY(-50%);
		top: 50%;
		left: 0;
		position: absolute;
	}
	.gr0104 strong{
		margin:0;
	}
}

/*-------- # 그린 투박스 01-02 아이템 요소 박스 --------*/
.grTwoItemWrap{
	position:relative;
	display:flex;
	gap:8rem;
}
.grTwoItemInner{
	position:relative;
	width:100%;
}
.grTwoTitle {
    color: #000;
    text-align: center;
    font-family: pretendard-600;
    font-size: 2.2rem;
    font-style: normal;
    font-weight: 600;
    line-height: 3.2rem;
}
.grTwoTitle p{
	margin:0.4rem 0 0 0;
	color: #000;
	text-align: center;
	font-family: pretendard-400;
	font-size: 1.8rem;
	font-style: normal;
	font-weight: 400;
	line-height: 2.6rem;
}
.grTwoItemFlex{
	margin:4rem 0 0 0; 
	width:100%;
	position:relative;
	display:flex;
}
.grTwoItem {
    display: flex;
    width: 100%;
    position: relative;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
}
.grTwoItem dl {
    width: 10rem;
    height: 10rem;
    display: flex;
    align-items: center;
    border-radius: 3rem;
    background: #FFF;
    justify-content: center;
}
.grTwoItem dl img{
	height:6rem;
}
.grTwoItem h4{
	margin:1.6rem 0 0.6rem 0;
	color: #000;
	text-align: center;
	font-family: pretendard-600;
	font-size: 1.6rem;
	font-style: normal;
	font-weight: 600;
	line-height: 2rem;
}
.grTwoItem strong{
	margin:0;
	color: #46B98C;
	text-align: center;
	font-family: pretendard-700;
	font-size: 3rem;
	font-style: normal;
	font-weight: 700;
	line-height: 3.2rem;
}

.grBottomSub {
    margin: 3rem 0 0 0;
    display: flex;
    justify-content: center;
}
.grBottomSub p{
	display: flex;
	padding:0.4rem 1.8rem;
	justify-content: center;
	align-items: center;
	border-radius: 2rem;
	border: 2px solid #46B98C;
	color: #46B98C;
	text-align: center;
	font-family: pretendard-700;
	font-size: 1.8rem;
	font-style: normal;
	font-weight: 700;
	line-height: 3.2rem;
}
@media (max-width:1600px) {
	.grTwoItem dl {
		width: 9rem;
		height: 9rem;
		border-radius: 2.6rem;
	}
	.grTwoItem dl img {
		height: 5.4rem;
	}
}
@media (max-width:991px) {
	.grTwoTitle {
		font-size: 2rem;
		line-height: 3rem;
	}
	.grTwoTitle p {
		margin: 0.4rem 0 0 0;
		font-size: 1.6rem;
		line-height: 2rem;
	}
	.grTwoItemFlex {
		margin: 3rem 0 0 0;
	}
	.grTwoItemWrap {
		gap: 6rem;
	}
	.grTwoItem dl {
		width: 8rem;
		height: 8rem;
		border-radius: 2rem;
	}
	.grTwoItem dl img {
		height: 5rem;
	}
	.grTwoItem h4 {
		margin: 1.2rem 0 0.4rem 0;
		font-size: 1.5rem;
		line-height: 1.8rem;
	}
	.grBottomSub p {
		padding: 0.2rem 1.4rem;
		border-radius: 2rem;
		font-size: 1.6rem;
		line-height: 2.6rem;
	}
}
@media (max-width:767px) {
	.grTwoTitle {
		font-size: 1.3rem;
		line-height: 1.9rem;
	}
	.grTwoTitle p {
		margin: 0.6rem 0 0 0;
		font-size: 1.2rem;
		line-height: 1.4rem;
	}
	.grTwoItemFlex {
		margin: 1rem 0 0 0;
	}
	.grTwoItemWrap {
		gap: 4rem;
	}
	.grTwoItem dl {
		width: 7.5rem;
		height: 7.5rem;
		border-radius: 2.25rem;
	}
	.grTwoItem dl img {
		height: 4.5rem;
	}
	.grTwoItem h4 {
		margin: 1rem 0 0.4rem 0;
		font-size: 1.3rem;
		line-height: 1.6rem;
	}
	.grTwoItem strong {
		font-size: 2.6rem;
		line-height: 2.6rem;
	}
	.grBottomSub p {
		padding: 0.4rem 1.2rem;
		border-radius: 2rem;
		font-size: 1.3rem;
		line-height: 1.6rem;
	}
}
@media (max-width:500px) {
	.grTwoItemWrap {
		position: relative;
		display: flex;
		gap: 3rem;
		flex-direction: column;
	}
}


/*-------- # 블랙 정보 그래프 컨텐츠 박스 --------*/
.blackInfoGrWrap{
	margin:2rem 0 0 0;
	position:relative;
	width:100%;
	padding:5rem 6rem;
	border-radius: 1rem;
	background: #071A23;
}
.blackInfoGrInner{
	display:flex;
	gap:4rem;
}
.blackInfoGr {
    display: flex;
    position: relative;
    width: 100%;
    flex-direction: column;
    justify-content: space-between;
}
.blackInfoGr.bgpad18{
	padding:0 0 1.8rem 0;
}

.blaiGrItem{
	margin:0 0 3rem 0;
	position:relative;
}
img.blxicon{height:5.1rem;}
.blaiGrItem h3{
	margin:1.4rem 0;
	text-align:left;
	color: #FFF;
    font-family: pretendard-800;
	font-size: 2.2rem;
	font-style: normal;
	font-weight: 800;
	line-height: 2.8rem;
}
.blaiGrItem h4{
	margin:0;
	text-align:left;
	color: #FFF;
	font-family: pretendard-500;
	font-size: 1.8rem;
	font-style: normal;
	font-weight: 500;
	line-height: 2.6rem;
}
.blaiGrItem p{
	margin:0.6rem 0 0 0;
	padding:0 0 0 1.1rem;
	position:relative;
	color: #FFF;
	font-family: pretendard-300;
	font-size: 1.6rem;
	font-style: normal;
	font-weight: 300;
	line-height: 2.3rem;
}
.blaiGrItem p:before{
	content:'';
	position:absolute;
	left:0;
	top:1rem;
	border-radius:50%;
	width:0.3rem;
	height:0.3rem;
	background:#DCCEBA;
}
.blaiGrItem span{
	display:block;
	padding:0 0 0 1.1rem;
	opacity: 0.5;
	text-align:left;
	margin:0.5rem 0 0 0;
	color: #FFF;
	font-family: pretendard-500;
	font-size: 1.4rem;
	font-style: normal;
	font-weight: 500;
	line-height: 2.3rem;
}

.blackInfoGrImg p{
	margin:0;
	text-align:left;
	color: rgba(255, 255, 255, 0.60);
	font-family: pretendard-500;
	font-size: 1.5rem;
	font-style: normal;
	font-weight: 500;
	line-height: 1.8rem;
}
@media (max-width:1600px) {
	.blackInfoGrWrap {
		padding: 4rem 5rem;
	}
	.blackInfoGrInner {
		gap: 3rem;
	}
}
@media (max-width:991px) {
	.blackInfoGrWrap {
		padding: 4rem 3rem;
	}
}
@media (max-width:767px) {
	.blackInfoGrWrap {
		margin: 1.6rem 0 0 0;
		border-radius: 0.6rem;
		padding: 3rem 2rem;
	}
	.blackInfoGrInner {
		display: flex;
		gap: 3rem;
		flex-direction: column;
	}
	.blackInfoGr.bgpad18 {
		padding: 0;
	}
	img.blxicon {
		height: 3.7rem;
	}
	.blaiGrItem {
		margin: 0 0 2rem 0;
	}
	.blaiGrItem h3 {
		margin: 1rem 0;
		font-size: 1.5rem;
		line-height: 1.8rem;
	}
	.blaiGrItem h4 {
		font-size: 1.4rem;
		line-height: 1.8rem;
	}
	.blaiGrItem p {
		margin: 0.4rem 0 0 0;
		padding: 0 0 0 0.9rem;
		font-size: 1.3rem;
		line-height: 1.9rem;
	}
	.blaiGrItem p:before {
		top: 0.8rem;
	}
	.blaiGrItem span {
		padding: 0 0 0 0.9rem;
		margin: 0.4rem 0 0 0;
		font-size: 1.1rem;
		line-height: 1.7rem;
	}
	.blackInfoGrImg p {
		font-size: 1rem;
		line-height: 1.3rem;
	}
}


/*-------- # 의사 컨텐츠 박스 --------*/
.docflexWrap{
	display:flex;
	gap:2rem;
}
.docflexItem{
	position:relative;
	width:100%;
	overflow:hidden;
	border-radius: 1rem;
	background: #F8F8F8;
}
.docflexImgBox {
    padding: 4rem 10rem 0 10rem;
    position: relative;
    display: flex;
    z-index:2;
    justify-content: center;
    align-items: flex-start;
}
.docflexImgBox img.wwadocimg {
    position: relative;
    z-index: 2;
    -webkit-mask-image: linear-gradient(180deg, #000 55%, rgba(0, 0, 0, 0.10) 95%, rgba(0, 0, 0, 0.00) 100%);
}
.docflexImgBox:before {
    content: '';
    z-index: 1;
    position: absolute;
    /* left: 10.5%; */
    /* top: 6.3%; */
	left:5rem;
	top:5rem;
    width: 12rem;
    height: 12.5rem;
    display: inline-block;
    background-image: url(/public/new_img/main/seoul_uni_logo.webp);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}
.docflexInfoBox {
    margin: -8rem 0 0 0;
    position: relative;
    z-index: 3;
    display: flex;
    padding: 4rem 4rem 3rem 4rem;
    justify-content: space-between;
}
.docNameInfo{
	position: relative;
	display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
}
.docNameInfo .more{display:none!important;}
.docName h3 {
    gap: 1rem;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-end;
}
.docName h3 span {
    color: #000;
    font-family: pretendard-400;
    font-size: 1.8rem;
    font-style: normal;
    font-weight: 400;
    line-height: 2.6rem;
}
.docName h3 p {
    color: #000;
    font-family: MaruBuri;
    font-size: 4.2rem;
    font-style: normal;
    font-weight: 400;
    line-height: 5.6rem;
    letter-spacing: 0.63rem;
}
.docflexItem .more {
	z-index:4;
    display: flex;
    padding: 1.3rem 0;
    width: 9rem;
    bottom: 3rem;
    left: 4rem;
    position: absolute;
    justify-content: center;
    align-items: center;
}
.docHisInfo {
	max-width:32rem;
}
.docHisInfo h4:nth-child(1){
	margin:0;
}
.docHisInfo h4 {
	margin:1rem 0 0 0;
    position: relative;
    padding: 0 0 0 1.1rem;
    text-align: left;
    color: #000;
    font-family: pretendard-300;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 300;
    line-height: 2.3rem;
}
.docHisInfo h4:before {
    content: '';
    position: absolute;
    left: 0;
    top: 1rem;
    width: 0.3rem;
    height: 0.3rem;
    border-radius: 50%;
    background: #DCCEBA;
}

.docflexItem.solo{
	display: flex;
	padding:4rem;
	height:55rem;
}
.docflexItem.solo .docflexImgBox{
	width:50%;
	padding: 0;
}
.docflexItem.solo .docflexImgBox img.wwadocimg{
	height: 100%;
}
.docflexItem.solo .docflexImgBox:before {
    left: 0;
    top: 1rem;
}
.docflexItem.solo .docNameInfo .more {
    left: inherit!important;
    bottom: 0!important;
    right: 0;
    display: inline-block!important;
}
.docflexItem.solo .docflexInfoBox {
    width: 50%;
    margin: 0;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
@media (max-width:1800px) {
	.docflexImgBox {
		padding: 3rem 6rem 0 6rem;
	}
	.docflexInfoBox {
		margin: -8rem 0 0 0;
		padding: 3rem 3rem 3rem 3rem;
	}
	.docflexItem .more {
		bottom: 3rem;
		left: 3rem;
	}
}
@media (max-width:1600px) {
	.docflexImgBox {
		padding: 3rem 4rem 0 4rem;
	}
	.docflexInfoBox {
		margin: -8rem 0 0 0;
		padding: 3rem 3rem 3rem 3rem;
	}
}
@media (max-width:1400px) {
	.docflexItem .more{display:none!important;}
	.docNameInfo .more {
		left: inherit;
		right: 0;
		bottom: 0;
		display: flex!important;
	}
	.docflexInfoBox {
		gap: 3rem;
		display: flex;
		margin: -8rem 0 0 0;
		padding: 3rem 3rem 3rem 3rem;
		flex-direction: column;
	}
	.docHisInfo {
		max-width: 100%;
	}
	.docflexImgBox:before {
		left: 4rem;
		top: 4rem;
	}
}
@media (max-width:991px) {
	.docflexImgBox {
		padding: 3rem 2rem 0 2rem;
	}
	.docflexImgBox:before {
		left: 3rem;
		top: 3rem;
		width: 10rem;
		height: 10.5rem;
	}
	.docflexInfoBox {
		gap: 3rem;
		margin: -8rem 0 0 0;
		padding: 3rem 2rem 3rem 2rem;
	}
	.docName h3 {
		gap: 0.6rem;
	}
	.docName h3 span {
		font-size: 1.7rem;
		line-height: 2.2rem;
	}
	.docName h3 p {
		font-size: 3.6rem;
		line-height: 4.8rem;
		letter-spacing: 0.43rem;
	}
}
@media (max-width:767px) {
	.docflexWrap {
		gap: 1rem;
	}
	.docflexItem {
		border-radius: 0.6rem;
	}
	.docflexImgBox {
		padding: 2rem 2rem 0 2rem;
	}
	.docflexImgBox:before {
		left: 2rem;
		top: 2rem;
		width: 82px;
		height: 85.486px;
	}
	.docflexInfoBox {
		gap: 1.6rem;
		margin: -6rem 0 0 0;
		padding: 2rem 2rem 2rem 2rem;
	}
	.docName h3 {
		gap: 0;
	}
	.docName h3 span {
		font-size: 1.5rem;
		line-height: 2rem;
	}
	.docName h3 p {
		font-size: 3.2rem;
		line-height: 4.4rem;
		letter-spacing: 0.48rem;
	}
	.docflexItem .more {
		padding: 0.9rem 0;
		width: 6.9rem;
	}
	.docHisInfo h4 {
		margin: 0.5rem 0 0 0;
		padding: 0 0 0 1.1rem;
		font-size: 1.2rem;
		line-height: 1.9rem;
	}
	.docHisInfo h4:before {
		top: 0.8rem;
	}
	
	
	.docflexItem.solo {
		display: block;
		padding: 0;
		height: auto;
	}
	.docflexItem.solo .docflexImgBox {
		padding: 2rem 2rem 0 2rem;
		width: 100%;
	}
	.docflexItem.solo .docflexImgBox:before {
		left: 2rem;
		top: 2rem;
	}
	.docflexItem.solo .docflexInfoBox {
		width: 100%;
		margin: -6rem 0 0 0;
		height: 100%;
	}
}
@media (max-width:550px) {
	.docflexWrap {
		display: flex;
		gap: 1.6rem;
		flex-direction: column;
	}
}


/*-------- # 박스 스텝 이너 아이템 박스 --------*/
.boxstepitemWrap{
	position:relative;
	width:100%;
	display:flex;
}
.boxstepitemWrap.exTopCont {
    display: block;
    margin: 3rem 0 0 0;
}
.boxstepTitle{
	margin:0 0 2rem 0;
	color: #000;
	font-family: pretendard-600;
	font-size: 2.2rem;
	font-style: normal;
	font-weight: 600;
	line-height: 3.2rem;
}
.bsiw{
	position:relative;
	width:100%;
}
.bsiw ul {
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    margin: -1rem;
    list-style-type: none;
    justify-content: flex-start;
}
.bsiw ul li {
    display: flex;
    margin: 1rem;
    box-sizing: border-box;
    flex-direction: column;
    align-items: flex-start;
}
.bsiw ul.gr2 li {
    flex: 0 0 calc(50% - 2rem);
}
.bsiw ul.gr3x2 li {
    flex: 0 0 calc(50% - 2rem);
}
.bsiw ul.gr3x2 li.itemGr3 {
    flex: 0 0 calc(60% - 2rem);
}
.bsiw ul.gr3x2 li.itemGr2 {
    flex: 0 0 calc(40% - 2rem);
}
.bsiw ul li dl{
	margin:0 0 1rem 0;
	color: #000;
	font-family: pretendard-600;
	font-size: 1.8rem;
	font-style: normal;
	font-weight: 600;
	line-height: 2.4rem;
}
.bsiwItemInner{
	width:100%;
	display: flex;
	padding: 2rem;
	align-items: flex-start;
	gap: 2rem;
	align-self: stretch;
	border-radius: 1rem;
	border: 1px solid rgba(0, 0, 0, 0.06);
	background: #FFF;
}
.bsiwItem{
	position:relative;
	width:100%;
}
.bsiwItem img{
	margin:1.2rem 0;
	position:relative;
	border-radius: 0.6rem;
}
.bsiwItem p{
	text-align:left;
	color: #000;
	font-family: pretendard-700;
	font-size: 1.6rem;
	font-style: normal;
	font-weight: 700;
	line-height: 1.6rem;
	text-transform: uppercase;
}
.bsiwItem p span{
	color: #C7AD6E;
}
.bsiwItem h3{
	text-align:left;
	color: #000;
	font-family: pretendard-600;
	font-size: 1.8rem;
	font-style: normal;
	font-weight: 600;
	line-height: 2.6rem;
}

.bsiwItem .thgrColImg{
	margin:1.2rem 0;
	position:relative;
	padding: 3.4rem 1rem;
}

.contBottomText{
	display:block;
	margin:1rem 0 0 0;
	color: #000;
	text-align:left;
	font-family: pretendard-300;
	font-size: 1.5rem;
	font-style: normal;
	font-weight: 300;
	line-height: 2rem;
}

@media (max-width:1400px) {
	.bsiw ul {
		margin: -0.8rem;
	}
	.bsiw ul.gr2 li {
		flex: 0 0 calc(50% - 1.6rem);
	}
	.bsiw ul li {
		margin: 0.8rem;
	}
	
	.boxstepTitle {
		margin: 0 0 2rem 0;
		font-size: 2rem;
		line-height: 3rem;
	}
}
@media (max-width:1200px) {
	.bsiw ul.gr2 li {
		flex: 0 0 calc(100% - 1.6rem);
	}
	
	
	.boxstepTitle {
		margin: 0 0 1.6rem 0;
		font-size: 1.8rem;
		line-height: 2.6rem;
	}
	.bsiw ul.gr3x2 li.itemGr3 {
		flex: 0 0 calc(100% - 0rem);
	}
	.bsiw ul.gr3x2 li.itemGr2 {
		flex: 0 0 calc(100% - 0rem);
	}
}
@media (max-width:991px) {
	
}
@media (max-width:767px) {
	.boxstepitemWrap {
		margin: 1.6rem 0 0 0;
	}
	.bsiw ul {
		gap:3rem;
		margin: 0;
	}
	.bsiw ul.gr2 li {
		flex: 0 0 calc(100% - 0rem);
	}
	.bsiw ul li {
		margin: 0rem;
	}
	.bsiw ul li dl {
		margin: 0 0 1rem 0;
		font-size: 1.5rem;
		line-height: 2rem;
	}
	.bsiwItemInner {
		padding: 1.6rem;
		gap: 1.6rem;
		border-radius: 0.6rem;
	}
	.bsiwItem p {
		font-size: 1.3rem;
		line-height: 1.8rem;
	}
	.bsiwItem img {
		margin: 1rem 0;
		border-radius: 0.4rem;
	}
	.bsiwItem h3 {
		font-size: 1.4rem;
		line-height: 1.8rem;
	}
	
	
	.boxstepTitle {
		margin: 0 0 2rem 0;
		font-size: 1.5rem;
		line-height: 2rem;
	}
	.bsiwItem .thgrColImg {
		margin: 1rem 0;
		padding: 2.6rem 1rem;
	}
	
	
	.contBottomText{
		margin:1rem 0 0 0;
		font-size: 1.3rem;
		line-height: 1.9rem;
	}
}
@media (max-width:500px) {
	.bsiwItemInner {
		display: flex;
		gap: 0;
		flex-direction: column;
	}
	.bsiwItem:nth-child(1){
		border-top:none;
		padding:0;
		margin:0;
	}
	.bsiwItem{
		border-top:1px solid #eee;
		padding:1.6rem 0 0 0;
		margin:1.6rem 0 0 0;
	}
}


/*-------- # 보더 스텝 이너 아이템 박스 --------*/
.borStepBoxWrap{
	position:relative;
}
.borStepTitle {
    margin: 0 0 2rem 0;
    color: #000;
    font-family: pretendard-600;
    font-size: 2.2rem;
    font-style: normal;
    font-weight: 600;
    line-height: 3.2rem;
}
.borStepBox{
	position:relative;
	width:100%;
}
.borStepBox ul {
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    margin: -1.2rem;
    list-style-type: none;
    justify-content: flex-start;
}
.borStepBox ul li {
    display: flex;
    margin: 1.2rem;
    box-sizing: border-box;
    flex-direction: column;
    align-items: flex-start;
	padding: 2rem;
	border-radius: 1rem;
	border: 1px solid #EEE;
}
.borStepBox ul.gr3 li {
    flex: 0 0 calc(33.3333333% - 2.4rem);
}
.borStepBox ul.gr4 li {
    flex: 0 0 calc(25% - 2.4rem);
}
.borStepItem{
	width:100%;
	position:relative;
}

.bsigrColImg {
    display: flex;
    padding: 5.8rem 1rem;
    justify-content: center;
    align-items: center;
    align-self: stretch;
    border-radius: 1rem;
    background: #F4F4F4;
}
img.minishIcon {
    height: 8.4rem;
}

.borStepItem .info{
	position:relative;
	margin:1.2rem 0 0 0;
}
.borStepItem .info span.num{
	display: block;
	margin:0 0 0.6rem 0;
	text-align:left;
	color: #C7AD6E;
	font-family: pretendard-700;
	font-size: 1.8rem;
	font-style: normal;
	font-weight: 700;
	line-height: 2rem;
}
.borStepItem .info h3{
	margin:0;
	text-align:left;
	color: #000;
	font-family: pretendard-600;
	font-size: 1.8rem;
	font-style: normal;
	font-weight: 600;
	line-height: 2.6rem;
}
@media (max-width:1400px) {
	.borStepTitle {
		margin: 0 0 1.6rem 0;
		font-size: 2rem;
		line-height: 3rem;
	}
	.borStepBox ul {
		margin: -1rem;
	}
	.borStepBox ul li {
		margin: 1rem;
		padding: 1.6rem;
		border-radius: 1rem;
	}
	.borStepBox ul.gr3 li {
		flex: 0 0 calc(33.3333333% - 2rem);
	}
	.borStepBox ul.gr4 li {
		flex: 0 0 calc(25% - 2rem);
	}
	.borStepItem .info span.num {
		margin: 0 0 0.6rem 0;
		font-size: 1.6rem;
		line-height: 2rem;
	}
	.borStepItem .info h3 {
		font-size: 1.7rem;
		line-height: 2.4rem;
	}
}
@media (max-width:1200px) {
	.borStepBox ul.gr4 li {
		flex: 0 0 calc(50% - 2rem);
	}
}
@media (max-width:991px) {
	
}
@media (max-width:767px) {
	.borStepTitle {
		margin: 0 0 2rem 0;
		font-size: 1.5rem;
		line-height: 2rem;
	}
	.borStepBox ul {
		margin: -1rem;
	}
	.borStepBox ul li {
		margin: 1rem;
		padding: 1.6rem;
		border-radius: 0.6rem;
	}
	.borStepBox ul.gr3 li {
		flex: 0 0 calc(50% - 2rem);
	}
	
	.bsigrColImg {
		padding: 4.3rem 1rem;
		border-radius: 0.6rem;
	}
	.borStepItem .info span.num {
		margin: 0 0 0.4rem 0;
		font-size: 1.3rem;
		line-height: 1.8rem;
	}
	.borStepItem .info h3 {
		font-size: 1.4rem;
		line-height: 1.8rem;
	}
	img.minishIcon {
		height: 6.4rem;
	}
}
@media (max-width:500px) {
	.borStepBox ul {
		margin: 0rem;
		padding: 16px;
		border-radius: 6px;
		border: 1px solid rgba(0, 0, 0, 0.06);
		background: #FFF;
	}
	.borStepBox ul li:nth-child(1){
		margin: 0;
		padding: 0;
		border:none;
	}
	.borStepBox ul li {
		margin: 1.6rem 0 0 0;
		padding: 1.6rem 0 0 0;
		border-radius: 0rem;
		border:none;
		border-top:1px solid #eee;
	}
	.borStepBox ul.gr3 li {
		flex: 0 0 calc(100% - 0rem);
	}
	.borStepBox ul.gr4 li {
		flex: 0 0 calc(100% - 0rem);
	}
}



/*-------- # PC논 스와이퍼 모바일 스와이퍼 블락 컨텐츠 박스 --------*/
.swStepInner{
	position:relative;
}
.swStepInner.line{
	padding:3rem 0 0 0;
	margin:3rem 0 0 0;
	border-top:1px solid #eee;
}
.swStCont{
	position:relative;
}
.swStCont .swcontImg{
	/* height:15rem; */
	margin:1rem 0;
	position:relative;
	border-radius:1rem;
}
.swStCont dl{
	width:100%;
	position:relative;
	color: #C7AD6E;
	font-family: pretendard-700;
	font-size: 1.6rem;
	font-style: normal;
	font-weight: 700;
	line-height: 2rem;
}
.swStCont dl:after{
	content:'';
	position: absolute;
	right: 0;
	top:0;
    z-index: 2;
    display: inline-block;
    width: 2rem;
    height: 2rem;
    background-image: url(/public/new_img/therapy/step_arrow.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}
.swStCont dl.last:after{
    background-image: url(/public/new_img/therapy/step_finish.png);
}
.swStCont p{
	margin:0;
	text-align:left;
	color: #000;
	font-family: pretendard-600;
	font-size: 1.5rem;
	font-style: normal;
	font-weight: 600;
	line-height: 2rem;
}


.swiper.stepAuto .swiper-slide{
	width:auto;
}
.swiper.stepAuto01cont .swiper-slide .swStCont p{
	width:13.3rem;
}

.swiper.stepAuto01cont{
	display:none;
}
.swiper.stepAuto02cont{
	display:none;
}

.swStepLi{
	position:relative;
	width:100%;
}
.swStepLi ul{
	gap:2rem;
	display:flex;
}
.swStepLi ul li{
	width:auto;
}
.swStepLi.firItem ul li .swcontImg{
	height:auto;
}
.swStepLi.firItem ul li{
	/* width:13.3rem; */
	width:12.7%;
}
.swStepLi.firItem ul li:nth-child(3){
	/* width:24.9rem; */
	width:23.8%;
}

.swStepLi.secItem ul li .swcontImg{
	height:auto;
}
/* .swStepLi.secItem ul li:nth-child(1){ */
	/* width:24.8rem; */
/* } */
/* .swStepLi.secItem ul li:nth-child(2){ */
	/* width:12.4rem; */
/* } */
/* .swStepLi.secItem ul li:nth-child(3){ */
	/* width:24.8rem; */
/* } */
/* .swStepLi.secItem ul li:nth-child(4){ */
	/* width:13.6rem; */
/* } */
/* .swStepLi.secItem ul li:nth-child(5){ */
	/* width:48.4rem; */
/* } */

.swStepLi.secItem ul li:nth-child(1){
  width:20%;
}
.swStepLi.secItem ul li:nth-child(2){
  width:10%;
}
.swStepLi.secItem ul li:nth-child(3){
  width:20%;
}
.swStepLi.secItem ul li:nth-child(4){
  width:11%;
}
.swStepLi.secItem ul li:nth-child(5){
  width:39%;
}
@media (max-width:1200px) {
	.thcontBodyContent.sw1200overflow {
		overflow: hidden;
	}
	
	.swStepInner .swiper{
		overflow:unset;
	}
	.swStCont .swcontImg{
		height:auto;
	}
	
	.swStepLi{
		display:none;
	}
	.swiper.stepAuto01cont{
		display:block;
	}
	.swiper.stepAuto02cont{
		display:block;
	}
	.swiper.stepAuto .swiper-slide .swStCont .swcontImg{
		height:15rem;
	}
	
	
	.swiper.stepAuto02cont .swiper-slide .swStCont p {
		width: 12.4rem;
	}
}
@media (max-width:991px) {
	.thcontBodyWrap.sw1200overflow{
		overflow: hidden;
	}
	.thcontBodyContent.sw1200overflow {
		overflow: inherit;
	}
}
@media (max-width:767px) {
	.swStepInner.line {
		padding: 2rem 0 0 0;
		margin: 2rem 0 0 0;
	}
	
	.swStCont dl{
		font-size: 1.3rem;
		line-height: 1.8rem;
	}
	.swStCont dl:after{
		width: 1.8rem;
		height: 1.8rem;
	}
	.swStCont .swcontImg{
		margin:0.6rem 0;
		border-radius:0.6rem;
	}
	.swStCont p{
		font-size: 1.3rem;
		line-height: 1.6rem;
	}
	
	
	.swiper.stepAuto .swiper-slide .swStCont .swcontImg{
		height:15rem;
	}
}


/*-------- # 센터 플러스 4박스 컨텐츠 박스 --------*/
.cepucont{
	position:relative;
	overflow: hidden;
}
.cepucont:before{
	content:'';
	z-index:1;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
	width:35rem;
	height:35rem;
	background-image: url(/public/new_img/therapy/restoration/orthodontics/facial-orthodontics/centerpuls.webp);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}
.cepucont ul {
	position:relative;
	z-index:2;
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    margin: -6rem;
    list-style-type: none;
    justify-content: flex-start;
}
.cepucont ul li {
    display: flex;
	flex: 0 0 calc(50% - 12rem);
    margin: 6rem;
    box-sizing: border-box;
    flex-direction: column;
    align-items: flex-start;
	position:relative;
}
.cepucont ul li img{
	border-radius:1rem;
	position:relative;
	z-index:1;
}
.cepucont ul li span{
	z-index:2;
	position: absolute;
	left: 1rem;
	top: 1rem;
	display: flex;
	padding:0.8rem 1.6rem;
	justify-content: center;
	align-items: center;
	color: #FFF;
	font-family: pretendard-600;
	font-size: 1.8rem;
	font-style: normal;
	font-weight: 600;
	line-height: 2.6rem;
	border-radius:0.6rem;
	background: #A07F2E;
}
@media (max-width:1400px) {
	.cepucont ul {
		margin: -4rem;
	}
	.cepucont ul li {
		flex: 0 0 calc(50% - 8rem);
		margin: 4rem;
	}
	.cepucont:before {
		width: 26rem;
		height: 26rem;
	}
}
@media (max-width:991px) {
	.cepucont ul {
		margin: -3rem;
	}
	.cepucont ul li {
		flex: 0 0 calc(50% - 6rem);
		margin: 3rem;
	}
	.cepucont:before {
		width: 22rem;
		height: 22rem;
	}
	.cepucont ul li span {
		left: 1rem;
		top: 1rem;
		padding: 0.6rem 1.2rem;
		font-size: 1.6rem;
		line-height: 2.2rem;
		border-radius: 0.6rem;
	}
}
@media (max-width:767px) {
	.cepucont ul {
		margin: -2rem;
	}
	.cepucont ul li {
		flex: 0 0 calc(50% - 4rem);
		margin: 2rem;
	}
	.cepucont ul li img{
		border-radius:0.6rem;
	}
	.cepucont:before {
		width: 16rem;
		height: 16rem;
	}
	.cepucont ul li span {
		left: 0.8rem;
		top: 0.8rem;
		padding: 0.4rem 0.8rem;
		font-size: 1.4rem;
		line-height: 2rem;
		border-radius: 0.4rem;
	}
}
@media (max-width:500px) {
	.cepucont ul {
		gap:6.3rem;
		margin: 0rem;
	}
	.cepucont ul li {
		flex: 0 0 calc(100% - 0rem);
		margin: 0rem;
	}
	.cepucont:before {content:none;}
	
	.cepucont ul li:before {
		transform: translateX(-50%);
		left: 50%;
		bottom: -5.3rem;
		content: '';
		z-index: 1;
		position: absolute;
		width: 4.3rem;
		height: 4.3rem;
		background-image: url(
			/public/new_img/therapy/restoration/orthodontics/facial-orthodontics/centerpuls_mo.webp);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center center;
	}
}


/*-------- # 컬러 배경 배너 타입 1 --------*/
.colbgBantype{
	position:relative;
	width:100%;
	height:34rem;
	border-radius:1rem;
	overflow:hidden;
}

.colbgBantype.type01{
	background-image: url(
		/public/new_img/therapy/restoration/orthodontics/facial-orthodontics/colbantype_01_pc.webp);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}

.cbbtText {
    display: flex;
    height: 100%;
    padding: 6rem 7rem;
    position: relative;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
}
.cbbtText h3{
	text-align:left;
	color: #000;
	font-family: pretendard-600;
	font-size: 4rem;
	font-style: normal;
	font-weight: 600;
	line-height: 5.7rem;
}
.cbbtBtn a {
    text-decoration: none;
    display: flex;
    padding: 1.4rem 2.2rem;
    justify-content: center;
    align-items: center;
    gap: 1rem;
    border-radius: 0.6rem;
    border: 1px solid #000;
    color: #000;
    text-align: center;
    font-family: pretendard-400;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.6rem;
    text-transform: uppercase;
}
.cbbtBtn a span {
    width: 1.4rem;
    height: 1.6rem;
    display: inline-block;
    background-image: url(/public/new_img/common/common_btn_arrow.webp);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}
@media (max-width:1400px) {
	.colbgBantype {
		height: 30rem;
	}
	.cbbtText {
		padding: 4rem 5rem;
	}
	.cbbtText h3 {
		font-size: 3.4rem;
		line-height: 5rem;
	}
}
@media (max-width:991px) {
	.colbgBantype {
		height: 26rem;
	}
	.cbbtText {
		padding: 3rem 4rem;
	}
	.cbbtText h3 {
		font-size: 3rem;
		line-height: 4rem;
	}
}
@media (max-width:767px) {
	.colbgBantype {
		border-radius:0.6rem;
		height: 20rem;
	}
	.cbbtText {
		padding: 2rem 2rem;
	}
	.cbbtText h3 {
		font-size: 1.8rem;
		line-height: 2.4rem;
	}
	.cbbtBtn a {
		padding: 0.9rem 1.6rem;
		gap: 0.8rem;
		border-radius: 0.6rem;
		font-size: 1.3rem;
		line-height: 1.6rem;
	}
	.cbbtBtn a span {
		width: 1rem;
		height: 0.9rem;
	}
}
@media (max-width:500px) {
	.colbgBantype {
		height: 32rem;
	}
	.colbgBantype.type01{
		background-image: url(
			/public/new_img/therapy/restoration/orthodontics/facial-orthodontics/colbantype_01_mo.webp);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center center;
	}
	.cbbtText {
		gap: 1.6rem;
		justify-content: flex-start;
		padding: 2rem 2rem;
	}
}


/*-------- # 페이지 하단 공통 2박스 레이아웃 --------*/
.pbotComBox {
    margin: 3.8rem 0 0 0;
    position: relative;
    width: 100%;
    display: flex;
}
.pbotCom{
	position:relative;
	width:100%;
	padding:4rem;
}
.pbotCom.le{border-radius: 1rem 0 0 1rem;
background: #2F2C2C;}
.pbotCom.ri{border-radius: 0 1rem 1rem 0;
background: #A07F2E;}
.pbotText {
	gap:2.8rem;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
}
.pbotText h3{
	color: #FFF;
	font-family: pretendard-700;
	font-size: 2.2rem;
	font-style: normal;
	font-weight: 700;
	line-height: 3.2rem;
}
.pbotText .cbbtBtn a{
	color:#fff;
	border: 1px solid #fff;
}
.pbotText .cbbtBtn a span {
    background-image: url(/public/new_img/common/common_btn_arrow_white.webp);
}
img.pbotimg {
    bottom: 3rem;
    right: 3rem;
    position: absolute;
    border-radius: 6px;
    height: 20rem;
}
@media (max-width:1600px) {
	.pbotCom {
		padding: 3rem;
	}
	img.pbotimg {
		bottom: 3rem;
		right: 2rem;
		height: 18rem;
	}
}
@media (max-width:1300px) {
	img.pbotimg {
		bottom: 3rem;
		right: 3rem;
		height: 14rem;
	}
}
@media (max-width:1100px) {
	.pbotComBox {
		margin: 0rem 0 0 0;
		flex-direction: column;
	}
	.pbotCom.le {
		border-radius: 1rem 1rem 0 0;
	}
	.pbotCom.ri {
		border-radius: 0 0 1rem 1rem;
	}
}
@media (max-width:991px) {
	
}
@media (max-width:767px) {
	.pbotCom {
		padding: 2rem;
	}
	.pbotCom.le {
		border-radius: 0.6rem 0.6rem 0 0;
	}
	.pbotCom.ri {
		border-radius: 0 0 0.6rem 0.6rem;
	}
	.pbotText {
		gap: 1rem;
	}
	.pbotText h3 {
		font-size: 1.5rem;
		line-height: 2rem;
	}
	img.pbotimg {
		border-radius: 4px;
		bottom: 2rem;
		right: 2rem;
		height: 8.6rem;
	}
}


/*-------- # 블랙박스 이미지 플로팅 슬라이드 + 하단 4 컨텐츠 박스 --------*/
.blBotCont{
	position:relative;
	margin:2rem 0 0 0;
}
.blBotCont ul {
	position:relative;
	z-index:2;
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    margin: -1.2rem;
    list-style-type: none;
    justify-content: flex-start;
}
.blBotCont ul li {
    display: flex;
	flex: 0 0 calc(25% - 2.4rem);
    margin: 1.2rem;
    box-sizing: border-box;
    flex-direction: column;
    align-items: flex-start;
	position:relative;
}
.blBotCont ul li img{
	border-radius:1rem;
	position:relative;
	z-index:1;
}

.thBlackImgCenterBox.innerSwiperCont{
	position:relative;
	overflow:hidden;
}
.swCaseContInner{
	padding:4rem;
	position:absolute;
	left:0;
	top:0;
	width:100%;
	z-index:5;
}
.swCaseCont img{
	border-radius:0.6rem;
	position:relative;
}

@media (max-width:1600px) {
	.blBotCont ul {
		margin: -1rem;
	}
	.blBotCont ul li {
		flex: 0 0 calc(25% - 2rem);
		margin: 1rem;
	}
	
	
	.swCaseContInner{
		padding:3rem;
	}
}
@media (max-width:991px) {
	.swCaseContInner{
		padding:2rem;
	}
}
@media (max-width:767px) {
	.blBotCont {
		margin: 1rem 0 0 0;
	}
	.blBotCont ul {
		margin: -0.25rem;
	}
	.blBotCont ul li {
		flex: 0 0 calc(25% - 0.5rem);
		margin: 0.25rem;
	}
	.blBotCont ul li img{
		border-radius:0.6rem;
	}
	
	
	.swCaseContInner{
		padding:1rem;
	}
	.swCaseContInner .swiper{overflow:unset;}
}


/*-------- # 과거 앞니교정 아이템 요소 박스 --------*/
.pastAnteriorContent .halfContBox {
    overflow: hidden;
    border-radius: 1rem;
    align-items: inherit;
}

.pastAnteriorContent figure.frontOrthImg img{
	border-radius:1rem;
}

@media (max-width:767px) {
	.pastAnteriorContent .halfContBox {
		border-radius: 0.6rem;
	}

	.pastAnteriorContent figure.frontOrthImg img{
		border-radius: 0.6rem;
	}
}