/* ---- 공통 Subtop Start  ---- */

.subTop{position: relative;}
.subTop .subtop_wrap{max-height: 500px; height: 70vh; width: 100%; background-attachment: fixed; background-repeat: no-repeat; background-size: cover;}
.subTop .title{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}

.conservation.treatment .subTop .bg_img{background: url(/img/subTop/conservation.jpg)no-repeat center right 43% / cover !important;}
/* ---- 공통 Subtop End  ---- */



/* ==================--------------------- page::Sub_dental_Wrap ---------------------================== */

/* ---- 공통 title Section  ---- */
.txtTop_sec .top_txt > h1::after{
	content: ''; 
	display: block; 
	width: 1px; 
	height: 4rem; 
	background-color: #000; 
	margin: 2rem 0;
}

.txtTop_sec .arrow_txt {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.txtTop_sec .arrow_txt .arr {
    position: relative;
    overflow: hidden;
    padding-top: 1rem;
    padding-right: 1rem;
    margin-top: 1rem;
    transform-origin: right top;
}

.txtTop_sec .arrow_txt .arr div:nth-child(1) {
    width: 5rem;
    height: 5rem;
    border-left: 4px solid #000;
    border-bottom: 4px solid #000;
}

.txtTop_sec .arrow_txt .arr div:nth-child(2) {
    width: 8.125rem;
    height: 3px;
    background: #000;
    position: absolute;
    left: 0;
    bottom: 0;
    transform-origin: left center;
    transform: translateY(50%) rotate(-45deg);
    -webkit-transform: translateY(50%) rotate(-45deg);
    -moz-transform: translateY(50%) rotate(-45deg);
    -ms-transform: translateY(50%) rotate(-45deg);
    -o-transform: translateY(50%) rotate(-45deg);
}

@media (max-width: 576px){
	.txtTop_sec .arrow_txt{
		margin-top: 3.75rem;
	}
}

/* ---- section01  ---- */
.dental_sec01 .top_img{
	width: 100%;
}

.dental_sec01 .text_wrap{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.dental_sec01 .text_wrap h2{width: 48%;}

.dental_sec01 .text_wrap .txtbox{
	width: 48%;
	display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.dental_sec01 .text_wrap .txtbox .dream{
	display: flex;
	align-items: center;
}

@media (max-width: 991px){
	.dental_sec01 .text_wrap h2{
		width: 100%;
	}

	.dental_sec01 .text_wrap .txtbox{
		width: 100%;
		margin-top: 1.5rem;
	}
}

@media (max-width: 576px){
	.dental_sec01 .text_wrap h2{
		width: 100%;
	}

	.dental_sec01 .text_wrap .txtbox{
		align-items: flex-start;
	}

	.dental_sec01 .text_wrap .txtbox p{
		text-align: left;
	}
}


/* ---- section02  ---- */
.dental_sec02{
	background-color: var(--backcolor);
}

.dental_sec02 .txt_wrap{
	position: relative;
	padding-top: 6rem;
}

.dental_sec02 .txt_wrap > h2::before{
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 1px;
	height: 4rem;
	background-color: #000;
}

.dental_sec02 .table_wrap{
	display: flex;
	align-items: center;
    justify-content: space-between;
	margin: auto;
}

.dental_sec02 .table_wrap .box_left{
	width: 30%;
}

.dental_sec02 .table_wrap .box_center{
	width: 40%;
}

.dental_sec02 .table_wrap .box_right{
	width: 30%;
}

.dental_sec02 .table_wrap ul li{
	padding: 1rem .65rem;
	display: flex;
    align-items: center;
    justify-content: center;
}

.dental_sec02 .table_wrap ul li:first-child{
	height: 8vw;
	max-height: 100px;
}

.dental_sec02 .table_wrap .box_left li, .dental_sec02 .table_wrap .box_right li{
	max-height: 126px;
	height: 10vw;
	border-bottom: 1px solid #ddd;
}

.dental_sec02 .table_wrap .box_left li:first-child, .dental_sec02 .table_wrap .box_right li:first-child{
	border-top: 1px solid #ddd;
}

.dental_sec02 .table_wrap .box_center li{
	max-height: 150px;
	height: 12vw;
	border-bottom: 1px solid #fff;
}


@media (max-width: 768px){
	.dental_sec02 .table_wrap .box_left li, .dental_sec02 .table_wrap .box_right li{
		max-height: 150px;
		height: 15vw;
	}

	.dental_sec02 .table_wrap .box_center li{
		max-height: 200px;
		height: 20vw;
	}

	.dental_sec02 .table_wrap ul li:first-child{
		height: 10vw;
		max-height: 120px;
	}
}

@media (max-width: 576px){
	.table_wrap_m th, .table_wrap_m td{
		padding: 1rem;
	}
	.table_wrap_m thead tr th:nth-child(odd){
		border-top: 1px solid #ddd;
		border-bottom: 1px solid #ddd;
	}

	.table_wrap_m .g_line{
		border-bottom: 0.2px solid #ddd;
	}
}


/* ---- section03  ---- */
@media (max-width: 990px){
	.dental_sec03 .list_wrap .list:nth-child(even){
		flex-direction: column-reverse;
	}

	.dental_sec03 .list_wrap .list .imgbox{
		margin-top: 3rem;
	}
}




/* ==================--------------------- page::Sub_doctors_Wrap ---------------------================== */
/* 공통 */
.sub.doctors .part{
	z-index: -1;
}
.sub.doctors .part .flexList .doc_img > img{
	z-index: 9;
	position: relative;
}

/* ---- section01  ---- */
@media (max-width: 1240px){
	.doc_sec01 .imgbox{
		min-height: 260px;
		height: 30vw;
		width: 100%;
		max-height: 400px;
	}

	.doc_sec01 .imgbox img{
		height: 100%;
	}
}

/* ---- section02  ---- */
.doc_sec02::after{
	content: '';
	display: block;
	width: 1px;
	height: 100%;
	background-color: #999;
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
}

.doc_sec02 .part::after{
	content: '';
	display: block;
	width: 100%;
	height: 1px;
	background-color: #999;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 9;
}

.doc_sec02 .part .left_img{
	position: absolute;
	top: -3rem;
	left: -2rem;
	z-index: -2;
	width: 20%;
    opacity: 0.6;
}

.doc_sec02 .part .right_img{
	position: absolute;
	top: -3rem;
	right: -2rem;
	z-index: -1;	
	width: 20%;
}

.doc_sec02 .part .flexList .doc_img{
	position: relative;
}

.doc_sec02 .part.doctor01 .flexList .doc_img > img{
	height: 100%;
}

@media (max-width: 1280px){
	.doc_sec02 .part .flexList .doc_img > img{
		height: auto;
		position: absolute;
		width: 90%;
		bottom: 0;
		left: 50%;
		transform: translateX(-50%);
	}
	.doc_sec02 .part.doctor01 .flexList .doc_img > img{
		height: auto;
	}

}

@media (max-width: 991px){
	.doc_sec02::after{
		display: none;
	}		

	.doc_sec02 .part .container{
		width: 100%;
	}

	.doc_sec02 .part .flexList{
		--count:1;
	}

	.doc_sec02 .part.doctor02 .flexList{
		flex-direction: column-reverse;
	}

	.doc_sec02 .part .flexList .txt_box{
		padding-top: 5rem;
		width: 90%;
		margin: auto;
		padding-left: 0;
	}
	
	.doc_sec02 .part.doctor01 .flexList .txt_box{
		padding-top: 5rem;
	}

	.doc_sec02 .part.doctor01 .flexList .inner_txt{
		display: flex;
		flex-wrap: wrap;
	}

	.doc_sec02 .part.doctor01 .flexList .inner_txt .name{
		width: 100%;
	}

	.doc_sec02 .part.doctor01 .flexList .inner_txt > p{
		width: 50%;
		line-height: 2.2
	}

	.doc_sec02 .part.doctor01 .flexList .inner_txt > p:last-child{
		padding-left: 5%;
	}

	.doc_sec02 .part .flexList .doc_img{
		padding: 0 5%;
	}

	.doc_sec02 .part .flexList .doc_img > img{
		position: relative;
		width: auto;
		left: 0;
		transform: revert;
	}

	.doc_sec02 .part .flexList .doc_img::after{
		content: '';
		display: block;
		width: 100%;
		height: 1px;
		background-color: #999;
		position: absolute;
		bottom: 0;
		left: 0;
		z-index: 9;
	}

	.doc_sec02 .part .right_img, .doc_sec02 .part .left_img{
		width: 80%;
	}
}


@media (max-width: 576px){
	.doc_sec02 .part.doctor01 .flexList .inner_txt{
		display: block;
	}

	.doc_sec02 .part.doctor01 .flexList .inner_txt > p{
		width: 100%;
	}

	.doc_sec02 .part.doctor01 .flexList .inner_txt > p:last-child{
		padding-left: 0;
	}
}


/* ---- section03  ---- */
.doc_sec03 .doctors{
	position: relative;
	padding: 0 5%;
}
.doc_sec03 .doctors:before{
	content: '';
	display: block;
	width: 100%;
	height: 15em;
	background-color: var(--base2color);
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: -1;
}



/* ==================--------------------- page::Sub_info_Wrap ---------------------================== */

/* ---- section01 ---- */
.txtTop_sec .icon_list .icon{
	display: flex;
    align-items: center;
	margin-bottom: 2rem;
}

.txtTop_sec .icon_list .icon > span{
	width: 3rem;
    height: 3rem;
    border-radius: 50%;
    background: var(--pointcolor);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 1rem;
}

.txtTop_sec .icon_list .icon > span img{
	max-width: 60%;
    width: auto;
    display: block;
}


/* ---- section02 ---- */
.info_sec01 .map_wrap{
	width: 100%;
	max-height: 580px;
    height: 40vw;
    min-height: 360px;
}

.info_sec01 .time_wrap .inner_box{
	padding: 3rem 2rem;
}

.info_sec01 .time_wrap .inner_box .box span{
	width: 6em;
	background-color: #fff;
	border-radius: 2em;
	margin-right: 1.5rem;
	display: flex;
    align-items: center;
    justify-content: center;
}

.info_sec01 .time_wrap .fixbox{
	align-items: center;
	margin-bottom: 2rem;
	justify-content: center;
}

.info_sec01 .time_wrap .fixbox > span{
	width: 3rem;
    height: 3rem;
    border-radius: 50%;
    background: var(--pointcolor);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 1rem;
}

.info_sec01 .time_wrap .telbox{
	align-items: center;
    justify-content: center;
}

.info_sec01 .time_wrap .telbox > a{
	margin-left: 1.65rem;
	position: relative;
	display: initial;
    box-shadow: inset 0 -1rem 0 rgba(51, 102, 250, .5);
    mix-blend-mode: multiply;
	line-height: 0.8;
}


@media (max-width: 1024px){
	.info_sec01 .time_wrap .inner_box{
		--count:1;
	}

	.info_sec01 .time_wrap .inner_box .box{
		justify-content: center;
	}

	.info_sec01 .time_wrap .fixbox > span img{
		max-width: 60%;
		width: auto;
		display: block;
	}

	.info_sec01 .time_wrap .telbox img{
		max-width: 70%;
		width: auto;
		display: block;
	}
}

@media (max-width: 576px){
	.info_sec01 .time_wrap .fixbox{
		flex-direction: column;
	}

	.info_sec01 .time_wrap .fixbox > span{
		margin-right: 0;
		margin-bottom: 1rem;
	}
}




/* ==================--------------------- page::Sub_pain_Wrap ---------------------================== */

/* ---- 공통 Top Section  ---- */
.gr_sec > img{
	position: absolute;
	top: 0;
	right: 0;
	height: 100%;
	display: block;
	z-index: -1;
}

.gr_sec .iconbox{
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 12rem;
	padding: 1.5rem 1rem;
	border-radius: .8em;
}

@media (max-width: 576px){
	.gr_sec .iconbox img{
		width: 70%;
		margin: auto;
	}
}


.title_sec .txt_wrap h2{
	position: relative;
	padding-top: 8rem;
}

.title_sec .txt_wrap h2::before{
	content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 1px;
    height: 5rem;
    background-color: #000;
}

.title_sec .img_list.flexList{
	 --x-gap: .25rem;
	 margin-left: auto;
	 margin-right: auto;
}

.title_sec .img_list.flexList .box:last-child > img{
	 margin-left: auto;
}

@media (max-width: 1280px){
	.title_sec .img_list.flexList{
		--x-gap: 1.5rem;
	}
}

@media (max-width: 768px){
	.title_sec .img_list.flexList{
		--count:2;
	}

	.title_sec .img_list.flexList .box.visible-xs{
		width: 100%;
	}

	.title_sec .img_list.flexList .box.pt-80{
		padding-top: 0;
	}

	.title_sec .img_list.flexList .box.visible-xs img{
		margin: auto;
		width: 60%;
	}
}

/* 영상 */
.gr_sec .videobox{overflow: hidden; position: relative; width: 100%; aspect-ratio: 16/9; transition: transform .6s cubic-bezier(.32,.94,.6,1);}
.gr_sec .videobox .video{opacity: 1; transform: scale(1); width: 100%; height: 100%; transition: all 2s cubic-bezier(.32,.94,.6,1);}
.gr_sec .videobox .video{overflow: hidden; height: 100%; backface-visibility: hidden; transition: transform .3s;}
.gr_sec .videobox .video > div{width: 100%; height: 100%; display: flex; align-items: center; position: absolute; left: 0; top: 0;}


.gr_sec iframe{transition: opacity 500ms ease-in-out; transition-delay: 250ms; width: 100%!important; height: auto!important; aspect-ratio: 16/9;}

.ytp-pause-overlay-container, .ytp-pause-overlay { display: none !important; }
.ytp-pause-overlay-controls-hidden .ytp-pause-overlay { display: none !important; }


/* ==================--------------------- page::Sub_implant_Wrap ---------------------================== */

/* ---- section01 ---- */
.pain_sec01{
	background-color: var(--backcolor);
}

.pain_sec01 .list_wrap .innerbox{
    align-items: center;
}

.pain_sec01 .list_wrap .innerbox .imgs{
	width: 50%;
}

.pain_sec01 .list_wrap .innerbox .text{
	width: 50%;
}

@media (max-width: 1540px){
	.pain_sec01 .list_wrap .innerbox:nth-child(odd) .imgs{
		padding-right: 10%;
	}

	.pain_sec01 .list_wrap .innerbox:nth-child(even) .imgs{
		padding-left: 10%;
	}
}

@media (max-width: 990px){
	.pain_sec01 .list_wrap .innerbox{
		flex-direction: column;
	}

	.pain_sec01 .list_wrap .innerbox .imgs{
		width: 100%;
	}

	.pain_sec01 .list_wrap .innerbox .text{
		width: 100%;
	}

	.pain_sec01 .list_wrap .innerbox:nth-child(odd) .text{
		margin-top: 4rem;
	}

	.pain_sec01 .list_wrap .innerbox:nth-child(even) .text{
		margin-bottom: 4rem;
	}
}

@media (max-width: 380px){
	.br_none{
		display: none;
	}
}


/* ---- section02 ---- */
.pain_sec02 .tit{
	align-items: center;
}

.pain_sec02 .tit h2, .pain_sec02 .tit p{
	width: 50%;
}

.pain_sec02 .inner .box .topimg{
	position: relative;
}

.pain_sec02 .inner .box .topimg img{
	width: 100%;
}

.pain_sec02 .inner .box .topimg span{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.pain_sec02 .inner .box > p{
	padding: 2rem 1.5rem;
}

@media (max-width: 990px){
	.pain_sec02 .inner.flexList{
		--count:2;
		justify-content: center;
	}
}

@media (max-width: 576px){
	.pain_sec02 .tit{
		flex-direction: column;
	}

	.pain_sec02 .tit h2{
		margin-bottom: 1.25rem;
	}

	.pain_sec02 .tit h2, .pain_sec02 .tit p{
		width: 100%;
	}

	.pain_sec02 .inner.flexList{
		--count:1;
		justify-content: center;
	}

	.pain_sec02 .inner .box .topimg{
		height: 60vw;
		overflow: hidden;
		max-height: 360px;
		min-width: 300px;
	}
}


/* ---- section03 ---- */
.pain_sec03 .banner_img{
	max-height: 520px;
    height: 70vh;
    width: 100%;
	background: url(/img/sub/pain_banner.jpg) no-repeat center center / cover;
}


/* ---- 공통 section01 ---- */
.R_img_sec{
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	padding-left : calc((100% - 1760px) / 2);width:100%;
}

.R_img_sec .innerWrap.flexList{
	align-items: center;
}

.R_img_sec .innerWrap .txtbox{
	width: 40%;
}

.R_img_sec .innerWrap .imgbox{
	width: 60%;
}

.R_img_sec .innerWrap .imgbox img{
	width: 100%;
}

@media (max-width: 1800px){
	.R_img_sec{
		padding-left : 5%;
	}
}

@media (max-width: 1600px){
	.R_img_sec .innerWrap .txtbox{
		width: 47%;
		padding-right : 5%;
	}

	.R_img_sec .innerWrap .imgbox{
		width: 53%;
	}
}

@media (max-width: 990px){
	.R_img_sec{
		padding-left: 0;
	}

	.R_img_sec .innerWrap.flexList{
		flex-direction: column;
	}

	.R_img_sec .innerWrap .txtbox{
		padding-left: 5%;
		width: 100%;
		padding-top: 80px;
		padding-bottom: 80px;
	}

	.R_img_sec .innerWrap .imgbox{
		width: 100%;
	}

	.R_img_sec .innerWrap .txtbox .hidden-lg{
		display: block !important;
	}
}


/* ---- 공통 section02 ---- */
.banner_sec .banner_img{
	max-height: 480px;
    height: 70vh;
    width: 100%;
	background: url(/img/sub/im_banner.jpg) no-repeat center center / cover;
}


/* ---- 공통 section03 ---- */
.L_img_sec{
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	padding-right : calc((100% - 1760px) / 2);width:100%;
}

.L_img_sec .innerWrap.flexList{
	align-items: center;
}

.L_img_sec .innerWrap .txtbox{
	width: 40%;
}

.L_img_sec .innerWrap .imgbox{
	width: 60%;
}

.L_img_sec .innerWrap .imgbox img{
	width: 100%;
}

@media (max-width: 1800px){
	.L_img_sec{
		padding-right : 5%;
	}
}

@media (max-width: 1600px){
	.L_img_sec .innerWrap .txtbox{
		width: 47%;
		padding-left: 5%;
	}

	.L_img_sec .innerWrap .imgbox{
		width: 53%;
	}
}

@media (max-width: 990px){
	.L_img_sec{
		padding-right: 0;
	}

	.L_img_sec .innerWrap.flexList{
		flex-direction: column;
	}

	.L_img_sec .innerWrap .txtbox{
		padding-right: 5%;
		width: 100%;
		padding-top: 80px;
		padding-bottom: 80px;
	}

	.L_img_sec .innerWrap .imgbox{
		width: 100%;
	}

	.L_img_sec .innerWrap .txtbox .hidden-lg{
		display: block !important;
	}
}



/* ---- before_after section ---- */
.beaf_sec{
	background-color: #0c0c0c;
}

.beaf_sec .beaf_inner{
	padding: 2.5rem 0;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	justify-content: space-between;
}

.beaf_sec .beaf_inner .beafbox{
	width: 48%;
}

@media (max-width: 768px){
	.beaf_sec .beaf_inner .beafbox{
		width: 100%;
	}
}



/* ==================--------------------- page::Sub_braces_Wrap ---------------------================== */

/* ---- dot_sec ---- */
.dot_sec{
	border-bottom: 1px solid #000;
	border-top: 1px solid #000;
}

.dot_sec .topBox.flexList{
	--x-gap: 3rem;
	--y-gap: 2rem;
}

.dot_sec .topBox .box{
	border: 1px solid #000;
	max-height: 120px;
	height: 7.5rem;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0 1.5rem;
}

.dot_sec .topBox > i{
	margin: auto;
}

.dot_sec .titBox{
	position: relative;
}

.dot_sec .titBox::before{
	content: "....................";
	letter-spacing: 13px;
	font-size: 2.250rem;
	color: #000;
	display: inline-block;
	vertical-align: 3px;
	position: absolute;
    bottom: 20px;
    left: 0;
	width: 25%;
	overflow: hidden;
}

.dot_sec .titBox::after{
	content: "....................";
	letter-spacing: 13px;
	font-size: 2.250rem;
	color: #000;
	display: inline-block;
	vertical-align: 3px;
	position: absolute;
    bottom: 20px;
    right: 0;
	width: 25%;
	overflow: hidden;
}

.dot_sec .boxList.flexList{
	 --x-gap: 2rem;
}

.dot_sec .boxList .box{
	background-color: #fff;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
	max-height: 160px;
	height: 10rem;
	border-radius: 1.25em;
	border: 1px solid #000;
	padding: 1.25rem;
}

.dot_sec .boxList .box p{
	margin-top: .65rem;
}

@media (max-width: 990px){
	.dot_sec .topBox > i > img{
		width: 70%;
	}

	.dot_sec .titBox::before, .dot_sec .titBox::after{
		width: 18%;
	}
}

@media (max-width: 768px){
	.dot_sec .boxList.flexList{
		justify-content: center;
	}
}

@media (max-width: 500px){
	.dot_sec .titBox::before, .dot_sec .titBox::after{
		display: none;
	}
}

@media (max-width: 400px){
	.dot_sec .topBox.flexList{
		--count:2;
		justify-content: center;
	}

	.dot_sec .topBox > i{
		width: 100%;
	}

	.dot_sec .topBox > i > img{
		width: 10%;
		margin: auto;
	}

	.dot_sec .boxList.flexList{
		--count:2;
	}
}


/* ---- tbox_sec ---- */
.tbox_sec .table_img{
	background: url(/img/sub/th_bg.jpg)no-repeat center / cover;
	width: 100%;
	padding: 6.5rem 0;
}
.tbox_sec .table_img .container{
	display: flex;
	justify-content: space-between;
}

.tbox_sec .table_img .leftbox{
	width: 48%;
}

.tbox_sec .table_img .linebox{
	width: 48%;
	--y-gap: 0;
	border: 1px solid #000;
	position: relative;
}

.tbox_sec .table_img .linebox::before{
	content: '';
	display: block;
	width: 100%;
	height: 1px;
	background-color: #000;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
}

.tbox_sec .table_img .linebox::after{
	content: '';
	display: block;
	width: 1px;
	height: 100%;
	background-color: #000;
	position: absolute;
	left: 50%;
	top: 0;
	transform: translateX(-50%);
}

.tbox_sec .table_img .linebox .box{
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 1.25rem;
}

@media (max-width: 768px){
	.tbox_sec .table_img .container{
		flex-wrap: wrap;
	}

	.tbox_sec .table_img .leftbox{
		width: 100%;
	}

	.tbox_sec .table_img .linebox{
		width: 100%;
		margin-top: 10%;
	}

	.tbox_sec .table_img .linebox .box{
		max-height: 160px;
		height: 10rem;
	}
}


/* ---- block_sec ---- */
.block_sec .titflex{
	justify-content: space-between;
    align-items: center;
}

@media (max-width: 990px){
	.block_sec .titflex{
		flex-direction: column;
		justify-content: center;
		text-align: center;
	}

	.block_sec .titflex > p{
		text-align: center;
		margin-top: 3rem;
	}

	.block_sec .imginner{
		justify-content: center;
	}
}


@media (max-width: 500px){
	.block_sec .imginner{
		--count:1
	}
}



/* ---- Box3_sec ---- */
.Box3_sec .inner_wrap.flexList .box2{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding: 2rem;
}

.Box3_sec .inner_wrap.flexList .box img{
	height: 100%;
}

@media (max-width: 1024px){
	.Box3_sec .inner_wrap.flexList{
		--count: 1;
	}

	.Box3_sec .inner_wrap.flexList .box img{
		height: auto;
	}

	.Box3_sec .inner_wrap.flexList .box2{
		padding: 4rem 2rem;
	}
}



/* ==================--------------------- page::Sub_prosthesis_Wrap ---------------------================== */
.prosthesis .dot_sec{
	background-color: #f1fcfd;
}

.prosthesis .dot_sec .topBox .box{
	background-color: #e8f8ff;
}

.prosthesis .dot_sec .titBox::before, .prosthesis .dot_sec .titBox::after{
	width: 18%;
}

.prosthesis .dot_sec .imgList.flexList{
	 --x-gap: 2rem;
}

.prosthesis .dot_sec .imgList .box{
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
}

@media (max-width: 1600px){
	.prosthesis .dot_sec .titBox::before, .prosthesis .dot_sec .titBox::after{
		width: 10%;
	}
}

@media (max-width: 1024px){
	.prosthesis .dot_sec .titBox::before, .prosthesis .dot_sec .titBox::after{
		width: 8%;
	}
}

@media (max-width: 990px){
	.prosthesis .dot_sec .titBox::before, .prosthesis .dot_sec .titBox::after{
		display: none;
	}

	.prosthesis .dot_sec .imgList{
		justify-content: center;
	}

	.prosthesis .dot_sec .imgList .box:nth-child(2){
		flex-direction: column-reverse;
	}

	.prosthesis .dot_sec .imgList .box:nth-child(2) > p{
		margin-top: 1.5625rem;
		margin-bottom: 0;
	}
}

@media (max-width: 500px){
	.prosthesis .dot_sec .imgList{
		--count: 1;
	}
}



/* ---- zig_sec ---- */
@media (max-width: 1440px){
	.zig_sec .left_flex .txtbox{
		padding-left: 2rem;
	}

	.zig_sec .right_flex .txtbox{
		padding-right: 2rem;
	}
}

@media (max-width: 990px){
	.zig_sec .right_flex{
		flex-direction: column-reverse;
	}
}

@media (max-width: 500px){
	.zig_sec .left_flex .txtbox{
		padding-left: 0;
	}

	.zig_sec .right_flex .txtbox{
		padding-right: 0;
	}
}


/* ---- 심미보철 banner_sec ---- */
.prosthesis .banner_sec .banner_img{
	background: url(/img/sub/pro_banner.jpg) no-repeat center center / cover;
}


/* ---- table_sec ---- */
.table_sec h2{
	padding-top: 7rem;
}

.table_sec h2::before{
	content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 1px;
    height: 5rem;
    background-color: #000;
}

.table_sec .table_wrap table{
	vertical-align: top;
    border-top: 2px solid #000;
	border-top-width: 3px;
	border-collapse: collapse;
}

.table_sec .table_wrap table tr{
	border-bottom: 1px solid #ccc;
	border-bottom-width: 1px;
	vertical-align: bottom;
}

.table_sec .table_wrap table th{
	padding: 1.5rem;
	text-align: center;
}

.table_sec .table_wrap table td{
	padding: 1.5rem;
	text-align: center;
}

.table_sec .table_wrap table .gray{
	background-color: #f8f6f4;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
}


/* ---- 심미보철 beaf_sec ---- */
.prosthesis .beaf_sec .beaf_inner02{
	border-top: none;
}



/* ==================--------------------- page::Sub_treatment_Wrap ---------------------================== */


/* ---- 보존치료 banner_sec ---- */
.treatment .banner_sec .banner_img{
	background: url(/img/sub/tt_banner.jpg) no-repeat center center / cover;
}


/* ---- 보존치료 dot_sec ---- */
.treatment .dot_sec{
	background-color: var(--backcolor);
}

.treatment .dot_sec .titBox::before, .dot_sec .titBox::after{
	content: '..........................';
	width: 30%;
	letter-spacing: 10px;
	font-size: 1.875rem;
	bottom: 25px;
}

.treatment .dot_sec .md-tit{
	margin-left: auto;
	margin-right: auto;
	display: flex;
	justify-content: center;
}

.treatment .dot_sec .md-tit h4{
	position: relative;
    display: initial;
    box-shadow: inset 0 -1rem 0 rgba(51, 102, 250, .5);
    mix-blend-mode: multiply;
}

.treatment .dot_sec .boxList.flexList{
	justify-content: space-between;
    --x-gap: 6rem;
}

.treatment .dot_sec .boxList .box{
	border: none;
	background-color: transparent;
	max-height: none;
	height: auto;
	border-radius: 0;
	padding: 0;
}

.treatment .dot_sec .boxList .box .icon{
	border: none;
	border-radius: 50%;
	width: 14rem;
	height: 14rem;
	max-height: 220px;
	background-color: #fff;
	display: flex;
    align-items: center;
    justify-content: center;
}

@media (max-width: 1550px){
	.treatment .dot_sec .titBox::before, .dot_sec .titBox::after{
		width: 28%;
	}

}

@media (max-width: 1280px){
	.treatment .dot_sec .titBox::before, .dot_sec .titBox::after{
		content: '...............';
		width: 25%;
	}

}

@media (max-width: 990px){
	.treatment .dot_sec .boxList .box .icon img{
		width: 40%;
	}
}

@media (max-width: 768px){
	.treatment .dot_sec .titBox::before, .dot_sec .titBox::after{
		content: '................';
		width: 18%;
	}

	.treatment .dot_sec .boxList.flexList{
		justify-content: center;
	}
}

@media (max-width: 576px){
	.treatment .dot_sec .titBox::before, .dot_sec .titBox::after{
		display: none;
	}
}

/* ---- 보존치료 block_sec ---- */
@media (max-width: 990px){
	.treatment .block_sec .titflex{
		align-items: flex-start;
		text-align: left;
	}
	.treatment .block_sec .titflex > p{
		text-align: left;
	}
}


/* ---- bg_txt_sec ---- */
.bg_txt_sec{
	overflow: hidden;
}

.bg_txt_sec h2{
	position: relative;
	z-index: 1;
}

.bg_txt_sec .boxList{
	--x-gap: 2.5rem;
}

.bg_txt_sec .boxList .box{
	background-color: #fff;
	padding: 2.5rem 1.5rem;
	display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
} 

.bg_txt_sec > img{
	position: absolute;
	top: -10%;
	left: 0;
	z-index: 0;
}


/* ---- ask_sec ---- */
.ask_sec{
	background-color: #fafafa;
	overflow: hidden;
}

.ask_sec > img{
	position: absolute;
	bottom: -5%;
	right: 0;
}

.ask_sec .inner_list{
	margin-left: auto;
	margin-right: auto;
	padding: 4rem 2.5rem;
	position: relative;
	z-index: 2;
}

.ask_sec .inner_list .ask{
	display: flex;
    align-items: flex-start;
	position: relative;
	padding-bottom: 2rem;
	padding-top: 2rem;
}

.ask_sec .inner_list .ask::after{
	display: block;
	content: '';
	width: 100%;
	height: 1px;
	background-color: #ccc;
	position: absolute;
	bottom: 0;
	left: 0;
	margin: auto;
}

.ask_sec .inner_list .ask:first-child{
	padding-top: 0;
}

.ask_sec .inner_list .ask:last-child{
	padding-bottom: 0;
}

.ask_sec .inner_list .ask:last-child::after{
	display: none;
}

.ask_sec .inner_list .ask .ck{
	margin-top: 5px;
	width: 2rem;
	height: 2rem;
}

.ask_sec .inner_list .ask .ck > img{
	width: 100%;
}

.ask_sec .inner_list .ask .txt{
	width: 90%;
}

.ask_sec .inner_list .ask p{
	margin-bottom: .65rem;
}


/* ---- icon_sec ---- */
.icon_sec .left_img > img{
	margin: auto;
	padding-right: 4rem;
}

.icon_sec .right_txt .iconList{
	--y-gap: 2.5rem;
}

.icon_sec .right_txt .iconList .iconbox{
	display: flex;
	align-items: center;
}

.icon_sec .right_txt .iconList .iconbox .icon{
	width: 7.5rem;
	max-width: 120px;
	height: 7.5rem;
	max-height: 120px;
	display: flex;
	align-items: center;
	justify-content: center;
}

@media (max-width: 1024px){
	.icon_sec .right_txt .iconList .iconbox .icon img{
		width: 50%;
	}
}

@media (max-width: 990px){
	.icon_sec .container.flexList{
		--y-gap: 5rem;
	}

	.icon_sec .left_img > img{
		padding-right: 0;
	}

	.icon_sec .right_txt .iconList .iconbox .icon img{
		width: 50%;
	}
}


/* ---- 보존치료 banner_sec ---- */
.treatment .banner_sec .banner_img.imgs{
	background: url(/img/sub/tt_banner2.jpg)no-repeat center center / cover;
}


/* Q&A */
.qa_sec .container{justify-content: space-between;}
.qa_sec .title{width: 35%;}
.qa_sec .qa_wrap{max-width: 1200px; width: 100%; margin: auto;}
.qa_sec .qa_wrap li{background-color: var(--basecolor); margin-bottom: 1.5rem;}

.qa_sec .qa_wrap .question{padding: 1em 1.5em;}
.qa_sec .qa_wrap .question .q_title{justify-content: space-between; align-items: center; cursor: pointer; position: relative;}
.qa_sec .qa_wrap .question .q_title .tit h4{margin-left: .5em; line-height: 1.6}
.qa_sec .qa_wrap .answer{display: none; background-color: #f9f8f6; padding: 2em 1.5em; overflow: hidden; border-top: 1px solid #ddd;}
.qa_sec .qa_wrap .answer .as_inner{display: flex; align-items: baseline;}

.qa_sec .btn_down{display: block;width: 20px; height: 20px; margin: auto; right: 1rem; position: absolute; z-index: 99999; cursor: pointer;-webkit-transition: top 300ms;transition: top 300ms;}
.qa_sec .btn_down span{opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";right: 0;display: block;width: 100%; height: 1px; background-color: #000;
position: absolute;-webkit-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: .4s ease-in-out;transition: .4s ease-in-out;}
.qa_sec .btn_down span:nth-child(1) {top: 9px;-webkit-transform: rotate(135deg);transform: none;}
.qa_sec .btn_down span:nth-child(2) {top: 9px;-webkit-transform: rotate(-135deg);transform: rotate(90deg);}
.qa_sec .btn_down .btn_line01 {top: 0;}
.qa_sec .btn_down .btn_line02 {top: 7px;}}

@media (max-width: 990px){
	.qa_sec .container{flex-wrap: wrap;}
	.qa_sec .title{width: 100%;}
	.qa_sec .qa_wrap{max-width: 900px; width: 100%;}
	.qa_sec .qa_wrap .question .q_title{align-items: flex-start;}
	.qa_sec .qa_wrap .question .q_title .tit{margin-right: 1em;}
	.qa_sec .qa_wrap .question .q_title img{width: 60%;}
}

@media (max-width: 576px){
	.qa_sec .btn_down{width: 10px; height: 10px; top: 50%; transform: translateY(-90%);}
	.qa_sec .qa_wrap .question .q_title .tit{width: 90%;}
}


/* ---- banner_sec02 ---- */
.banner_sec02 .flexList{
	--y-gap: 4rem;
}

.banner_sec02 .txtbox{
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.banner_sec02 .imgbox img{
	margin-left: auto;
}

@media (max-width: 990px){
	.banner_sec02 .flexList{
		    flex-direction: column-reverse;
	}
}




/* ==================--------------------- page::Sub_wisdom_Wrap::사랑니발치 ---------------------================== */
/* ---- banner_sec ---- */
.banner_sec .titbox h2.line{
	position: relative;
	padding-top: 8rem;
}

.banner_sec .titbox > h2.line::before{
	content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 1px;
    height: 5rem;
    background-color: #000;
}

.wisdom .banner_sec .banner_img{
	background: url(/img/sub/wd_banner.jpg)no-repeat center center / cover;
}

/* ---- bg_txt_sec ---- */
.wisdom .bg_txt_sec > img{
	top: -5%;
}

.wisdom .bg_txt_sec .boxList .box{
	padding: 0 1.5rem 2.5rem 1.5rem;
}


/* ---- slideim_sec ---- */
.slideim_sec .swiper .swiper-slide .swiper-inner{
	width: 100%;
	margin: auto;
}
.slideim_sec .swiper .swiper-slide .swiper-inner img{
	width: 100%;
}

.slideim_sec .swiper .swiper-slide .txtbox{
	display: none;
	transition: all 0.5s ease;
	-webkit-transition: all 0.3s ease;
}

/* active */
.slideim_sec .swiper .swiper-slide.swiper-slide-active .txtbox{
	display: block;	
	background-color: var(--backcolor);
	padding: .65rem 1rem;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	text-align: center;
	transition: all 0.5s ease;
	-webkit-transition: all 0.3s ease;
}


/* ---- talk_sec ---- */
.talk_sec > img{
	position: absolute;
	right: 0;
	bottom: -3%;
}

.talk_sec .inner_list{
	display: flex;
    flex-direction: column;
}

.talk_sec .inner_list .box{
	position: relative;
	border-radius: 4em;
	border: 1px solid #999;
	max-width: 760px;
	width: 100%;
	padding: 1rem 1.5rem;
	text-align: center;
	margin-bottom: 5rem;
}

.talk_sec .inner_list .r_box{
	margin-left: auto;
}

.talk_sec .inner_list .l_box{
	margin-right: auto;
}

.talk_sec .inner_list .box > i{
	position: absolute;
	top: -20px;
}

.talk_sec .inner_list .r_box > i{
	right: 1.5rem;
}

.talk_sec .inner_list .l_box > i{
	left: 1.5rem;
}

@media (max-width: 990px){	
	.talk_sec > img{
		width: 60%;
	}
}

@media (max-width: 768px){
	.talk_sec .inner_list .box > i{
		top: -15px;
	}

	.talk_sec .inner_list .box > i img{
		width: 70%;
	}
}


/* ---- ask_sec ---- */
.wisdom .ask_sec > img{
	right: auto;
	left: 0;
	bottom: -10px;
}

.wisdom .ask_sec .inner_list{
	background-color: rgba(255, 255, 255, 0.8);
}

@media (max-width: 768px){
	.wisdom .ask_sec > img{
		width: 70%;
	}
}



/*---- week_sec ---- */
.week_sec .tit_wrap{
	width: 60%;
}

.week_sec .tit_wrap h2{
	position: relative;
}

.week_sec .tit_wrap h2::after{
	content: '';
	display: block;
	width: 1px;
	height: 4rem;
	background-color: #000;
	margin: 2rem 0;
}

.week_sec .ct_box{
	width: 40%;
}

.week_sec .acco_box{width:100%;position:relative;z-index:5;display: flex;justify-content: space-between; flex-direction: column;}
.week_sec .acco_box .list{width:100%;max-height:180px; height: 10rem; position:relative;-webkit-transition: all 0.3s ease;transition: all 0.5s ease;}
.week_sec .acco_box .list:before{content:'';display:block;position:absolute;z-index:1;background:rgba(0,0,0,0.6);width:100%;height:100%;top:0;left:0;}
.week_sec .acco_box .list01{background:url(/img/sub/wd_img6.jpg)no-repeat center center /cover;}
.week_sec .acco_box .list02{background:url(/img/sub/wd_img7.jpg)no-repeat center center /cover;}
.week_sec .acco_box .list03{background:url(/img/sub/wd_img8.jpg)no-repeat center center /cover;}

.week_sec .acco_box .list .inner{position:relative;z-index:2;display:block;color:#fff;width:100%;height:100%;display: flex;align-items: center}
.week_sec .acco_box .list .txtbox{text-align: center;width: 100%;}
.week_sec .acco_box .list:hover .txtbox > img{animation:flip-vertical-right 0.4s cubic-bezier(0.455, 0.030, 0.515, 0.955) both}

.week_sec .acco_box .list.acc_on{height: 20rem; max-height: 320px;}
.week_sec .acco_box .list.acc_on:before{opacity: 0;}

@media (max-width:1240px) {
	.week_sec .tit_wrap{
		padding-right: 5%;
	}
}

@media (max-width: 1024px) {
	.week_sec .tit_wrap{
		padding-right: 0;
		width: 100%;
		margin-bottom: 4rem;
	}

	.week_sec .ct_box{
		width: 100%;
	}
	
	.week_sec .acco_box .list.acc_on{
		height: 24rem; 
		max-height: 400px;
	}
}