html {font-size:62.5%; font-family: 'Pretendard', sans-serif; color:#111; scroll-behavior: smooth;}
div {box-sizing:border-box; transition:all 0.3s ease-in-out;}
.mid_only, .mo_only, .mo_br, .mo_bgBox {display:none!important;}


@media (max-width: 1905px) and (min-width: 1601px) {`
	html {font-size: 57.5%;}
}


@media (max-width: 1600px) and (min-width: 992px) {
	html {font-size: 52.5%;}
	.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;}
}

/* ::::::::: header START ::::::::: */
header {
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1500;
    position: fixed;
    background: none;
    padding: 0;
    transition: all 0.3s ease-in-out;
    box-sizing: border-box;
    /* border-bottom: 1px solid rgba(255, 255, 255, 0.20); */
    backdrop-filter: blur(7.5px);
    box-sizing: border-box;
	max-height: 10rem;
}
header::before {
    content: '';
    width: 100%;
    height: 0.1rem;
    background: #E2E1E1;
    position: absolute;
    left: 0;
    bottom: 0;
	opacity: 0.2;
}
header:hover {background:#fff;}
header.back {left: 0; top: 0; z-index: 500; position: fixed;}
header.down {transform: translateY(-100%);}
header.change {background: #fff;}
.header_inner {
    width: 100%;
    display: flex;
    margin: 0 auto;
    align-items: center;
    justify-content: center;
    position: relative;
}
.logoWrap {
    width: calc(100%/4);
    padding-left: 5rem;
    height: 9rem;
    display: flex;
    align-items: center;
}
.logo {
    left: 0;
    top: unset;
    width: 18.8rem;
    height: auto;
    position: relative;
    transform: unset;
}
.logo img {width:100%; height:auto;}
.logo a {
    display: inline-flex;
    padding: 0rem 0;
}
.blacklogo {display:none;}
header:hover .whitelogo {display:none;}
header:hover .blacklogo {display:block;}

.h_page	{font-weight: 500; font-size: 1.8rem; line-height: 2.2rem;}
.h_page:hover {color:#FF783E;}
.h_page a {display: flex; align-items: center;}
.h_page figure {width:1.6rem; height:auto; padding-left: 0.8rem;}
.h_page figure img {width:100%; height:auto;}


.gnb {
    /*width: 50%;*/
	width: 55%;
}
ul.gnbLi {
    display: flex;
    width: 100%;
    height: 9rem;
    align-items: center;
}
ul.gnbLi li {
    width: calc(100%/6);
    height: 100%;
}

.gnbRight {width:25%;}

ul.gnbright {
    display: flex;
    width: 100%;
    align-items: center;
    height: 9rem;
	    justify-content: flex-end;
}

ul.gnbright li {
    width: calc(100%/4);
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
	z-index:150;
}

ul.gnbright li a {
    width: 100%;
    height: 100%;
    display: inline-flex;
    justify-content: center;
    padding: 0;
    align-items: center;
}
.borderRightBefore {
    position: relative;
}
.borderRightBefore.opcity02::before {opacity:0.2;}
.borderRightBefore::before {
    content: '';
    width: 0.01rem;
    height: 100%;
    background: #EEE;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
    min-width: 0.1rem;
	opacity: 1;
}


header:hover .borderRightBefore.opcity02::before {
    opacity: 1;
}


.side_menu_Btn {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

header.change  .borderRightBefore.opcity02::before{opacity: 1;}




.gnb ul li.min9 {max-width:9rem;}
.gnb ul li.min9 a {display: flex; justify-content: center; align-items: center; padding: 2.7rem 0;}
.min9 .hsearchImg {width:3.6rem; height:3.6rem;}
.min9 img {width:100%; height:auto;}

.hoverNone {}
.hoverShow {display:none;}


header:hover .hoverNone {display:none;}
header:hover .hoverShow {display:block;}
header.whtie .hoverNone {display:none;}

.gnb ul li a {
	color: #FFF;
	text-align: center;
	font-family: "Pretendard-Bold";
	font-size: 1.6rem;
	font-style: normal;
	font-weight: 700;
	line-height: 5.8rem; /* 362.5% */
}
 
.gnb ul li a {
    color: #FFF;
    text-align: center;
    font-family: Pretendard;
    font-size: 1.8rem;
    font-style: normal;
    font-weight: 400;
    line-height: 4rem;
    display: inline-block;
    padding: 0;
    position: relative;
    width: 100%;
    text-align: center;
    /* border-right: 1px solid rgba(255, 255, 255, 0.20); */
    height: 100%;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}


.gnb ul li:first-child {padding-left:0;}
.gnb ul li:last-child {padding-right:0;}

.gnb ul li a::before {
    content: '';
    width: 0%;
    height: 0.3rem;
    border-radius: 3px 3px 0px 0px;
    background: #C7AD6E;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
	transition:all 0.3s ease-in-out;
}

header:hover .gnb ul li a {color: #2F2C2C; box-sizing: border-box;}
header:hover .gnb ul li:first-child a {padding-left: 0;}


.gnb ul li a:hover {color: #FFF; font-family: "Pretendard-Bold"; font-weight: 700;background:rgba(255, 255, 255, 0.10);}
.gnb ul li a:hover::before {width:100%;}
.gnb_color {color:#FF6C3E!important;}

.change .whitelogo {display:none;}
.change .blacklogo {display:block;}

header.change .gnb ul li a {color: #2F2C2C;}
header.change .gnb ul li:first-child a {color: #2F2C2C;}
.change .gnb ul li a:hover {color: #2F2C2C; font-family: "Pretendard-Bold"; font-weight: 700;}
.change .gnb ul li a:hover::before {width:100%;}

header.white {background: #fff;}
.white .whitelogo {display:none;}
.white .blacklogo {display:block;}

header.white .gnb ul li a {color:#2F2C2C;}
.white .gnb ul li a:hover {color: #2F2C2C; font-family: "Pretendard-Bold"; font-weight: 700;}
.white .gnb ul li a:hover::before {width:100%;}


.depth02 {display:none; }
/* ul.depth02 {position: absolute; display: flex; height: 0; overflow: unset; opacity:0; width:460%;} */
/* ul.depth02 li {padding: 0 1rem; width: 100%;} */
/* ul.depth02 li a {padding: 1.5rem 0; line-height: 3rem; border:none;} */

/* .gnb ul.depth02 li a {padding-left: 0; border:none;} */
/* .gnb ul.depth02 li:first-child a {padding-left: 0; border:none;} */
/* .gnb ul.depth02 {border: none;} */

/* header:hover .gnb ul.depth02 li a {color: #2F2C2C; border-right:none;} */
/* header:hover .gnb ul.depth02 li:first-child a {padding-left: 0; border-left: none;} */

/* .gnb ul.depth02 li:first-child {padding-left: 0; border-left: none!important;} */
/* .gnb ul.depth02:hover li:first-child {padding-left: 0; border-left: none!important;} */

/* .depth02::before { */
    /* content: ''; */
    /* width: 200vw; */
    /* height: 0; */
	/* opacity:0; */
    /* position: absolute; */
    /* left: 0; */
    /* transform: translateX(-50%); */
/* } */
/* .gnb ul li:hover .depth02 {opacity: 1; height:auto; z-index:1;} */
/* .gnb ul li:hover .depth02::before { height: 100%; opacity:1; background:#FFF; border-top:1px solid #EEE;} */
.header:hover {background:#FFF;}

header.change .hoverNone {display:none;}
header.change .hoverShow {display:block;}


header.white .hoverShow {display:block;}

.headerInnder {position:relative;}
.depth02Box {
    width: 100%;
    position: absolute;
    left: 0;
    top: 100%;
    height: auto;
    background: #fff;
    display: flex;
}

.depth02Box {
    width: 100%;
    position: absolute;
    left: 0;
    top: 100%;
    background: #fff;
    display: flex;
    background: #FFF;
    box-shadow: 0px 80px 80px 0px rgba(0, 0, 0, 0.05);
	height: 0;
	/* height: auto; */
	overflow: hidden;
}
header:hover .depth02Box {height:auto;}
.dep02Logo, .dep02HBox {
    width: 25%;
    position: relative;
}
.dep02gnb {width:50%;}

.depth02Menu {display:flex;}
.depth02Menu li {
    width: calc(100%/6);
    padding: 3rem 0;
    text-align: center;
    position: relative;
}

.depth02Menu li p {
    color: #2F2C2C;
    text-align: center;
    font-family: Pretendard;
    font-size: 1.5rem;
    line-height: 3.1rem;
    margin-bottom: 0.6rem;
}

.depth02Menu li p:hover {
    font-family: "Pretendard-SemiBold";
    text-decoration: underline;
}




.headerBanner {height:100%;}
.headerBanner li {border-bottom:1px solid #EEE; position:relative; height: calc(100% / 3);}
.headerBanner li a {
    padding: 3rem 4rem;
    box-sizing: border-box;
    position: relative;
	display: block;
}
.headerBanner li:last-child {border-bottom:none;}
.headBIcon {width:auto; height:3rem;}
.headBIcon img {width:auto; height:100%;}
.headBArrow {width: 4.5rem; height: 4.5rem; border-radius: 50%; background: #F9F9F9; position:absolute; right: 4rem; top: 3rem; display: flex; justify-content: center; align-items: center;}
.headBArrowImg {width: 1.4rem; height: auto;}
.headBArrowImg img {width:100%; height:auto;}


.headBtxt {
	color: #2F2C2C;
	font-size: 1.8rem;
	line-height: 2.4rem;
	letter-spacing: -0.036rem;
	margin-top:1.4rem;
}
.headerBanner li:hover {background: #F8F8F8;}
.headerBanner li:hover .headBtxt {text-decoration-line: underline;}
.headerBanner li:hover .headBArrow {background: #DCCEBA;}

.br_ph {display:none;}

.side .headerBanner {height:auto;}
.side .headerBanner li {height:auto;}
.side .headerBanner li a {padding: 3rem 2rem;}

p.menu01_h {
    font-size: 2rem;
	font-family: "Pretendard-SemiBold";
    line-height: 4rem;
    letter-spacing: 0.02em;
    text-align: left;
    color: #111;
    margin-bottom: 1rem;
    cursor: pointer;
    border-bottom: 1px solid #EEE;
    padding-bottom: 1rem;
}
li.menu01 {
	padding: 1.5rem 0;
	padding-top: 0;
}
li.menu01:last-child {border-bottom:none;}


.searchBarBox {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #FFF;
    width: 25%;
    right: 0;
    left: unset;
    height: auto;
    margin-top: 9rem;
	z-index: -1;
	opacity:0;
	display:none;
}

.searchBarBoxInner {
    padding: 2.2rem 2rem 2.2rem 2rem;
}


.searchBar {
    padding: 0;
    margin: 0;
    border: none;
    width: 68.8%;
    outline: none;
    padding:0;
    font-size: 2rem;
    line-height: 4rem;
}
.searchBarBox form {
    padding-bottom: 1rem;
    border-bottom: 1px solid #111;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.searchBarBox input{
	font-size: 1.6rem;
	font-family: Pretendard;
}

.searchBar::placeholder {
	color: #AAA;
	font-family: Pretendard;
	font-size: 1.5rem;
	line-height: 3.1rem;
}
.searchBtn {
	width: 29.8%;
	border: none;
	padding:0;
	display: flex;
	cursor:pointer;
	background: none;
	display: inline-flex;
	align-items: center;
	justify-content: flex-end;
}
.searchBtn .searchBtnIcon {width:2.8rem; height:2.8rem;}
.searchBtn .searchBtnIcon img {width:100%; height:auto;}


.searchBarBox.active {
    display: block;
    opacity: 1;
    z-index: 501;
}
.depth02Box {position:relative;}
.depth02Box.active::before {
    content: '';
    width: 25%;
    background: #FFF;
    position: absolute;
    right: 0;
    height: 100%;
    z-index: 1;
}

.dep02HBox::before {
    content: '';
    width: 100%;
    height: 100%;
    background: #FFF;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1;
	display:none;
}
.dep02HBox.beforeA::before {z-index: 1; display:block;}


@media (max-width:1600px) and (min-width:992px) {
	.logoWrap {padding-left: 2rem;}
	
}
@media (max-width:1200px) {
	header:hover .depth02Box {display:none;} 
	.headerBanner li:hover {background: none;}
	.side .headerBanner li a {padding: 3rem 0rem;}
	p.menu01_h {
		font-size: 2.1rem;
		line-height: 4rem;
		letter-spacing: 0.02em;
		padding-bottom: 1.5rem;
		font-family: "Pretendard-Medium";
	}
	.depth02Box {display:none;}
	.searchBarBox.active {
		display: block;
		opacity: 1;
		z-index: 501;
		width: 50%;
		margin-top: 6rem;
	}
	.searchBar {width:100%;}
	header.down {transform: translateY(0%);}
	.searchBtn {width: auto;}
	
	header.active {background:#fff;}
	header.active .blacklogo {display: block;}
	header.active .hoverShow {display: block;}
	
	header.active .whitelogo {display: none;}
	header.active .hoverNone {display: none;}
	
	
}
@media (max-width:991px) {
	header .depth02Box {height: auto; display: none;}
	.headerBanner { height: auto; margin-top: 0;}
	.headerBanner li {border-top: 1px solid #EEE; position: relative; height: auto; border-bottom: none;}
	.headerBanner li a {padding: 2rem 0rem;}
	.headBIcon {width: auto; height: 2.4rem;}
	.headBtxt {font-size: 1.4rem; line-height: 2rem; letter-spacing: -0.036rem; margin-top: 1rem;}
	.headBArrow {width: 2.7rem; height: 2.7rem; right: 0; top: 2rem; display:none;}
	.headBArrowImg {width: 1rem; height: auto;}
	.side .headerBanner li a {padding: 1.5rem 0rem;}
	.headerBanner li:hover {background: #FFF;}
	.searchBarBoxInner {padding: 1.5rem 2rem 1.5rem 2rem;}
	.searchBar {height:3rem;}
	


}
@media (max-width:767px) {
	ul.gnbright {display: flex; width: 100%; align-items: center; height: 4.8rem; justify-content: flex-end;}
	.logoWrap {width: calc(100%/4); padding-left: 5rem; height: 4.8rem; display: flex; align-items: center;}
	.br_ph {display:block;}
	.headBIcon {width: auto; height: 1.8rem;}
	.headBtxt {font-size: 1.2rem; line-height: 1.6rem; letter-spacing: -0.036rem; margin-top: 0.6rem;}
	.searchBar {height:2rem;}
	.searchBarBoxInner {padding: 1rem 2rem 1rem 2rem;}
	.side_cont_wrap .container {padding-top:5.5rem;}
	
	.searchBarBox form {padding-bottom: 0.5rem;}
	.searchBar::placeholder {font-size: 1.2rem; line-height: 2rem;}
}


/* +++ // 紐⑤컮�� 硫붾돱 START ~+++ */
.side_menu_Wrap {
    max-height: unset;
    overflow: hidden;
    max-width: 2.4rem;
}
.is_active .side_menu_Btn {
    display: block;
    width: 5rem;
    height: auto;
    cursor: pointer;
    position: fixed;
    right: 2rem;
    top: 2rem;
    background: #C7AD6E;
    z-index: 1;
    opacity: 1;
    height: 5rem;
}

.side_menu_Btn img {width:100%; height:auto;}
.side_menu_Btn span {
    right: 0;
	width: 100%;
    height: 0.2rem;
    background: #000;
    position: absolute;
	border-radius: 2px;
    transition: all 0.3s;
}
.side_menu_Btn span.black {background:#222;}
.side_menu_Btn span:nth-child(1) {top:0.8rem; width:100%;}
.side_menu_Btn span:nth-child(2) {top:1.4rem; width:64%; left:0;}
.side_menu_Btn span:nth-child(3) {bottom:0%; width:100%;}

.side_menu_Btn.fix span:nth-child(1) {top:1rem; transform:rotateZ(-45deg);}
.side_menu_Btn.fix span:nth-child(2) {opacity:0;}
.side_menu_Btn.fix span:nth-child(3) {bottom: 1rem;transform: rotateZ(45deg); right:0; }

.side {
    background: #FFF;
    height: 100vh;
    width: 50%;
    position: fixed;
    top: 0;
    right: -100%;
    z-index: 500;
    transition: unset;
}
.is_active .side {
    right: 0;
    width: calc(50% + 0.1rem);
}
.side_menu_Btn.fix {position: absolute; right:2.1rem; top: 2.1rem;}
.side_cont_inner {
    width: 100%;
    height: 100%;
    padding: 0 2rem;
    padding: 12rem 2rem 0;
}

.side_menu_BG {
	top:0;
	opacity: 0;
	z-index:-10;
    width: 100%;
    height: 100vh;
	position: fixed;
    background: rgba(0,0,0,0.5);
	transition:all 0.8s ease-in-out;
}
.side_menu_BG.showBg { display:none; z-index: 490;opacity: 1;top:0;}


#ac {padding: 0rem 2rem;}
#ac li {
    color: #2F2C2C;
    font-family: Pretendard;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 400;
    line-height: 3.2rem;
}
#ac li a {display: inline-block; width: 100%;}
#ac li:last-child .menu01_h {border-bottom:none;}

#ac li:last-child.hidden .acMenu02 {border-top:none;}
#ac li:last-child .acMenu02 {border-top:1px solid #EEE;}

.acMenu02 {border-bottom: 1px solid #EEE;}
.menu01.hidden .acMenu02 {padding:0; border-bottom:none;}
.menu01.hidden .acMenu02 {

    height: 0;
    overflow: hidden;

}

.mySideMenu {
    position: fixed;
    width: 50%;
    height: calc(100% - 5rem);
    background: #FFF;
    right: 0;
    bottom: 0;
    z-index: 10;
    transform: translateX(100%);
}

.side_cont_wrap .container {
    height: 95vh;
    overflow: scroll;
}


.side_cont_wrap .container {
    -ms-overflow-style: none;
    scrollbar-width: none;
}
.side_cont_wrap .container::-webkit-scrollbar {
    display: none; 
}


.closeImg {display:none;}
.side_menu_Btn.closeBI .hamImg {display:none;}
.side_menu_Btn.closeBI .closeImg {display:block;}

.side {
    width: 50%;
    height: 100%;
    bottom: 0;
    top: unset;
    z-index: 150;
	display:none!important;
}

@media (max-width:1500px) and (min-width:1201px) {
	.logo {height:3.8rem;}
	.gnb ul li {position: relative;}
	.gnb ul li a {font-size: 1.7rem; line-height: 3rem; padding: 2.5rem 0;}
	/* .side_menu_Btn {width:8rem; height:8rem;}	 */
}

@media (max-width:1200px) {
	.side {display:block!important;}

	header {padding: 0; display: flex; justify-content: space-between; align-items: center;}
	.logo {width: 15rem; position: relative; transform: unset; left: unset; top: unset; padding: 0;}
	.header_inner {
		margin: 0;
		padding: 0;
		width: 100%;
		padding: 0;
		display: inline-block;
		display: flex;
		justify-content: space-between;
	}
	.gnb {display:none;}
	.side_menu_Btn {display:block; height: 2.2rem; right: 0rem; width: 2.2rem; position:relative; top:0;}
	.side_menu_Btn, .side_cont_wrap {
		top: unset;
		width: unset;
		display: block;
		height: unset;
		position: relative;
		display: flex!important;
		justify-content: center;
		align-items: center;
	}
	.gcontext {color: #FFF; font-size: 1.3em; text-align: center; line-height: 1.28rem; text-transform: uppercase; font-family: "Pretendard-Semibold";}
	.logo {width: 15rem;}
	.logoWrap {width: auto; padding-left:2rem; height:6rem;}
	.logoWrap.borderRightBefore::before {display:none;}
	.gnbRight {width: 25.27%;}
	ul.gnbright {height: 6rem;}
	.side_cont_wrap .container {
		-ms-overflow-style: none;
		scrollbar-width: none;
		height: 100%;
		padding-top: 8.5rem;
	}
	.side {
		width: 50%;
		bottom: 0;
		top: unset;
	}
	.side_cont_inner {
		width: 100%;
		height: 100%;
		padding: 0 2rem;
		padding: 9rem 2rem 2rem;
	}
	#ac {padding: 0;}
	.acMenu02.show {
		height: 100%;
		padding-top: 1rem;
	}
	ul.acMenu02 li {
		padding-bottom: 0;
		padding-left: 1rem;
		font-size: 1.9rem!important;
		line-height: 5rem!important;
	}
	ul.acMenu02 li:first-child {padding-top:1rem!important;}
	ul.acMenu02 li:last-child {padding-bottom:1rem!important;}
	.side_menu_Wrap {max-width: 1.8rem;}
	
	li.menu01 {
    padding: 0;
    padding-top: 0;
}
}

@media (max-width:991px) {
	.side_cont_inner {
		width: 100%;
		height: 100%;
		padding: 0 2rem;
		padding: 5.8rem 2rem 2rem;
	}
	p.menu01_h {
		font-size: 1.4rem;
		font-weight: 400;
		line-height: 4rem;
		padding-bottom: 0;
		margin-bottom: 0;
	}
	
	ul.acMenu02 li {
		padding-bottom: 0;
		padding-left:1rem;
		font-size: 1.4rem!important;
		line-height: 3.6rem!important;
	}
}

@media (max-width:767px) {
	.logo {width: 11.2rem; position: relative; transform: unset; left: unset; top: unset; padding: 0;}
	.min9 .hsearchImg {width: 3rem; height: 3rem;}
	.gnbRight {width: 50%;}
	ul.gnbright {height: 4.8rem; border-left: 1px solid rgba(255, 255, 255, 0.20);}
	.logoWrap {width: auto; padding-left:2rem; height:4.8rem;}
	.side_cont_wrap .container {padding-top: 5.5rem;}
}


/* +++ // ~ 紐⑤컮�� 硫붾돱 END +++ */
/* ::::::::: // header END ::::::::: */

/* float menu */
/* .floatMenu { */
    /* position: fixed; */
    /* right: 2rem; */
    /* transform-origin: right; */
    /* height: auto; */
    /* display: flex; */
    /* justify-content: center; */
    /* align-items: center; */
    /* top: 50%; */
    /* transform: translateY(-50%); */
    /* z-index: 15; */
    /* z-index: 100; */
    /* flex-direction: column; */
/* } */


.floatMenuWrap {
	position: fixed;
	right: 0;
	transform-origin: right;
	height: calc(100% - 9rem);
	width: 6.25%;
	
	top: 0;
    z-index: 30;
	margin-top: 9rem;
	transition: all 0.3s;
	
	/* display:none; */
}

.floatMenuWrap.change {
    margin-top: 0;
}

.floatMenu {
    height: 100%;
    display: flex;
    align-items: center;
    flex-direction: column;
	justify-content: flex-start;
		backdrop-filter: blur(5px);
	-webkit-backdrop-filter: blur(5px);
}



.floatMenu li {margin-bottom:2rem; position:relative; cursor: pointer; background: rgba(0, 0, 0, 0.70);}

.floatMenu li a {
    display: inline-table;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
}


.fmicon {width: 6rem; height: 6rem;}
.floatMenu .floatIcon {
    width: 3.4rem;
    height: auto;
    margin-bottom: 1rem;
    position: relative;
    margin: 0 auto 1rem;
}
.floatMenu li .floatIcon {position:relative;}
.floatMenu .floatIcon img {width:100%; height:auto;}
.floatMenu li {
    margin-bottom: 0;
    position: relative;
    cursor: pointer;
    padding: 3rem 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.10);
    width: 100%;
    text-align: center;
    height: calc(100%/9);
	padding:  0;
    display: flex;
    justify-content: center;
    align-items: center;

}
.floatMenu li:hover .floatT {text-decoration:underline;}
.floatMenu li:last-child {border-bottom:none;}
.floatMenu li .floatT {
	color: #FFF;
	text-align: center;
	font-family: "Pretendard-SemiBold";
	font-size: 1.6rem;
	line-height: 1.6rem;
	text-transform: uppercase;
}

@media (max-width:2000px) {}

@media (max-width:991px) {
	.floatMenuWrap {
		height: 100vh;
		width: 100%;
		backdrop-filter: blur(5px);
		-webkit-backdrop-filter: blur(5px);
		top: 0;
		z-index: 500;
		margin-top: 0;
		background: rgba(0, 0, 0, 0.60);
		display: flex;
		justify-content: center;
		align-items: center;
		display: none;
	}
	.floatMenu {
		width: 55%;
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		margin-top: 0;
		height: auto;
	}
	
	.floatMenu.mo_only {
		display: flex!important;
	}
	
	.floatMenu li {
		margin-bottom: 0;
		border: none;
		height: auto;
		padding: 0;
		width: 50%;
		background: none;
		padding: 2rem;
	}
	.floatMenu .floatIcon {
		width: 5.8rem;
		height: 5.8rem;
		margin-bottom: 1.4rem;
	}


	.floatMenu li .floatT {
		font-size: 1.8rem;
		line-height: 2rem;
		letter-spacing: -0.036rem;
		font-family: "Pretendard-Medium";
	}
	.floatOpen {
		display: inline-flex!important;
		padding: 10px 7px 11px 7px;
		justify-content: center;
		align-items: center;
		background: #717577;
		position: fixed;
		bottom: 7rem;
		z-index: 29;
		right: 1rem;
		cursor:pointer;
	}
	.floatOpen p {
		color: #DCCEBA;
		text-align: center;
		font-family: Cormorant;
		font-size: 15px;
		font-style: normal;
		font-weight: 600;
		line-height: 16px;
		letter-spacing: 0.45px;
		display: inline-block;
		text-align: center;
	}
	.floatOpen.change {bottom: 2rem;}
	.floatMenuWrap.show {display: flex;}
	.floatOpen.hidden {display:none!important;}
	.floatMenuClose.mo_only {
		position: absolute;
		right: 0;
		top: 0;
		width: 16.666%;
		height: 4.8rem;
		display: flex!important;
		justify-content: center;
		align-items: center;
		cursor:pointer;
	}
	.floatMenuClose .side_menu_Wrap {max-width: unset; width: 1.8rem; height: auto;}
	.floatMenuClose .side_menu_Wrap img {width: 100%; height: auto;}
}

@media (max-width:767px) {
	.floatMenu {width: 100%;}
	.floatMenu .floatIcon {width: 3.8rem; height: 3.8rem; margin-bottom: 1.4rem;}
}


/* ::::::::: Footer START ~ ::::::::: */
footer {background: #222; display: block; position: relative;}
.footerInner {font-family: 'Pretendard'; width:100%; max-width:156rem; margin:0 auto; padding:0 2rem 0;}
.footerBoxT {padding:4rem 0 8rem 0; border-top:1px solid #555555;}
.footerBoxT {
    padding-bottom: 3rem;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #444;
    margin-bottom: 3rem;
    position: relative;
}
.footerBoxT li {list-style: none; display: flex; padding-right: 3rem;}
.footerBoxT li p {
    color: #AAA;
    font-size: 1.6rem;
    line-height: 2.2rem;
	font-family: "Pretendard-Medium";
}
.footerBoxT li p::before {
    content: '';
    width: 1px;
    height: 1.4rem;
    background: #999999;
    position: absolute;
    right: -1.2rem;
    top: 50%;
    transform: translateY(-50%);
}
.footerBoxT li p:first-child {padding-left:0;}
.footerBoxT li p:last-child::before {display:none;}

.top {
    color: #FFF;
    font-family: "Pretendard-Bold";
    font-size: 1.7rem;
    line-height: 2.2rem;
    padding-right: 2.2rem;
    position: relative;
    position: absolute;
    right: 0;
	cursor:pointer;
}
.top::before {
    content: '';
	right: 0;
    top: 50%;
    width: 2.2rem;
    height: 2.2rem;
    position: absolute;
    transform: translateY(-50%);
	background: url(../img/topBtn.png) no-repeat center / cover;
}

.flogo {width:17.1rem; height:auto;}
.flogo img {width:100%; height:auto;}
.fBoxBomList {margin-top: 3rem; display: flex; width: 80%; flex-wrap: wrap;}
.fBoxBomList li {display:flex; padding-bottom:1rem; margin-right:3rem;}
.fbBotmTitle {
	color: #AAA;
	font-family: "Pretendard-Bold";
	font-size: 1.6rem;
	line-height: 2.2rem;
	margin-right:2rem;
}
.fbBotmTxt {color: #999; font-family: Pretendard; font-size: 1.6rem; line-height: 2.2rem;}
.fbBotmTxt.tel {color: #FFF; font-family: "Pretendard-SemiBold";}
.copy {
    color: #888;
    font-family: "Pretendard-Light";
    font-size: 1.4rem;
    line-height: 2rem;
    margin-top: 4rem;
    padding-bottom: 16rem;
}

.thumSwiperWrap .customSwiperBtn {
    position: absolute;
    left: 0;
    width: 100%;
    display: flex;
    justify-content: space-between;
    top: 50%;
    transform: translateY(-50%);
}

@media (max-width:1500px) and (min-width:992px) {
	.footerBoxT {padding-bottom: 2rem; margin-bottom: 3rem; padding-top: 2rem;}
	.fbBotmTitle {font-size: 1.5rem; line-height: 2.2rem;}
	.copy {font-size: 1.3rem; line-height: 2rem; margin-top: 2rem; padding-bottom: 14rem;}
}

@media (max-width:991px) {
	.flogo {width:auto; height:3.4rem;}
	.flogo img {width: auto; height: 100%;}
	
	.fBoxBomList {margin-top: 2.6rem; width: 100%;}
	.fbBotmTitle {font-size: 1.3rem; line-height: 1.5rem; margin-right: 0; margin-bottom: 0.6rem;}
	.fbBotmTxt {font-size: 1.4rem; line-height: 1.7rem;}
	.fBoxBomList li {
		display: flex;
		padding-bottom: 2rem;
		margin-right: 2rem;
		flex-direction: column;
		width: calc(50% - 1rem);
	}
	.fBoxBomList li:first-child {margin-right:0; width:100%;}
	.fBoxBomList li:nth-child(2n-1) {margin-right: 0;}

	.footerBoxT {padding: 2rem 0 2rem 0; border-top: 1px solid #555555;}
	.footerBoxT li {list-style: none; display: flex; flex-direction: column; padding-right:1.8rem;}
	.footerBoxT li p {font-size: 1.3rem; line-height: 1.6rem; padding-left: 0rem; padding-bottom:0.6rem;}
	.footerBoxT li p:last-child {padding-bottom:0;}
	.footerBoxT li p::before {display:none;}
	.copy {font-size: 1.1rem; line-height: 1.7rem; padding-bottom:6rem; margin-top:1rem;}
	

}

@media (max-width:767px) {
	/* .floatMenu {right: 1rem;} */
	.flogo {width:auto; height:2.6rem;}
	.lamiprevTitle {margin-bottom: 0; font-size: 2rem; line-height: 3rem;}
}

/* ::::::::: // ~ Footer END ::::::::: */


/* :::::::::  White - Footer START ~ ::::::::: */
.whtieFooter {background:#F9F9F9;}
.whtieFooter .footerInner {max-width:unset; padding:0;}
.whtieFooter {}
.whfooterBoxGroup {
    display: flex;
    align-items: stretch;
}
.whfooterBoxGroup {border-bottom:1px solid #EEE;}
.whfooterBox {
    width: calc(100%/4);
    padding: 3rem 5rem;
}

.whtieFooter .borderRightBefore::before {color:#EEE; opacity: 1;}
.whfooterBox:first-child {
    display: flex;
	position: relative;
    flex-direction: column;
    justify-content: space-between;
}

.flogoBox {display: flex; align-items: center; justify-content: space-between;}
.f-iconBGroup {display:flex; }
.f-iconBGroup a {margin-right: 1.8rem;}
.f-iconBGroup a:last-child {margin-right:0;}
.f-iconB {width:2rem; height:auto; margin-right:1.8rem;}
.f-iconB img {width:100%; height:auto;}
.f-iconB:last-child {margin-right:0;}

.whtieFooter .copy {
    padding-bottom: 0;
    margin-top: 0;
    color:#2F2C2C;
    font-family: "Pretendard-Light";
    font-size: 1.2rem;
    line-height: 1.5rem;
}

.wfInfoBTitle {
	color:#2F2C2C;
	font-size: 1.8rem;
	line-height: 2.2rem;
	font-family: "Pretendard-SemiBold";
}
.wfInfo {margin-top:1.8rem;}
.wfInfo li {
    display: flex;
    align-items: center;
    margin-bottom: 0.6rem;
    justify-content: flex-start;
}
/* .wfInfo li:last-child {margin-bottom:0;} */
.wfInfo li .wfInfoTitle {
	color:#2F2C2C;
	font-family: "Pretendard-SemiBold";
	font-size: 1.4rem;
	line-height: 2.2rem;
	width:8rem;
	margin-right:1rem;
}
.wfInfo li .wfInfoTitle a{
	padding:0;
	margin:0;
}
.wfInfo li .wfInfoTxt {
    color: #2F2C2C;
    font-family: "Pretendard-Light";
    font-size: 1.4rem;
    line-height: 2.2rem;
    word-break: keep-all;
}

.whfooterBox .w75 {width:75%;}

.whfooterBotmBox {
    padding: 0;
    width: 100%;
}
.w75 {
    width: 75%;
    padding: 3rem 5rem;
}
.whfooterBotmBox .wfInfo {display: flex; margin-top: 0; flex-wrap: wrap;}
.whfooterBotmBox .wfInfo li {margin-right:2rem;}
.whfooterBotmBox .wfInfoTitle {width: auto!important;}

.comInfoClose {
    top: 3rem;
	right: 5rem;
    width: 2.2rem;
    height: 2.2rem;
	cursor:pointer;
    position: absolute;
}

.comInfoClose img {width:100%; height:auto;}
.comInfo {
	color: #2F2C2C;
	font-family: Pretendard;
	font-size: 1.6rem;
	font-style: normal;
	font-weight: 500;
	line-height: 2.2rem;
	text-transform: uppercase;
}

.wfInfoTxtDay {
    min-width: 4.2rem;
    margin-right: 1rem;
	font-family: 'Pretendard-Medium';
}
.wfInfoTxtDBox {
    display: flex;
    justify-content: space-between;
}

.whfooterBox .wfInfo li:last-child {
    margin-bottom: 0;
    align-items: flex-start;
}


@media (max-width:1400px) {
	.whfooterBox {
		width: calc(100%/4);
		padding: 3rem 3rem;
	}
	
	.wfInfo li .wfInfoTitle {width:7rem;}
}

@media (max-width:1200px) {
	.whfooterBox .wfInfo li {
		display: flex;
		align-items: flex-start;
		margin-bottom: 0.6rem;
		justify-content: flex-start;
		flex-direction: column;
	}
}

@media (max-width:991px) {
	.whfooterBoxGroup {display: flex; align-items: stretch; flex-wrap: wrap;}
	.whfooterBox {width: 50%; padding: 2rem;}
	.flogoBox {
		display: flex;
		align-items: flex-start;
		justify-content: space-between;
		flex-direction: column;
	}
	.f-iconBGroup {margin-top: 3rem;}
	.whtieFooter .copy {font-size: 1rem; line-height: 1.5rem;}
	.whfooterBox:first-child,
	.whfooterBox:nth-child(2) {border-bottom:1px solid #E2E1E1;}
	.wfInfoBTitle {font-size: 1.4rem; line-height: 1.6rem;}
	
	.wfInfo {margin-top: 1.2rem;}
	.wfInfo li {
		display: flex;
		margin-bottom: 0.6rem;
		/* flex-direction: column; */
		align-items: flex-start;
	}
	
	.wfInfo li:last-child {
    margin-bottom: 0;
    flex-direction: column;
}


	.wfInfo li .wfInfoTitle {
		font-size: 1.2rem;
		line-height: 2.2rem;
		white-space: nowrap;
		margin-right: 0;
		width: auto;
		margin-right: 1rem;
	}
	
	.whfooterBotmBox {
		padding: 0;
		width: 100%;
	}
	.whfooterBox {
		width: 50%;
		padding: 2rem;
	}
	.whfooterBox.borderRightBefore.w100 {
		width: 100%;
	}
	.whfooterBotmBox .w75 {
		padding: 2rem;
	}
	.comInfoClose {
		top: 2rem;
		right: 2rem;
		width: 2.2rem;
		height: 2.2rem;
		cursor: pointer;
		position: absolute;
	}
	
	.whfooterBotmBox .wfInfo {
		display: flex;
		margin-top: 0;
		flex-wrap: wrap;
		flex-direction: column;
	}
	.whfooterBotmBox .wfInfo li {
		margin-right: 0;
		margin-bottom: 0.6rem;
	}
	.whfooterBox.borderRightBefore.w100::before {display:none;}
}
@media (max-width:767px) {
	.wfInfoTxtDBox {flex-direction: column; align-items: flex-start; font-size: 1.2rem;}
}

/* ::::::::: // ~ White - Footer END ::::::::: */


.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(../img/main/mainBSRight.jpg) no-repeat center / cover;}
.customSwiperBtn .swiper-button-prev {background:url(../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(../img/main/mainBSRight_un.jpg) no-repeat center / cover;}
.customSwiperBtn .swiper-button-prev.swiper-button-disabled {background:url(../img/main/mainBSLeft_un.jpg) no-repeat center / cover;}





/* �쒕툕鍮꾩＜�� �곸뿭 */
/* ================= ::::::::::: // ~ �쒕툕 鍮꾩＜�� END ::::::::::: =================*/
 .brush-tway-Visual {
	width:100%;
	background:#888;
	margin-top:9rem;
	padding:16rem 12rem; 
}

 .subV {
	width: 100%;
	padding: 0;
	position:relative;
	padding: 10rem 12rem;
	background: url(../img/brushteeth/brush-twayBg.jpg) no-repeat center / cover;
}
 .subNav {display: flex; align-items: center; padding-bottom: 19.483%;}
 .homeIcon {
	display: flex;
	width: 3.6rem;
	height: 3.6rem;
	align-items: center;
	margin-right:1.4rem;
	justify-content: center;
}

.homeIcon img {width:100%; height:auto;}
.depth01Name {color:#FFF; font-size: 1.7rem; line-height: 3.6rem;}

.subNArrow {width: 0.4rem; height: 0.8rem; margin:0 1rem;}
.subNArrow img {width:100%; height:auto;}
.hpage {color: #FFF; font-size: 1.7rem; line-height: 3.6rem; font-family: "Pretendard-Semibold";}

.brushleft_menu {
    /* width: 100%; */
    width: 4.66%;
	
	transition: none;
    max-width: 9.6rem;
    border-right: 1px solid rgba(47, 44, 44, 0.10);
    border-left: 1px solid rgba(47, 44, 44, 0.10);
}
.brushleft_menu.show {max-width: 29rem; height: 100vh; top: 0rem;}
.brushleft_menu.show .leftDepthBoxGroup {
    overflow: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none;
    height: 89%;
}

.leftDepthBoxGroup .leftDepthBoxGroupInner {
    height: auto;
    width: 100%;
	padding-bottom:1rem;
}
.brushleft_menu.show .leftDepthBoxGroup::-webkit-scrollbar {display: none;}


.brushleft_menuBox {position: sticky; top: 0; z-index: 1;}

.show .brushleft_menuBox {top:0; height:100vh;}
.brushleft_menu.show {
    max-width: unset;
    position: sticky;
    top: 0rem;
    padding-top: 0rem;
    width: 15.2395%;
    z-index: 1;
}

.left_menu {font-family: MaruBuri; font-size: 2.8rem; font-weight: 600; line-height: 3.6rem; padding:5.5rem 3rem 3.5rem ; cursor:pointer;}
.show .left_menu {padding:3.5rem 3rem;}
.left_menuArrow img {width:100%; height:auto;}

.leftDepthBox {position:relative; padding: 2rem 3rem; border-bottom: 1px solid rgba(47, 44, 44, 0.10); cursor:pointer; display:none;}
.leftDepthBox:last-child {border-bottom: none;}
.leftDepthOne {color: #2F2C2C; font-size: 1.8rem; line-height: 2.8rem; text-transform: uppercase; position:relative;}
.leftDepthOne::before {
	content:'';
	right:0;
	top:50%;
	width: 1rem;
	height: 0.6rem;
	position:absolute;
	transform:translateY(-50%);
	background:url(../img/brushteeth/leftDepthArrow.png) no-repeat center / cover;
}
.leftDepthTwo {height: 0; overflow: hidden; position: relative;}
.leftDepthTwo::before {
	content:'';
	top:0;
	left:0;
	opacity:0;
	width: 2rem;
	height: 1px;
	position:absolute;
	background: #2F2C2C;
}
.leftDepthTwo li {margin-bottom:1.2rem; position:relative;}
.leftDepthTwo li::before {
	content:'';
	right:0;
	top:50%;
	width: 6px;
	height: 6px;
	opacity:0;
	background:#A07F2E;
	border-radius:50%;
	position:absolute;
	transform:translateY(-50%);
}
.leftDepthTwo li:last-child {margin-bottom:0;}
.leftDepthTwo li a {
	width: 100%;
	font-size: 1.6rem;
	line-height: 2.8rem;
	display: inline-block;
	font-family: Pretendard;
	text-transform: uppercase;
	color: rgba(47, 44, 44, 0.60);
}
.leftDepthTwo li:hover::before {opacity:1;}
.leftDepthTwo li:hover a {color: #2F2C2C; text-decoration:underline;}

.leftDepthTwo li.onMenu::before {opacity:1;}
.leftDepthTwo li.onMenu a {color: #2F2C2C; text-decoration:underline;}



.brushleft_menu .left_menuArrow img {transform: rotate(180deg);}
.brushleft_menu.show .leftDepthBox {display:block;}
.brushleft_menu.show .left_menuTBox {border-bottom: 1px solid rgba(47, 44, 44, 0.10); position:relative;}
.brushleft_menu.show .left_menuArrow {transform:translateX(50%);}
.brushleft_menu.show .left_menuArrow img {transform: rotate(0deg);}


.leftDepthBox.show .leftDepthTwo {padding-top: 2rem; margin-top: 2rem; height:auto;}
.leftDepthBox.show .leftDepthTwo::before {opacity:1;}
.leftDepthBox.show .leftDepthOne::before {transform:rotate(180deg);}
 
.brushleft_menu.show .leftDepthBoxGroupInner {display:block;}
.brushleft_menu .leftDepthBoxGroupInner {display:none;}


.brushRightWrap {width: 84.7605%; transition: none;}
.brushRightWrap.full {width: 95.340%; transition: none}

.subTitle {
	color: #FFF;
	font-size: 6rem;
	line-height: 7rem;
	letter-spacing: -1.8px;
	text-transform: uppercase;
	font-family: 'MaruBuri';
}
.subSTitle {
	color: #FFF;
	margin-top:3rem;
	font-size: 2.2rem;
	line-height: 3.2rem;
	letter-spacing: -0.66px;
	text-transform: uppercase;
}
.brush-tInner {display: flex;}

.show .left_menuTBoxBotm {display:none;}

.left_menuTBoxBotm .leftDBox {
    padding: 2rem 2.3rem;
    margin: 1rem;
}


.left_menuArrow {
    top: unset;
    right: unset;
    width: 3.6rem;
    height: 3.6rem;
    cursor: pointer;
    position: relative;
    transform: translateX(-50%);
    left: 50%;
    padding-top: 3.5rem;
}

.show .left_menuArrow {
	top: 3.5rem;
	left: unset;
	right: 0;
	width: 3.6rem;
	height: 3.6rem;
	cursor:pointer;
	position: absolute;
	transform:translateX(50%);
	padding-top: 0;
}


@media (max-width:1600px) and (min-width:992px) {
	.brush-tway-Visual {margin-top: 8rem;}
	.subV {padding:6rem 8rem;}
	.subNav {padding-bottom: 12.483%;}
	.brushRightWrap {width: 85.7605%; transition: none;}
	.left_menu {font-size: 2.2rem; line-height: 3rem; padding: 5rem 3rem 2.5rem; top:0;}
	.brushleft_menu.show {top: 8rem; width: 14.2395%; top:0;}
	.show .left_menu {padding: 3.5rem 1.5rem;}
	.leftDepthBox {padding:1.5rem;}
	
}
@media (max-width:1200px) and (min-width:992px) {
	.brush-tway-Visual {margin-top: 6rem;}
	
	.left_menu {
		font-size: 2.2rem;
		line-height: 3rem;
		padding: 5rem 1.8rem 2.5rem;
		top: 0;
	}
	
	.leftDBoxIcon {
		width: 2rem;
		height: auto;
		min-width: 2rem;;
	}
	
	.left_menuTBoxBotm .leftDBox {
		padding: 3rem 2.3rem;
		margin: 1rem 0;
	}
	.brushleft_menuBox {
		position: sticky;
		top: 5rem;
		z-index: 1;
	}

	.left_menuTBoxBotm {
		width: clac;
		width: 90%;
		margin: 0 auto;
	}
	.left_menuArrow {width: 3rem; height: 3rem;}
}

@media (max-width:991px) {
	.brushRightWrap {width: 100%;}
	.subV {padding: 3rem 2rem 3rem; margin-top:6rem;}
	.homeIcon {width: 3rem; height: 3rem; margin-right:1rem;}
	.depth01Name {font-size: 1.4rem; line-height: 3rem;}
	.subNArrow {margin: 0 0.8rem;}
	.hpage {font-size: 1.4rem; line-height: 3rem;}
	.subTitle {font-size: 3.4rem; line-height: 4.8rem; letter-spacing: 1.7px;}
	.subSTitle {
		margin-top:2rem;
		font-size: 1.9rem;
		line-height: 3rem;
	}
	.subNav {display: flex; align-items: center; padding-bottom: 35.36%;}
	
	.brushleft_menu {display: none;}

	.scrolltabMenu.mo_only {
		display: flex!important;
		position: sticky;
		top: 4.8rem;
		justify-content: flex-start;
		z-index: 10;
		padding: 0 2rem;
		width: 100%;
		overflow: scroll;
	}

	
	.brushRighTopCont {display: flex; width: 100%; align-items: center; flex-direction: column;}
}
@media (max-width:767px) {
	.subV {padding: 6.8rem 2rem 3rem; margin-top:6rem;}
	.subNav {padding-bottom: 14.6rem;}
	.subV {margin-top:0rem;}
	.subTitle {font-size: 2.6rem; line-height: 3.4rem; letter-spacing: -0.78px;}
	.subSTitle {margin-top: 1rem; font-size: 1.5rem; line-height: 2rem;}
}
/* ================= ::::::::::: // ~ 吏꾨즺�쇳꽣 �쒕툕 鍮꾩＜�� END ::::::::::: =================*/


/* ================= ::::::::::: 吏꾨즺�쇳꽣 紐⑤컮�� 硫붾돱 END ::::::::::: =================*/
.scrolltabMenu {
    display: flex;
    background: #FFF;
	padding: 0 2rem;
	overflow: scroll;
	-ms-overflow-style: none;
    scrollbar-width: none;
    justify-content: center;
    transition: all 0.3s ease-in-out;
}
.scrolltabMenu::-webkit-scrollbar {display: none;}

 .scrolltabMenu li {margin-right:6rem;}
 .scrolltabMenu li a {
    padding: 3.7rem 0;
    color: #2F2C2C;
    text-align: center;
    font-family: MaruBuri;
    font-size: 2.2rem;
    line-height: 3.2rem;
    display: inline-block;
	opacity:0.5;
	position:relative;
	white-space: nowrap;
}
 .scrolltabMenu li:last-child {margin:0;}
 .scrolltabMenu li a::before {
	content:'';
	left:0;
	bottom:0;
	width:0%; 
	height:0.4rem;
	background: #C7AD6E;
	position:absolute;
	border-radius: 3px 3px 0px 0px;
}

.scrolltabMenu li:hover a {opacity:1;}
.scrolltabMenu li:hover a::before {width:100%;}

.scrolltabMenu li.menu-active a {opacity:1;}
.scrolltabMenu li.menu-active a::before {width:100%;}

.scrolltabMenu li.onMenu a {opacity:1;}
.scrolltabMenu li.onMenu a::before {width:100%;}
 
@media (max-width:1500px) and (min-width:992px) {
	.scrolltabMenu {
		justify-content: flex-start;
		padding: 0 3rem;
		overflow: scroll;
	}	
}
	
@media  (max-width:992px) {	
	.scrolltabMenu li {margin-right:3rem;}
	.scrolltabMenu li a { font-size: 1.8rem; line-height: 3.2rem; padding: 2.5rem 0; white-space: nowrap;}
	.scrolltabMenu li.menu-active a {opacity:1;}
	.scrolltabMenu li.menu-active a::before {width:100%;}
	.scrolltabMenu.mo_only.down {top:-1rem;}
	.scrolltabMenu.mo_only {top:6rem;}
	
	.improgramBox {margin-top: 3rem; width: calc(100% + 4rem); transform: translateX(-20px); padding:0 2rem;}
	.improgramBox {margin-top: 3rem; overflow-x: scroll;}
	
	.table {
		overflow: hidden;
		height: auto;
		max-height: unset;
		transition: all 0.4s ease-in-out;
		min-width: 100rem;
		padding-right: 0;
		box-sizing: content-box;
		padding-left: 0;
	}
	
	.table {-ms-overflow-style: none; scrollbar-width: none;}
	.table::-webkit-scrollbar {display: none; }
}

@media (max-width:767px) {
	.scrolltabMenu li a {font-size: 1.4rem; line-height: 3.2rem; padding: 1.2rem 0;}
	.scrolltabMenu.mo_only {top:4.8rem;}
}
/* ================= ::::::::::: // ~ 吏꾨즺�쇳꽣 紐⑤컮�� 硫붾돱 END ::::::::::: =================*/


.inr1210 {padding:12rem 10rem!important;}
.inr410 {padding:4rem 10rem 12rem!important;}
.inr210 {padding:2rem 10rem 12rem!important;}
.inr12100 {padding:12rem 10rem 0rem!important;}

.mtitlePad10 {padding:0 10rem!important;}
.contpad {padding:0 10rem!important;}

@media (max-width:1600px) and (min-width:992px) {
	.inr1210 {padding:10rem 5rem!important;}
	.inr12100 {padding:10rem 5rem 0!important;}
	.inr410 {padding:4rem 5rem 10rem!important;}
	.inr210 {padding:2rem 5rem 10rem!important;}
	.mtitlePad10 {padding:0 5rem!important;}
	.contpad {padding:0 5rem!important;}
	
	
}

@media (max-width:991px) {
	.inr1210 {padding:8rem 2rem!important;}
	.inr12100 {padding:8rem 2rem 0!important;}
	.inr410 {padding:4rem 2rem 8rem!important;}
	.inr210 {padding:2rem 2rem 8rem!important;}
	.mtitlePad10 {padding:0 2rem!important;}
	.contpad {padding:0 2rem!important;}
	.imafter.inr1210 {padding-left: 0!important; padding-right: 0!important;}
}

@media (max-width:767px) {
	.inr1210 {padding:5rem 2rem!important;}
	.inr12100 {padding:5rem 2rem 0!important;}
	.inr410 {padding:0rem 2rem 5rem!important;}
	.inr210 {padding:5rem 2rem!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-SemiBold";
}

.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: 35%;
    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: 35%;
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-Medium';
	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-SemiBold';
	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-Medium';
	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-SemiBold';
	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%;}
.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(../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(../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; font-size: 1.6rem; line-height: 2.6rem; margin-top:2rem;}
.reviewTitle {
	color: #2F2C2C;
	text-align: center;
	font-family: "Pretendard-Medium";
	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-SemiBold';
		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-SemiBold';
		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(../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(../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(180deg);
    background: url(../img/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-SemiBold';
    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(../img/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;
    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(../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(../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-Medium";
	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(../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-SemiBold";
	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-SemiBold";}

.t_date01 a {
    display: flex;
    align-items: center;
    justify-content: center;
}
.tableVmore {
	color: #111;
	text-align: center;
	font-family: Pretendard;
	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(../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-Bold";}

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

.modeldisTxt {
	color: #666;
	text-align: center;
	font-family: Pretendard;
	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: 4rem;
    font-weight: 400;
    line-height: 6rem;
    letter-spacing: -0.12rem;
    text-transform: uppercase;
}


.youtubeList {border-top: 1px solid #2F2C2C; margin-top: 8rem;}
.youtubeList li {
    position: relative;
    padding: 4rem 3rem;
    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-Medium";
    font-size: 2rem;
    line-height: 2.4rem;
    padding-right: 1rem;
    padding-bottom: 1rem;
    display: inline-block;
}
.yhashTag dl {
    color: #A07F2E;
    font-family: "Pretendard-Medium";
    font-size: 2rem;
    line-height: 2.4rem;
    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-Medium";
    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-Medium";
	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(../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_m {
    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;
		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-SemiBold";
    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(../img/botmInqBoxSeclArrow.png) no-repeat center / cover;
}
.botmInqBoxLeft select option {color: #2F2C2C;}

.botmInqBoxInner input::placeholder {
	color: #FFF;
	font-family: Pretendard;
	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(/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-Light';
	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(../img/mbinqArrow.png) no-repeat center / cover;
}


.mbinq_priBox a {
	color: #FFF;
	font-family: "Pretendard";
	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;}




/*--------------------------------------------------------------
# �댁슜�쎄�
--------------------------------------------------------------*/

.tecontent video{
	width:100%;
}

.textWrap {
    width: 100%;
    position: relative;
    margin-top: 0rem;
}
#textcontainer {
    background: #fff;
    width: 100%;
    position: relative;
    padding: 17rem 0rem 12rem 0rem;
}
.tecontent {
    width: 100%;
    position: relative;
    max-width: 114rem;
    padding: 0rem 2rem;
    margin: 0 auto;
}


.priv_tit {font-family: 'Pretendard-Bold';margin-bottom: 1rem;padding: 4.5rem 0 3rem;display: block;font-size: 3rem;font-weight: normal;letter-spacing: -1px;color: #222222;border-bottom: 1px solid #dddddd;}
.priv_tit span {
    font-family: Pretendard;
    margin-top: 10px;
    display: block;
    font-size: 1.7rem;
    line-height: 2.7rem;
    font-weight: 300;
    letter-spacing: -0.3px;
    color: #444444;
    font-weight: 300;
}
.ptspanMar{margin-top:40px!important;}
.ptspanMar2{margin-top:20px!important;}

.prsection {
    margin-bottom: 3rem;
    border-bottom: 1px solid #dddddd;
    padding-bottom: 6rem;
}
.prsection:last-child{
	margin-bottom: 0rem;
    border-bottom: none;
    padding-bottom: 0rem;
}

.privTBox{padding-top:4rem;display:block;text-align:left;}
.prstb{padding-top:0px!important;}
.privTBox h2 {
    margin-bottom: 2rem;
    line-height: 3rem;
    font-size: 2.6rem;
    display: block;
    text-align: left;
    font-family: 'Pretendard-Bold';
    color: #222;
}
.privTBox h3 {
    font-family: 'Pretendard-SemiBold';
    display: block;
    font-size: 2rem;
    font-weight: normal;
    line-height: 3rem;
    letter-spacing: -0.3px;
    color: #222;
}
.privTBox h3 b{margin-left:4px;display:inline-block;font-size:18px;font-weight:normal;line-height:31px;letter-spacing:-0.3px;color:#222222;}
.privTBox h4 {
    font-family: Pretendard;
    display: block;
    font-size: 1.7rem;
    font-weight: normal;
    line-height: 2.4rem;
    letter-spacing: -0.2px;
    color: #222222;
    margin-top: 0.8rem;
    margin-bottom: 1rem;
}
.privTBox strong{display:block;font-size:15px;font-weight:600;line-height:26px;letter-spacing:-0.3px;color:#222222;padding-bottom:12px;margin-top:20px;}
.privTBox strong span{font-size:15px;margin-right: 5px;font-weight: 500;}
.anpi{font-weight: 600!important;}

.privSubTBox{display:block;margin-top:1rem;}
.privSubTBox span{display:block;position:relative;margin-bottom:8px;}
.privSubTBox span b{position:absolute;left:0px;font-size:15px;font-weight:600;line-height:26px;letter-spacing:-0.3px;color:#222222;}
.privSubTBox span p{display:block;position:relative;padding-left:21px;font-size:15px;font-weight:600;line-height:26px;letter-spacing:-0.3px;color:#222222;}

.privSubTBox ul{display:block;position:relative;padding-left:0px;}
.privSubTBox ul li{display:block;position:relative;margin-bottom:10px;}
.privSubTBox ul li b{
	font-family: Pretendard;position:absolute;left:0px;font-size:1.5rem;font-weight:300;line-height:2.4rem;letter-spacing:-0.1px;color:#444444;}
.privSubTBox ul li p {
    font-family: Pretendard;
    display: block;
    position: relative;
    padding-left: 1.7rem;
    font-size: 1.5rem;
    font-weight: 300;
    line-height: 2.4rem;
    letter-spacing: -0.3px;
    color: #444444;
}
.prilip{padding-left:0px!important;}

.privSubTBox ul li ds{display:block;position:relative;padding-left:8px;font-size:14px;font-weight:300;line-height:23.8px;letter-spacing:-0.3px;color:#222222;}
.privSubTBox ul li ds:before{content:"-";position:absolute;left:0px;top:-2px;font-size:14px;font-weight:300;color:#222222;}
.privSubTBox ul li df{display:block;position:relative;padding-left:17px;font-size:14px;font-weight:300;line-height:23.8px;letter-spacing:-0.3px;color:#222222;}
.privSubTBox ul li df:before{content:"��";position:absolute;left:0px;top:0px;font-size:14px;font-weight:300;color:#222222;}

.privSubTBox ul li p a{display: inline-block;font-size: 14px;font-weight: 300;line-height: 0px;letter-spacing: -0.3px;color: #444444;}
.privSubTBox ul li p a:hover{color:#222;text-decoration: underline;}
.privSubTBox ul li dd {
    font-family: 'Pretendard-Light';
    display: block;
    position: relative;
    padding-left: 1.7rem;
    font-size: 1.5rem;
    font-weight: 300;
    line-height: 2.4rem;
    letter-spacing: -0.3px;
    color: #444444;
}
.privSubTBox ul ol{display:block;padding-left:17px;}
.privSubTBox ul ol bk{display:block;font-size: 14px;font-weight: 300;line-height: 23.8px;letter-spacing: -0.3px;color: #444444;}

.nmtbl03 thead {position:relative;}
.nmtbl03 thead th, .nmtbl03 thead th.bd_b {border-bottom: 1px solid #dddddd;}
.nmtbl03 thead th {    background-color: #f8f8f8;border-top: 1px solid #222222;border-left: 1px solid #e3e3e3;padding: 14px 0px;text-align: center;font-size: 15px;color: #222222;line-height: 20px;font-weight: 600;vertical-align: middle;}
.nmtbl03 tbody th, .nmtbl03 tbody td {border-left: 1px solid #e3e3e3;padding: 23px 10px;text-align: center;font-size: 14px;color: #444444;line-height: 18px;font-weight: 300;vertical-align: middle;border-bottom: 1px solid #dddddd;}
.font-bold-link{font-size: 14px;color: #222222;text-decoration:underline;line-height: 18px;font-weight: 600;}
.bornonee{border-left:none!important;}


.elec .privSubTBox span p{font-weight: 400!important;}
.elec .privSubTBox span b{font-weight: 400!important;}
.elec .privSubTBox ul li b{color:#888888!important;}
.elec .privSubTBox ul li p{color:#888888!important;}
.elec .privSubTBox ul li dd{color:#888888!important;}

.vertical-align-top{vertical-align: top!important;}

.ta5box {
    margin: 1rem 0rem;
    display: block;
    padding-left: 1.9rem;
}
.ta5box table{
	border-collapse: collapse;
	width:100%;
	border: 1px solid #888;
}
.ta5box tr th{
	text-align:center;
	font-size:1.5rem;
	 padding: 0.4rem 0.4rem;
	border: 1px solid #888;
}
.ta5box tbody tr td {
    padding: 0.4rem 0.4rem;
    text-align: left;
    font-size: 1.5rem;
	border: 1px solid #888;
}

@media (max-width:767px) {
	#textcontainer {
		padding: 10rem 0rem 6rem 0rem;
	}
	.priv_tit {
		margin-bottom: 0rem;
		padding: 1rem 0 3rem;
		font-size: 2rem;
		letter-spacing: -0.3px;
	}
	.priv_tit span {
		margin-top: 1rem;
		font-size: 1.5rem;
		line-height: 2.2rem;
		letter-spacing: -0.3px;
	}
	.ptspanMar {
		margin-top: 2rem!important;
	}
	
	
	.prsection {
		margin-bottom: 2rem;
		padding-bottom: 4rem;
	}
	.privTBox {
		padding-top: 2.4rem;
	}
	.privTBox h2 {
		margin-bottom: 2rem;
		line-height: 2.4rem;
		font-size: 2.1rem;
	}
	.privTBox h3 {
		font-size: 1.7rem;
		line-height: 2.2rem;
	}
	.privTBox h4 {
		font-size: 1.4rem;
		line-height: 2.1rem;
		letter-spacing: -0.3px;
		margin-top: 0.8rem;
		margin-bottom: 0.4rem;
	}
	.privSubTBox {
		margin-top: 0.6rem;
	}
	.privSubTBox ul li b {
		font-size: 1.3rem;
		line-height: 2.1rem;
	}
	.privSubTBox ul li p {
		padding-left: 1.3rem;
		font-size: 1.3rem;
		line-height: 2.1rem;
	}
	.privSubTBox ul li dd {
		    margin-top: 0.2rem;
		padding-left: 1.3rem;
		font-size: 1.3rem;
		line-height: 1.9rem;
	}
	
	.ta5box {
		margin: 1rem 0rem;
		display: block;
		padding-left: 0rem;
	}
	.ta5box table{
		border-collapse: collapse;
		width:100%;
		border: 1px solid #888;
	}
	.ta5box tr th{
		text-align:center;
		font-size:1.2rem;
		padding: 0.4rem 0.4rem;
		border: 1px solid #888;
	}
	.ta5box tbody tr td {
		padding: 0.4rem 0.4rem;
		text-align: left;
		font-size: 1.2rem;
		border: 1px solid #888;
	}
	
	.adm_paging_line {margin-top: 2rem;}
	
}


.none_marT{
	margin-top:0rem!important;
}


/*--------------------------------------------------------------
# 怨듯넻誘몃땲�앹뾽
--------------------------------------------------------------*/
.minipopup {
	display: none;
	z-index: 50;
	background: #fff;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.popup-content {
min-width: 90rem;
	width: 100%;
	padding:3.12rem 3.75rem 3.75rem 3.75rem;
	position:relative;
	border: 1px solid #DCCEBA;
	background: #FFF;
	box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.20);
}

.popcbox{
	width:100%;
	position:relative;
}
.popccateen{
	display:block;
	text-align:left;
color: #646969;
font-size: 1.8rem;
font-family: 'Pretendard-Bold';
line-height: 2.4rem;
margin-bottom:1rem;
}
.popccate{
		display:block;
	text-align:left;
color: #111;
font-size: 2.8rem;
font-family: 'Pretendard-SemiBold';
line-height: 4rem;
}
.popcsubtext{
	margin-top:2.4rem;
	border-top:1px solid #eee;
	padding-top:2.4rem;
		display:block;
	text-align:left;
color: #333;
font-size: 1.8rem;
font-family: 'Pretendard';
line-height: 3.6rem;
}
.close {
	cursor:pointer;
    top: 3.12rem;
    z-index: 60;
    right: 3.75rem;
    width: 2rem;
    height: 2rem;
    position: absolute;
    background-image: url(/img/common/minipop_close.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

/* .close:hover, */
/* .close:focus { */
  /* color: black; */
  /* text-decoration: none; */
  /* cursor: pointer; */
/* } */

.moSideBtn {
	width: 4.8rem;
	height: 4.8rem;
	position: absolute;
	right: 0;
	z-index: 5000;
}

/* .moSideBtn.show {background:skyblue;} */

@media (max-width:991px) {
	.minipopup {
		bottom: 14rem;
		top: inherit;
		left: 0;
		-webkit-transform: inherit;
		transform: inherit;
		width: 100%;
		padding: 0rem 0rem;
	}
	.popup-content{
		width:100%;
		min-width:100%;
	}
	.popccateen {
		font-size: 1.6rem;
		line-height: 2rem;
		margin-bottom: 0.6rem;
	}
	.popccate {
		font-size: 2.4rem;
		line-height: 3rem;
	}
	.popcsubtext {
		margin-top: 2rem;
		padding-top: 2rem;
		font-size: 1.6rem;
		line-height: 3rem;
	}
}
@media (max-width:767px) {
	.minipopup {
		bottom: 11rem;
	}
	.popup-content {
		padding: 2rem;
	}
	.popccateen {
		font-size: 1.3rem;
		line-height: 1.5rem;
		margin-bottom: 0.4rem;
	}
	.popccate {
		font-size: 2rem;
		line-height: 3.2rem;
	}
	.popcsubtext {
		margin-top: 1.6rem;
		padding-top: 1.6rem;
		font-size: 1.4rem;
		line-height: 2.4rem;
	}
	/* .close { */
		/* top: 2rem; */
		/* right: 2rem; */
		/* width: 1.6rem; */
		/* height: 1.6rem; */
	/* } */
	.close {
		background-size: 1.6rem;
		top: 1rem;
		right: 1rem;
		width: 3.6rem;
		height: 3.6rem;
	}
}

/*--------------------------------------------------------------
# 鍮꾨줈洹몄씤 ��
--------------------------------------------------------------*/
.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';
    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-Medium";
    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;
	}
}