.mid_only, .mo_only, .mo_br, .mo_bgBox {display:none!important;}
@media (max-width: 1600px) and (min-width: 992px) {
	.mid_only {display:block!important;}
}

@media (max-width:991px) {
	.mo_only, .mo_br {display:block!important;}
	.pc_only, .pc_br {display:none!important;}
}
@media (max-width:767px) {
	.mo_bgBox {display:block!important;}
	.pc_bgBox {display:none!important;}
}

/* ======== ::::::::: ~ 전체 임플란트 전후 사진 START ::::::::: ======== */
.imafterWrap{
	position:relative;
}
.imafter {overflow: hidden; background: #EEE;}
.thumSwiperWrap {background: #2F2C2C; padding: 2rem 0; position:relative;}
.thumSwiper {width: 100%; max-width: 90rem; padding: 0 2rem; margin-bottom: 0;}
.thumSwiper .swiper-slide {cursor:pointer; position:relative; overflow:hidden;}
.thumSwiper img {width:100%; height:auto; vertical-align:bottom;}
.thumodelInfo {
    left: 50%;
    top: 50%;
    width: 104%;
    height: 104%;
    padding: 2rem;
	display: flex;
	position: absolute;
	align-items: flex-end;
    justify-content: center;
    transform: translate(-50%,-50%);
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.70) 100%);
}
.thumodelInfoT {
	color: #FFF;
	font-size: 1.8rem;
	line-height: 2.6rem;
	text-transform: uppercase;
	text-align:center;
	font-family: pretendard-600;
}

.contSwiper {width: 100%; height: auto;}
/* .contSwiper .swiper-slide {width:100%!important;} */
.contSwiper img {width: 100%; height: auto; vertical-align: bottom;}

.cpwrapline{
	position:relative;
	width:100%;
/* background: linear-gradient(90deg, rgba(0, 0, 0, 0.30) 21.54%, rgba(0, 0, 0, 0.00) 50.07%), lightgray 50%; */
}
.cpwrapline:before {
    content: '';
    position: absolute;
    left: 0rem;
    top: 0rem;
    height: 100%;
    z-index: 30;
    width: 20%;
    background: linear-gradient(90deg, rgba(0, 0, 0, 0.5) 21.54%, rgba(0, 0, 0, 0.00) 54.07%);
}
.cpwrapline:after {
    content: '';
    position: absolute;
    right: 0rem;
    top: 0rem;
    height: 100%;
    z-index: 30;
    width: 20%;
	background: linear-gradient(270deg, rgba(0, 0, 0, 0.5) 21.54%, rgba(0, 0, 0, 0.00) 54.07%);
}

.cpwbefore {
    z-index: 30;
    position: absolute;
    left: 3rem;
    top: 3rem;
    color: #FFF;
    font-family: Cormorant;
    font-size: 3rem;
    font-style: normal;
    font-weight: 600;
    line-height: 3rem;
    letter-spacing: 0.6px;
}
.cpwbeforeday{
	z-index: 30;
    position: absolute;
    left: 3rem;
    bottom: 3rem;
	display:block;
	text-align:left;
	color: #FFF;
	font-size: 1.6rem;
	font-family: pretendard-500;
	line-height: 2rem;
	letter-spacing: 0.32px;
}
.cpwbeforeday span{
	margin-top:0.6rem;
	display:block;
	text-align:left;
	font-size: 1.8rem;
	font-family: pretendard-600;
	line-height: 2.2rem;
	letter-spacing: 0.36px;
}

.cpwafter{
    z-index: 40;
    position: absolute;
    right: 3rem;
    top: 3rem;
    color: #FFF;
    font-family: Cormorant;
    font-size: 3rem;
    font-style: normal;
    font-weight: 600;
    line-height: 3rem;
    letter-spacing: 0.6px;
}
.cpwafterday{
	z-index: 40;
    position: absolute;
    right: 3rem;
    bottom: 3rem;
	display:block;
	text-align:right;
	color: #FFF;
	font-size: 1.6rem;
	font-family: pretendard-500;
	line-height: 2rem;
	letter-spacing: 0.32px;
}
.cpwafterday span{
	margin-top:0.6rem;
	display:block;
	text-align:right;
	font-size: 1.8rem;
	font-family: pretendard-600;
	line-height: 2.2rem;
	letter-spacing: 0.36px;
}

.comparison {width: 100%; height: auto; overflow: hidden; padding: 0; transition:none;position:relative;z-index:20;}

.comparison .comparisonABImgGroup {
	margin: 0;
	left: 50%;
    width: 100%;
    height: 100%;
    position: relative;
    transform: translateX(-50%);
}
.comparison .comparisonABImgGroup .divisor img {position: relative; width: auto; height: 100%;max-width:fit-content;}
.comparison .comparisonABImgGroup .divisor {
    position: absolute;
    width: 50%;
    overflow: hidden;
    bottom: 0;
    height: 100%;
    transition: none;
    border-right: 1px solid #2F2C2C;
    box-sizing: border-box;
}
.divisorInner {position: absolute; width: 200%; height: 100%;}
.comparison input[type=range] {
    -webkit-appearance: none;
    -moz-appearance: none;
    position: absolute;
    left: 50%;
    background-color: rgba(255,255,255,0);
    width: 104%;
    margin: 0;
    top: 50%;
    transform: translateY(-50%) translateX(-50%);
    cursor: pointer;
}
.comparison input[type=range]:focus { outline: none; }
.comparison input[type=range]:active { outline: none;  }
.comparison input[type=range]::-moz-range-track { -moz-appearance:none; height:5.1rem; width: 100%; position: relative; outline: none;}
.comparison input[type=range]::active { border: none;  outline: none;}
.comparison input[type=range]::-webkit-slider-thumb {-webkit-appearance:none; width: 5.1rem; height: 5.1rem; border-radius:50%; background: url(/public/img/main/abArrow.png) no-repeat center / cover; border-radius: 50%;}
.comparison input[type=range]::-moz-range-thumb {-webkit-appearance:none; width: 5.1rem; height: 5.1rem; border-radius:50%; background: url(/public/img/main/abArrow.png) no-repeat center / cover; border-radius: 50%;}

.imafter .customSwiperBtn .swiper-button-next, .imafter .customSwiperBtn .swiper-button-prev {width:6.7rem!important; height:6.7rem!important;}


.imafter .contSwiper {position:relative;}
/* .imafter .contSwiper::before, */
/* .imafter .contSwiper::after { */
    /* content: 'Before'; */
    /* position: absolute; */
    /* left: 3rem; */
    /* top: 3rem; */
    /* color: #2F2C2C; */
    /* font-family: Cormorant; */
    /* font-size: 3rem; */
    /* font-weight: 600; */
    /* line-height: 3rem; */
    /* letter-spacing: 0.06rem; */
    /* z-index: 2; */
/* } */

/* .imafter .contSwiper::after {content: 'After'; left: unset; right: 3rem; color:#A07F2E;} */
.imafterNotice {color: #666; text-align: center; font-family: pretendard-400; font-size: 1.6rem; line-height: 2.6rem; margin-top:2rem;}
.reviewTitle {
	color: #2F2C2C;
	text-align: center;
	font-family: pretendard-500;
	font-size: 3.2rem;
	line-height: 3.6rem;
	text-transform: uppercase;
	margin-bottom:3rem;
}


@media (max-width:1500px) and (min-width:992px) {}
@media (max-width:991px) {
	.imafter {padding: 8rem 0rem;}
	.imafter .implantInner {padding:0;}
	.reviewTitle {font-size: 2.5rem; line-height: 4.5rem; margin-bottom: 4rem;}
	.comparison .comparisonABImgGroup {width: 133.7%;}
	.thumSwiper {padding:0;}
	.implantWrap .thumSwiper {width: 84%; max-width: 90rem; margin-bottom: 0; margin: 0; padding:0; overflow: unset;}
	.thumSwiperWrap {padding: 1.4rem 0;}
	.thumSwiperWrap .customSwiperBtn {display:none;}
	.comparison input[type=range]::-moz-range-track {height:3.1rem;}
	.comparison input[type=range]::-webkit-slider-thumb {width: 3.1rem; height: 3.1rem; }
	.comparison input[type=range]::-moz-range-thumb {width: 3.1rem; height: 3.1rem;}
	.comparison input[type=range] {width: 142%;}
	
	.thumodelInfo {padding:1rem;}
	.thumodelInfoT {font-size: 1rem; line-height: 1.2rem;}
	
	.imafter .contSwiper::before {left: 2rem; top: 2rem; font-size: 3.2rem; line-height: 5.6rem;}
	.imafter .contSwiper::after {right: 2rem; top: 2rem; font-size: 3.2rem; line-height: 5.6rem;}
	
}
@media (max-width:767px) {
	.imafter {padding: 5rem 0rem;}
	.imafter .contSwiper::before {left: 1rem; top: 1rem; font-size: 1.2rem; line-height: 1.6rem;}
	.imafter .contSwiper::after {right:1rem; top:1rem; font-size: 1.2rem; line-height: 1.6rem;}
	.reviewTitle {font-size: 2rem; line-height: 3rem; margin-bottom: 1rem;}
	
	
	.imafterNotice {padding:0rem 2rem;font-size: 1.3rem; line-height: 2.2rem; margin-top: 1rem;}
	
	
	.cpwrapline:before {
		width: 40%;
		background: linear-gradient(90deg, rgba(0, 0, 0, 0.5) 21.54%, rgba(0, 0, 0, 0.00) 54.07%);
	}
	.cpwrapline:after {
		width: 40%;
		background: linear-gradient(270deg, rgba(0, 0, 0, 0.5) 21.54%, rgba(0, 0, 0, 0.00) 54.07%);
	}
	.cpwbefore {
		left: 1rem;
		top: 1rem;
		font-size: 1.5rem;
		line-height: 1.6rem;
		letter-spacing: 0.24px;
	}
	.cpwafter {
		right: 1rem;
		top: 1rem;
		font-size: 1.5rem;
		line-height: 1.6rem;
		letter-spacing: 0.24px;
	}
	.cpwbeforeday {
		left: 1rem;
		bottom: 1rem;
		font-size: 1.1rem;
		line-height: 1.4rem;
		letter-spacing: 0.3px;
	}
	.cpwbeforeday span {
		margin-top: 0.2rem;
		font-size: 1.2rem;
		font-family: pretendard-600;
		line-height: 1.4rem;
		letter-spacing: 0.3px;
	}
	.cpwafterday {
		right: 1rem;
		bottom: 1rem;
		font-size: 1.1rem;
		line-height: 1.4rem;
		letter-spacing: 0.3px;
	}
	.cpwafterday span {
		margin-top: 0.2rem;
		font-size: 1.2rem;
		font-family: pretendard-600;
		line-height: 1.4rem;
		letter-spacing: 0.3px;
	}
}
/* ======== ::::::::: // ~ 전체 임플란트 전후 사진 END ::::::::: ======== */


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

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

@media (max-width:1600px) and (min-width:992px) {
	.videoWrap .mainInner {padding:0 6rem;}
	.fullMouthRe .digitalbox01 .flexImg {width: 50%;}
	.fullMouthRe .digitalbox02 .flexImg {width: 50%;}
	.fullMouthRe .digitalbox03 .flexImg {width: 50%;}
}
@media (max-width:991px) {
	.videoWrap {padding-top:8rem;}
	.VideoInner {padding:0;}
	.VideoCont {margin-top: 2rem;}
	.vict01 {margin-bottom:1rem;}
	.video_start {width:5rem; height:5rem;}
	.fullMouthRe .imAquailtyCont {margin-top:5rem;}
}
@media (max-width:767px) {
	.videoWrap {padding-top:6rem;}
	.VideoCont {margin-top: 1rem;}
	.imAReviewInner.marTop8 {margin-top: 6rem;}
}



/* 임플란트 FAQ */
.allFAQWrap {
	padding:12rem 10rem;
	border-top:0.1rem solid #EEE;
	border-bottom:0.1rem solid #EEE;
}
.allFAQTitle {
    color: #2F2C2C;
    font-family: MaruBuri;
    font-size: 4rem;
    font-weight: 400;
    line-height: 6rem;
    letter-spacing: -0.12rem;
    text-transform: uppercase;
}

.accordion-menu {
    text-align: left;
    width: 100%;
    margin-top: 8rem;
}
.accordion-menu li {
    overflow: hidden;
    z-index: 400;
    list-style: none;
    border-radius: 1rem;
    border: 1px solid #eee;
    margin-bottom: 1rem;
}
.accordion-menu li.open_faq {
    border: 1px solid #EEE;
    background: #F3F0E9;
}
.accordion-menu li.open_faq .dropdownlink .fa-chevron-down {
    transform: rotate(0deg);
    background: url(/public/new_img/therapy/faqdroparrow02.png) no-repeat center / cover;
}
.accordion-menu li.open_faq .f_list_open {
    background: #F3F0E9;
}
.allFAQWrap .dropdownlink {
    padding: 3rem 9.2rem;
    position: relative;
    cursor: pointer;
    display: block;
    position: relative;
    z-index: 0;
    background-color: #fff;
    color: #111;
    font-size: 2.4rem;
    font-family: pretendard-600;
    line-height: 4.4rem;
    word-break: keep-all;
}
.allFAQWrap .dropdownlink span {
    position: relative;
    left: unset;
    top: unset;
    margin-right: 1.4rem;
    position: absolute;
    left: 4rem;
    top: 3rem;
    color: var(--2, #A07F2E);
    font-family: Cormorant;
    font-size: 3.4rem;
    font-style: normal;
    font-weight: 600;
    line-height: 3.8rem;
	transform: unset;
}
.allFAQWrap .fa-chevron-down {
    position: absolute;
    right: 4rem;
    top: 3.1rem;
    width: 4.4rem;
    height: 4.4rem;
    background-image: url(/public/new_img/therapy/faqdroparrow.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.allFAQWrap .dropdownlink:before {display:none;}

.submenuItems {display: none;}
.submenuItems li {border: none; list-style: none; border-radius: 0; margin-bottom:0;}

.allFAQWrap .f_list_open:before {
    width: calc(100% - 4.5rem);
    position: absolute;
    left: 2.4rem;
    top: 0rem;
    height: 1px;
	background: rgba(255, 255, 255, 0.15);
    content: '';
	opacity:0;
}

.allFAQWrap .open_faq .f_list_open:before {opacity:1;}
.f_list_open {
    border-top: none!important;
    position: relative;
    width: 100%;
    background: #fff;
    padding: 3rem 4rem;
    display: flex;
    align-items: flex-start;
}
.f_ar {
    position: relative;
    left: unset;
    top: unset;
    color: #FFF;
    white-space: nowrap;
    color:#2F2C2C;
    font-family: Cormorant;
    font-size: 3.4rem;
    font-weight: 600;
    line-height: 3.8rem;
}
.f_listTextBox{width:100%;position: relative;padding-top: 0px;}
.flNormalText {
    display: block;
    text-align: left;
    font-family: pretendard-400;
    font-size: 2rem;
    line-height: 3.8rem;
    margin-left: 1.4rem;
    color: #2f2c2c;
}
.open_faq .dropdownlink {background: #F3F0E9;}

.open_faq .dropdownlink::before {
    content: '';
    width: 90.4%;
    position: absolute;
    left: 7%;
    bottom: 0;
    height: 1px;
    background: #DCD4C1;
}

@media (max-width:1600px) and (min-width:992px) {
	.allFAQWrap {padding: 10rem 6rem;}
	.dropdownlink {padding: 2rem 9.2rem; font-size: 2.2rem; line-height: 4.4rem;}
	.f_list_open {padding:2rem 4rem;}
	.dropdownlink span {top:2rem;}
	.fa-chevron-down {top:2rem;}
}

@media (max-width:1600px) and (min-width:992px) {
	.allFAQWrap .accordion-menu {text-align: left; width: 100%; margin-top: 4rem;}
}

@media (max-width:991px) {

	.allFAQWrap {padding: 5rem 2rem;}
	.allFAQWrap .allFAQTitle {font-size: 3.2rem; line-height: 4.5rem; letter-spacing: -0.072rem;}

	.allFAQWrap .faqWrap {padding: 8rem 0;}
	.allFAQWrap .accordion-menu {margin-top: 5rem; margin-bottom:7rem;}
	.allFAQWrap .dropdownlink {
		padding:1.6rem 5.6rem 1.6rem 4.7rem;
		font-size: 1.8rem;
		line-height: 2.2rem;
	}
	.allFAQWrap .dropdownlink span {
		position: absolute;
		left: 1.6rem;
		top: 1.4rem;
		font-size: 2.2rem;
		line-height: 1;
		margin-right: 0.6rem;
	}
	.allFAQWrap .f_ar {left: 0; top: 0; font-size: 2.2rem; line-height: 2.2rem;}
	.allFAQWrap .f_list_open {padding: 1.6rem;}
	.allFAQWrap .flNormalText {font-size: 1.6rem; line-height: 2.6rem; margin-left: 0.6rem;}
	
	.allFAQWrap .fa-chevron-down {
		right: 1.6rem;
		top: 1.6rem;
		width: 3rem;
		height: 3rem;
		background-image: url(/public/img/faqdroparrow.png);
	}
	.allFAQWrap .open_faq .dropdownlink::before {width: 93.4%; left: 5%; }
}
@media (max-width:767px) {
	.allFAQWrap .faqWrap {padding: 8rem 0;}
	.allFAQWrap .allFAQTitle {font-size: 2.2rem; line-height: 3.6rem; letter-spacing: -0.072rem;}
	.allFAQWrap .accordion-menu {margin-top: 2rem;}
	.allFAQWrap .accordion-menu {margin-top: 2rem; margin-bottom:4rem;}
	.allFAQWrap .faq_content_box {margin-bottom: 0.6rem;}
	.allFAQWrap .dropdownlink {
		padding:1.6rem 5.6rem 1.6rem 4.7rem;
		font-size: 1.5rem;
		line-height: 2.2rem;
	}
	.allFAQWrap .dropdownlink span {position: absolute; left: 1.6rem; top: 1.6rem; font-size: 2rem; line-height: 1; margin-right: 0.6rem;}
	.allFAQWrap .fa-chevron-down {right: 1.6rem; top: 1.6rem; width: 3rem; height: 3rem; background-image: url(/public/img/faqdroparrow.png);}
	.allFAQWrap .f_ar {left: 0; top: 0; font-size: 1.7rem; line-height: 2.2rem;}
	.allFAQWrap .flNormalText {font-size: 1.4rem; line-height: 2.2rem; margin-left: 0.6rem;}
}





/* 모든 궁금증을 해결 */
.tremodelingWrap .aboutimplant {margin-top:4rem;}
.tremodelingWrap .aboutimplant .halfBox.left {display: flex; padding:4rem; align-items: flex-start;}

.aboutimplant .halfLeft {
	background: var(--1, #2F2C2C);
	padding:4rem;
}
.aboutimplant .halfRight {
	background: var(--2, #A07F2E);
	padding:4rem;
}

.aboutimplantTitle {
	color: #FFF;
	font-family: pretendard-500;
	font-size: 2.6rem;
	line-height: 4rem;
	margin-bottom:2.8rem;
}

.aboutimplantBtnWrap {
    border-radius: 4px;
    border: 1px solid #FFF;
    padding: 1.2rem 2.4rem;
    display: inline-block;
	cursor: pointer;
}

.aboutimplantBtn {
	color: #FFF;
	font-size: 1.6rem;
	line-height: 2.4rem;
	text-transform: uppercase;
	position:relative;
	padding-right:2.4rem;
	display: inline-block;
}
.aboutimplantBtn::before {
	content: '';
    right: 0;
    top: 50%;
    height: 1.6rem;
    width: 1.4rem;
    position: absolute;
    transform: translateY(-50%);
    background: url(/public/img/implant/btnArrowhite.png) no-repeat center / cover;
}

@media (max-width:1600px) and (min-width:992px) {
	.tremodelingWrap .aboutimplant {margin-top:4rem;}
	.tremodelingWrap .aboutimplantTitle {margin-bottom: 0;}
	.tremodelingWrap .aboutimplant .halfBox {justify-content: space-between;}
	.tremodelingWrap .aboutimplant .halfBox.left {
		display: flex;
		padding: 4rem;
		flex-direction: row;
		align-items: center;
	}


}
@media (max-width:991px) {
	.tremodelingWrap .aboutimplant {margin-top: 2rem;}
	.aboutimplant .halfLeft {padding: 2rem;}
	.aboutimplant .halfRight {padding: 2rem;}
	.aboutimplantTitle {font-size: 2.4rem; line-height: 3.6rem; margin-bottom: 1rem;}
	
	.aboutimplantBtn {
    font-size: 1.3rem;
    line-height: 1.6rem;
    padding-right: 2.2rem;
}
	.aboutimplantBtn::before {width: 1.2rem; height: 1.2rem;}
	.aboutimplantBtnWrap {padding: 1.2rem 1.6rem;}
	
	.tremodelingWrap .aboutimplant .halfBox.left {
		display: flex;
		padding: 4rem;
		align-items: center;
		flex-direction: row;
		justify-content: space-between;
	}
}
@media (max-width:767px) {
	.aboutimplantTitle {font-size: 1.5rem; line-height: 2.5rem; margin-bottom: 1rem;}
	.aboutimplantBtn {font-size: 1.3rem; line-height: 1.6rem; padding-right: 2.2rem;}
	.aboutimplantBtn::before {width: 1.2rem; height: 1.2rem;}
}


.table {overflow: hidden; height: auto; max-height: unset; transition: all 0.4s ease-in-out;}
.table.active {height:100%; max-height:inherit;}
.board_linetop {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #222;
    padding-bottom: 1.6rem;
	
	font-size: 1.6rem;
	font-weight: 500;
	line-height: 3.2rem;
	text-align: center;
}
.board_line.mid {
    display: flex;
	padding:1.7rem 0;
    text-align: center;
    justify-content: space-between;
	
	font-size: 1.6rem;
	font-weight: 400;
	line-height: 3.2rem;
	border-bottom:1px solid #EEEEEE;
}


.board_line.mid  .t_careType {
    width: 27.2%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
}
.t_date01 {width:35.71%;}
.t_date02  {width:12.45%;}
.t_date03 {width:19.18%;}
.t_date04 {width:16.19%;}
.t_date05 {width:13.74%;}
.tableH, .tableB {display: flex; justify-content: space-between;}

.tableH {
	color: #111;
	text-align: center;
	font-family: pretendard-600;
	font-size: 1.8rem;
	line-height: 3rem;
	border-bottom: 1px solid var(--3, #C7AD6E);
	padding:3rem 0;
}

.tableB {
	color: #111;
	text-align: center;
	font-size: 1.6rem;
	line-height: 6rem;
	border-bottom: 1px solid #EEE;
}
.colorBG {background: rgba(248, 243, 232, 0.70);}
.colorBG .t_date01.bold {color:#A07F2E;}

.tableB .bold {font-family: pretendard-600;}

.t_date01 a {
    display: flex;
    align-items: center;
    justify-content: center;
}
.tableVmore {
	color: #111;
	text-align: center;
	font-family: pretendard-400;
	font-size: 1.4rem;
	line-height: 2.2rem;
	margin-left:1rem;
	padding-right:1rem;
	position:relative;
}

.tableVmore::before {
	content:'';
	right:0;
	top:50%;
	height:1rem;
	width:0.6rem;
	position:absolute;
	transform:translateY(-50%);
	background:url(/public/img/implant/tableArrow.png) no-repeat center / cover;
}
.tableBtn {
    margin: 3.2rem auto 0;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.tableBtnA {
    border-radius: 0.4rem;
    border: 1px solid #2F2C2C;
    display: flex;
    padding: 1.8rem 5rem;
    justify-content: center;
    align-items: center;
    display: inline-block;
}
.modeldis {
    color: #2F2C2C;
    font-size: 1.8rem;
    line-height: 2.4rem;
    text-transform: uppercase;
    padding-right: 2.5rem;
    position: relative;
    display: inline-block;
}
.modeldis span {font-family: pretendard-700;}

.modeldis::before {
	content:'';
	right:0;
	top:50%;
	height:1.6rem;
	width:1.4rem;
	position:absolute;
	transform:translateY(-50%);
	background:url(/public/img/implant/btnArrow.png) no-repeat center / cover;
}

.modeldisTxt {
	color: #666;
	text-align: center;
	font-family: pretendard-400;
	font-size: 1.6rem;
	line-height: 2.6rem;
	text-transform: uppercase;
	margin-top:1rem;
}

@media (max-width:991px) {
	.tableH {font-size: 1.5rem; line-height: 2rem; padding: 1.5rem 0;}
	.tableB {font-size: 1.4rem; line-height: 5rem;}
	
	.tableBtn {margin: 2rem auto 0;}
	.modeldis {font-size: 1.3rem; line-height: 1.6rem; padding-right: 2.5rem;}
	.tableBtnA {padding: 1.2rem 1.6rem;}
	
	.tremodelingWrap .aboutimplant .halfBox.left {padding: 3rem;}
	
	.table {overflow: hidden; height: auto; max-height: unset; transition: all 0.4s ease-in-out; min-width:100rem;}
	
	.orthodonticWrap .improgramBox .table {min-width: 74rem;}
	.tremodelingWrap .improgramBox .table {min-width: 87rem;}
}

@media (max-width:767px) {
	.tremodelingWrap .aboutimplant .halfBox.left {
		padding: 2rem;
		flex-direction: column;
		align-items: flex-start;
	}
}


/* 유튜브 */
.youtubeWrap {padding: 12rem 10rem; border-top: 1px solid #EEE;}

.youtubeTitle {
    color: #2F2C2C;
    font-family: MaruBuri;
    font-size: 3.6rem;
    font-weight: 400;
    line-height: 5rem;
    letter-spacing: -0.12rem;
    text-transform: uppercase;
}


.youtubeList {border-top: 1px solid #2F2C2C; margin-top: 6rem;}
.youtubeList li {
    position: relative;
    padding: 3rem 2rem;
    border-bottom: 1px solid #EEE;
    border-left: 1px solid  #FFF;
    border-right: 1px solid  #FFF;
    border-top: 1px solid  #FFF;
    box-sizing: border-box;
}

.youtubeList a {display: flex; justify-content: flex-start; align-items: center;}
.yhashTag {
    display: flex;
    width: 18.18%;
    flex-wrap: wrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
}
.yhashTag p, .yhashTag span{
    color: #A07F2E;
    font-family: pretendard-500;
    font-size: 2rem;
    line-height: 2.4rem;
    padding-right: 1rem;
    padding-bottom: 1rem;
    display: inline-block;
}
.yhashTag dl {
    color: #A07F2E;
    font-family: pretendard-500;
    font-size: 1.7rem;
    line-height: 2rem;
    padding-right: 1rem;
    padding-bottom: 1rem;
    display: block;
}

.ythumnail {
    overflow: hidden;
    width: 23.5%;
    margin: 0 5rem;
    background: #FFF;
    position: relative;
    padding-bottom: 13.723%;
}
.ythumnail img {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 100%;
    height: auto;
    transform: translate(-50%,-50%);
}
.yTitleBox, .columnTitleBox {width:58.32%;}
/* .ythumnail img {width:100%; height:auto;} */

.youtxtBox {width: 47.13%;}
.columntxtBox {width: 47.13%;}
.yTitle {
    color: #2F2C2C;
    font-family: pretendard-500;
    font-size: 2.6rem;
    line-height: 4rem;
    margin-bottom: 1rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
}
.yDate {
	color: #999;
	font-family: pretendard-500;
	font-size: 1.6rem;
	line-height: 3.2rem;
}

.youtubeAllBtnWrap {
    display: flex;
	margin-top: 4rem;
	align-items: center;
    justify-content: center;
}
.youtubeAllView {
    width: 12.8rem;
    height: 12.8rem;
    display: inline-block;
    border: 1px solid #111;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.youtubeAllView p {
    color: #2F2C2C;
    font-size: 1.6rem;
    line-height: 2.4rem;
    text-transform: uppercase;
    padding-right: 2.4rem;
    position: relative;
    display: inline-block;
}


.youtubeAllView p::before {
    content: '';
    right: 0;
    top: 50%;
    height: 1.6rem;
    width: 1.4rem;
    position: absolute;
    transform: translateY(-50%);
    background: url(/public/img/implant/btnArrow.png) no-repeat center / cover;
}

.columnWrap {
	padding:12rem 10rem;
	background: #F9F9F9;
}


.columnThumnail {
	overflow: hidden;
    height: 0;
    width: 24.53%;
    margin: 0 3.5%;
    background: #FFF;
    position: relative;
    padding-bottom: 13.723%;
}
.columnThumnail img {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 100%;
    height: auto;
    transform: translate(-50%,-50%);
}
.youtubeList li:hover {border:1px solid #2F2C2C;}
.youtubeList li:hover .yTitle { text-decoration: underline;}


.columnWrap .youtubeList li {border-bottom: 1px solid #EEE; border-left: 1px solid #F9F9F9; border-right: 1px solid #F9F9F9; border-top: 1px solid #F9F9F9;}
.columnWrap .youtubeList li:hover {background:#FFF; border-bottom: 1px solid #2F2C2C; border-left: 1px solid #2F2C2C; border-right: 1px solid #2F2C2C; border-top: 1px solid #2F2C2C;}
@media (max-width:1600px) and (min-width:992px) {
	.youtubeWrap {padding: 10rem 6rem;}
	.youtubeList a {justify-content: space-between;}
	.youtubeList li {padding: 3rem 2rem; }
	.columnThumnail {width: 27.53%;}
}
@media (max-width:991px) {
	.youtubeWrap {padding: 5rem 2rem;}
	.youtubeList {margin-top: 4rem; display: flex; flex-wrap: wrap; justify-content: space-between;}
	.youtubeList li {padding: 3rem 0rem; width: calc(50% - 1rem);  border-bottom:none;}
	.youtubeList a {display: flex; justify-content: flex-start; align-items: flex-start; flex-direction: column;}
	.yhashTag {display: flex; width: 100%; flex-wrap: nowrap; max-height: 1.8rem; overflow: hidden;}
	.yhashTag p {font-size: 1.5rem; line-height: 1.8rem; padding-right: 0.6rem; padding-bottom: 0rem;}
	.yhashTag dl {font-size: 1.5rem; line-height: 1.8rem; padding-right: 0.6rem; padding-bottom: 0rem;}

	.ythumnail {
		width: 100%;
		margin: 1.34rem 0 1.4rem;
		padding-bottom: 56.25%;
	}
	.yTitle {font-size: 2rem; line-height: 3rem; margin-bottom: 1rem;}
	.yDate {font-size: 1.3rem; line-height: 1.6rem;}
	
	.youtubeAllBtnWrap {margin-top:2rem;}
	.youtubeAllView {width: 8.1rem; height: 8.1rem;}
	.youtubeAllView p {font-size: 1.3rem; line-height: 1.6875rem; padding-right: 1.6rem;}
	.youtubeAllView p::before {height:1.2rem; height:1.2rem;}
	
	.columnWrap {padding: 5rem 2rem;}
	.columnWrap .youtubeList li {border-bottom:none;}
	.columnThumnail {width: 100%; margin: 0; height: auto; padding-bottom: 0; position: relative; margin: 1.5rem 0 1.5rem;}
	.columnThumnail img {position: relative; left: unset; top: unset; width: 100%; height: auto; transform: unset;}
	
	.youtubeTitle { font-size: 3.2rem; line-height: 4.5rem; letter-spacing: -0.072rem;}
	
	.yTitleBox, .columnTitleBox {width:100%;}
}
@media (max-width:767px) {
	.yTitle {font-size: 1.8rem; line-height: 2.3rem; margin-bottom: 1rem;}
	.youtubeList {margin-top: 2rem;}
	.youtubeList li {width: 100%; border-bottom:1px solid #EEE;}
	.columnWrap .youtubeList li {width:100%; border-bottom:1px solid #EEE;}
	
	.youtubeTitle {font-size: 2.2rem; line-height: 3rem; letter-spacing: -0.072rem;}
	
}

/* ======== ::::::::: 진료센터 유튜브 영역 START ::::::::: ======== */
.yoAreaCont {
    width: 100%;
    background: #fff;
    margin-top: 3rem;
    position: relative;
}
.yoArea {
    width: 100%;
    position: relative;
    /* max-width: 136rem; */
	padding-bottom: 56.25%;
}
.yoArea iframe{
	position:absolute;
	left:0rem;
	top:0rem;
	width:100%;
	height:100%;
}
.yoArea .readybox {
    display: flex;
    background: rgba(0,0,0,0.7);
    position: absolute;
    left: 0rem;
    top: 0rem;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
}
.yoArea .readybox dl {
    color: #FFF;
    font-family: "MaruBuri";
    font-size: 3.4rem;
    font-weight: 500;
    line-height: 5rem;
    letter-spacing: 1.4px;
    text-transform: uppercase;
}
@media (max-width:767px) {
	.yoAreaCont {
		margin-top: 2rem;
	}
	.yoArea .readybox dl {
		font-size: 2.4rem;
		line-height: 4rem;
	}
}
/* ======== ::::::::: // ~ 진료센터 유튜브 영역 END ::::::::: ======== */


/* ======== ::::::::: 진료센터 테이블 스크롤 추가 css START ::::::::: ======== */
.molrs{display:none;}
@media (max-width:767px) {
	.molrs {
		color: #666;
		text-align: center;
		font-family: pretendard-400;
		font-size: 1.2rem;
		line-height: 2rem;
		text-transform: uppercase;
		margin-top: 0.6rem;
		display: block;
	}
}
/* ======== ::::::::: // ~ 진료센터 테이블 스크롤 추가 css END ::::::::: ======== */

.botmInqBox {
    width: 100%;
    background: #6E7474;
    backdrop-filter: blur(10px);
    padding: 1rem 12rem;
    position: fixed;
    bottom: 0;
    z-index: 31;
}

.botmInqBoxInner {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.botmInqBoxLeft {
    width: 51.73%;
}

.botmInqBoxLeft select, .botmInqBoxLeft input {
    background: none;
    border: none;
    outline: none;
    color: #FFF;
    font-family: pretendard-600;
    font-size: 1.8rem;
    line-height: 6rem;
    border-radius: 4px;
    border: 1px solid rgba(255, 255, 255, 0.20);
    padding: 0 2rem;

}
.botmInqBoxLeft input {
    margin-right: 1rem;
	width: calc(100%/3 - 1rem);
}
.botmInqBoxLeft select {
    appearance: none;
    height: 6rem;
    position: relative;
    width: 100%;
}
.botmInqBoxSelc {
	width: calc(100%/3 - 1rem);
    position: relative;
    display: inline-block;
}
.botmInqBoxSelc::before {
	content:'';
	width: 1.2rem;
	height: 0.6rem;
	position:absolute;
	right:2rem;
	top:50%;
	transform:translateY(-50%);
	background:url(/public/img/botmInqBoxSeclArrow.png) no-repeat center / cover;
}
.botmInqBoxLeft select option {color: #2F2C2C;}

.botmInqBoxInner input::placeholder {
	color: #FFF;
	font-family: pretendard-400;
	font-size: 1.8rem;
	font-weight: 400;
	line-height: 2rem;
}
.mbinq_priBox {
    position: relative;
    display: block;
    margin-bottom: 0;
    position: relative;
    display: flex;
    align-items: center;
}
.mbinq_priBox input[type="checkbox"] {
    position: absolute;
    width: 2rem;
    height: 2rem;
    padding: 0;
    margin: 0;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}
.mbinq_priBox input[type="checkbox"] + label{ 
	display:inline-block; 
    position:relative; 
    padding-left:3rem; 
    cursor:pointer; 
	text-align: left;
	color: #FFF;
	font-size: 1.5rem;
	line-height: 2rem;
	
}
.mbinq_priBox input[type="checkbox"] + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    width: 2rem;
    height: 2rem;
    text-align: center;
    border: none;
    box-sizing: border-box;
    border: 2px solid #2F2C2C;
    border-radius: 0.4rem;
    transform: translateY(-50%);
}
.mbinq_priBox input[type="checkbox"]:checked + label:after{ 
	content: ''; 
	left:0;
	top: 50%;
	width:2rem;
    height:2rem;
	position:absolute;
	transform: translateY(-50%);
    background:url(/public/img/common/check_after.png) no-repeat center/cover;
}
.mbinq_priBox a {
    text-decoration: underline!important;
    position: relative;
    margin-left: 1rem;
    font-size: 1.6rem;
    color: #2F2C2C;
	font-family: pretendard-300;
	text-decoration-line: underline;
    right: 0px;
	
}
.botmInqBox button {
	cursor:pointer;
    border: 1px solid #FFF;
    border-radius: 0.4rem;
    padding: 1.8rem 3rem;
    background: none;
    margin-left: 3rem;
}
.botmInqBox .mbinqT  {
    color: #FFF;
    text-align: center;
    font-family: MaruBuri;
    font-size: 2rem;
    font-style: normal;
    font-weight: 600;
    line-height: 2.3rem;
	padding-right:2.4rem;
	position:relative;
}

.botmInqBox .mbinqT::before {
	content:'';
	width: 1.4rem;
	height: 1.6rem;
	position:absolute;
	right:0;
	top:50%;
	transform:translateY(-50%);
	background:url(/public/img/mbinqArrow.png) no-repeat center / cover;
}


.mbinq_priBox a {
	color: #FFF;
	font-family: pretendard-400;
	font-size: 1.5rem;
	line-height: 2rem;
	text-decoration-line: underline;
}

.moFormTitle {
    color: #FFF;
    font-family: MaruBuri;
    font-size: 1.8rem;
    font-style: normal;
    font-weight: 600;
    line-height: 2.6rem;
    margin-bottom: 2rem;
	cursor:pointer;
}

.formCloseX {width: 2.6rem; height: auto; cursor:pointer;}
.formCloseX img {width:100%; height:auto;}
@media (min-width:992px) {
	.botmInqBox.down {transform: translateY(100%);}
}
@media (max-width:1600px) and (min-width:992px) {
	.botmInqBox {padding:1rem;}
}
@media (max-width:991px) {
	.moFormTitle {
		display: flex !important;
		justify-content: space-between;
		align-items: center;
	}
	.botmInqBox {padding: 3rem 2rem 3rem; transform: translateY(100%);}
	.botmInqBoxInner {
		display: flex;
		justify-content: space-between;
		align-items: center;
		flex-direction: column;
	}
	.botmInqBoxLeft {width: 100%; display: flex; flex-direction: column;}
	.botmInqBoxLeft input, .botmInqBoxSelc {margin-right: 0; width: 100%;}
	.botmInqBoxLeft input {margin-bottom:1rem;}
	.botmInqBoxRight {width:100%;}
	.mbinq_priBox {margin-top: 2rem;}

	.mbinq_priBox {
		position: relative;
		display: block;
		margin-bottom: 0;
		position: relative;
		display: flex;
		justify-content: space-between;
		align-items: flex-start;
		width: 100%;
		flex-direction: column;
	}

	.botmInqBox.active {transform: translateY(0);}
	.inqmoBtn.down {transform: translateY(100%);}
	.botmInqBox.up {transform: translateY(0%);}
	.botmInqBox button {margin-left: 0; width: 100%; margin-top: 2rem;}
	.botmInqBox .mbinqT {font-size: 1.8rem; line-height: 2.2rem; padding-right: 2.4rem;}
}
@media (max-width:767px) {}
.padB9 {padding-bottom: 9rem; background: #F9F9F9;}


/*--------------------------------------------------------------
# 비로그인 딤
--------------------------------------------------------------*/
.noneloginInfo {
    display: flex;
    position: absolute;
    z-index: 30;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.7);
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.noneloginInfo dl {
    filter: none;
    font-family: pretendard-400;
    margin: 0;
    text-align: center;
    color: #fff;
    font-size: 2rem;
    line-height: 3rem;
}
.noneloginInfo a {
    margin: 2rem 0 0 0;
    padding: 0;
    text-decoration: underline;
    font-family: pretendard-500;
    font-size: 1.8rem;
    line-height: 3rem;
    color: #dac28a;
}

/* .storySayBotm .noneloginInfo{ */
	/* height: calc(100% - 8.3rem); */
/* } */
@media (max-width:767px) {
	.noneloginInfo dl {
		font-size: 1.6rem;
		line-height: 2.4rem;
	}
	.noneloginInfo a {
		margin: 1rem 0 0 0;
		font-size: 1.5rem;
		line-height: 2rem;
	}
}

/*--------------------------------------------------------------
# 기존 스와이프 css
--------------------------------------------------------------*/
.thumSwiperWrap .customSwiperBtn {
    position: absolute;
    left: 0;
    width: 100%;
    display: flex;
    justify-content: space-between;
    top: 50%;
    transform: translateY(-50%);
}
.customSwiperBtn {position: relative; display: flex; position: relative; right: 0; top: 12rem;}
.customSwiperBtn .swiper-button-next, .customSwiperBtn .swiper-button-prev {right: unset!important; left: unset!important; position: relative!important; width: 9.9rem !important; height: 9.9rem!important; margin: 0!important; padding: 0!important;}
.customSwiperBtn .swiper-button-next {background:url(/public/img/main/mainBSRight.jpg) no-repeat center / cover;}
.customSwiperBtn .swiper-button-prev {background:url(/public/img/main/mainBSLeft.jpg) no-repeat center / cover;}

.customSwiperBtn .swiper-button-next:after, .customSwiperBtn .swiper-button-prev:after {content:''!important;}

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