@import url('https://fonts.googleapis.com/css2?family=Playfair+Display&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Cormorant:wght@500;600;700&display=swap');
/* +++ Main START ~ +++ */
#main_v {width:100%; height:100vh; background:url(../img/main/main_Bg.jpg) no-repeat center / cover; position:relative;}
.fmicon {
	z-index: 2;
    width: 6rem;
    height: 6rem;
    position: relative;
3}
.fmicon img {width:100%; height:auto;}

.fmlist li:nth-child(2) .fmicon::before {
	content:'';
	width:2.6rem;
	height:2.7rem;
	position:absolute;
	left:50%;
	top:50%;
	transform:translate(-50%,-50%);
	background:url(../img/celIcon.png) no-repeat center / cover;
}

.fltext {
    color: #FFF;
    text-align: center;
    font-family: 'Pretendard-SemiBold';
    font-size: 1.5rem;
    font-style: normal;
    line-height: 1.6rem;
    text-transform: uppercase;
    border-radius: 3px;
    background: var(--1, #2F2C2C);
    padding: 0.9rem 1.1rem;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 20%;
	opacity:0;
	transition:all 0.3s ease-in-out;
}

.fmlist li:hover .fltext {
    right: 0;
	opacity:1;
    margin-right: 2rem;
	transform: translateY(-50%) translateX(-103%);
}

.gcontBtn {
    padding: 1.7rem 0;
    border-radius: 99px;
    background: #2F2C2C;
    width: 14rem;
    position: fixed;
    bottom: 11rem;
    right: 2rem;
    z-index: 15;
}

.gcontBtn a {
    display: flex;
    align-items: center;
    justify-content: center;
}

.gcontext {
	color: #FFF;
	text-align: center;
	font-family: "Pretendard-Semibold";
	font-size: 1.7rem;
	line-height: 1.6rem;
	text-transform: uppercase;
}
.snuvlogo {width:2.5rem; height:2.5rem; margin-right:1rem;}
.snuvlogo img {width:100%; height:auto;}


@media (max-width:991px) {
	#main_v {margin-top:-5rem;}
	.fmlist li {padding: 0px 0.8rem; margin-bottom: 1rem; position: relative;}
	.gcontext {font-size: 1.3rem; line-height: 1.28rem;}
	.snuvlogo {width: 2rem; height: 2.08rem; margin-right: 0.8rem;}
	.gcontBtn {padding: 1.36rem 0; width: 11.2rem; bottom: 11rem; right: 1rem;}


}
@media (max-width:767px) {
		.gcontBtn {padding: 1.36rem 0; width: 11.2rem; bottom: 2.8rem; right: 1rem;}
}

/* ::::::::::::: =========== 신청폼 (상담문의) START ~  =========== ::::::::::::: */
.inqWrap {
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 150;
    position: fixed;
    background: #6E7474;
	backdrop-filter: blur(10px);
    transform: translateY(0%);
    box-shadow: 0px 0px 20px rgb(0 0 0 / 10%);
}

.inqWrap.down {transform: translateY(100%);}

.inqInner {
    width: 100%;
    padding: 1rem 12rem;
    display: flex;
    margin: 0 auto;
    max-width: unset;
    align-items: center;
    justify-content: flex-end;
}

.inqLeft .sTxt {
	color: #FFF;
	font-family: "Pretendard-Medium";
	font-size: 1.6rem;
	line-height: 1.8rem;
	letter-spacing: -0.32px;
	margin-bottom: 0.6rem;
}
.inqLeft .tel {
	color: #FFF;
	font-family: NanumSquare Neo;
	font-size: 3rem;
	font-style: normal;
	font-weight: 900;
	line-height: 3.2rem;
	letter-spacing: -0.9px;
}
.inqRight .Txt {
	color: #222;
    font-weight: 700;
    line-height: 3rem;
	font-size: 2.2rem;
    margin-bottom: 0.8rem;
}
.inqRight .Txt br.dn1200 {display:none;}
.inqRight {
    width: 100%;
    display: flex;
    align-items: center;
    padding-left: 0;
    justify-content: space-between;
	}
.inputArea {display:flex;}
.inqRight input {
    color: #FFF;
    font-family: "Pretendard-SemiBold";
    font-size: 1.8rem;
    line-height: 2rem;
    background: inherit;
    padding: 2rem;
    border: none;
    box-sizing: border-box;
    border:1px solid rgb(255 255 255 / 20%);
    box-sizing: border-box;
    max-width: 24rem;
	border-radius:0.4rem;
}
.inqRight input::placeholder{
	color: #FFF;
	font-family: "Pretendard";
	font-size: 1.8rem;
	line-height: 2rem;
}
.inqRight input.tel {margin:0 1rem;}
/* .inqRight input.region {border-right:1px solid rgb(255 255 255 / 20%);} */
button.send {
    padding: 0;
    color: #fff;
    margin: 0 0 0 3rem;
    border: 1px solid #FFF;
    cursor: pointer;
    background: inherit;
	border-radius:0.4rem;
    box-sizing: border-box;
	padding:1.8rem 5.4rem 1.8rem 3rem;
}
button.send p {
	color: #FFF;
	text-align: center;
	font-family: "MaruBuri";
	font-size: 2rem;
	font-weight: 500;
	line-height: 2rem;
	position:relative;
}

button.send p::before {
    content: '';
    top: 50%;
	right: -1rem;
	height: 1rem;
	width: 1.4rem;
	position: absolute;
    transform: translateY(-50%) translateX(100%);
    background: url(../img/main/inqBtnArrow.png) no-repeat center / cover;
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
	-webkit-box-shadow: none;
	-webkit-text-fill-color: #222!important;
	transition: background-color 5000s ease-in-out 0s;
	-webkit-transition: background-color 9999s ease-out;
}
.inqRight input:placeholder{
	font-family: 'Pretendard';
	font-size: 1.6rem;
	font-weight: 500;
	line-height: 2rem;
	color:grba(0,0,0,0.3);
}

input[type="checkbox"]:focus {filter: none;}

.inqRight input[type="checkbox"].per_prcie:checked::after {
    background: url(../img/main/checked.png) no-repeat center / cover;
}
.inqRight input.per_prcie {
    width: 2rem;
    max-width: 2rem;
    height: 2rem;
    box-sizing: border-box;
    border: 1px solid #EEEEEE;
    background: #EEEEEE;
    border-radius: 6px;
    padding: 2rem;
}
.inq_checkBox {
    display: flex;
    cursor: pointer;
    flex-direction: row;
    align-items: center;
}
.h_inqury input[type="checkbox"] {
    -webkit-appearance: none;
    position: relative;
    width: 1.1rem;
    height: 1.1rem;
    cursor: pointer;
    outline: none !important;
    background: inherit;
    padding: 0;
	border-radius: 0;
    background: url(../img/checkBox.png) no-repeat center/cover;
}
.inqRight input:focus {filter:none;}
.inqRight input[type="checkbox"]:checked::after {
    transform: scale(1) translate(-50%, -50%);
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    overflow: hidden;
    line-height: 1;
    color: #fff;
    background: url(/temp/public/img/main/checked.png) no-repeat center / cover;
    width: 2rem;
    height: 2rem;
    transform: translate(-50%,-50%);
	}
.inqWrap .inqRight input:focus {
    outline: none;
}
.inqRight .check {
    font-family: "Pretendard";
    color: #fff;
    cursor: pointer;
    font-size: 1.5rem;
    line-height: 2rem;
    padding-left: 0.6rem;
    text-align: left;
}
.checkMore {
	color: #FFF;
	font-family: "Pretendard";
	font-size: 1.5rem;
	line-height: 2rem; /* 133.333% */
	text-decoration-line: underline;
	margin-left:0.8rem; 
}
.inputAreaRight label {display:flex;}
.inqRight form {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}
p.cs_txt {color: #fff; text-decoration-line: underline;}
.inq_btn {
    width: 100%;
    height: 4.6rem;
    background:#303030;
    border-radius: 0.5rem;
    font-family: 'Pretendard';
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 1.9rem;
    text-align: center;
    border: none;
    color: #fff;
	cursor: pointer;
	background: #FF5D2B;
}
.inqRight input[type="checkbox"] {
    -webkit-appearance: none;
    position: relative;
    width: 2rem;
    height: 2rem;
    cursor: pointer;
    outline: none !important;
    background: inherit;
    padding: 0;
	border-radius: 3px;
    background:#EEE;
	margin:0;
}
.inqRight.mo_inqCont.mo_only.show input:focus {box-shadow:0 0 0 1px #ff922e!important;}
.inputAreaRight {
    display: flex;
    /* flex-direction: row-reverse; */
}


.moInqBox {
    bottom: 0;
	z-index: 50;
    width: 100%;
    display: flex;
	position: fixed;
    align-items: center;
	background: #154499;
    padding: 2.3rem 2rem;
    justify-content: space-between;
}

.moInqBox .inqLeft .sTxt {
    font-size: 1.3rem;
    line-height: 1.6rem;
    letter-spacing: -0.26px;
    margin-bottom: 0.6rem;
}

.moInqBox  .inqLeft .tel {
    font-size: 2rem;
    line-height: 2.2rem;
}
.moInqBoxBtn {
    display: flex;
    height: 4.4rem;
    padding: 1.2rem 1.8rem;
    justify-content: flex-end;
    align-items: center;
    border: 1px solid #FFF;
    background: #154499;
    display: inline-block;
    color: #FFF;
    text-align: center;
    font-family: MaruBuri;
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 2rem;
	cursor:pointer;
}

.moInqTitle {
	color: #FFF;
	width: 100%;
	font-family: MaruBuri;
	font-size: 18px;
	font-style: normal;
	font-weight: 600;
	line-height: 26px; /* 144.444% */
	margin-bottom: 2rem;
	position: relative;
}

/* 셀렉트 박스 */
.simselectBox {position: relative; cursor: pointer; width: 24rem; z-index:5;}
.simselectBox::before {
	content:'';
	top:50%;
	right: 2rem;
	width:1.2rem;
	height:0.6rem;
	position:absolute;
	transform:translateY(-50%);
	background:url(../img/main/selectArrow.png) no-repeat center / contain;
}
.simselectBox.active::before {transform:translateY(-50%) rotate(180deg);}
.simselectBox .label {
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%;
    border: 0 none;
    outline: 0 none;
    padding-left: 0;
    cursor: pointer;
    padding: 1rem 2.4rem;
	
    line-height: 2.4rem;
	box-sizing: border-box;
    border-radius: 6px 0 0 6px;
	
	color: #FFF;
	background: none;
    font-size: 1.8rem;
    line-height: 2rem;
	border-radius: 6px;
	border-radius: 0.4rem;
	border:1px solid rgb(255 255 255 / 20%);
	font-family: "Pretendard-SemiBold";
}
.simselectBox .optionList {
    position: absolute;
    left: 0;
    width: 100%;
    color: #fff;
    
    max-height: 0;
	background: #FFF;
	overflow: hidden;
	transform: unset;
    border-radius: 6px;
    
    opacity: 0;
	z-index: 10;
    bottom: 100%;
    transform: translateY(-10px);
	box-shadow: 0px 20px 20px 0px rgba(0, 0, 0, 0.10);
}
.simselectBox.active .optionList {max-height: 50rem; border: 1px solid #E6E9F3; transition: 0.3s ease-in; opacity:1;}
.simselectBox .optionItem {padding: 5px 15px 5px; transition: .1s; font-size: 1.8rem; font-style: normal; line-height: 2.4rem; padding: 1.5rem 2.4rem; color: #222; border-bottom: 1px solid #E6E9F3;}
.simselectBox .optionItem:hover {background:#F4F4F4;;}
.simselectBox .optionItem:last-child {border-bottom:none;}
.botmInqBox.down_btn {transform: translateY(100%);}


@media (max-width:1500px) and (min-width:992px) {
	.inqRight input {padding: 1.5rem; font-size: 1.4rem; line-height: 1.8rem;}
	.inqRight input::placeholder {font-size:1.4rem; line-height:1.8rem;}
	.simselectBox .label {padding: 1.5rem; font-size: 1.4rem; line-height: 1.8rem;}
	.simselectBox .optionItem {font-size: 1.4rem; line-height: 2rem; padding: 1.2rem;}
	
	button.send {padding: 1.8rem 4.9rem 1.8rem 2.5rem;}
	
	.footerInner {padding: 0 6rem 0;}
	.copy {padding-bottom: 12rem;}
}
@media (max-width:991px) {

	.inqmoBtn {
		width: 100%;
		padding: 2rem;
		text-align: center;
		background: #6E7474;
		backdrop-filter: blur(10px);
		-webkit-backdrop-filter: blur(10px);
		position: fixed;
		bottom: 0;
		z-index: 20;
		cursor:pointer;
	}
	.inqmoBtn.down_btn {transform: translateY(100%);}
	.inqmoBtn p {
		color: #FFF;
		text-align: center;
		font-family: MaruBuri;
		font-size: 1.8rem;
		font-weight: 600;
		line-height: 2rem;
	}
	
	
	.inqWrap {border-radius: 1rem 1rem 0 0; transform: translateY(100%);}
	.inqWrap.active {border-radius: 1rem 1rem 0 0; transform: translateY(0);}
	.inqWrap.up {transform: translateY(0%);}
	.inqInner {
		display: flex;
		align-items: flex-start;
		flex-direction: column;
	}
	.inqmoTitle {
		color: #FFF;
		font-size: 1.8rem;
		line-height: 2.6rem;
		margin: 1rem 0 2rem 0;
		width: 100%;
		position:relative;
	}
	.inqmoClose {width:2.6rem; height:2.6rem;}
	.inqmoClose {width: 2.6rem; height: 2.6rem; position: absolute; right: 0; top: 50%; transform: translateY(-50%); cursor: pointer;}
	.inqmoClose img {width: 100%; height: auto;}
	.inputArea {width: 100%; display: flex; flex-direction: column;}
	.inputAreaRight {display: flex; flex-direction: column; width:100%;}
	.inq_checkBox {margin: 1rem 0 2rem 0;}
	.inqRight {
		width: 100%;
		position: relative;
		left: 0;
		top: 0;
		padding: 2rem 0;
	}
	.inqRight.up {transform: translateY(-100%); top: 0rem;}
	.inqRight form {width:100%; flex-direction: column;}
	.inqRight input {width: 100%; max-width: inherit; border: 1px solid rgba(255, 255, 255, 0.20);}
	.inqRight input.tel {margin:0;}
	.inqRight input.region {border-right: 1px solid rgba(255, 255, 255, 0.20);}
	button.send {margin:0;}
	button.send p {font-size: 1.8rem; line-height: 2.2rem; padding:0;}
	
	.moInqBoxDim {
		z-index: -10;
		opacity: 0;
		position: fixed;
		background: rgba(0, 0, 0, 0.80);
		left: 0;
		top: 0;
		width: 100%;
		height: 100vh;
	}
	.moInqBoxDim.up {
		z-index: 101;
		opacity: 1;
	}
	.simselectBox {width:100%;} 
	.simselectBox .label {padding:2rem;}
	.simselectBox .optionList {transform: translateY(-5px);}
}
/* ::::::::::::: =========== ~ 신청폼 (상담문의) END  =========== ::::::::::::: */

/* ::::::::::::: =========== mainBanner START ~  =========== ::::::::::::: */
.mainBannerWrap {position:relative; height:100vh;}
.main_bg{
	position:absolute;
	left:0rem;
	top:0rem;
	width:100%;
	height:100%;
	z-index:7;
	background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.main_dim{
	background: linear-gradient(0deg, rgba(0, 0, 0, 0.40) 12.04%, rgba(0, 0, 0, 0.00) 50%), linear-gradient(0deg, rgba(0, 0, 0, 0.40) 0%, rgba(0, 0, 0, 0.40) 100%), linear-gradient(90deg, rgba(57, 43, 8, 0.60) 0%, rgba(57, 43, 8, 0.00) 100%), url(<path-to-image>), lightgray -1032px -110.236px / 213.014% 152.017% no-repeat, url(<path-to-image>), lightgray 0px -100px / 100% 110.204% no-repeat;
	background-blend-mode: normal, normal, hard-light, normal, normal;
}

.mainBSInner {width: 100%;height: 100%;margin: 0 auto;display: flex;justify-content: space-between;position:relative;z-index:10;}
.mainBSInner .swiper-backface-hidden .swiper-slide::before {content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: linear-gradient(0deg, rgba(0, 0, 0, 0.40) 0%, rgba(0, 0, 0, 0.00) 44.69%); z-index: -1;}

.mainBSwiper{height: 100vh;}
.mainBSwiper .swiper-slide	{padding:12rem; }
.mainBSwiper .swiper-slide.swiper-slide-active {
	/* width: calc(100% - 6.25%)!important; */
	width: calc(100% - 0rem)!important;
	box-shadow: 20px 0px 60px 0px rgba(0, 0, 0, 0.20);}
.mainBSwiper .swiper-slide {padding: 23rem 8rem 12rem 12rem;}


.mainBSwiper .swiper-slide.swiper-slide-active.lastsl{width: calc(100% - 0%)!important;}

.oneSlidePage{height: 100vh;}
.oneSlidePage .swiper-slide	{padding:12rem; }
.oneSlidePage .swiper-slide.swiper-slide-active {width: calc(100% - 0%)!important;box-shadow: 20px 0px 60px 0px rgba(0, 0, 0, 0.20);}
.oneSlidePage .swiper-slide {padding: 23rem 8rem 12rem 12rem;}

.mainBannerWrap .pagination_container {width: auto; position: relative; position: absolute; left: 12rem; bottom: 12rem;}
.mainBannerWrap .swiper-pagination {position: relative!important;}
.mainBannerWrap .swiper-horizontal>.swiper-pagination-bullets, .mainBannerWrap .swiper-pagination-bullets.swiper-pagination-horizontal, .mainBannerWrap .swiper-pagination-custom, .mainBannerWrap .swiper-pagination-fraction {bottom: unset!important; top: unset!important; left: 0; width: 100%;}
.mainBannerWrap .swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal {display: flex; justify-content: flex-start; align-items: flex-end; margin-bottom: 2rem;}
.mainBannerWrap .swiper-pagination2.swiper-pagination-progressbar.swiper-pagination-horizontal {top: unset!important;}
.mainBannerWrap .swiper-pagination-progressbar {background: rgba(255, 255, 255, 0.2)!important; position: relative!important; height: 0.2rem!important; z-index: 1;}
.mainBannerWrap .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {background: #FFF!important;}
.mainBannerWrap .swiper-pagination-progressbar::before {content: ''; width: 12rem; height: 0.22rem; background: #FFF; position: absolute; left: 0; transform: translateX(-100%);}


.mainBannerWrap .swiper-pagination-bullet {
    width: auto;
    height: auto;
	background:none;
    display: inline-block;
    border-radius: 0;
    opacity: 0.5;
	margin:0!important;
	
	color: #FFF;
	text-align: center;
	font-family: 'Playfair Display', serif;
	font-size: 3rem;
	font-style: normal;
	font-weight: 400;
	line-height: 3.6rem;
	text-transform: uppercase;
	margin-right: 2rem !important;
    min-width: 5.6rem;
	
}

.mainBannerWrap .swiper-pagination-bullet:last-child {margin-right:0!important;}

.mainBannerWrap .swiper-pagination-bullet-active {
	color: #FFF;
	text-align: center;
	font-family: 'Playfair Display', serif;
	font-size: 5rem;
	line-height: 5.4rem;
	text-transform: uppercase;
	opacity: 1;
}

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

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

.mtitleBox {
	display:block;
	text-align:left;
	/* display: inline-flex; flex-direction: column; */
}
.mtitleBox dl {
	text-align:left;
    position: relative;
    display: block;
}
.mtitleBox dl span{
	color: #FFF;
    font-family: MaruBuri;
    font-size: 5.6rem;
    line-height: 7rem;
    letter-spacing: -1.68px;
    text-transform: uppercase;
    position: relative;
    display: inline-block;
}
.mtitleBox dl:nth-child(2) {margin:1.8rem 0;}
.mtitleBox dl span::before{
	content:'';
	width:100%;
	height:2px;
	background:#FFF;
	position:absolute;
	left:0;
	bottom:0;
}

.mtitleBox dl span:nth-child(1)::before {width:100%;}
.mtitleBox dl span:nth-child(3)::before {width:100%;}

.mstitle {
	margin-top:5rem;
	color: #FFF;
	font-family: "Pretendard-Light";
	font-size: 2.6rem;
	font-style: normal;
	font-weight: 300;
	line-height: 4rem;
	text-transform: uppercase;
}

.mainBSRBotm {
    display: flex;
    text-align: right;
    align-items: flex-start;
    flex-direction: column;
    justify-content: flex-start;
}

.mainBSRBTitle {
	color: #FFF;
	font-size: 4rem;
	text-align: right;
	line-height: 5rem;
	margin-bottom:1.4rem;
	text-transform: uppercase;
	font-family: "Pretendard-Medium";
}

.mainBSRBSTitle {
    color: #FFF;
    font-size: 2rem;
	text-align: right;
    line-height: 3.2rem;
    text-transform: uppercase;
}

a.mainBSRBtn {
    padding: 1.2rem 2.4rem;
    border: 1px solid #FFF;
    border-radius: 0.4rem;
    margin-top: 5rem;
}
.mainBSRBtn p {
    color: #FFF;
    text-align: right;
    font-size: 1.6rem;
    line-height: 2.4rem;
    text-transform: uppercase;
    padding-right: 2.4rem;
    position: relative;
}

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


@media (max-width: 1500px) and (min-width: 992px) {
	.mtitleBox dl span{color: #FFF; font-size: 3.6rem; line-height: 5rem;}
	.mstitle {margin-top: 4rem; font-size: 2.2rem; line-height: 3.5rem;}
	.mainBSRBTitle {font-size:3.5rem;}
	
	.mainBSwiper .swiper-slide {padding: 12rem 7rem;}
	.mainBSwiper  .swiper-slide.swiper-slide-active {
		width: calc(100% - 0rem)!important;
		/* width: calc(100% - 7.9rem)!important; */
	}
	
	.oneSlidePage .swiper-slide {padding: 12rem 7rem;}
	.oneSlidePage  .swiper-slide.swiper-slide-active {width: calc(100% - 0rem)!important;}
	
	.mainBannerWrap .swiper-button-next, .mainBannerWrap .swiper-button-prev {width:8rem!important; height:8rem!important;}
}

@media (max-width:991px) {
	.mainBannerWrap {position: relative; height: 86.958vh;}
	.mainBannerWrap .mainInner {height: 100%;}
	.mainBannerWrap .navigation_container {
		z-index: 20;
		width: auto;
		right: unset;
		top: unset;
		transform: unset;
		left: 2rem;
		bottom: 7rem;
	}
	.mainBSwiper {height: 100%;}
	.mainBSwiper  .swiper-slide.swiper-slide-active {
		/* width: calc(100% - 3rem)!important;  */
		width: calc(100% - 0rem)!important; 
	box-shadow: 20px 0px 60px 0px rgba(0, 0, 0, 0.20);}
	.mainBSwiper .swiper-slide {padding: 13rem 2rem 4rem;}
	
	.oneSlidePage {height: 100%;}
	.oneSlidePage  .swiper-slide.swiper-slide-active {width: calc(100% - 0rem)!important; box-shadow: 20px 0px 60px 0px rgba(0, 0, 0, 0.20);}
	.oneSlidePage .swiper-slide {padding: 9rem 2rem 4rem;}
	
	.mainBannerWrap .pagination_container {width: auto; position: absolute; left: unset; bottom: unset; right: 5.5%; top: 9rem;}
	.mainBannerWrap .swiper-pagination-progressbar::before {display:none;}
	.mainBannerWrap .swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal {margin-bottom: 0;}
	.mainBannerWrap .swiper-pagination-bullet {margin-right: 0 !important; display: none; opacity:0; font-size:4rem; line-height:2rem; color: #DCCEBA;}
	.mainBannerWrap .swiper-pagination-bullet-active {display: block; opacity:1;}
	.mainBannerWrap .swiper-pagination2 {top: unset!important; display: none;}
	
	.mainBSInner {flex-direction: column; align-items: flex-start;}
	
	.mtitleBox dl span {
		font-size: 3.2rem;
		line-height: 4.5rem;
		letter-spacing: -0.72px;
		text-transform: uppercase;
		position: relative;
		display: inline-block;
	}
	.mtitleBox {line-height: 5.5rem;}
	.mtitleBox dl:nth-child(2) {margin:0;}
	.mstitle {
		font-size: 2rem;
		line-height: 3.2rem;
		margin-top: 3rem;
	}

	.mainBSRBotm {
		display: flex;
		text-align: right;
		flex-direction: column;
		align-items: flex-start;
	}

	.mainBSRBTitle {
		color: #FFF;
		text-align: right;
		font-family: Pretendard;
		font-size: 2.24rem;
		font-style: normal;
		font-weight: 500;
		line-height: 2.8rem;
		text-transform: uppercase;
		margin-bottom: 1rem;
		text-align: left;
	}
	
	.mainBSRBSTitle {
		font-size: 1.4rem;
		line-height: 2.2rem;
		text-align:left;
		text-transform: uppercase;
	}
	
	a.mainBSRBtn {
		padding: 1.2rem 2.4rem;
		border: 1px solid #FFF;
		border-radius: 0.4rem;
		margin-top: 4rem;
	}
	
	.mainBSRBtn p {
		font-size: 1.3rem;
		line-height: 1.6rem;
		padding-right: 2.2rem;
	}
	
	.mainBSRBtn p::before {width: 1.2rem; height: 1.4rem;}
	.mainBannerWrap .swiper-button-next, .mainBannerWrap .swiper-button-prev {
		right: unset!important;
		left: unset!important;
		position: relative!important;
		width: 5.3rem !important;
		height: 5.3rem!important;
		margin: 0!important;
		padding: 0!important;
		transition: none;
	}
	

}


@media (max-width:767px) {
	.mainBannerWrap {height: 100vh;}
	/* .floatMenu {right: 1rem; top: unset; transform: unset; bottom: 8.6rem;} */
	.mainBSwiper .swiper-slide {padding: 9rem 2rem 4rem;}
	.mainBSwiper  .swiper-slide.swiper-slide-active {
		/* width: calc(100% - 2rem)!important; */
		width: calc(100% - 0rem)!important;
	}
	.mainBannerWrap .swiper-pagination-bullet {font-size:3rem;}
	.mtitleBox dl span{font-size: 2.4rem; line-height: 3rem; letter-spacing: -0.72px;}
	.mstitle {font-size: 1.4rem; line-height: 2.2rem; margin-top: 1.6rem;}
	a.mainBSRBtn {margin-top: 2rem;}
	.mtitleBox {line-height: 4rem;}
}

/* ::::::::::::: =========== // ~ mainBanner END  =========== ::::::::::::: */


/* ::::::::::::: =========== designcountWrap START ~ =========== ::::::::::::: */
.designcountWrap {position:relative; padding:12rem 0; background:#ECE8DF;}
.designcountWrap .mainInner {
    width: 100%;
    margin: 0 auto;
    padding: 0 12rem;
}
.designTitle {
	color: #2F2C2C;
	text-align: center;
	font-family: Cormorant;
	font-size: 5rem;
	font-style: normal;
	font-weight: 600;
	line-height: 6rem;
	letter-spacing: 1.5px;
	text-transform: uppercase;
}

.designCont {margin-top:8rem;}

.designContList {display:flex;}
.designContList li {width:calc(100%/3); text-align:center;}
.designContList li:nth-child(2) {
    border-right: 1px solid rgb(47 44 44 / 15%);
    border-left: 1px solid rgb(47 44 44 / 15%);
}
.countBox {display: flex; align-items: flex-end; justify-content: center;}
.countTitle {
	color: #2F2C2C;
	font-family: "MaruBuri";
	font-size: 2.6rem;
	font-weight: 600;
	line-height: 3.2rem;
	letter-spacing: -0.78px;
	text-transform: uppercase;
}
.count_num {
	color: #2F2C2C;
	text-align: center;
	font-family: "Playfair Display";
	font-size: 9.2rem;
	line-height: 10.6rem;
	letter-spacing: -1.84px;
	text-transform: uppercase;
}
.designContList li span {
	color: #2F2C2C;
	font-size: 2.6rem;
	line-height: 5rem;
	padding-left: 0.8rem;
	text-transform: uppercase;
}
.countDate {margin-top: 4rem; font-size: 1.8rem; line-height: 3rem; text-align: center; opacity: 0.5;}

@media (max-width:1500px) and (min-width:992px) {
	.designTitle {font-size: 4rem; line-height: 5rem;}
	.countTitle {font-size: 2.4rem; line-height: 2.5rem;}
	.count_num {font-size: 8rem; line-height: 10.6rem;}
	.countDate {margin-top: 4rem; font-size: 1.7rem;}
}

@media (max-width:991px) {
	.designcountWrap {padding: 6rem 0;}
	.designTitle {font-size: 2.3rem; line-height: 2.8rem; letter-spacing: 0.69px;}
	.designCont {margin-top: 4rem;}
	.designContList {margin-bottom:4rem;}
	.designContList li { position:relative; text-align: center; padding-bottom: 0; margin-bottom: 0;}
	.designContList li:last-child {padding-bottom:0; margin-bottom:0;}
	.designContList li:last-child::before {display:none;}
	.countDate {margin-top: 2rem; text-align: center; opacity: 0.5;}
	.count_num {font-size: 5rem; line-height: 5.8rem; letter-spacing: -1px;}
	.designContList li span {font-size: 1.6rem; line-height: 2.8rem; padding-left: 0.4rem;}
	.countTitle {font-size: 1.8rem; line-height: 2.2rem; letter-spacing: -0.54px;}
}

@media (max-width:767px) {
	.designContList {margin-bottom:3rem;}
	.count_num {font-size: 2.8rem; line-height: 3.8rem; letter-spacing: -1px;}
	.designContList li:nth-child(2) {border-right: none; border-left: none;}
	.designContList li span {font-size: 1.4rem; line-height: 2.4rem; padding-left: 0.4rem;}
	.countTitle {font-size: 1.4rem; line-height: 2.2rem; letter-spacing: -0.42px;}
}
/* ::::::::::::: =========== 공통 타이틀 css START ~ =========== ::::::::::::: */
.contETitle {
	color: #DCCEBA;
	text-align: center;
	font-family: "Cormorant";
	font-size: 3.4rem;
	font-weight: 600;
	line-height: 5rem;
	letter-spacing: 1.02px;
	text-transform: uppercase;
}
.contTTitle {
    color: #FFF;
    text-align: center;
    font-family: "MaruBuri";
    font-size: 5.2rem;
    font-weight: 400;
    line-height: 6.4rem;
    letter-spacing: -1.56px;
    margin: 3rem 0 2rem;
}
.contTiteTxt {
	color: #FFF;
	text-align: center;
	font-family: "Pretendard-Light";
	font-size: 2.4rem;
	line-height: 4rem;
}

.leftDBox {
    
    display: flex;
    padding: 2rem 3rem;
    align-items: center;
    justify-content: space-between;
    border-radius: 4px;
    background: #F6F6F6;
    margin: 1rem;
	position: relative;
}

.browntitle {
	color: #A07F2E;
	font-family: "Pretendard-Bold";
	font-size: 1.5rem;
	font-weight: 700;
	line-height: 2rem;
	letter-spacing: 0.045rem;
}

.blacktitle {
	color:#2F2C2C;
	margin-top:0.4rem;
	text-align: center;
	font-family: "Pretendard-Medium";
	font-size: 1.8rem;
	line-height: 2.8rem;
	text-transform: uppercase;
}


.leftDBoxIcon {
    width: 2.9rem;
    height: auto;
    min-width: 2.9rem;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}

.show .leftDBoxIcon {
	width:2.9rem;
	height:auto;
	position: relative;
    left: unset;
    top: unset;
    transform: unset;
}
.leftDBoxIcon img {width:100%; height:auto;}


@media (max-width:1500px) and (min-width:992px) {
	.contETitle {font-size: 3.4rem; line-height: 4.5rem; letter-spacing: 1.02px;}
	.contTiteTxt {font-size: 2.2rem; line-height: 4rem;}
	.contTTitle {font-size: 4.2rem; line-height: 4.6rem; margin: 3rem 0 2rem;}
	.leftDBox {
    display: flex;
    padding: 1.2rem 1rem;
}

.blacktitle {
    font-size: 1.5rem;
    line-height: 2.4rem;

}
}

@media (max-width:991px) {
	.contTTitle {font-size: 2.8rem; line-height: 3.8rem; letter-spacing: -0.84px; margin: 1.6rem 0 1.6rem;}
	.contTiteTxt {font-family: "Pretendard-Light"; font-size: 1.6rem; line-height: 2.4rem;}
}
/* ::::::::::::: =========== // ~ 공통 타이틀 css  END  =========== ::::::::::::: */


/* ::::::::::::: =========== Smile Design Story START ~ =========== ::::::::::::: */
.storyWrap {background:#FFF; padding:15rem 0; position:relative;}
.storyWrap .mainInner {width: 100%; max-width: unset; padding: 0 12rem; margin: 0 auto;}

.storyWrap .mainInner.stickyMenu {}



.storyWrap .contTTitle {color:#2F2C2C;}
.storyWrap .contTiteTxt {color:#2F2C2C;}

.storyWrap .swiper-thumbs {margin-bottom: 5rem;}
.storyTabListWrap {
    width: 100%;
    border-radius: 4px;
    backdrop-filter: blur(7.5px);
    background: rgba(243, 240, 233, 0.85);
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 5rem;
}
.msimplantContWrap {padding: 6rem 12rem 0rem 12rem;}
#implantCont {
    /* padding: 6rem 12rem 8rem 12rem; */
    width: 100%;
    margin: 0 auto;
    max-width: unset;
	position:relative;
}
.storyTabContWrap.msminishWrap { padding: 6rem 12rem 0rem 12rem;}
.storyTabContWrap.msorthodonticsWrap { padding: 6rem 12rem 0rem 12rem;}
.msimplantContWrap {}
#minishCont {width: 100%; margin: 0 auto; max-width: unset; position: relative;}
#orthodontics {padding: 0; width: 100%; margin: 0 auto; position: relative; max-width: unset;}

.msallStoryWrap { padding: 6rem 12rem 0rem 12rem;}
#allStory {padding: 0; width: 100%; margin: 0 auto; position: relative; max-width: unset;}
#allStory1 {padding: 0; width: 100%; margin: 0 auto; position: relative; max-width: unset;}

.storyTabContWrap .swiper {overflow:unset;}

.storyTabContWrap .swiper-slide .storySay {opacity:0;}
.storyTabContWrap .swiper-slide.swiper-slide-active .storySay {opacity:1;}

.implantthumbSwiper .swiper-slide {opacity:1;}
.minishthumbSwiper .swiper-slide {opacity:1;}
.orththumbSwiper .swiper-slide {opacity:1;}


.storyTabList {display: flex; display: inline-flex;}
.storyTabList li {
    padding-right: 0;
    width: 15rem;
    text-align: center;
    margin-right: 5rem;
}
.storyTabList li:last-child {padding-right:0; margin-right:0;}
.storyTabList li a {display: inline-block; min-width: unset; position:relative;}
.storyTabList li a span{
	padding: 2rem 0;
	display: block;
    height: 100%;
    position: relative;
    width: 100%;
}
.storyTabList li a span::before {
	content:'';
	width: 0%;
	height: 0.4rem;
	background: #DCCEBA;
	position:absolute;
	left:0;
	bottom:0;
	transition:all 0.3s ease-in-out;
	border-radius: 3px 3px 0px 0px;
}
.storyTabList .enSTitle {
	color: #2F2C2C;
	text-align: center;
	font-family: 'Cormorant';
	font-size: 1.5rem;
	font-weight: 700;
	line-height: 2rem;
	letter-spacing: 0.6px;
	text-transform: uppercase;
	margin-bottom:0.6rem;
	opacity: 0.5;
}
.storyTabList .krSTitle {
	color: #2F2C2C;
	text-align: center;
	font-family: 'MaruBuri';
	font-size: 2.4rem;
	font-weight: 600;
	line-height: 3.2rem;
	letter-spacing: -0.72px;
	opacity: 0.5;
}

.storyTabList li.on .enSTitle {color: #A07F2E; opacity: 1;}
.storyTabList li.on .krSTitle {color: #2F2C2C; opacity: 1;}
.storyTabList li.on a span::before {width: 100%;}

.storyTabList li:hover .enSTitle {color: #6E7474; opacity: 1;}
.storyTabList li:hover .krSTitle {color: #2F2C2C; opacity: 1;}
.storyTabList li:hover a::before {width: 100%;}

.strotThumnailText {
    position: relative;
    z-index: 50;
	text-align: center;
    cursor: pointer;
}
.strotThumnailText span {
    display: inline-block;
    height: 100%;
    position: relative;
    font-family: Pretendard;
    color: #2F2C2C;
    opacity: 0.5;
    font-size: 1.8rem;
    line-height: 6.7rem;
    text-align: center;
    letter-spacing: -0.54px;
    white-space: nowrap;
}
.strotThumnailText span::before {
    content: '';
    width: 0;
    border-radius: 3px 3px 0px 0px;
    transform: translateX(-50%);
    background: #DCCEBA;
    height: 4px;
    left: 50%;
    bottom: -1px;
    position: absolute;
}
.storyTabContWrap {
    overflow: hidden;
}
.storySlideCont {position:relative;}
.storySay {
    color: #2F2C2C;
    font-size: 2.2rem;
    line-height: 3.3rem;
    position: relative;
    position: relative;
    width: 54%;
}
.storySay::before {
    content: '';
    left: 0;
    top: 0;
    z-index: -1;
    width: 4.8rem;
    height: 3.8rem;
    position: absolute;
    background: url(../img/main/bigt.png) no-repeat center / cover;
    transform: translate(-30px, -15px);
}

.storySayBotm {
    width: 100%;
	display: flex;
	margin-top: 3rem;
    position: relative;
    justify-content: flex-end;   
}


.storySayBotmLeft {
    left: 0;
    /* top: -5rem; */
    z-index: 1;
    width: 42.86%;
    /* position: absolute; */
}
.storySayBotmLeft .yoAreaCont{
	margin:0!important;
}
.movArea {
    height: 0;
    width: 100%;
    background: #444;
    padding-bottom: 56.247%;
	position:relative;
}
.movArea img{
	max-width:100%;
}

.pc_movbtn{display: inline-block;}
.mo_movbtn{display:none;}
.movGsiteBtn {
    padding: 1.2rem 2.4rem;
    border: 1px solid #2F2C2C;
    border-radius: 4px;
	margin-top: 2rem;
}

.movGsite {
    color: #2F2C2C;
    font-size: 1.6rem;
    font-style: normal;
    line-height: 2.4rem;
    padding-right: 2.4rem;
    position: relative;
    display: inline-block;
}

.movGsite::before {
	content:'';
	right:0;
	top:50%;
	width:1.4rem;
	height:1.6rem;
	position:absolute;
	transform:translateY(-50%);
	background:url(../img/main/gositeArrow.png) no-repeat center / cover;
}
.storySayBotmRight {
    width: 57.14%;
    position: relative;
}

#allStory {
    position: relative;
    /* padding-bottom: 9.3rem; */
}
#allStory1 {
    position: relative;
    /* padding-bottom: 9.3rem; */
}
#allStory .orththumbSwiper .swiper-wrapper {justify-content: flex-start;}
#allStory1 .orththumbSwiper .swiper-wrapper {justify-content: flex-start;}
.storyWrap #allStory .msSlideBBox .swiper-thumbs {overflow: hidden; width: unset;}
.storyWrap #allStory1 .msSlideBBox .swiper-thumbs {overflow: hidden; width: unset;}
#allStory .orththumbSwiper .swiper-slide {cursor: pointer; width: calc(100%/4)!important;}
#allStory1 .orththumbSwiper .swiper-slide {cursor: pointer; width: calc(100%/4)!important;}


.storythumbSwiperBox {
    width: 100%;
    position: relative;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 10;
    display: flex;
    justify-content: flex-end;
}

#allStory .msSlideBBox {
    width: 50%;
    overflow: hidden;
    position: relative;
    right: unset;
    top: unset;
    z-index: unset;
	display: flex;
    justify-content: space-between;
    align-items: flex-end;
}
#allStory1 .msSlideBBox {
    width: 50%;
    overflow: hidden;
    position: relative;
    right: unset;
    top: unset;
    z-index: unset;
	display: flex;
    justify-content: space-between;
    align-items: flex-end;
}
.storyWrap #allStory .msSlideBBox .swiper-thumbs {
    overflow: unset;
    width: 17%;
}
.storyWrap #allStory1 .msSlideBBox .swiper-thumbs {
    overflow: unset;
    width: 17%;
}
.storythumbSwiper .swiper-slide{margin-right:3rem;}
.storythumbSwiper .swiper-slide.swiper-slide-active .strotThumnailText span{opacity:1;}
.storythumbSwiper .swiper-slide.swiper-slide-active .strotThumnailText span::before {width:100%;}
 /* .storyWrap #allStory .msSlideBBox .swiper-thumbs {   width: unset;} */
#allStory .msSlideBBox {
    /* padding-right: 16.4rem; */
    width: 57.2%;
    position: relative;
}
#allStory1 .msSlideBBox {
    /* padding-right: 16.4rem; */
    width: 57.2%;
    position: relative;
}
#allStory .msSlideBBox::before {
    content: '';
    width: calc(100% - 13rem);
    height: 0.1rem;
    background: #EEE;
    position: absolute;
    left: 0;
    bottom: 0;
}
#allStory1 .msSlideBBox::before {
    content: '';
    width: calc(100% - 13rem);
    height: 0.1rem;
    background: #EEE;
    position: absolute;
    left: 0;
    bottom: 0;
}


/* 이미지 */
.comparisonArea{position:relative;}
.comparisonArea:after {
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 0rem;
    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: 1px;
    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: 30;
}
#comparison {
    width: 100%;
    height: 0;
    max-height: unset;
    overflow: hidden;
    position: relative;
    padding-bottom: 42.2%;
}
#comparison .afterImg {
    top: 0;
	left: 0;
	margin: 0;
	width: 100%;
    height: 100%;
	font-size: 0;
	position: absolute;
	background-position-x: 50%;
}
#comparison .afterImg > img { position: relative; width: 100%;}
#comparison .afterImg .beforeImg {
    bottom: 0;
	width: 50%;
    height: 100%;
	transition: none;
	overflow: hidden;
	position: absolute;
    /* background-position-x: 15%; */
    border-right: 1px solid #2F2C2C;
}

#comparison .afterImg .beforeImg img {
    width: auto;
    height: 100%;
    transform: unset;
}
#comparison .afterImg > img {
    width: 100%;
    height: auto;
    transform: unset;
}

#comparison input[type=range] {
    -webkit-appearance: none;
    -moz-appearance: none;
    position: absolute;
    top: -0rem;
    left: 0%;
    background-color: rgba(255,255,255,0);
    width: 104%;
    margin: 0;
    top: 50%;
    transform: translateY(-50%) translateX(-2%);
    cursor: col-resize;
}
#comparison input[type=range]:focus { outline: none; }
#comparison input[type=range]:active { 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(../img/main/abArrow.png) no-repeat center / cover;
    border-radius: 50%;
}
/* 이미지 */


.slider_box {
    position: relative;
    overflow: hidden;
    width: 100%;
    max-width: 108rem;
    margin: 0 0 0 auto;
}
.slider_box img { width: 100%; display:block; } 
.slider_box .resize { position: absolute; top:0; left: 0; height: 100%; width: 50%; overflow: hidden; } 
.control {
    position: absolute;
    left: 50%;
    top: 0;
    bottom: 0;
    width: 1px;
    margin-left: 0px;
    background: #2F2C2C;
    cursor: ew-resize;
}
.control:after {
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    height: 51px;
    width: 51px;
    margin-left: 0;
    content: '';
    background: #fff;
    border-radius: 50%;
    transform: translateX(-50%);
    background: url(../img/main/abArrow.png) no-repeat center / cover;
}
.control .arrow {position: absolute; margin: auto; top: 0; bottom: 0; width: 0; height: 0; transition: all .2s ease; } 
.control .arrow.left {left: -22px; border-right: 12px solid #fff; border-top: 9px solid transparent; border-bottom: 9px solid transparent;     filter: grayscale(60%);} 
.control .arrow.right { left: auto; right:-22px; border-left: 12px solid #fff;border-top: 9px solid transparent; border-bottom: 9px solid transparent; } 

.img.right.resize img {filter:grayscale(1);}

.testboc {position: relative;}
.testbocInner {
    width: 100%;
    max-width: 168rem;
    margin: 0 auto;
    position: relative;
    padding-top: 5rem;
}

.testbocIn {
    position: relative;
}


.testboc .abTxtBox {
    top: 0;
    width: 100%;
    display: flex;
    position: relative;
    transform: translateY(0);
    justify-content: space-between;
    padding-bottom: 2rem;
    max-width: 108rem;
    margin: 0 0 0 auto;
}



.testboc .storySayBotmLeft {
    left: 0;
    top: 0;
    z-index: 23;
    width: 36.905%;
    position: absolute;
}

.testboc .storySay {
    color: #2F2C2C;
    font-size: 2.8rem;
    line-height: 4.4rem;
    position: relative;
    position: relative;
    margin-bottom: 5rem;
}

.abTxtBox {
    top: 0;
    width: 100%;
    display: flex;
	position: absolute;
	transform: translateY(-100%);
    justify-content: space-between;   
	padding-bottom:2rem;
}
.abTxtBox::before {
    content: '&';
    font-family: 'Cormorant';
    font-size: 3.4rem;
    font-weight: 600;
    line-height: 3rem;
    letter-spacing: 0.68px;
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
}
.betext, .aftext {
    width: calc(50% - 2.25rem);
	color: #2F2C2C;
    text-align: right;
    font-family: 'Cormorant';
    font-size: 3.4rem;
    font-weight: 600;
    line-height: 3rem;
    letter-spacing: 0.68px;
}
.betext {}
.aftext {color:#A07F2E; text-align:left;}
.abTxtBotmBox {
    bottom: 0;
    width: 100%;
    display: flex;
    margin-top: 2rem;
    position: relative;
    justify-content: center;
    margin: 2rem 0 0 auto;

}
.abTxtBotmBox::before {
	content:'';
	top:50%;
	left:50%;
	width:1px;
	height:1.7rem;
	position:absolute;
	background: #D9D9D9;
	transform:translate(-50%,-50%);
}

.abTxtBotmBox .goeSite {
    color: #2F2C2C;
    position: relative;
    font-size: 2rem;
    font-weight: 400;
    line-height: 3rem;
    opacity: 0.5;
    position: relative;
    cursor:pointer;
    padding: 0.75rem 3.5rem;
	
}
.abTxtBotmBox .goeSite:nth-child(1) {text-align: right; margin-right: 2.5rem;}
/* .abTxtBotmBox .goeSite:nth-child(2) {padding-left: 2.65rem;} */
.abTxtBotmBox .goeSite::before {
    content: '';
    top: 50%;
    right: 0;
    width: 4.5rem;
    height: 4.5rem;
    position: absolute;
    background-color: #D9D9D9;
	background:url(../img/main/gositecirecleArrow.png) no-repeat center / cover;
    transform: translateY(-50%);
    border-radius: 50%;
    z-index: -1;
	opacity:0;
}

.goeSite:hover {
	color: #2F2C2C;
	opacity:1;
	font-family: Pretendard;
	font-size: 2rem;
	font-weight: 600;
	line-height: 3rem;
}

.abTxtBotmBox .goeSite:hover::before {
	opacity:1;
	/* background: #DAC28A; */
}

.implantthumbSwiper .swiper-wrapper { border-bottom: 1px solid #E6E6E6; justify-content: center;}
.implantthumbSwiper .swiper-slide {cursor:pointer;}
.mainWrap .implantthumbSwiper .swiper-slide {width: auto!important;}
.implantthumbSwiper .swiper-slide:last-child {margin-right: 0!important;}
.implantthumbSwiper .swiper-slide-thumb-active .strotThumnailText::before {width:100%;}
.implantthumbSwiper .swiper-slide-thumb-active .strotThumnailText {opacity:1; font-weight:500;}

.minishthumbSwiper .swiper-wrapper {justify-content: center; border-bottom: 1px solid #E6E6E6;}

.minishthumbSwiper .swiper-slide {cursor:pointer;}
.mainWrap .minishthumbSwiper .swiper-slide {width: auto!important;}
.minishthumbSwiper .swiper-slide:last-child {margin-right: 0!important;}
.minishthumbSwiper .swiper-slide-thumb-active .strotThumnailText::before {width:100%;}
.minishthumbSwiper .swiper-slide-thumb-active .strotThumnailText {opacity:1; font-weight:500;}

.orththumbSwiper .swiper-wrapper {justify-content: center; border-bottom: 1px solid #E6E6E6;}
.orththumbSwiper .swiper-slide {width: auto!important; cursor:pointer;}
.orththumbSwiper .swiper-slide:last-child {margin-right: 0!important;}
.orththumbSwiper .swiper-slide-thumb-active .strotThumnailText::before {width:100%;}
.orththumbSwiper .swiper-slide-thumb-active .strotThumnailText {opacity:1; font-weight:500;}


.storyWrap .navigation_container {position: relative; display: flex; position: absolute; right: 0; top: 5rem;}
.storyWrap .swiper-button-next, .storyWrap .swiper-button-prev {right: unset!important; left: unset!important; position: relative!important; width: 6.7rem !important; height: 6.7rem!important; margin: 0!important; padding: 0!important; transition:noen;}

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

.storyWrap .swiper-button-next.swiper-button-disabled, .storyWrap .swiper-button-prev.swiper-button-disabled {opacity:1!important}




.storyWrap .swiper-button-next {background:url(../img/main/mainRightArrow002_un.jpg) no-repeat center / cover;}
.storyWrap .swiper-button-prev {background:url(../img/main/mainLeftArrow002_un.jpg) no-repeat center / cover;}

@media (min-width:992px) {
.storyWrap .swiper-button-next:hover {background:url(../img/main/mainRightArrow002.jpg) no-repeat center / cover;}
.storyWrap .swiper-button-prev:hover {background:url(../img/main/mainLeftArrow002.jpg) no-repeat center / cover;}
}


.storyTabContWrap.msimplantContWrap, .storyTabContWrap.msminishWrap, .storyTabContWrap.msorthodonticsWrap {display:none;}
.storyTabContWrap.msimplantContWrap.msShow,
.storyTabContWrap.msminishWrap.msShow,
.storyTabContWrap.msorthodonticsWrap.msShow {display:block!important;}



.msSlideBBox {
    position: relative;
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 10;
}
.msSlideBBox .storyTabContWrap .swiper {
    margin-right: 3rem;
}

.storyWrap .msSlideBBox .swiper-button-prev {top:0;}
.storyWrap .msSlideBBox .swiper-button-next {top:0;}

.storyWrap .msSlideBBox .navigation_container {
    right: 0rem;
    position: absolute;
    top: 0rem;
    left: unset;
    bottom: unset;
}
.storyWrap .msSlideBBox .swiper-thumbs {
    margin-bottom: 0;
    margin: 0;
    margin-right: 3rem;
}

.storyWrap .aftext {
    color: #A07F2E;
    text-align: left;
    position: absolute;
    right: 2rem;
    z-index: 1;
    width: auto;
    top: 2rem;
    color: #6E7474;
    text-align: right;
    font-family: Cormorant;
    font-size: 2.9rem;
    font-style: normal;
    font-weight: 600;
    line-height: 2.9rem;
    letter-spacing: 0.58px;
}


.storyWrap .betext {
    color: #AAA;
    font-family: Cormorant;
    font-size: 2.9rem;
    font-style: normal;
    font-weight: 600;
    line-height: 2.9rem;
    letter-spacing: 0.058rem;
    position: absolute;
    left: 2rem;
    top: 2rem;
    width: auto;
}



@media (max-width:1500px) and (min-width:992px) {
	.storyWrap {
		background: #FFF;
		padding: 10rem 0;
		position: relative;
	}
	
	.msimplantContWrap {padding: 6rem 6rem 0rem 6rem;}
	.msminishWrap {padding: 6rem 6rem 0rem 6rem;}
	.storySayBotm {
		margin-top: 4rem;
	}
	.designcountWrap .mainInner {padding: 0 6rem;}
	.storyWrap .mainInner {padding: 0 6rem;}
	#implantCont {padding: 0rem;}
	#minishCont {padding: 0;}
	#orthodontics {padding: 6rem 6rem 0rem;}
	
	.msallStoryWrap { padding: 6rem 6rem 0rem;}
	
	.storyTabList .krSTitle {font-size: 2rem; line-height: 2.8rem;}
	.storyTabList li a span{padding: 1.5rem 0;}
	.strotThumnailText {line-height: 7rem;}
	.storySay {font-size: 2.2rem; line-height: 3rem; padding: 2rem 0 0 0rem;}
	.storySay::before {
		left: 1.6rem;
		top: 1.8rem;
		width: 3.8rem;
		height: 3rem;
	}
	.betext, .aftext {font-size: 3rem; line-height: 3rem;}
	.abTxtBox {padding-bottom: 1.5rem;}
	.movGsite {font-size: 1.6rem; line-height: 2rem; padding-right: 2.4rem;}
	.storyWrap .swiper-button-next, .storyWrap .swiper-button-prev {width:7rem!important; height:7rem!important;}
}


@media (max-width:991px) {
	.storyWrap .mainInner {padding: 0 2rem}  
	.designcountWrap .mainInner {padding: 0 2rem;}
	.storyWrap {background: #FFF; padding: 6rem 0;}
	.contETitle {font-size: 1.8rem; line-height: 2.4rem; letter-spacing: 0.54px; color: #A07F2E;}
	.storyTabList {width: 100%; justify-content: center;}
	.storyWrap .mainInner.stickyMenu {top: 7rem;}
	.storyWrap .mainInner.stickyMenu.change {top: 1rem;}
	.storyTabList li {padding-right: 0; width: calc(100%/3); margin-right:0;}
	.storyTabList li a {min-width: unset; width:100%;}
	.storyTabList li a span {
		padding: 1.3rem 0;
		display: inline-block;
		width: auto;
	}
	.storyTabList li a span::before {
		height: 0.3rem;
	}
	
	.storyTabList .enSTitle {font-size: 1rem; line-height: 1.1rem; letter-spacing: 0.4px; margin-bottom: 0.6rem;}
	.storyTabList .krSTitle {font-size: 1.7rem; line-height: 2.2rem; letter-spacing: -0.51px;}
	#minishCont {padding: 5rem 2rem 9.3rem 2rem;}
	#implantCont {padding: 5rem 3rem 9.3rem 2rem;}
	#orthodontics {padding: 5rem 2rem 9.3rem;}
	.msallStoryWrap { padding: 4rem 2rem 0rem;}
	/* .mainWrap .msallStoryWrap { padding: 5rem 2rem 0rem;} */
	.mainWrap #allStory {
		position: relative;
	}
	.mainWrap #allStory1 {
		position: relative;
	}
	
	.strotThumnailText {font-size: 1.5rem; line-height: 5.6rem; letter-spacing: -0.6px;}
	
	#allStory .msSlideBBox {width: 100%;}
	#allStory1 .msSlideBBox {width: 100%;}
	.storyWrap #allStory .msSlideBBox .swiper-thumbs {display:none;}
	.storyWrap #allStory1 .msSlideBBox .swiper-thumbs {display:none;}
	
	.storythumbSwiperBox {
		position: relative;
		display: flex;
		align-items: center;
		position: absolute;
		right: 0;
		top: 0rem;
		z-index: 10;
		width: 26rem;
		justify-content: center;
		margin: 0 auto;
		bottom: inherit;
	}



	
	.implantthumbSwiper .swiper-wrapper {justify-content: flex-start;}
	.implantthumbSwiper .swiper-wrapper {border-bottom: 1px solid #F6F6F6; overflow-x: scroll; overflow-y: hidden;}
	.storyWrap .navigation_container {
		top: 0;
		right: 0;
		display: flex;
		margin-top: 3rem;
		position: relative;
	}
	.storySayBotm {
		width: 100%;
		position: relative;
		display: flex;
		justify-content: flex-end;
		margin-top: 4rem;
		flex-direction: column;
	}
	.storySayBotmLeft {
		left: 0;
		top: unset;
		z-index: 23;
		width: 100%;
		position: relative;
	}
	
	.storySayBotmRight {
		width: 100%;
		position: relative;
		margin-top: 0;
	}
	
	.storyWrap .swiper-thumbs {margin-bottom: 4rem;}
	.BranndM .storySay {        padding: 3rem 0 0 0rem;font-size: 1.6rem; line-height: 2.6rem; letter-spacing: -0.16px; width:100%;}
	.storySayBotm {margin-top: 2rem;}
	
	.movGsiteBtn {width: 100%; margin-top: 2rem; text-align: center;}
	.movGsite {font-size: 1.3rem; line-height: 1.6rem; padding-right: 2.2rem;}
	.movGsite::before {width:1.2rem; height:1.2rem;}
	
	
	/* .comparisonArea:after{    border-top-width: 0px;} */
	.betext, .aftext {font-size: 2.2rem; line-height: 2.2rem; letter-spacing: 0.44px;}
	.abTxtBox {padding-bottom:1rem;}
	.abTxtBox::before {font-size: 2.2rem; line-height: 2.2rem; letter-spacing: 0.44px;}
	.openPopupBtn {
		width: 50%;
		text-align: center;
	}
	.abTxtBotmBox .goeSite {
		font-size: 1.4rem;
		line-height: 4rem;
		opacity: 1;
		position: relative;
		padding: 0.75rem 0;
		/* width: 50%; */
		padding: 0!important;
		text-align: center!important;
	}
	.abTxtBotmBox .goeSite::before {display:none;}
	.abTxtBotmBox {margin-top: 1rem;}

	.storyWrap .swiper-button-next, .storyWrap .swiper-button-prev {width: 50%!important; height: 5.3rem!important;}
	
	.storyWrap .swiper-button-next {background: url(../img/main/mainBSRight-mo.jpg) no-repeat center / contain; background-color:#DCCEBA;}
	.storyWrap .swiper-button-prev {background: url(../img/main/mainBSRLeft-mo.jpg) no-repeat center / contain; background-color:#DCCEBA;}

	.teamWrap .swiper-button-next.swiper-button-disabled {background: url(../img/main/mainBSRight_un-mo.jpg) no-repeat center / cover;}
	.teamWrap .swiper-button-prev.swiper-button-disabled {background: url(../img/main/mainBSRight_un-mo.jpg) no-repeat center / cover;}

	.minishthumbSwiper .swiper-wrapper {
		border-bottom: 1px solid #E6E6E6;
		display: none;
	}
	.storyTabListWrap {margin-top:4rem;border-radius: 3px;}
	
	.countDate {margin-top: 2rem; font-size: 1.4rem; line-height: 2rem;}
	
	.swiper.implantSwiper {overflow: unset!important;}
	#minishCont .minishSwiper {overflow: unset!important;}
	#orthodontics .afimgsl {overflow: unset!important;}
	#comparison input[type=range]::-webkit-slider-thumb {width: 3.1rem; height: 3.1rem;}
	
	.storyWrap .swiper-button-prev.swiper-button-disabled {background: url(../img/main/mainBSLeftUn-mo.png) no-repeat center / contain; background-color: #ECE8DF;}
	.storyWrap .swiper-button-next.swiper-button-disabled {background: url(../img/main/mainBSRightUn-mo.png) no-repeat center / cover;}
	
	.msimplantContWrap {
		padding: 0;
	}
	
	.implantthumbSwiper .swiper-wrapper {display:none;}
	
	.storySayBotmLeft {
		display:flex;
		flex-direction: column-reverse;
	}
	
	.pc_movbtn{display:none;}
	.mo_movbtn{display:inline-block;}
	.movGsiteBtn {
		width: 100%;
		margin-top: 0;
		text-align: center;
		margin-top: 3rem;
	}
	.storySay::before {
		height: 20px;
		width: 25px;
		transform: translate(0, 0px);
	}

	.msSlideBBox {
		position: relative;
		display: flex;
		align-items: center;
		position: absolute;
		right: 2rem;
		top: unset;
		z-index: 10;
		width: calc(100% - 1rem);
		justify-content: center;
		margin: 0 auto;
		bottom: 0;
	}

	.storyWrap .msSlideBBox .navigation_container {
		position: relative;
		top: unset;
		right: unset;
		left: unset;
		bottom: unset;
		width: 100%;
		margin: 0;
	}

	.storyTabContWrap.msminishWrap {
		padding: 0;
	}

	.storyTabContWrap.msorthodonticsWrap {
		padding: 0;
	}
	.orththumbSwiper .swiper-wrapper {display:none;}

	.afimgsl .slideTitleSD {
		color: #2F2C2C;
		font-family: "Pretendard-SemiBold";
		font-size: 2rem;
		line-height: 4.3rem;
		letter-spacing: -0.6px;
		margin-bottom: 1.8rem;
	}
}
@media (max-width:767px) {
	.storyWrap .mainInner.stickyMenu {top: 6rem;}
	.storyTabList .enSTitle {
		font-size: 0.9rem;
		line-height: 0.9rem;
		letter-spacing: 0;
		margin-bottom: 0.6rem;
	}
	.storyTabList .krSTitle {
		font-size: 1.5rem;
		line-height: 2.2rem;
		letter-spacing: -0.45px;
	}
	
	
	.msallStoryWrap {
		padding: 2rem 2rem 0rem;
	}
	.afimgsl .slideTitleSD {
		padding-top: 2.3rem;
		font-size: 2rem;
		line-height: 2rem;
		margin-bottom: 2rem;
	}
	.BranndM .storySay {
		font-size: 1.5rem;
		line-height: 2.1rem;
		padding: 0rem 0 0 0rem;
	}
	/* .storySay br{display:none;} */
	.storySay::before {
		content:none;
		left: 0rem;
		top: -0rem;
		width: 2.5263rem;
		height: 2rem;
		transform: unset;
	}
	.storyWrap {background: #FFF; padding: 5rem 0;}
	.storyWrap .aftext {
		font-size: 1.4rem;
		font-style: normal;
		line-height: 2rem;
		letter-spacing: 0.28px;
		top: 1rem;
		right: 1.2rem;
		left: unset;
	}
	.storyWrap .betext {
		font-size: 1.4rem;
		line-height: 2rem;
		letter-spacing: 0.028rem;
		position: absolute;
		left: 1rem;
		top: 1.2rem;
		width: auto;
	}
	
	
	.storythumbSwiperBox {
		width: 8.6rem;
	}
	.storyWrap .swiper-button-next, .storyWrap .swiper-button-prev {
		width: 50%!important;
		height: 4.3rem!important;
	}
	.storyWrap .swiper-button-prev {
		background: url(../img/main/mainLeftArrow002_un.jpg) no-repeat center / cover;
	}
	.storyWrap .swiper-button-next {
		background: url(../img/main/mainRightArrow002_un.jpg) no-repeat center / cover;
	}
	
	.movGsiteBtn {
		margin-top: 2rem;
	}
}


/* ::::::::::::: =========== // ~ Smile Design Story END  =========== ::::::::::::: */


/* ::::::::::::: =========== medical team START ~ =========== ::::::::::::: */
.teamWrap {
    /* background: linear-gradient(0deg, #413627 0%, #413627 100%), #F8F8F8; */
    /*padding: 15rem 0;*/
	padding-top: 15rem;
    position: relative;
    background: linear-gradient(0deg, #6E7474 0%, #6E7474 100%), #F8F8F8;
}
.teamBg {width: 100%; height: auto; position: absolute; left: 50%; transform: translateX(-50%); top: -12rem;}
.teamBg img {width:100%; height:auto;}
.teamWrap .mainInner {
    width: 100%;
    max-width: unset;
    padding: 0 12rem;
    margin: 0 auto;
}

.teamlist {
	display: flex;
    justify-content: center;
	margin-top:10rem;
	width:100%;
	max-width:138rem;
	/*margin:10rem auto;*/
	margin:5rem auto;
}

.teamlist li {
    width: calc(100%/3);
    border-radius: 999px;
    border: 1px solid rgba(249, 239, 214, 0.20);
    background: rgba(249, 239, 214, 0.05);
    padding: 4rem 0;
	position:relative;
}
.teamlist li h3{
    color: #F9EFD6;
    text-align: center;
    font-family: "Pretendard-Medium";
    font-size: 2.4rem;
    line-height: 3.4rem;
    text-transform: uppercase;
}

.teamlist li:nth-child(1) {transform: translateX(7rem);}
.teamlist li:nth-child(2) {position:relative;}
.teamlist li:nth-child(3) {transform: translateX(-7rem);}

.teamlist li:nth-child(2)::before {
    content: '';
    width: 7rem;
    height: 7rem;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    background: url(../img/main/plusicon.png) no-repeat center / cover;
}
.teamlist li:nth-child(2)::after {
    content: '';
    width: 7rem;
    height: 7rem;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    background: url(../img/main/plusicon.png) no-repeat center / cover;
}

.docGroup {}
.docTab {display:flex; width:100%;}
.docBox {width:calc(100%/5 - 0.88rem); margin-right:1.88rem; cursor:pointer;}
.docBox:last-child {margin-right:0;}

.docBoxInner {position:relative; border-radius: 200px 30px 0px 0px; background: #767B7B;}
.docImg {width:100%; height:auto;}
.docImg img {width: 100%; height: auto; vertical-align: bottom;}

.unvMark {position: absolute; width: 12.5rem; height: auto; opacity:0.25; transition:all 0.3s ease-in-out;}
.unvMark img {max-width:100%; height:13rem;}

.docBox:hover .docBoxInner {    background: rgba(220, 206, 186, 0.50);}
.docBox:hover .unvMark {opacity:1;}

.docTxtBox {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 3rem 2.5rem;
}
.docem {
	color: #FFF;
	font-size: 2rem;
	line-height: 3rem;
	text-transform: uppercase;	
}
.docName {
	color: #FFF;
	font-family: "MaruBuri";
	font-size: 4.4rem;
	font-weight: 500;
	line-height: 6rem;
	letter-spacing: 4.4px;
	text-transform: uppercase;
}

.docMore {
    color: #FFF;
    font-size: 1.6rem;
    line-height: 1.6rem;
    text-transform: uppercase;
    padding-right: 5.6rem;
    position: relative;
    display: inline;
    height: 4.6rem;
    display: inline-flex;
    align-items: center;
}
.docMore::before {
	content:'';
	width:4.6rem;
	height:4.6rem;
	position:absolute;
	right:0;
	top:50%;
	transform:translateY(-50%);
	background:url(../img/main/docsIcon.png) no-repeat center / cover;	
}

.docBox:hover .docMore::before {
	border-radius: 50%;
	background: #DCCEBA;
	box-shadow: 6px 6px 30px 0px rgba(199, 173, 110, 0.30);
	background:url(../img/main/docsIconHover.png) no-repeat center / cover;

}

.sketchCont {margin-top:8rem;}
.teamtab_contWrsp {display: flex; justify-content: space-between;}
.teamBLeft, .teamBRight {width:calc(50% - 2rem); position:relative;}
.teamslieTitle {
	font-family: 'Cormorant';
	font-size: 2.8rem;
	font-weight: 600;
	line-height: 3.6rem;
	letter-spacing: 0.03em;
	text-align: left;
	color:#FFF;
	margin-bottom:2rem;	
}

.teamslie {padding-bottom: 56.099%!important; border: 1px solid #FFF; height: 0;}
.mddocimg img{max-width:100%;}

.teamslietxt {
	color: #FFF;
	font-size: 2rem;
	font-weight: 300;
	line-height: 3.4rem;
	margin-top:2rem;
}

.careerList {
    border-top: 1px solid #DCCEBA;
    height: 58.2rem;
    overflow: hidden;
}
.careerList li {
	color: #FFF;
	font-size: 1.8rem;
	font-weight: 300;
	line-height: 2.8rem;
	letter-spacing: -0.36px;
	padding:1.2rem 0;
	border-bottom:1px solid rgba(255,255,255, 0.1);
}

.teamBtnArea {
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translate(-50%);
    width: 100%;
    background: linear-gradient(180deg, rgba(110 116 116 / 50%) 0%, #6E7474 100%);
    display: flex;
    justify-content: center;
    padding: 8.2rem 0 3rem;
}
.teamBtn {
	cursor:pointer;
    display: inline-block;
    padding: 1.2rem 2.4rem;
    border: 1px solid #FFF;
    border-radius: 4px;
}
.teamBtnTxt {
    color: #FFF;
    text-align: center;
    font-family: Pretendard;
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 2.4rem;
    text-transform: uppercase;
    padding-right: 2.4rem;
    display: inline-block;
	position:relative;
}
.teamBtnTxt::before {
	content:'';
	width: 1.4rem;
	height: 1.6rem;
	background:url(../img/main/careerArrow.png) no-repeat center / cover;
	position:absolute;
	right:0;
	top:50%;
	transform:translateY(-50%);
}


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

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

.teamWrap .swiper-pagination.swiper-pagination-bullets.swiper-pagination-horizontal {width: auto; left: 50%; transform: translateX(-50%); padding: 1rem; border-radius: 99px; background: rgba(0, 0, 0, 0.60); bottom: 2rem;}
.teamWrap span.swiper-pagination-bullet {width: 0.6rem; height: 0.6rem; border-radius: 9px; opacity: 0.4; background: #FFF;}
.teamWrap span.swiper-pagination-bullet.swiper-pagination-bullet-active {border-radius: 9px; opacity: 0.9; background: #DAC28A;}

.teamWrap .tab_contGroup {display:none;}
.teamWrap .tab_contGroup.on {display:block;}
	
@media (max-width:1900px) {
	.unvMark img {
		height: 9rem;
	}
	.docTxtBox {
		padding: 2rem 1rem;
	}
	.docem {
		font-size: 1.8rem;
		line-height: 2.4rem;
	}
	.docName {
		font-size: 3.6rem;
		line-height: 6rem;
		letter-spacing: 3.4px;
	}
}	
	
@media (max-width:1500px) and (min-width:992px) {
	.teamlist li {padding: 3rem 0;}
	.teamlist li h3{font-size: 2.2rem; line-height: 3.2rem; }
	.teamWrap .mainInner {padding: 0 6rem;}
}
@media (max-width:1200px) {
	.teamWrap .mainInner {
		padding: 0 4rem;
	}
	.docBox {
		width: calc(100%/5 - 0.5rem);
		margin-right: 1rem;
	}
	.docTxtBox {
		display: flex;
		padding: 2rem 1.5rem;
		flex-direction: column;
		align-items: flex-start;
		justify-content: flex-end;
	}
}
@media (max-width:991px) {
	.teamWrap {padding: 6rem 0; overflow:hidden;}
	.teamWrap .mainInner {padding: 0 2rem;}
	.docTab {flex-wrap: wrap; justify-content: space-between;}
	/* .docBox {width: calc(50% - 2rem); margin-right: 0rem; cursor: pointer; margin-top:4rem;} */
	.docBox {width: calc(100% - 1rem);margin-right: 0rem;cursor: pointer;margin-top: 4rem;}
	
	.teamlist {width: 100%; max-width: 138rem; margin: 3.5rem auto 1.3rem;}
	.teamlist li {padding: 1.4rem 0; min-width: 30.12%;}
	.teamlist li h3{font-size: 1.4rem; line-height: 1.8rem;}
	.teamlist li:nth-child(1) {transform: translateX(1.6rem);}
	.teamlist li:nth-child(3) {transform: translateX(-1.6rem);}
	
	.teamlist li:nth-child(2)::after {width: 3.6rem; height: 3.6rem; right: -1.1rem;}
	.teamlist li:nth-child(2)::before {width: 3.6rem; height: 3.6rem; left: -1.1rem;}
	
	.teamBg {transform: unset; left:0; top: -5rem;}
	
	.docem {font-size: 1.6rem; line-height: 2.2rem;}
	.docName {font-size: 2.8rem; line-height: 3.8rem; letter-spacing: 2.8px;}
	.docTxtBox {display: flex;align-items: flex-end;bottom: 2.9rem;padding: 0 1rem;flex-direction: row;justify-content: space-between;}
	
	.docImg {margin-bottom: 1.1rem;}

	.docMore {font-size: 1.3rem; line-height: 1.6rem; padding-right: 4.4rem; height: 3.8rem; align-items: center;}
	.docMore::before {width:3.6rem; height:3.6rem;}
	
	.teamtab_contWrsp {display: flex; justify-content: space-between; flex-direction: column;}
	.teamBLeft, .teamBRight {width: 100%; position: relative;}
	.teamBRight {margin-top:5rem;}
	.sketchCloseBtn {cursor:pointer;}
	.sketchCont {
		left: 0;
		width: 100%;
		z-index: 510;
		padding: 0 2rem;
		margin-top: 0rem;
		position: absolute;
		background: #000;	
		display: none;
		-ms-overflow-style: none; 
		scrollbar-width: none;
	}
	.sketchCont::-webkit-scrollbar {
	  display: none;
	}
	.contArea.sketchCont.show {
		top: 0;
		height: 100vh;
		display: block;
		position: fixed;
		overflow: scroll;
		overflow-x: hidden;
		padding-top: 6rem;
		padding-bottom: 5rem;
		backdrop-filter: blur(10px);
		-webkit-backdrop-filter: blur(10px);
		background: rgba(110, 116, 116, 0.90);
	}
	.sketchCloseBtn {width: 2.5rem; height: 2.5rem; margin: 0 auto 4rem;}
	.sketchCloseBtn img {width:100%; height:100%;}
	.teamslieTitle {font-size: 2rem; line-height: 2.6rem; letter-spacing: 0.6px;}
	.teamslietxt {margin-top: 2rem; font-size: 1.6rem; line-height: 2.4rem; font-family: "Pretendard-Light";}
	.teamWrap .swiper-button-next, .teamWrap .swiper-button-prev {width:5.3rem!important; height:5.3rem!important;position:relative!important;}
	.teambtnGroup {
		position: absolute;
		display: flex;
		flex-direction: row-reverse;
		justify-content: space-between;
		align-items: center;
		display: flex!important;
		width: 100%;
		bottom: 0;
	}
	.teambtnGroup.pc_only {display:none!important;}
	
	.careerList li {font-size: 1.5rem; line-height: 2.2rem; letter-spacing: -0.3px; padding: 1.2rem 0;}
	.teamBtnArea a {width:100%;}
	.teamBtn {width:100%; text-align: center;}
	.teamBtnTxt {font-size: 1.3rem; line-height: 1.6rem; padding-right: 2.2rem;}
	.teamBtnTxt::before {width:1.2rem; height:1.2rem;}
	
	.unvMark {margin-left:1rem;}
	.unvMark img {height:11rem;}
	
	.teamWrap .navigation_container {display: flex;}
	
	.teamWrap .swiper-button-next, .teamWrap .swiper-button-prev {width: 50%!important;}
	
	.teamWrap .swiper-button-prev.swiper-button-disabled {background: url(../img/main/mainBSLeft-moteam.jpg) no-repeat center / contain; background-color: #ECE8DF;}
	.teamWrap .swiper-button-prev {background: url(../img/main/mainBSLeftAC-moteam.jpg) no-repeat center / contain; background-color: #DCCEBA;}

	.teamWrap .swiper-button-next.swiper-button-disabled {background: url(../img/main/mainBSRight-moteam.jpg) no-repeat center / contain; background-color: #ECE8DF;}
	.teamWrap .swiper-button-next {background: url(../img/main/mainBSRightAC-moteam.jpg) no-repeat center / contain; background-color: #DCCEBA;}
	

	.swiper.moTeamSlide {
		overflow: unset!important;
		padding-right:1rem;
	}


}

@media (max-width:767px) {
	.docTab {flex-direction: column;}
	.docBox {width: 100%; margin-right: 0rem; cursor: pointer;}
	.docBoxInner {
		border-radius: 200px 20px 0px 0px;
	}
	.swiper.moTeamSlide {
        padding-right: 0rem;
    }
	.moTeamSlide .swiper-slide{
		padding-right:1rem;
	}
}

/* ::::::::::::: =========== // ~ medical team END  =========== ::::::::::::: */



/* ::::::::::::: =========== Digital Dentistry Leader START ~ =========== ::::::::::::: */
.leaderWrap {background: linear-gradient(0deg, #2F2C2C 0%, #2F2C2C 100%), #F8F8F8; padding:15rem 0;}
.leaderWrap .mainInner {
    width: 100%;
    max-width: unset;
    padding: 0 12rem;
    margin: 0 auto;
}
.leaderSwiperGroup {position:relative;}

.thumnailSwiper {height: auto; width: 50%;}
.leaderImgSwiper {
    margin-top: 10rem;
    width: 50%;
    height: 48rem;
}
.leaderSwiperGroup {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    position: relative;
    margin-top: 10rem;
}

/* 왼쪽 슬라이드 */
.thumInner {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.leaderCount {
    color: #DCCEBA;
    font-family: "Playfair Display";
    font-size: 5rem;
    line-height: 5.2rem;
    text-transform: uppercase;
    margin-right: 3rem;
    width: 7rem;
}

.leaderTitle {
	color: #FFF;
	font-family: "Pretendard-Light";
	font-size: 3.2rem;
	line-height: 5.2rem;
	text-transform: uppercase;
}

.leaderTxt {
    color: #FFF;
    font-family: "Pretendard-Light";
    font-size: 2rem;
    line-height: 3.2rem;
    text-transform: uppercase;
    margin: 1rem 0 2rem;
}
.leadermoreV {
    color: #FFF;
    font-family: "Pretendard-Medium";
    font-size: 1.8rem;
    line-height: 4.5rem;
    text-transform: uppercase;
    position: relative;
    display: inline-block;
    padding-right: 5.5rem;
}
.leaderTBoxBotm {
    height: 0;
    overflow: hidden;
}

.thumnailSwiper .swiper-slide {
    height: auto!important;
	padding:2.5rem 0;
	position:relative;
	cursor:pointer;
	opacity:0.3;
}

.thumnailSwiper .swiper-slide::before {
    content: '';
    width: 88%;
    height: 1px;
    position: absolute;
    right: 0;
    bottom: 0;
    background: rgba(255, 255, 255, 0.10);
}
.thumnailSwiper .swiper-slide-thumb-active  {opacity:1;}
.thumnailSwiper .swiper-slide-thumb-active .leaderTBoxBotm {height: auto; overflow: hidden; margin-left:10rem;}


.thumnailSwiper .swiper-slide-thumb-active .leaderTitle {font-family: "Pretendard-Medium";}

.leadermoreV::before {
    content: '';
    width: 4.5rem;
    height: 4.5rem;
    position: absolute;
    right: 0;
    z-index: -1;
    background: url(../img/main/customerArrow.png) no-repeat center / cover;
    transition: all 0.3s ease-in-out;
}
/* 오른쪽 슬라이드 */

.leaderImgSwiper img {width:100%; height:auto;}

.leaderSwiperGroup .navigation_container {
    position: relative;
    flex-direction: row;
    position: absolute;
    left: 50%;
    top: unset;
    z-index: 1;
    bottom: 0;
    display: flex;
    left: 75%;
    transform: translateY(-75%);
}
.leaderSwiperGroup .swiper-button-next, .leaderSwiperGroup .swiper-button-prev {right: unset!important; left: unset!important; position: relative!important; width: 6.7rem !important; height: 6.7rem!important; margin: 0!important; padding: 0!important;}
.leaderSwiperGroup .swiper-button-next {background:url(../img/main/leaderslideDown.png) no-repeat center / cover;}
.leaderSwiperGroup .swiper-button-prev {background:url(../img/main/leaderslideUp.png) no-repeat center / cover;}
.leaderSwiperGroup .swiper-button-next:after, .leaderSwiperGroup .swiper-button-prev:after {content:''!important;}

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



.leaderTitleBox {display:flex;}
@media (max-width:1700px) {
	.leaderSwiperGroup .navigation_container {transform: translateX(10%);}
}

@media (max-width:1500px) and (min-width:992px) {
	.leaderWrap .mainInner {padding: 0 6rem;}
	.leaderCount {font-size: 5rem; line-height: 4.2rem;}
	.leaderTitle {font-size: 3rem;}
	.leaderTxt {font-size: 1.8rem; line-height: 2.7rem; margin: 1rem 0 2rem;}
	.leadermoreV::before {width: 4rem; height: 4rem;}
}

@media (max-width:991px) {
	.leaderWrap {padding: 6rem 0 2rem;}
	.leaderWrap .mainInner {padding: 0 2rem;}
	.leaderTitleBox {display: flex; padding-top: 2rem; width: 100%;}
	.leaderCount {font-size: 2.8rem; line-height: 3rem; margin-right: 0.8rem; width: 3.2rem;}
	.leaderTitle {font-size: 1.8rem; line-height: 3.8rem; padding:0 0 2rem 0; border-bottom:1px solid rgba(255, 255, 255, 0.10);}
	.leaderTxt {font-size: 1.6rem; line-height: 2.4rem; margin: 1.6rem 0 1rem;}
	
	.leaderImg.mo_only {width: 100%; height: 0; overflow: hidden;}
	.leaderImg.mo_only img {width: 100%; height: auto;}
	
	.leaderSwiperGroup {margin-top:4rem;}
	.thumnailSwiper {height: auto; width: 100%; margin-bottom:0;}
	.thumnailSwiper .swiper-slide:last-child::before {display:none;}
	.thumnailSwiper .swiper-slide:first-child {padding-top: 0;}
	.thumnailSwiper .swiper-slide.swiper-slide-thumb-active .leaderImg.mo_only {height:auto;}
	.thumnailSwiper .swiper-slide-thumb-active .leaderTBoxBotm {margin-left: 0rem; padding-bottom: 2rem;}
	.thumnailSwiper .swiper-slide-thumb-active .leaderTitleBox {margin-bottom: 1.6rem;}
	
	.leaderSwiperGroup .navigation_container {display: none;}

	.leadermoreV {font-size: 1.4rem; line-height: 3.5rem; padding-right: 4.1rem;}
	.leadermoreV::before {width: 3.5rem; height: 3.5rem;}
	
	.leaderTBox {width: 100%;}
	.leaderlistBox.active .leaderTitle {border-bottom:none;}
	.leaderlistBox.active .leaderImg.mo_only {height:auto;}
	.leaderlistBox.active .leaderTBoxBotm {height: auto; margin-left: 0rem; padding-bottom: 2rem; border-bottom: 1px solid rgba(255, 255, 255, 0.10);}
	.leaderlistBox.active .leadermoreV::before {z-index:1;}
	.leaderlistBox:last-child .leaderTitle {border-bottom:none;}
	/* .leaderlistBox.active .leaderTitleBox {margin-bottom: 1.6rem;} */
	
	.leaderTitle {width: calc(100% - 4.1rem);}
}
@media (max-width:767px) {}




/* ::::::::::::: =========== // ~ Digital Dentistry Leader END  =========== ::::::::::::: */


 

/* ::::::::::::: =========== Customer, Map START ~ =========== ::::::::::::: */
.mapWrap {
    position: relative;
    z-index: 0;
}
.mapWrap .mainInner {
    width: 100%;
    max-width: unset;
    padding: 0 12rem;
    margin: 0 auto;
}

.customerWrap {position:relative; background:#F3F0E9; padding:15rem 0 10rem;}
.customerWrap .mainInner {display: flex; align-items: center; justify-content: space-between;}
.cusETitle {
	color: #DCCEBA;
	font-family: Cormorant;
	font-size: 3rem;
	font-style: normal;
	font-weight: 600;
	line-height: 4rem;
	letter-spacing: 0.9px;
	text-transform: uppercase;
}
.cusTitle {
	color: #2F2C2C;
	font-family: "MaruBuri";
	font-size: 5.2rem;
	line-height: 6.4rem;
	letter-spacing: -1.56px;
	text-transform: uppercase;
	margin:3rem 0 2rem 0;
}
.cusTxt {
	color:#2F2C2C;
	font-family: "Pretendard-Light";
	font-size: 2.4rem;
	line-height: 4rem;
}

.customerRight {width: 67.98%;}
.customerRight ul {display: flex; align-items: center;}
.customerRight ul li{width: calc(100%/3); border-right:none; padding: 0 5rem; border-right: 1px solid rgb(47 44 44 / 10%); }
.customerRight ul li:last-child {border-right:none;}
.customerRight ul a { display:inline-block; }


.cusRIcon {width:auto; height:4rem; margin-bottom:2rem;}
.cusRIcon img {width:auto; height:100%;}
.cusRTitle {
	color: #2F2C2C;
	font-size: 2.2rem;
	line-height: 3.1rem;
	letter-spacing: -0.44px;
	margin-bottom:3rem;
}
.cusgoSite {
    color: #2F2C2C;
    font-size: 1.8rem;
    line-height: 4.5rem;
    position: relative;
    display: inline-block;
    z-index: 1;
}
.cusgoSite::before {
    content: '';
    width: 4.5rem;
    height: 4.5rem;
    position: absolute;
    right: 1rem;
    z-index: -1;
    background: url(../img/main/customerArrow.png) no-repeat center / cover;
    transform: translateX(100%);
	transition:all 0.3s ease-in-out;
}
.customerRight ul a:hover .cusgoSite { font-family: "Pretendard-Medium";}
.customerRight ul a:hover .cusgoSite::before {right: -1rem;}


/* map */
.mapArea {height: 0; width: 100%; overflow: hidden; position: relative; padding-bottom: 43.63%;}
.mapCont {top: 50%; left: 50%; width: 140%; height: 140%; position: absolute; transform: translate(-50%,-50%);}
.mapCard {left: 0; top: 50%; width: 100%; position: absolute; transform: translateY(-50%);}

.contactBox {
    position: relative;
    z-index: 10;
    padding: 5rem;
    background: #FFF;
    box-shadow: 80px 80px 80px 0px rgba(0, 0, 0, 0.15);
    width: 32.5%;
    min-width: 50.2rem;
}

.maplogo {width: auto; height: 5rem; margin-bottom: 3rem;}
.maplogo img {width:auto; height:100%;}
.adUl li {
    margin-top: 0rem;
    display: flex;
	color: #2F2C2C;
	font-size: 1.5rem;
	line-height: 2.6rem; 
	margin-bottom: 0.8rem;
}
.adUl li:last-child {margin-bottom:0;}
.ctTitle {
	color: #221E1F;
	font-family: "Palatino Linotype";
	font-size: 4rem;
	line-height: 4.8rem;
	margin-bottom:1rem;
}
.ctSTitle {
	color: #221E1F;
	font-family: "Palatino Linotype";
	font-size: 2.1rem;
	line-height: 33px;
	padding-bottom:2rem;
	margin-bottom:2rem;
	position:relative;
}

.ctSTitle::before {
	content:'';
	width:3rem;
	height:0.1rem;
	left:0;
	bottom:0;
	position:absolute;
	background:#221E1F;
}
.addressName {
    color: #2F2C2C;
    font-family: "Playfair Display";
    font-size: 5rem;
    line-height: 6rem;
    text-transform: uppercase;
    padding-top: 1rem;
    position: relative;
    margin-bottom: 4rem;
}

.addressName::before {
    content: '';
    width: 4rem;
    height: 1px;
    left: 0;
    top: 0;
	background: #2F2C2C;
    position: absolute;
}
.add {
	overflow: hidden;
	color: #2F2C2C;
	font-family: "Pretendard-Medium";
	font-size: 1.8rem;
	line-height: 2.6rem;
	margin-bottom:2.2rem;
}
.adListName {
	width:6rem;
	color: #2F2C2C;
	margin-right:3rem;
	font-size: 1.5rem;
	line-height: 2.6rem;
	font-family: "Pretendard-SemiBold";
}
.adListxt {color: #2F2C2C; font-size: 1.5rem; line-height: 2.6rem;}

@media (max-width:1500px) and (min-width:992px) {
	.cusTitle {font-size: 4rem; line-height: 4rem; margin: 2rem 0 2rem 0;}
	.cusETitle {font-size: 2.2rem; line-height: 3.5rem;}
	.cusTxt {font-size: 2rem; line-height: 3rem;}
	.customerRight ul li {padding: 0 3rem;}
	
	.cusRIcon {height: 3rem; margin-bottom: 2rem;}
	.cusgoSite {font-size: 1.6rem; line-height: 4rem;}
	.cusgoSite::before {width: 3.8rem; height: 3.8rem;}
	.cusRTitle {font-size: 2rem; line-height: 2.5rem; letter-spacing: -0.44px; margin-bottom: 2rem;}
	
	.customerWrap {padding: 12rem 0 10rem;}
	.contactBox {padding:4rem;}
	.maplogo {height: 4rem; margin-bottom: 2rem;}
	.addressName {font-size: 3.5rem; line-height: 4.5rem; padding-top: 1rem; margin-bottom: 3rem;}
	.add {font-size: 1.6rem; line-height: 2rem; margin-bottom: 2.2rem;}
	
	.mapWrap .mainInner {padding: 0 6rem;}
}

@media (max-width:991px) {
	.customerWrap {padding: 6rem 0;}
	.customerWrap .mainInner {flex-direction: column;}
	
	.mapWrap .mainInner {padding: 0 2rem;}
	
	.cusETitle {font-size: 1.8rem; line-height: 2.4rem; letter-spacing: 0.54px; text-align:center;}
	.cusTitle {font-size: 2.8rem; line-height: 3.8rem; letter-spacing: -0.84px; margin: 1.6rem 0; text-align: center;}
	.cusTxt {font-size: 1.6rem; line-height: 2.4rem;}
	
	.customerRight {width: 100%;}
	.customerRight ul {display: flex; align-items: center; flex-direction: column; margin-top:4rem;}
	.customerRight ul li {width: 100%; padding: 0; border-right: none; padding-bottom: 4rem; margin-bottom: 4rem; position: relative;}
	.customerRight ul li:last-child {padding-bottom:0; margin-bottom:0;}
	.customerRight ul li:last-child::before {display:none;}
	.customerRight ul li::before {content:''; width: 3.5rem; height: 0.1rem; position:absolute; left:50%; bottom:0; transform:translateX(-50%); background: rgb(47 44 44 / 10%);}
	.customerRight ul a {width: 100%; display: flex; flex-direction: column; align-items: center;}
	.cusRIcon {height: 3rem; margin-bottom: 1rem;}
	.cusRTitle {font-size: 1.8rem; line-height: 2.2rem; letter-spacing: -0.36px; margin-bottom: 1.4rem;}
	.cusgoSite {font-size: 1.4rem; line-height: 3.5rem;}
	.cusgoSite::before {width: 3.5rem; height: 3.5rem; right: -0.6rem;}
	
	.contactBox {
		position: relative;
		z-index: 10;
		padding: 3rem;
		background: #FFF;
		box-shadow: 80px 80px 80px 0px rgba(0, 0, 0, 0.15);
		width: 100%;
		min-width: unset;
	}
	
	/* map */
	.mapArea {height: 78.8rem; min-height: auto;}
	.mapCont {top: 40%;}
	.mapCard {left: 0; top: unset; transform: unset; bottom: 2rem;}

	.maplogo {width: auto; height: 3rem; margin-bottom: 1.6rem;}
	.addressName {font-size: 3rem; line-height: 3.6rem; padding-top: 0.2rem; margin-bottom: 2rem;}
	.add {font-size: 1.4rem; line-height: 2rem; margin-bottom: 1.4rem;}
	.adListName {font-size: 1.2rem; line-height: 2rem; width: 4.8rem; margin-right: 2rem;}
	.adListxt {font-size: 1.2rem; line-height: 2rem;}
	
}
@media (max-width:767px) {
	.mapArea {height: 74.8rem;}
}
/* ::::::::::::: =========== // ~ customer, Map END  =========== ::::::::::::: */