/*
@import url(/theme/daybeau01/resources/css/view/common/header/header.css);
@import url(/theme/daybeau01/resources/css/view/common/footer/footer.css);
*/
header.header {
  position: absolute;
  /*background: transparent;*/
}

.sub_top{
	position:relative;
	width:100%;
}

.bg-\[url\(\'\/sub_m10_sm\'\)\] {
    background-image: url(/img/sub_m10_sm.jpg);
}

.bg-\[url\(\'\/sub_m20_sm\'\)\] {
    background-image: url(/img/sub_m10_sm.jpg);
}

.bg-\[url\(\'\/sub_m30_sm\'\)\] {
    background-image: url(/img/sub_m10_sm.jpg);
}

.bg-\[url\(\'\/sub_m40_sm\'\)\] {
    background-image: url(/img/sub_m10_sm.jpg);
}

.inner_container{
	width:100%;
	max-width:1400px;
	margin:0 auto;
	padding:8.0rem 0;
}

/*서브 TabMenu */
.tabmenuarea {
	width:100%; 
	margin:60px auto 50px; 
	background-color:#fff; 
	text-align:center; 
	box-shadow:none; 
	transition:all 1s ease;
}
.tabmenuarea .inner_tabmenu {
	position:relative; 
	max-width:1400px; 
	height:unset; 
	margin:0 auto;
}
.tabmenuarea ul {
	display:flex; 
	flex-wrap:wrap; 
	width:100%; 
	max-width:1400px; 
	margin:0 auto;
}
.tabmenuarea ul li {
	position:relative; 
	display:inline-block; 
	box-sizing:border-box; 
	min-width:100px; 
	height:100%; 
	border-bottom:1px solid var(--gray04); 
	border-right:1px solid var(--gray04);
}
.tabmenuarea ul li:nth-child(5n+1){ /* 첫번째와 6,12,24… 번째 */
	border-left:1px solid var(--gray04);
}
.tabmenuarea ul li:nth-child(-n+5){ /* 앞에서부터 5번째까지 */
	border-top:1px solid var(--gray04);
}
.tabmenuarea ul li a {
	position:relative; 
	box-sizing:border-box; 
	display:block; 
	flex-wrap:unset; 
	align-items:unset; 
	width:100%; 
	height:100%; 
	padding:20px 25px; 
	font-size:1.7rem; 
	color:rgba(0,0,0,0.5); 
	text-align:center;
}
.tabmenuarea ul li.on a {
	background-color:var(--emphasis2);
	color:var(--font01);
	font-weight:bold;
}
.tabmenuarea ul li.on::after {
	display:none;
}
@media screen and (max-width: 767px) {
	.tabmenuarea .inner_tabmenu {
		padding:0 10px;
	}
	.tabmenuarea ul {
		overflow-x:auto; 
		overflow-y:hidden; 
		-webkit-box-sizing:border-box; 
		box-sizing:border-box; 
		display:inline-flex; 
		flex-wrap:nowrap; 
		width:100%; 
		height:100%; 
		padding:0; 
		font-size:0; 
		text-align:center; 
		white-space:nowrap; 
		list-style:none; 
		-webkit-overflow-scrolling:touch;
	}
	.tabmenuarea ul li {
		width:unset!important; 
		min-width:unset; 
		border-top:1px solid var(--gray04);
	}
	.tabmenuarea ul li:nth-child(5n+1){
		border-left:none;
	}
	.tabmenuarea ul li:first-child {
		border-left:1px solid var(--gray04);
	}
	.tabmenuarea ul li a {
		padding:15px 20px; 
		font-size:1.4rem;
	}
}
@media screen and (min-width:768px) and (max-width:1279px) {
	.tabmenuarea .inner_tabmenu {
		padding:0 10px;
	}
	.tabmenuarea ul {
		overflow-x:auto; 
		overflow-y:hidden; 
		-webkit-box-sizing:border-box; 
		box-sizing:border-box; 
		display:inline-flex; 
		width:100%; 
		height:100%; 
		padding:0; 
		font-size:0; 
		text-align:center; 
		white-space:nowrap; 
		list-style:none; 
		-webkit-overflow-scrolling:touch;
	}	
	.tabmenuarea ul li a {
		padding:15px 20px;
	}
}
.inner_tabmenu ul li:first-child:nth-last-child(1) {
	width:100%;
}
.inner_tabmenu ul li:first-child:nth-last-child(2),
.inner_tabmenu ul li:first-child:nth-last-child(2) ~ li {
	width:calc(100% /2);
}
.inner_tabmenu ul li:first-child:nth-last-child(3),
.inner_tabmenu ul li:first-child:nth-last-child(3) ~ li {
	width:calc(100% /3);
}
.inner_tabmenu ul li:first-child:nth-last-child(4),
.inner_tabmenu ul li:first-child:nth-last-child(4) ~ li {
	width:calc(100% /4);
}
.inner_tabmenu ul li:first-child:nth-last-child(5),
.inner_tabmenu ul li:first-child:nth-last-child(5) ~ li {
	width:calc(100% /5);
}
.inner_tabmenu ul li:first-child:nth-last-child(n+6),
.inner_tabmenu ul li:first-child:nth-last-child(n+6) ~ li {
	width:calc(100% /5);
}

.tabmenuarea.type_event {
	margin-bottom:100px;
}
.tabmenuarea.type_event ul li {
	width:calc(100% /4);
	min-width:unset;
}
.tabmenuarea.type_event ul li:nth-child(5n+1){
	border-left:unset;
}
.tabmenuarea.type_event ul li:nth-child(-n+5){
	border-top:unset;
}
.tabmenuarea.type_event ul li:nth-child(4n+1){
	border-left:1px solid var(--gray04);
}
.tabmenuarea.type_event ul li:nth-child(-n+4){
	border-top:1px solid var(--gray04);
}
.tabmenuarea.type_event ul li a {
	padding:20px;
}
.tabmenuarea.type_event ul li:first-child:nth-last-child(n+1),
.tabmenuarea.type_event ul li:first-child:nth-last-child(n+1) ~ li {
	width:calc(100% /4);
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
	.tabmenuarea.type_event ul li a {
		letter-spacing:-1px; 
		padding:15px 5px;
	}
}
@media screen and (max-width: 767px){
	/* .tabmenuarea.type_event ul li:nth-child(4n+1){
		border-left:0;
	}
	.tabmenuarea.type_event ul li {
		border-top:1px solid var(--gray04) !important;
	}
	.tabmenuarea.type_event ul li:first-child {
		border-left:1px solid var(--gray04);
	} */
	.tabmenuarea.type_event ul {
	        overflow-x: hidden;
			flex-direction: unset;
	        flex-wrap: unset;
	        height: unset;
	        white-space: unset;
			display: grid;
			grid-template-columns: 1fr 1fr 1fr;
	    }
	.tabmenuarea.type_event ul li {
		width:unset !important;
		border-top:unset;
	}
	.tabmenuarea.type_event ul li:nth-child(4n+1){
		border-left:unset;
	}
	.tabmenuarea.type_event ul li:nth-child(-n+4){
		border-top:unset;
	}
	.tabmenuarea.type_event ul li:nth-child(3n+1){
		border-left:1px solid var(--gray04);
	}
	.tabmenuarea.type_event ul li:nth-child(-n+3){
		border-top:1px solid var(--gray04);
	}
	.tabmenuarea.type_event ul li a {
		padding:10px 5px;
		display: flex;
		align-items: center;
		justify-content: center;
	}
}

/* .sub-top-bg-wrap h2,
.sub-top-bg-wrap h3 {position:absolute; overflow:hidden; width:1px; height:1px; clip:rect(0 0 0 0);} */

.sub_top_title_wrap {}
.sub_top_title_wrap .tit01 {
	position:relative; 
	padding-top:150px; 
	font-family:"Tenor Sans",sans-serif; 
	font-size:4rem; 
	font-weight:400; 
	line-height:1.6; 
	text-align:center; 
	text-transform:uppercase; 
	--tw-text-opacity:1; 
	color:rgb(51 51 51 / var(--tw-text-opacity));
}
.sub_top_title_wrap .tit01::before {
	content:""; 
	position:absolute; 
	top:70px; 
	left:50%; 
	display:inline-block; 
	width:1px; 
	height:60px; 
	background-color:var(--gray01); 
	transform:translateX(-50%);
}
.sub_top_title_wrap .tit02 {
	font-size:2.4rem; 
	text-align:center; 
	text-transform:uppercase; 
	--tw-text-opacity:1; 
	color:rgb(51 51 51 / var(--tw-text-opacity));
}
@media screen and (max-width: 767px) {
	.sub_top_title_wrap .tit01 {
		font-size:2rem;
	}
	.sub_top_title_wrap .tit02 {
		font-size:1.6rem;
	}
}

/*.
tabmenuarea .inner_tabmenu .line{
	display:block;content:"";
	height:2px;
	background:var(--emphasis);
	position:absolute;left:0;bottom:0;
	transition:all 0.6s cubic-bezier(.77,.29,.29,.82); 
}
*/
/*//서브 TabMenu */

/*상품리스트*/
.clinic_list{
	background:var(--bgGoodList);
}

.clinic_list:hover{
	background:var(--bgWhite);
	--tw-border-opacity: 1;
	/*border:1px solid rgb(51 51 51 / var(--tw-border-opacity));*/
	outline : solid 1px rgb(140 18 23 / var(--tw-border-opacity));
}

.good_title{
	position:relative;
	display:inline-block !important;
}

.good_title:after{
	position:absolute;
	right:-20px;
	top:50%;
	transform: translateY(-50%);
	content:'';
	width:6px;
	height:11px;
	background:url('../../../../image/icon/goods_list_arrow.png') no-repeat;
}

.min_pirce{
	display:inline-block;
	color:var(--emphasis);
	font-weight:bold;
	font-size:3.0rem;
}

/* 상품detail */
.w1300{
	width:100%;
	max-width:1300px;
	margin:0 auto;
	display:flex;
	flex-wrap:wrap;
	justify-content: space-between;
}





/*상품 위치 네이게이션*/
.depthLocation{
	position:relative;
	display:inline-block;
	font-size:1.4rem;
	font-weight:500;
	color:var(--primary);
	margin-right:25px;
}

.depthLocation:after{
	position:absolute;
	top:50%;
	right:-15px;
	transform: translateY(-50%);
	content:'';
	width:5px;
	height:8px;
	background:url('../../../../image/icon/goods_list_arrow2.png')  no-repeat;
}

.depthLocation:last-child:after{
	display:none;
}

/* left_wrap */
.left_wrap{
	width:780px;
	max-width:780px;
}

.left_wrap .productTitle{
	font-size:2.0rem;
	font-weight:600;
}

.left_wrap .productSubTitle{
	font-size:1.6rem;
}

.left_wrap .productImg{
	position:relative;
	width:100%;
	max-width:780px;
	height:440px;
	overflow:hidden;
	/*background-color:#c8c8c8;*/
}

/* 2025-03-07, 김승희 : 이미지 영역 전체 보이게 수정 */
/* .left_wrap .productImg .productInfo{
	position:absolute;
	width:680px;
	height:340px;
	top:50%;
	left:50%;
	transform: translate(-50%,-50%);
	background:rgba(0,0,0,0.3);
} */
/* //2025-03-07, 김승희 : 이미지 영역 전체 보이게 수정 */

.left_wrap .productImg .productInfo .productKorTitle{
	position:relative;
	font-size:3.2rem;
	font-weight:600;
	color:var(--font01);
}

.left_wrap .productImg .productInfo .productKorTitle p{
	font-size:2.0rem;
	color:var(--font01);
}

.left_wrap .productImg .productInfo .productKorTitle:after{
	position:absolute;
	bottom:-20px;
	left:50%;
	content:'';
	transform: translateX(-50%);
	width:40px;
	height:1px;
	background-color:var(--bgWhite);
}

.left_wrap .productImg .productInfo .productEngTitle{
	position:relative;
	margin-top:40px;
	font-size:1.6rem;
	font-weight:400;
	color:var(--font01);
}

.left_wrap .mobile_good_wrap{
	display:none;
}

/*상품 상세 컨텐츠*/
.left_wrap .detail_content{
	position:relative;
	width:100%;
	margin:30px auto;
}

.left_wrap .detail_content .con_title{
	position:relative;
	width:100%;
	padding:20px;
	border-bottom:1px solid var(--emphasis);
}

.left_wrap .detail_content .con_title .t1{
	position:relative;
	display:inline-block;
	font-size:1.8rem;
	font-weight:600;
	padding-left:15px;
}

.left_wrap .detail_content .con_title .t1:before{
	position:absolute;
	left:0;
	top:50%;
	transform: translateY(-50%);
	content:'';
	width:5px;
	height:5px;
	background-color:var(--emphasis);
	border-radius:9999px;
}

/*시술 소개*/
.left_wrap .detail_content .con_txt{
	width:100%;
	margin:0 auto;
	padding:20px;
	word-break:keep-all;
	line-height:1.5;
	font-size:1.6rem;
}

.left_wrap .detail_content .hash_tag{
	position:relative;
	width:100%;
	display:flex;
	flex-wrap:wrap;
	margin-top:30px;
}

.left_wrap .detail_content .hash_tag li{
	position: relative;
    text-align: center;
}

.left_wrap .detail_content .hash_tag li .tag{
	display:inline-block;
	padding:0 15px;
	font-size:1.4rem;
	color:var(--emphasis2);
}


/*시술과정*/
.left_wrap .detail_content .dc_cont{
	width:100%;
	margin:0px auto 0;
}

.left_wrap .detail_content .dc_cont .prs-list{
	width:100%;
	display:flex;
	flex-wrap:wrap;
	align-items:center;
}

.left_wrap .detail_content .dc_cont .prs-list .prs-item {
    position: relative;
    width: 25%;
    margin-top: 30px;
    text-align: center;
}

.left_wrap .detail_content .dc_cont .prs-list .prs-item:before {
    content: '';
    position: absolute;
    top: 37%;
	transform: translateY(-50%);
    left: 0;
    width: 100%;
    height: 1px;
	z-index:-1;
    background-color: #B5B5B5;
}

.prs-list .prs-item > b {
    display: block;
    margin-bottom: 10px;
    font-size: 1.2rem;
    font-weight: 400;
    color: var(--emphasis);
}

.prs-item .dopt {
    position: relative;
    width: 30px;
    height: 30px;
    margin: 0 auto;
    background: url(../../../../image/sub/process_circle.png) no-repeat;
}

.prs-list .prs-item > span {
    display: block;
    margin-top: 20px;
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 1.5;
}

.picto-list{
	margin-top:0px;
	width:100%;
	display:flex;
	flex-wrap:wrap;
	justify-content: center
}

.picto-list li{
	width:calc(25.000% - 10px);
	display:flex;
	align-items:center;
	justify-content: center;
}

.picto-list li .circle{
	width:150px;
	height:150px;
	border:1px solid #ccc;
	border-radius:9999px;
	display:flex;
	align-items:center;
}

.picto-list li .circle .con{
	position:relative;
	width:100%;
	display:flex;
	flex-direction: column;
	text-align:center;
	gap:10px;
}

.picto-list li .circle .con .con_img{
	width:30px;
	height:30px;
	margin:0 auto;
}

.picto-list li .circle .con .con_tit1{
	font-size:1.6rem;
}

.picto-list li .circle .con .con_tit2{
	font-size:1.4rem;
}

/* 2025-03-07, 김승희 : 시술소개 사각 형태 추가 */
.type_square .picto-list {
	width:fit-content;
	padding:0 10px;
	margin:0 auto;
	border:1px solid var(--gray05);
	word-break:keep-all;
}
.type_square .picto-list li { 
	width:unset;
	height:120px;
	padding:0 5px;
	margin:20px 0;
}
.type_square .picto-list li .circle{
	border:0;
	border-radius:0;
}
.type_square .picto-list li:not(:last-child) {
	border-right:1px solid var(--gray05);
}

/* //2025-03-07, 김승희 : 시술소개 사각 형태 추가 */

@media screen and (max-width: 767px) {
	.picto-list{
		width:100%;
		max-width:calc(100% - 30px);
		margin:30px auto 0;
		display:flex;
		flex-wrap:wrap;
		justify-content: center
	}
	.picto-list li{
		width:calc(50.000% - 10px);
		margin-top:20px;
		display:flex;
		align-items:center;
		justify-content: center;
	}

	/* 2025-03-07, 김승희 : 시술소개 사각 형태 추가 */
	.type_square .picto-list {
		justify-content:flex-start;
		width:fit-content;
		max-width:460px;
		padding:0;
	}
	.type_square .picto-list li{
		position:relative;
		width:calc(50% - 60px);
		max-width:170px;
		height:unset;
		padding:0 10px;
		margin:0 30px;
	}
	.type_square .picto-list li:not(:last-child){
		border-right:0;
	}
	.type_square .picto-list li:nth-child(-n+2) {
		border-bottom:1px solid var(--gray05);
	}
	.type_square .picto-list li::before {
		content:""; 
		position:absolute; 
		top:50%; 
		right:-30px; 
		width:1px; 
		height:70%; 
		background-color:var(--gray05); 
		transform:translateY(-50%);
	}
	.type_square .picto-list li:last-child::before {
		display:none;
	} 
	.type_square .picto-list li:nth-child(n+3)::before {
		display:block;
	} 
	.type_square .picto-list li:nth-child(2n)::before {
		display:none;
	} 
	.type_square .picto-list li:first-child:nth-last-child(1),
	.type_square .picto-list li:first-child:nth-last-child(1) ~ li {
		width:100%;
		border-bottom:0;
	}
	.type_square .picto-list li:first-child:nth-last-child(2),
	.type_square .picto-list li:first-child:nth-last-child(2) ~ li {
		border-bottom:0;
	}
	.type_square .picto-list li .circle {
		width:unset;
	}
	/* //2025-03-07, 김승희 : 시술소개 사각 형태 추가 */
}

/* 2025-03-07, 김승희 : 시술소개 사각 형태 추가 */
@media screen and (max-width: 480px) {
	.type_square .picto-list li{
		width:calc(50% - 30px);
		margin:0 15px;
	}	
	.type_square .picto-list li:not(:nth-child(2n))::before {
		right:-15px;
	}
}
/* //2025-03-07, 김승희 : 시술소개 사각 형태 추가 */

@media screen and (min-width:768px) and (max-width:1279px) {


	.picto-list li{
		width:calc(25.000% - 10px);
		display:flex;
		align-items:center;
		justify-content: center;
	}

}





/*추천대상*/
.left_wrap .detail_content .propose-list{
	position:relative;
	width:100%;
	max-width:calc(100% - 20px);
	margin:20px auto 0;
}

.left_wrap .detail_content .propose-list .propose-item {
    position: relative;
    padding-left: 10px;
    margin-bottom: 20px;
    font-size: 18px;
    color: #444;
    line-height: 1.5;
    word-break: keep-all;
}

.left_wrap .detail_content .propose-list .propose-item span.num{
	display:inline-block;
	font-size:1.6rem;
	font-weight:600;
	color:var(--emphasis2);
	margin-right:5px;
}

/*시술 효과 시술주기*/
.left_wrap .detail_content .effect-list{
	position:relative;
	width:100%;
	max-width:calc(100% - 20px);
	margin:20px auto 0;
}

.left_wrap .detail_content .effect-list .effect-item {
    position: relative;
    padding-left: 30px;
    margin-bottom: 20px;
    font-size: 18px;
    color: #444;
    line-height: 1.5;
    word-break: keep-all;
}

.left_wrap .detail_content .effect-list .effect-item:before {
    content: '';
    position: absolute;
    top: 50%;
	transform: translateY(-50%);
    left: 10px;
	width:5px;
	height:1px;
	background-color:var(--emphasis);
}

/*시술 주의 사항*/
.left_wrap .detail_content .caution-list{
	position:relative;
	width:100%;
	max-width:calc(100% - 20px);
	margin:20px auto 0;
}

.left_wrap .detail_content .caution-list .caution-item {
    position: relative;
    padding-left: 30px;
    margin-bottom: 20px;
    font-size: 18px;
    color: #444;
    line-height: 1.5;
    word-break: keep-all;
}

.left_wrap .detail_content .caution-list .caution-item:before {
    content: '';
    position: absolute;
    top: 6px;
    left: 0px;
	width:16px;
	height:12px;
	background:url(../../../../image/icon/caution_item_icon.png) no-repeat;
}

/* 시술 QNA*/
.left_wrap .detail_content .qna-list{
	width:100%;
	position:relative;
}

.left_wrap .detail_content .qna-list .qna-item {
    margin-top: 30px;
}

.left_wrap .detail_content .qna-list .qna-item .ques {
	width:calc(100% - 20px);
	margin:0 auto;
	display:flex;
	align-items:center;
}

.left_wrap .detail_content .qna-list .qna-item .ques > .mark {
    font-size: 2.4rem;
    font-weight: 400;
	color:var(--emphasis);
}

.left_wrap .detail_content .qna-list .qna-item .ques > .tit {
	padding:20px;
	background-color:var(--emphasis);
	margin-left:15px;
	border-radius:50px;
	min-height:50px;
	min-width:200px;
	color:var(--font01);
	font-size:1.6rem;
}

.left_wrap .detail_content .qna-list .qna-item .answer {
    position: relative;
    margin-top: 50px;
    text-align: right;
	display:flex;
	justify-content: flex-end;
}

.left_wrap .detail_content .qna-list .qna-item .answer > .mark {
    width: 40px;
    height: 40px;
}

.left_wrap .detail_content .qna-list .qna-item .answer > .mark img{
	width:100%;
}

.left_wrap .detail_content .qna-list .qna-item .answer .txt {
    display: inline-block;
    position: relative;
    max-width: 600px;
    margin-left: auto;
    margin-right: 30px;
    padding: 25px 25px;
    background-color: #fff;
    border-radius: 20px;
    font-size: 1.6rem;
    text-align: left;
    line-height: 1.6;
    word-break: keep-all;
	border:1px solid var(--emphasis);
}
table {
    width: 100%
}

table.ncp_tbl>tbody,table.ncp_tbl>thead, table.ncp_tbl>tfoot {
    border-bottom: 0
}

table.ncp_tbl.margin-type {
    margin-top: 20px
}

table.ncp_tbl.type-tooltip {
    table-layout: auto
}

table.ncp_tbl {
    border: 0;
    border-top: 1px solid #ced2d8
}

table.ncp_tbl>tbody>tr>th,table.ncp_tbl>thead>tr>th,table.ncp_tbl>tfoot>tr>th {
    position: inherit;
    padding: 16px 20px 16px 25px;
    font-size: 1.6rem;
    border: 1px solid #eee;
    background: #8c1217;
    text-align:center;
	font-family: 'Pretendard';
    font-weight:600;
	color: white;
}

table.ncp_tbl>tbody>tr,table.ncp_tbl>thead>tr,table.ncp_tbl>tfoot>tr {
	height:7.5rem;
}

table.ncp_tbl>tbody>tr>th label,table.ncp_tbl>thead>tr>th label {
    margin: 0
}

table.ncp_tbl>tbody>tr>th.vtCenter,table.ncp_tbl>thead>tr>th.vtCenter {
    vertical-align: middle
}

table.ncp_tbl>tbody>tr>td,table.ncp_tbl>thead>tr>td,table.ncp_tbl>tfoot>tr>td {
    padding: 16px 20px 16px 25px;
    font-size: 1.6rem;
    border: 1px solid #eee;
	text-align:center;
	font-family: 'Pretendard';
    font-weight:400;
}

table.ncp_tbl>tbody,table.ncp_tbl>thead,table.ncp_tbl>tfoot {
    border-top: 0
}

table.ncp_tbl th .must {
    display: inline-block;
    position: relative
}

table.grid th .must:before,table.ncp_tbl th .must:before {
    display: inline-block;
    content: "";
    width: 4px;
    height: 4px;
    background: #e51f22;
    font-size: 14px;
    position: absolute;
    top: 7px;
    left: -9px
}

table.grid th .must:after,table.ncp_tbl th .must:after {
    display: none
}

table.ncp_tbl.type-grid {
    margin-top: 20px
}

table.ncp_tbl.type-grid tbody>tr>th,table.ncp_tbl.type-grid tr>th {
    border-left: 1px solid #ced2d8;
    background: #fafbfc;
    vertical-align: middle
}

table.ncp_tbl.type-grid tr>th.txtAlign {
    padding-left: 178px
}

table.ncp_tbl.type-grid tr>th:first-child {
    border-left: 0
}

table.ncp_tbl.type-grid tr>td {
    padding: 8px 30px 10px 20px;
    border-left: 1px solid #ced2d8;
    vertical-align: middle
}

table.ncp_tbl.type-grid tr>td.type-bg {
    padding: 10px 30px 9px 20px;
    background: #fafbfc
}

table.ncp_tbl.type-grid tr.type-border-bg th {
    border-bottom: 1px solid #ced2d8;
    vertical-align: middle
}

table.ncp_tbl.type-grid tr.type-border-bg td {
    border-bottom: 1px solid #ced2d8
}

table.ncp_tbl .text-mid {
    display: inline-block;
    margin: 0 10px
}

table.ncp_tbl .sign-mid {
    display: inline-block;
    margin: 0 5px 0 7px
}

table.ncp_tbl .text-blue {
    color: #135de6
}

table.ncp_tbl textarea{
	height: 100px;
    width: 100%;
    padding: 5px 7px;
    border: 1px solid #dfdfdf !important;
    border-radius: 4px;
    line-height: 18px;
    vertical-align: top;
}

table.ncp_tbl input[type=radio] {
    position: relative;
    margin: 0 6px 0 0;
    width: 16px;
    height: 16px;
    border: 1px solid #c4c4c4;
    border-radius: 50%;
    background: #fff;
    vertical-align: middle;
}

table.ncp_tbl input[type=checkbox], input[type=radio] {
    display: inline-block;
    width: 16px;
    height: 16px;
    vertical-align: -4px;
    -webkit-appearance: none;
    border-radius: 0;
    border: 0;
    margin: 0;
    padding: 0;
    cursor: pointer;
}

table.ncp_tbl input[type=radio]:checked {
    border: 0;
    background: #fff url(../images/common/icon_radio_on.svg) no-repeat 0 0
}

.tbl1 {
	background: #fafbfc;
}

/* width 680px까지 지원 */
@media screen and (max-width: 767px) {
  
	.left_wrap .detail_content .qna-list .qna-item .ques > .mark {
		font-size: 1.8rem;
		font-weight: 400;
		color:var(--emphasis);
	}

	.left_wrap .detail_content .qna-list .qna-item .ques > .tit {
		padding:20px;
		background-color:var(--emphasis);
		margin-left:15px;
		border-radius:50px;
		min-height:50px;
		min-width:200px;
		color:var(--font01);
		font-size:1.4rem;
	}
	
	.left_wrap .detail_content .qna-list .qna-item .answer .mark {
		width: 40px;
		height:40px;
	}

	.left_wrap .detail_content .qna-list .qna-item .answer .mark img{
		width:40px;
	}
	
	.left_wrap .detail_content .qna-list .qna-item .answer .txt {
		display: inline-block;
		position: relative;
		max-width:280px;
		margin-left: auto;
		margin-right: 10px;
		padding: 10px 10px;
		background-color: #fff;
		border-radius: 20px;
		font-size: 1.4rem;
		text-align: left;
		line-height: 1.6;
		word-break: keep-all;
		border:1px solid var(--emphasis);
	}
	
	.left_wrap .detail_content .caution-list .caution-item {
		position: relative;
		padding-left: 30px;
		margin-bottom: 20px;
		font-size: 1.4rem;
		color: #444;
		line-height: 1.5;
		word-break: keep-all;
	}
	
	.left_wrap .detail_content .effect-list .effect-item {
		position: relative;
		padding-left: 30px;
		margin-bottom: 20px;
		font-size: 1.4rem;
		color: #444;
		line-height: 1.5;
		word-break: keep-all;
	}
	
	.left_wrap .detail_content .propose-list .propose-item {
		position: relative;
		padding-left: 10px;
		margin-bottom: 20px;
		font-size: 1.4rem;
		color: #444;
		line-height: 1.5;
		word-break: keep-all;
	}

	.left_wrap .detail_content .propose-list .propose-item span.num{
		display:inline-block;
		font-size:1.2rem;
		font-weight:600;
		color:var(--emphasis2);
		margin-right:5px;
	}
	
	.left_wrap .detail_content .dc_cont .prs-list .prs-item {
		position: relative;
		width: 33.3333%;
		margin-top: 30px;
		text-align: center;
	}

	.prs-list .prs-item > span {
		display: block;
		margin-top: 20px;
		font-size: 1.42rem;
		font-weight: 500;
		line-height: 1.5;
	}

}

@media screen and (min-width:768px) and (max-width:1279px) {

	.left_wrap .detail_content .caution-list .caution-item {
		position: relative;
		padding-left: 30px;
		margin-bottom: 20px;
		font-size: 1.4rem;
		color: #444;
		line-height: 1.5;
		word-break: keep-all;
	}
	
	.left_wrap .detail_content .effect-list .effect-item {
		position: relative;
		padding-left: 30px;
		margin-bottom: 20px;
		font-size: 1.4rem;
		color: #444;
		line-height: 1.5;
		word-break: keep-all;
	}
	
	.left_wrap .detail_content .propose-list .propose-item {
		position: relative;
		padding-left: 10px;
		margin-bottom: 20px;
		font-size: 1.4rem;
		color: #444;
		line-height: 1.5;
		word-break: keep-all;
	}

	.left_wrap .detail_content .propose-list .propose-item span.num{
		display:inline-block;
		font-size:1.2rem;
		font-weight:600;
		color:var(--emphasis2);
		margin-right:5px;
	}
	
	.left_wrap .detail_content .dc_cont .prs-list .prs-item {
		position: relative;
		width: 33.3333%;
		margin-top: 30px;
		text-align: center;
	}

	.prs-list .prs-item > span {
		display: block;
		margin-top: 20px;
		font-size: 1.42rem;
		font-weight: 500;
		line-height: 1.5;
	}

}

/* 2025-03-12, 김승희 : 시술과정 스테퍼 원형 타입 추가 */
/* 130px
.left_wrap .detail_content.type_stepper_circle .dc_cont .prs-list {
	justify-content:flex-start;
	width:100%;
	max-width:670px;
	margin:0 auto;
}
.left_wrap .detail_content.type_stepper_circle .dc_cont .prs-item {
	position:relative;
	display:flex;
	flex-direction:column;
	justify-content:center;
	width:130px; 
	height:130px;
	padding:20px 5px;
	margin-top:50px;
	border-radius:50%; 
	border:1px solid var(--emphasis);
	background-color:#fff;
	color:var(--emphasis); 
	word-break:keep-all;
}
.left_wrap .detail_content.type_stepper_circle .dc_cont .prs-item:nth-child(n+5) {margin-top:30px;}
.left_wrap .detail_content.type_stepper_circle .dc_cont .prs-item:not(:nth-child(4n)) {
	margin-right:50px;
}
.left_wrap .detail_content.type_stepper_circle .dc_cont .prs-item:last-child {
	margin-right:0;
}
.left_wrap .detail_content.type_stepper_circle .dc_cont .prs-item::before {
	display:none;
}
.left_wrap .detail_content.type_stepper_circle .dc_cont .prs-item::after {
	content:""; 
	position:absolute; 
	top:50%; 
	left:calc(100% + 26px); 
	width:20px; 
	height:20px;
	background:url('../../../../image/icon/arr_stepper.svg') center / auto 12px no-repeat;
	transform:translate(-50%,-50%);
}
.left_wrap .detail_content.type_stepper_circle .dc_cont .prs-item:nth-child(4n)::after {
	display:none;
}
.left_wrap .detail_content.type_stepper_circle .dc_cont .prs-item:last-child::after {
	display:none;
}
.left_wrap .detail_content.type_stepper_circle .dc_cont .prs-item b {
	margin-bottom:3px;
	color:var(--emphasis); 
	font-size:1.8rem; 
	font-weight:700;
}
.left_wrap .detail_content.type_stepper_circle .dc_cont .prs-item .dopt {
	display:none;
}
.left_wrap .detail_content.type_stepper_circle .dc_cont .prs-item .txt_cont {
	overflow:hidden;
	display:-webkit-box;
	margin-top:0; 
	font-size:1.4rem; 
	font-weight:400;
	line-height:1.3;
	text-overflow:ellipsis;
	-webkit-line-clamp:3;
	-webkit-box-orient:vertical;
}
@media screen and (max-width: 830px) {
	.left_wrap .detail_content.type_stepper_circle .dc_cont .prs-list {
		max-width:630px;
	} 
	.left_wrap .detail_content.type_stepper_circle .dc_cont .prs-item {
		width:120px; 
		height:120px;
	}
}
@media screen and (max-width: 767px) {
	.left_wrap .detail_content.type_stepper_circle .dc_cont .prs-list {
		max-width:310px;
	} 
	.left_wrap .detail_content.type_stepper_circle .dc_cont .prs-item {
		width:130px; 
		height:130px;
	}
	.left_wrap .detail_content.type_stepper_circle .dc_cont .prs-item:nth-child(n+5) {
		margin-top:50px;
	}
	.left_wrap .detail_content.type_stepper_circle .dc_cont .prs-item:nth-child(n+3) {
		margin-top:30px;
	}
	.left_wrap .detail_content.type_stepper_circle .dc_cont .prs-item:nth-child(4n) {
		margin-right:50px;
	}
	.left_wrap .detail_content.type_stepper_circle .dc_cont .prs-item:nth-child(2n) {
		margin-right:0;
	}
	.left_wrap .detail_content.type_stepper_circle .dc_cont .prs-item:nth-child(4n)::after {
		display:block;
	}
	.left_wrap .detail_content.type_stepper_circle .dc_cont .prs-item:nth-child(2n)::after {
		display:none;
	}
}
@media screen and (max-width: 475px) {
	.left_wrap .detail_content.type_stepper_circle .dc_cont .prs-list {
		max-width:290px;
	} 
	.left_wrap .detail_content.type_stepper_circle .dc_cont .prs-item {
		width:120px; 
		height:120px;
	}
} */





/* .left_wrap .detail_content.type_stepper_circle {
	position:relative;
}
.left_wrap .detail_content.type_stepper_circle::before {
	content:""; 
	position:absolute; 
	top:0; 
	left:0; 
	width:calc(100% - 60px); 
	height:100%; 
	margin:0 30px; 
	border-left:1px solid red; 
	border-right:1px solid red;
} */
.left_wrap .detail_content.type_stepper_circle .dc_cont .prs-list {
	justify-content:flex-start;
	width:100%;
	max-width:720px;
	margin:10px auto;
}
.left_wrap .detail_content.type_stepper_circle .dc_cont .prs-item {
	position:relative;
	display:flex;
	flex-direction:column;
	justify-content:center;
	width:calc(720px /4); 
	height:calc(720px /4);
	padding:25px;
	margin-top:0;
	border-radius:50%;
	color:var(--emphasis); 
	word-break:keep-all;
}
.left_wrap .detail_content.type_stepper_circle .dc_cont .prs-item::before {
	content:"";
	position:absolute;
	top:0;
	left:0;
	width:calc(100% - 50px);
	height:calc(100% - 50px);
	margin:25px;
	border:1px solid var(--emphasis);
	border-radius:50%;
	background-color:#fff;
	transform:translate(0,0);
}
.left_wrap .detail_content.type_stepper_circle .dc_cont .prs-item::after {
	content:""; 
	position:absolute; 
	top:50%; 
	left:100%; 
	width:20px; 
	height:20px;
	background:url('../../../../image/icon/arr_stepper.svg') center / auto 12px no-repeat;
	transform:translate(-50%,-50%);
}
.left_wrap .detail_content.type_stepper_circle .dc_cont .prs-item:nth-child(4n)::after {
	display:none;
}
.left_wrap .detail_content.type_stepper_circle .dc_cont .prs-item:last-child::after {
	display:none;
}
.left_wrap .detail_content.type_stepper_circle .dc_cont .prs-item:nth-child(n+5) {
	height:calc((720px /4) - 25px);
	padding-top:0;	
}
.left_wrap .detail_content.type_stepper_circle .dc_cont .prs-item:nth-child(n+5)::before {
	height:calc(100% - 25px);
	margin-top:0;
}
.left_wrap .detail_content.type_stepper_circle .dc_cont .prs-item b {
	margin-bottom:2px;
	color:var(--emphasis); 
	font-size:1.8rem; 
	font-weight:700;
}
.left_wrap .detail_content.type_stepper_circle .dc_cont .prs-item .dopt {
	display:none;
}
.left_wrap .detail_content.type_stepper_circle .dc_cont .prs-item .txt_cont {
	overflow:hidden;
	display:-webkit-box;
	margin-top:0; 
	font-size:1.5rem; 
	font-weight:400;
	line-height:1.2;
	text-overflow:ellipsis;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
}
@media screen and (max-width: 880px) {
	.left_wrap .detail_content.type_stepper_circle .dc_cont .prs-list {
		max-width:680px;
	}
	.left_wrap .detail_content.type_stepper_circle .dc_cont .prs-item {
		width:calc(680px /4); 
		height:calc(680px /4);
	}
	.left_wrap .detail_content.type_stepper_circle .dc_cont .prs-item:nth-child(n+5) {
		height:calc((680px /4) - 25px);
	}
}
@media screen and (max-width: 830px) {
	.left_wrap .detail_content.type_stepper_circle .dc_cont .prs-list {
		max-width:640px;
	}
	.left_wrap .detail_content.type_stepper_circle .dc_cont .prs-item {
		width:calc(640px /4); 
		height:calc(640px /4);
		padding:20px;
	}
	.left_wrap .detail_content.type_stepper_circle .dc_cont .prs-item::before {
		width:calc(100% - 40px);
		height:calc(100% - 40px);
		margin:20px;
	}
	.left_wrap .detail_content.type_stepper_circle .dc_cont .prs-item:nth-child(n+5) {
		height:calc((640px /4) - 20px);
	}
	.left_wrap .detail_content.type_stepper_circle .dc_cont .prs-item:nth-child(n+5)::before {
		height:calc(100% - 20px);
	}	
}
@media screen and (max-width: 767px) {
	.left_wrap .detail_content.type_stepper_circle .dc_cont .prs-list {
		max-width:360px;
	}
	.left_wrap .detail_content.type_stepper_circle .dc_cont .prs-item {
		width:calc(360px /2); 
		height:calc(360px /2);
		padding:25px;
	}
	.left_wrap .detail_content.type_stepper_circle .dc_cont .prs-item:nth-child(n+5) {
		height:calc((360px /2));
		padding:25px;
	}
	.left_wrap .detail_content.type_stepper_circle .dc_cont .prs-item:nth-child(n+3) {
		height:calc((360px /2) - 25px);
		padding-top:0;
	}
	.left_wrap .detail_content.type_stepper_circle .dc_cont .prs-item::before {
		width:calc(100% - 50px);
		height:calc(100% - 50px);
		margin:25px;
	}
	.left_wrap .detail_content.type_stepper_circle .dc_cont .prs-item:nth-child(n+5)::before {
		height:calc(100% - 50px);
		margin:25px;
	}
	.left_wrap .detail_content.type_stepper_circle .dc_cont .prs-item:nth-child(n+3)::before {
		height:calc(100% - 25px);
		margin-top:0;
	}
	.left_wrap .detail_content.type_stepper_circle .dc_cont .prs-item:nth-child(4n)::after {
		display:block;
	}
	.left_wrap .detail_content.type_stepper_circle .dc_cont .prs-item:nth-child(2n)::after {
		display:none;
	}
}
@media screen and (max-width: 475px) {
	.left_wrap .detail_content.type_stepper_circle .dc_cont .prs-list {
		max-width:300px;
	}
	.left_wrap .detail_content.type_stepper_circle .dc_cont .prs-item {
		width:calc(300px /2); 
		height:calc(300px /2);
		padding:20px;
	}
	.left_wrap .detail_content.type_stepper_circle .dc_cont .prs-item:nth-child(n+5) {
		height:calc((300px /2));
		padding:20px;
	}
	.left_wrap .detail_content.type_stepper_circle .dc_cont .prs-item:nth-child(n+3) {
		height:calc((300px /2) - 20px);
		padding-top:0;
	}
	.left_wrap .detail_content.type_stepper_circle .dc_cont .prs-item::before {
		width:calc(100% - 40px);
		height:calc(100% - 40px);
		margin:20px;
	}
	.left_wrap .detail_content.type_stepper_circle .dc_cont .prs-item:nth-child(n+5)::before {
		height:calc(100% - 40px);
		margin:20px;
	}
	.left_wrap .detail_content.type_stepper_circle .dc_cont .prs-item:nth-child(n+3)::before {
		height:calc(100% - 20px);
		margin-top:0;
	}
}

/* 2025-03-14, 김승희 : 120px 수정 이전 */
/* .left_wrap .detail_content.type_stepper_circle .dc_cont .prs-list {
	justify-content:flex-start;
	width:100%;
	max-width:670px;
	margin:0 auto;
}
.left_wrap .detail_content.type_stepper_circle .dc_cont .prs-item {
	position:relative;
	display:flex;
	flex-direction:column;
	justify-content:center;
	width:120px; 
	height:120px;
	padding:20px 5px;
	margin-top:30px;
	border-radius:50%; 
	border:1px solid var(--emphasis);
	background-color:#fff;
	color:var(--emphasis); 
	word-break:keep-all;
}
.left_wrap .detail_content.type_stepper_circle .dc_cont .prs-item:not(:nth-child(4n)) {
	margin-right:63px;
}
.left_wrap .detail_content.type_stepper_circle .dc_cont .prs-item:last-child {
	margin-right:0;
}
.left_wrap .detail_content.type_stepper_circle .dc_cont .prs-item::before {
	display:none;
}
.left_wrap .detail_content.type_stepper_circle .dc_cont .prs-item::after {
	content:""; 
	position:absolute; 
	top:50%; 
	left:calc(100% + 34px); 
	width:20px; 
	height:20px;
	background:url('../../../../image/icon/arr_stepper.svg') center / auto 12px no-repeat;
	transform:translate(-50%,-50%);
}
.left_wrap .detail_content.type_stepper_circle .dc_cont .prs-item:nth-child(4n)::after {
	display:none;
}
.left_wrap .detail_content.type_stepper_circle .dc_cont .prs-item:last-child::after {
	display:none;
}
.left_wrap .detail_content.type_stepper_circle .dc_cont .prs-item b {
	margin-bottom:3px;
	color:var(--emphasis); 
	font-size:1.8rem; 
	font-weight:700;
}
.left_wrap .detail_content.type_stepper_circle .dc_cont .prs-item .dopt {
	display:none;
}
.left_wrap .detail_content.type_stepper_circle .dc_cont .prs-item .txt_cont {
	overflow:hidden;
	display:-webkit-box;
	margin-top:0; 
	font-size:1.4rem; 
	font-weight:400;
	line-height:1.3;
	text-overflow:ellipsis;
	-webkit-line-clamp:3;
	-webkit-box-orient:vertical;
}
@media screen and (max-width: 767px) {
	.left_wrap .detail_content.type_stepper_circle .dc_cont .prs-list {
		max-width:305px;
	} 
	.left_wrap .detail_content.type_stepper_circle .dc_cont .prs-item:nth-child(4n) {
		margin-right:63px;
	}
	.left_wrap .detail_content.type_stepper_circle .dc_cont .prs-item:nth-child(2n) {
		margin-right:0;
	}
	.left_wrap .detail_content.type_stepper_circle .dc_cont .prs-item:nth-child(4n)::after {
		display:block;
	}
	.left_wrap .detail_content.type_stepper_circle .dc_cont .prs-item:nth-child(2n)::after {
		display:none;
	}
}
@media screen and (max-width: 475px) {
	.left_wrap .detail_content.type_stepper_circle .dc_cont .prs-list {
		max-width:290px;
	} 
	.left_wrap .detail_content.type_stepper_circle .dc_cont .prs-item::after {
		left:calc(100% + 28px); 
	}
	.left_wrap .detail_content.type_stepper_circle .dc_cont .prs-item:nth-child(4n) {
		margin-right:63px;
	}
	.left_wrap .detail_content.type_stepper_circle .dc_cont .prs-item:nth-child(2n) {
		margin-right:0;
	}
	.left_wrap .detail_content.type_stepper_circle .dc_cont .prs-item:not(:nth-child(2n)) {
		margin-right:50px;
	}
} */

/* @media screen and (max-width: 475px) {
	.left_wrap .detail_content.type_stepper_circle .dc_cont .prs-list {
		max-width:305px;
	} 
	.left_wrap .detail_content.type_stepper_circle .dc_cont .prs-item:nth-child(4n) {
		margin-right:50px;
	}
} */

/* //2025-03-12, 김승희 : 시술과정 스테퍼 원형 타입 추가 */
/*//상품 상세 컨텐츠*/
/* //left_wrap */

/* right_wrap */
.right_wrap{
	width:480px;
	max-height:700px;
	background-color:var(--bgWhite);
	outline:solid 1px rgb(204 204 204 / 1.0);

}

.face_left {
	display:none;
}

.right_wrap .right_title{
	width:100%;
	height:55px;
	border-bottom:1px solid var(--emphasis);
}

.right_wrap .right_list{
	width:100%;
	max-height:585px;
	min-height:585px;
	overflow-y:auto;
}

.right_wrap .right_list.type_flex{
	display:flex;
	flex-direction:column;
	justify-content:space-between;
}

.right_wrap .right_list.type_flex .right_sub_txt{
	color:var(--gray02);
	font-size:1.4rem;
	text-align:right;
}

.right_wrap .right_list li{
	border-bottom:1px solid var(--gray05);
	display:flex;
	align-items:flex-start;
}

.right_wrap .right_list li .chk{
	position:relative;
	width:20px;
	display:flex;
	align-items:flex-start;
}

.right_wrap .right_list li .chk input[type="checkbox"]{
	position:absolute;
	left:-1000;
	top:0;
}

.right_wrap .right_list li .chk label{
	display: block;
	width:20px;
	height:20px;
	cursor:pointer;
}

/* off */
.right_wrap .right_list li .chk .addcart2+label{ 
	background-repeat: no-repeat; /* 반복 방지 */
	background-image: url('../../../../image/icon/checkbox_off.png'); /*off 이미지*/
}
/* on */
.right_wrap .right_list li .chk .addcart2:checked+label{
	background-repeat: no-repeat; /* 반복 방지 */
	background-image: url('../../../../image/icon/checkbox_on.png'); /*on 이미지*/
}

.right_wrap .right_list li + li{
	margin-top:15px;
}

.right_wrap .right_list li .procedure_info{
	width:100%;
	position:relative;
	display:flex;
	flex-direction: column;
	padding-left:10px;
}

.right_wrap .right_list li .procedure_info .procedure_info_title{
	font-size:1.6rem;
	color:var(--primary);
	font-weight:normal;
	word-break:keep-all;
	line-height:1.3l
}

.right_wrap .right_list li .procedure_info .procedure_info_title span.event{
	font-size:1.6rem;
	color:var(--emphasis);
}

.right_wrap .right_list li .procedure_info .procedure_info_basic{
	margin-top:5px;
	font-size:1.4rem;
	color:var(--gray02);
	word-break:keep-all;
	line-height:1.3;
}

.right_wrap .right_list li .procedure_info .procedure_info_price{
	width:100%;
	margin-top:10px;
	display:flex;
	justify-content: flex-end;
	align-items: center;
	font-size:1.4rem;
	color:var(--primary);
}

/* mobile_good_wrap */
.mobile_good_wrap{
	
	width:calc(100% - 0px);
	margin:30px auto;
	background-color:var(--bgWhite);
	outline:solid 1px rgb(204 204 204 / 1.0);

}

.mobile_good_wrap .right_title{
	width:100%;
	height:55px;
	border-bottom:1px solid var(--emphasis);
}

.mobile_good_wrap .right_list{
	width:100%;
	max-height:300px;
	min-height:300px;
	overflow-y:auto;
}

.mobile_good_wrap .right_list li{
	border-bottom:1px solid var(--gray05);
	display:flex;
	align-items:flex-start;
}

.mobile_good_wrap .right_list li .chk{
	position:relative;
	width:20px;
	display:flex;
	align-items:flex-start;
}

.mobile_good_wrap .right_list li .chk input[type="checkbox"]{
	position:absolute;
	left:-1000;
	top:0;
}

.mobile_good_wrap .right_list li .chk label{
	display: block;
	width:20px;
	height:20px;
	cursor:pointer;
}

/* off */
.mobile_good_wrap .right_list li .chk .maddcart+label{ 
	background-repeat: no-repeat; /* 반복 방지 */
	background-image: url('../../../../image/icon/checkbox_off.png'); /*off 이미지*/
}
/* on */
.mobile_good_wrap .right_list li .chk .maddcart:checked+label{
	background-repeat: no-repeat; /* 반복 방지 */
	background-image: url('../../../../image/icon/checkbox_on.png'); /*on 이미지*/
}

.mobile_good_wrap .right_list li + li{
	margin-top:15px;
}

.mobile_good_wrap .right_list li .procedure_info{
	width:100%;
	position:relative;
	display:flex;
	flex-direction: column;
	padding-left:10px;
}

.mobile_good_wrap .right_list li .procedure_info .procedure_info_title{
	font-size:1.6rem;
	color:var(--primary);
	font-weight:normal;
	word-break:keep-all;
	line-height:1.3l
}

.mobile_good_wrap .right_list li .procedure_info .procedure_info_title span.event{
	font-size:1.6rem;
	color:var(--emphasis);
}

.mobile_good_wrap .right_list li .procedure_info .procedure_info_basic{
	margin-top:5px;
	font-size:1.4rem;
	color:var(--gray02);
	word-break:keep-all;
	line-height:1.3;
}

.mobile_good_wrap .right_list li .procedure_info .procedure_info_price{
	width:100%;
	margin-top:10px;
	display:flex;
	justify-content: flex-end;
	align-items: center;
	font-size:1.4rem;
	color:var(--primary);
}

.goodsPrice{
	display:inline-block;
	padding:0 10px;
	font-size:1.4rem;
	color:var(--gray03);
	text-decoration:line-through;
}

.goodsCustPrice{
	display:inline-block;
	margin-left:5px;
	font-size:2.0rem;
	color:var(--emphasis);
	font-weight:700;
}

.goodsDiscountRate{
	display:inline-block;
	padding:0 10px;
	border:1px solid var(--emphasis);
	border-radius:9999px;
	font-size:1.4rem;
	color: var(--emphasis);
}

.right_wrap .right_btn{
	height:60px;
	line-height:60px;
	text-align:center;
	font-size:2.2rem;
	font-weight:600;
	background-color:var(--emphasis2);
	color:var(--bgWhite);
}


/* //right_wrap */

/* 예약상세 */
.reservation_ul{
	display: flex;
    gap: 20px;
	min-width: 1300px;
    width: 1300px;
}

.reservation_ul > li {
    width: calc((100% - 0px) / 3);
    overflow: hidden;
    padding-right: 0;
    padding-left: 0;
	background:var(--bgWhite);
	--tw-border-opacity: 1;
	outline : solid 1px rgb(204 204 204 / var(--tw-border-opacity));
}



.rsb-section{
	position: relative;
    height: 800px;
    overflow: hidden;
}

.rsb-section .rb-tit-box{
	padding:1.5rem 1.3rem 1.5rem;
	display: flex;
    gap: 20px;
    align-items: center;
	border-bottom:1px solid var(--emphasis);
}

.rsb-section .rb-tit-box .roundCnt{
	border:1px solid var(--emphasis2);
	border-radius:9999px;
	width:30px;
	font-size:1.4rem;
	color:var(--emphasis2);
	text-align:Center;
}

.rsb-section .rb-bottom-box{
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	font-size:1.8rem;
	font-weight:500;
}

.rsb-section .rb-bottom-box .total_btn_wrap{
	width:100%;
	position:relative;
	display:flex;
	align-items:Center;
	border-top:1px solid var(--gray04);
	font-size:1.6rem;
	font-weight:500;
}

.rsb-section .rb-bottom-box .total_btn_wrap .btn_normal{
	position:relative;
	width:50%;
	height:50px;
	background-color:#fff;
}

.rsb-section .rb-bottom-box .total_btn_wrap .btn_normal:after{
	position:absolute;
	right:0;
	top:0;
	content:'';
	width:1px;
	height:50px;
	background-color:var(--gray04);
}

.rsb-section .rb-bottom-box .total_btn_wrap .btn_event{
	position:relative;
	width:50%;
	height:50px;
	background-color:#fff;
	color:var(--emphasis2);
}

.rsb-section .rb-bottom-box .total{
	background-color:#fafafa;
	border-top:1px solid var(--gray04);
}

.rsb-section .rb-bottom-box .total .box_tit1{
	position:relative;
}
.rsb-section .rb-bottom-box .total .box_tit2{
	text-align:right;
	font-size:1.4rem;
	font-weight:normal;
	color:var(--gray03);
}



.rsb-section .reservation-box{
	width:100%;
	padding-top:2.5rem;
	min-height:530px;
	max-height:530px;
	overflow-y: auto;
}

.rsb-section .reservation-box .item_info{
	position: relative;
    height: 100%;
}

.rsb-section .reservation-box .item_info .top_select{
	height: calc(100% - 155px);
	padding:0 15px;
    overflow-y: auto;
    overflow-x: hidden;
}

.reservation_ul .service-list-wrap{
	position: relative;
    height: 100%;
}

.reservation_ul .service-list-wrap li{
	background-color:var(--bgItemInfo);
	padding:15px 15px;
	border-radius:15px;
}

.reservation_ul .service-list-wrap li + li{
	margin-top:15px;
}

.rsb-section .reservation-box .item_info .top_select .selt_info_wrap {
    padding: 20 0px;
    display: flex;
    align-items: center;
}

.rsb-section .reservation-box .item_info .top_select .selt_info_wrap .selt{
	padding-left: 5px;
	padding-right: 0.5em;
	width: 60%;
}

.rsb-section .reservation-box .item_info .top_select .selt_info_wrap .item_subprice > span {
    font-size: 1.6rem;
    line-height: 1.3	;
}

.rsb-section .reservation-box .item_info .top_select .selt_info_wrap .info{
	position: relative;
	padding-right: 30px;
	width: 40%;
	font-size:1.4rem;
	text-align:right;
}

del.txt_sub, del.del_num, .txt_disabled {
    color: #757575;
    opacity: 0.7;
}

.d-block {
    display: block;
}

.rsb-section .reservation-box .item_info .top_select .selt_info_wrap .info .txt_num {
    font-size: 1.8rem;
    font-weight: 700;
	color:var(--emphasis);
}


.rsb-section .reservation-box .item_info .top_select .selt_info_wrap .info button{
	border-color: transparent !important;
	outline: none;
	position:absolute;
	top:50%;
	transform: translateY(-50%);
	right:0px;
}

.item_subprice{ min-height:42px;}

/*step02*/
.day_box{
	position:relative;
	height:480px;
	border-bottom:1px solid var(--gray04);
}

.day_box .cal_box{
	position:relative;
	padding: 1.5rem 1rem 3.5rem;
}

#my_cal #prevMonth.disabled, #my_cal #nextMonth.disabled {
	opacity: .3;
	cursor: default !important;
	pointer-events: none;
}

.day_box .cal_box button{
	-webkit-appearance: button;
    background-color: transparent;
    background-image: none;
}

.day_box .cal_box h2{
	font-size:2.0rem;
	font-weight:500;
}

.my_calendar {
    width:100%;
	border-collapse: collapse;
    margin: 0 auto;
}

.my_calendar th{
	text-align:Center;
	padding:20px 0;
    font-weight: normal;
    text-align: center;
	font-size:1.6rem;
	border-bottom:1px solid var(--gray05);
	color:#333;
}

.my_calendar td{
	text-align:Center;
	height:60px;
    font-weight: normal;
    text-align: center;
	font-size:1.6rem;
	color:#333;
}

.my_calendar tr th.disabled:first-child, .my_calendar tr td.disabled:first-child {
	color: var(--emphasis);
}

.my_calendar tr td.holiday{
    color: var(--emphasis);
}

.my_calendar tr th.disabled, .my_calendar tr td.disabled {
	opacity: .3;
	cursor: default !important;
	pointer-events: none;
}

.my_calendar td a{
    width: 44px;
    height: 44px;
    line-height: 44px;
    margin: 1.5px auto;
}

.my_calendar td a.ui-state-default{
	display: block;
    text-align: center;
    font-size: 16px;
    position: relative;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-decoration: none !important;
}

.ui-state-active {
    background-color: var(--primary);
    color: #fff;
	border-radius: 50em;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.my_calendar td.action a{
	background-color: var(--emphasis);
    color: #fff;
	border-radius: 50em;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.rs-time-box{
	position: relative;
}

.rs-time-box .time-box-scoll{
	position: relative;
    overflow-Y: scroll;
	height: calc(350px - 3.33rem);
	margin-top: 2.666rem;
    padding-top: 0.666rem;
}

.rs-time-box .time-box-scoll2{
	position: relative;
	height: calc(350px - 3.33rem);
	margin-top: 2.666rem;
    padding-top: 0.666rem;
}

.rs-time-box .time-box-scoll2 .time-box-before{
	max-width: 350px;
	min-height:180px;
	margin: 0 auto;
	padding: 0;
	display: flex;
	align-items:Center;
	justify-content: center;
	font-size:1.6rem;
}


.rs-time-box .time-box{
	max-width: 350px;
	margin: 0 auto;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.rs-time-box .time-box .swiper-slide {
    padding: 0;
    width: calc((100% - 30px) / 4);
}

.row>.col4 {
    float: left;
}

.rs-time-box .time-box .swiper-slide .btn_round {
    font-size: 1.6rem;
    color: #666;
    height: 3.0rem;
    line-height: 1.8;
    border-color: #ccc;
}

/*추가*/
.rs-time-box2{
	position: relative;
}

.rs-time-box2 .time-box-scoll{
	position: relative;
    overflow-Y: scroll;
	height: calc(350px - 3.33rem);
	margin-top: 2.666rem;
    padding-top: 0.666rem;
	
}

.rs-time-box2 .time-box-scoll2{
	position: relative;
	height: calc(350px - 3.33rem);
	margin-top: 2.666rem;
    padding-top: 0.666rem;
}

.rs-time-box2 .time-box-scoll2 .time-box-before{
	max-width: 350px;
	min-height:180px;
	margin: 0 auto;
	padding: 0;
	display: flex;
	align-items:Center;
	justify-content: center;
	font-size:1.6rem;
}


.rs-time-box2 .time-box{
	max-width: 380px;
	margin: 0 auto;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.rs-time-box2 .time-box .swiper-slide {
    padding: 0;
    width: calc((100% - 20px) / 3);
}

.rs-time-box2 .time-box .swiper-slide .btn_round {
    font-size: 1.6rem;
    color: #666;
    height: 4.0rem;
    line-height: 2.5;
    border-color: #ccc;
}

.swiper-slide .btn_round {
    width: 100%;
    height: 2.5rem;
    line-height: 2.4rem;
    display: inline-block;
    border: 1px solid #ddd;
    -webkit-border-radius: 50em;
    -moz-border-radius: 50em;
    border-radius: 50em;
    cursor: pointer;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -moz-tap-highlight-color: rgba(0, 0, 0, 0);
    text-align: center;
    user-select: none;
}

.btn_round.active {
    background-color: var(--emphasis);
    color: #fff !important;
}

.step03{
	position:relative;
}

.step03 .register_box{
	position:relative;
	height:480px;
	border-bottom:1px solid var(--gray04);
}

/* 카카오 추가*/
.step03 .register_box .kakao_auth{
	position:relative;
	width:100%;
	height:100%;
	display:flex;
	align-items:Center;
	justify-content: center;
}

.step03 .register_box .kakao_wrap{
	position:relative;
	width:92%;
	min-height:200px;
	margin:0 auto;
	text-align:Center;
	display:flex;
	flex-wrap:wrap;
	justify-content: center;
}

.step03 .register_box .kakao_wrap .kakao_img{
	width:100%;
	margin:0 auto;
	text-align:Center;
}

.step03 .register_box .kakao_wrap .kakao_img img{
	margin:0 auto;
}

.step03 .register_box .kakao_wrap .kakao_tit{
	margin-top:15px;
	width:100%;
	text-align:center;
	font-size:1.6rem;
	font-weight:bold;
}

.step03 .register_box .kakao_wrap .kakao_con{
	width:100%;
	text-align:center;
	font-size:1.4rem;
	line-height:1.5;
}

.step03 .register_box .kakao_wrap .kakao_btn_wrap{
	width:100%;
	text-align:center;
	margin-top:50px;
}

.step03 .register_box .kakao_wrap .kakao_btn_wrap a{
	display:inline-block;
	width:150px;
	height:40px;
	line-height:40px;
	background-color:#000;
	color:#fff;
	font-size:1.4rem;
}


.step03 .register_box .rbs-inner {
    padding: 2rem 2rem 0;
}

.step03 .register_box .form-box {
    margin-bottom: 20px;
}

.step03 .register_box .form-box > .form-label {
    float: none;
    padding-top: 0;
    width: 100%;
    display: block;
    margin-bottom: 4px;
    color: #444;
    font-weight: 500;
    font-size: 1.6rem;
    margin-top: 0;
}

.step03 .register_box .form-box > .right_sec {
    float: none;
    width: 100%;
    flex-wrap: wrap;
    gap: 8px 4px;
}

.step03 .fm_ctrl {
    display: block;
    width: 100%;
    padding: .47rem .75rem;
    font-size: 1.4rem;
    line-height: 1;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
	height: 34px;
	margin-right: 0;
}

.step03 .register_box .form-box > .form-phone {
    flex-wrap: wrap;
    gap: 10px 2.5px;
}


.step03 .register_box .form-box > .form_birth {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 2.5px;
}

.step03 .register_box .form-box .right_sec .type_1 {
    display: block;
    width: 96%;
    padding: 1.0rem 1.0rem;
    font-size: 1.6rem;
    line-height: 1;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.step03 .register_box .form-box > .form_birth .w3 {
    width: calc((100% - 5px) / 3);
}

.step03 .register_box .form-box select {
    height: 31px;
    color: #717171;
    vertical-align: top;
    outline: none;
}

.step03 .register_box .form-box select.fm_ctrl {
    width: 100%;
    height: 100%;
    line-height: 1.2;
    font-size: 1.4rem;
}

.step03 .register_box .form-box .selbox{
	position:relative;
}

.selbox:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    right: 11px;
    width: 7px;
    height: 1px;
    margin-top: -1px;
    background-color: #666;
    transform: rotate(45deg);
}

.selbox:after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    right: 7px;
    width: 7px;
    height: 1px;
    margin-top: -1px;
    background-color: #666;
    transform: rotate(135deg);
}

.step03 .register_box .form-box.gender-box {
    display: flex;
    flex-wrap: wrap;
}

.step03 .register_box .form-box.gender-box ._cs-radio {
    width: calc(98% / 2);
    border-radius: 2.5px 0 0 2.5px;
    overflow: hidden;
    border: 1px solid var(--emphasis);
}

.step03 .register_box .form-box.gender-box ._cs-radio:last-child {
    border-radius: 0 2.5px 2.5px 0;
    overflow: hidden;
}

.step03 .register_box .form-box.gender-box ._cs-radio input[type="radio"] {
    display: none;
}

.step03 .register_box .form-box.gender-box ._cs-radio input[type=radio]:not(old) {
    width: 0;
    margin: 0;
    padding: 0;
    opacity: 0;
    font-size: 1.4rem;
}

.step03 .register_box .form-box.gender-box ._cs-radio input[type=radio] + .r_visible {
    display: block;
}

.step03 .register_box .form-box.gender-box ._cs-radio input[type=radio] + .r_visible > span {
    background-color: #FFFFFF;
    display: block;
    width: 100%;
    height: 100%;
    padding: 12px 0;
    color: var(--emphasis);
    text-align: center;
    font-size: 1.4rem;
    font-weight: 500;
}

.step03 .register_box .form-box.gender-box ._cs-radio input[type=radio]:not(old):checked + .r_visible > span {
    background-color: var(--emphasis);
    color: #FFFFFF;
}

.step03 .register_box .form-box .request_memo {
    font-size: 1.4rem;
    color: #221e1f;
    width: 100%;
	padding: 5px;
    border: 1px solid #d6d6d6;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.step03 .register_box .form-box textarea::placeholder {
    font-size: 1.3rem;
    font-weight: 400;
	color:var(--gray04);
}

.step03 .last_box{
	position:relative;
	width:100%;
	height:265px;
	max-height:265px;
	background:var(--bgItemInfo);
}

.step03 .last_box .reser_btn_wrap{
	position:absolute;
	left:0;
	bottom:0%;
	width:100%;
	height:60px;
	line-height:60px;
	background-color: var(--emphasis2);
	text-align:Center;
	color:var(--font01);
	font-size:2.0rem;
	cursor:pointer;
}

.step03 .last_box .all_agree{
	width:100%;
	padding:15px 0;
	border-bottom:1px solid var(--gray05);
}

.step03 .last_box .agree_wrap{
	position:relative;
	width:100%;
}

.step03 .last_box input[type="checkbox"]{
	position:absolute;
	left:-1000;
	top:0;
	
}

.step03 .last_box label{
	display: block;
	width:20px;
	height:20px;
	cursor:pointer;
}

.step03 .last_box .agree_txt{ 
	font-size:1.6rem;
	padding-left:5px;
	text-align:left;
}

.step03 .last_box .agree_txt1{ 
	font-size:1.2rem;
	padding-left:5px;
	text-align:left;
}

.step03 .last_box .agree1_view{ font-size:1.4rem; color:var(--emphasis); padding:0 5px; cursor:pointer;}
.step03 .last_box .agree2_view{ font-size:1.4rem; color:var(--emphasis); padding:0 5px; cursor:pointer;}

.step03 .last_box .line_notice{
	font-size:1.2rem;
	color:var(--gray02);
	word-break:keep-all;
	line-height:1.5;
}

/* off */
.step03 .last_box .ag1+label{ 
	background-repeat: no-repeat; /* 반복 방지 */
	background-image: url('../../../../image/icon/checkbox_off.png'); /*off 이미지*/
}
/* on */
.step03 .last_box .ag1:checked+label{
	background-repeat: no-repeat; /* 반복 방지 */
	background-image: url('../../../../image/icon/checkbox_on.png'); /*on 이미지*/
}

/* off */
.step03 .last_box .ag2+label{ 
	background-repeat: no-repeat; /* 반복 방지 */
	background-image: url('../../../../image/icon/checkbox_off.png'); /*off 이미지*/
}
/* on */
.step03 .last_box .ag2:checked+label{
	background-repeat: no-repeat; /* 반복 방지 */
	background-image: url('../../../../image/icon/checkbox_on.png'); /*on 이미지*/
}

/* off */
.step03 .last_box .ag3+label{ 
	background-repeat: no-repeat; /* 반복 방지 */
	background-image: url('../../../../image/icon/checkbox_off.png'); /*off 이미지*/
}
/* on */
.step03 .last_box .ag3:checked+label{
	background-repeat: no-repeat; /* 반복 방지 */
	background-image: url('../../../../image/icon/checkbox_on.png'); /*on 이미지*/
}

.appointmentResult{
	position:relative;
	width:calc(100% - 20px);
	max-width:400px;
	margin:100px auto;
}

.appointmentResult .appointmentResult_img{
	width:100%;
	max-width:270px;
	margin:0 auto;
}

.appointmentResult .appointmentResult_txt{
	margin-top:20px;
	font-size:2.4rem;
	text-align:center;
	font-weight:500;
}

.appointmentResult .appointmentResult_btn{
	width:200px;
	margin:20px auto 0;
	height:45px;
	line-height:45px;
	color:var(--font01);
	background-color:var(--emphasis);
	text-align:Center;
	font-size:2.0rem;
}

/* 예약 확인 */
.appointmentResult{
	position:relative;
	width:calc(100% - 20px);
	max-width:600px;
	margin:50px auto;
	text-align:Center;
}

.appointmentResult .appointmentResult_title{
	text-align:Center;
}

.appointmentResult .appointmentResult_title .tit{
	font-size:1.8rem;
}

.appointmentResult .appointmentResult_title .appointmentResult_kor_tit{
	position:relative;
	display:inline-block;
	font-size:2.4rem;
	font-weight:600;
	margin-top:10px;
}

.appointmentResult .appointmentResult_title .appointmentResult_kor_tit:after{
	position:absolute;
	right:-10px;
	bottom:3px;
	content:'';
	width:5px;
	height:5px;
	background-color:var(--emphasis2);
	border-radius:9999px;
}

.appointmentResult .roundbox{
	width:100%;
	max-width:480px;
	margin:20px auto;
	padding:30px 20px ;
	background-color:#f8f8f8;
	border-radius:20px;
}

.appointmentResult .roundbox > p{
	font-size:1.6rem;
	line-height:1.5;
}

.appointmentResult .roundbox > p + p{
	margin-top:15px;
}

.appointmentResult .inputBox_wrap{
	position:relative;
	width:100%;
	max-width:480px;
	margin:0 auto;
}

.appointmentResult .inputBox_wrap .iputBox{
	width:100%;
	text-align:left;
	font-size:1.6rem;
	font-weight:600;
}

.appointmentResult .inputBox_wrap .iputBox + .iputBox{
	margin-top:20px;
}

.appointmentResult .inputBox_wrap .iputBox .frm_input{
	border:1px solid #ccc;
	width:100%;
	height:50px;
	padding-left:10px;
}

.appointmentResult .authBtn{
	width:200px;
	margin:0 auto;
	line-height:60px;
	color:#fff;
	font-size:2.0rem;
	background-color:var(--emphasis2);
	border-radius:10px;
}

/*예약 리스트*/
.appointmentResult .appointmentList{
	
	width:100%;
	max-width:480px;
	margin:50px auto 0px;
	padding:20px 0;

}

.appointmentResult .appointmentList .empty{
	font-size:1.6rem;
	color:#fff;
	text-align:Center;
	background-color:var(--emphasis);
	line-height:80px;
}

.appointmentResult .appointmentList .historyReserveInfo{
	
	position: relative;
    margin: 24px 0 0;
    padding: 24px 30px 0;
    text-align: left;
    overflow: auto;
    background: #f8f8f8;
}

.appointmentResult .appointmentList .historyReserveInfo .list {
    border-bottom: 1px solid #DDD;
    padding: 0 8px 24px;
    margin: 0 0 24px;
}

.appointmentResult .appointmentList .historyReserveInfo .list dt.date {
    font-weight: 700;
    margin: 0 0 12px;
}
.appointmentResult .appointmentList .historyReserveInfo .list dt {
    font-size: 1.6rem;
    color: #999;
}

.appointmentResult .appointmentList .historyReserveInfo .list dd {
    line-height: 1.3;
    font-size: 1.6rem;
    font-weight: 700;
}

.appointmentResult .appointmentList .historyReserveInfo .list dd.memo {
    white-space: pre-line;
    letter-spacing: -.4px;
    margin: 4px 0 0;
}

.appointmentResult .appointmentList .historyReserveInfo .list dd.price {
	margin-top:5px;
}

.appointmentResult .appointmentList .historyReserveInfo .list dd.cancel {
	text-align: center;
	color : #345eaf;
}


/* width 680px까지 지원 */
@media screen and (max-width: 767px) {
  
	.step01 .rsb-section {
		position: relative;
		height: 450px;
		overflow: hidden;
	}
	
	.reservation_ul{
		display: flex;
		flex-wrap:wrap;
		width: 100%;
		gap: 20px;
		min-width: calc(100%);
	}

	.reservation_ul > li {
		width: calc((100% - 0px));
		overflow: hidden;
		padding-right: 0;
		padding-left: 0;
		background:var(--bgWhite);
		--tw-border-opacity: 1;
		outline : solid 1px rgb(204 204 204 / var(--tw-border-opacity));
	}
	
	.rsb-section .reservation-box{
		width:100%;
		padding-top:2.5rem;
		min-height:250px;
		max-height:250px;
		overflow-y: auto;
	}
	
}

@media screen and (min-width:768px) and (max-width:1279px) {

	.reservation_ul{
		display: flex;
		flex-wrap:wrap;
		width: 100%;
		gap: 20px;
		min-width: calc(100%);
	}

	.reservation_ul > li {
		width: calc((100% - 0px));
		overflow: hidden;
		padding-right: 0;
		padding-left: 0;
		background:var(--bgWhite);
		--tw-border-opacity: 1;
		outline : solid 1px rgb(204 204 204 / var(--tw-border-opacity));
	}
	
	.rsb-section .reservation-box{
		width:100%;
		padding-top:2.5rem;
		min-height:250px;
		max-height:250px;
		overflow-y: auto;
	}

}


/*  BRAND */
.brand_wrap{
	width:100%;
	max-width:1920px;
	margin:0 auto;
	padding:100px 0;
	display:flex;
	align-items:center;
}

.brand_wrap .brand_img{
	width:calc(100% - 50%);
	max-height:700px;
}

.brand_wrap .brand_info{
	width:calc(100% - 50%);
	display:flex;
	align-items:center;
}

.brand_wrap .brand_info .info_txt{
	display:flex;
	flex-direction: column;
	gap:45px;
}

.brand_wrap .brand_info .info_txt .section_tit{
	font-size:2.4rem;
	font-weight:600;
}

.brand_wrap .brand_info .info_txt .section_txt{
	font-size:1.6rem;
}

.brand_wrap .brand_info .info_txt .section_txt > p{
	line-height:1.5;
	word-break:keep-all;
}

.brand_wrap .brand_info .info_txt .section_txt > p + p{
	margin-top:30px;
}

.brand_wrap .brand_info .info_txt .section_tit_eng{
	font-size:2.0rem
}

.brand_wrap .brand_info .info_txt .section_tit_eng .under_line{
	border-bottom:1px solid var(--emphasis);
}

/* width 680px까지 지원 */
@media screen and (max-width: 767px) {
  
	.brand_wrap{
		width:100%;
		max-width:100%;
		margin:0 auto;
		padding:50px 0;
		display:flex;
		flex-wrap:wrap;
		align-items:center;
	}

	
	.brand_wrap .brand_img{
		width:calc(100% - 30%);
		max-height:auto;
	}


	.brand_wrap .brand_info{
		width:calc(100% - 20px);
		display:flex;
		align-items:center;
		justify-content: flex-end;
		margin-top:30px;
		text-align:right;
	}


	
}

@media screen and (min-width:768px) and (max-width:1279px) {

	.brand_wrap{
		width:100%;
		max-width:100%;
		margin:0 auto;
		padding:50px 0;
		display:flex;
		flex-wrap:wrap;
		align-items:center;
	}

	.brand_wrap .brand_img{
		width:calc(100% - 30%);
		max-height:auto;
	}


	.brand_wrap .brand_info{
		width:calc(100% - 20px);
		display:flex;
		align-items:center;
		justify-content: flex-end;
		margin-top:30px;
		text-align:right;
	}

}

.section_3b{
	width:100%;
	max-width:1300px;
	margin:0 auto;
	padding:0px 0 80px;
}

.section_3b .brand_sec_eng_title{
	text-align:Center;
	font-size:1.8rem;
	line-height:2.0;
	color:var(--emphasis2);
}

.section_3b .brand_sec_title{
	text-align:Center;
	font-size:6.0rem;
	color:var(--primary);
}

.section_3b .circle_3b_list{
	width:100%;
	margin-top:50px;
	display:flex;
	align-items:center;
}

.section_3b .circle_3b_list li{
	width:calc(33.33333%);
}

.section_3b .circle_3b_list li .con{
	width:100%;
	max-width:350px;
	margin:0 auto;
}

.section_3b .circle_3b_list li .con .img_wrap{
	width:350px;
	height:350px;
}

.section_3b .circle_3b_list li .con .title_wrap{
	position:relative;
	margin-top:20px;
	text-align:Center;
}

.section_3b .circle_3b_list li .con .title_wrap .t1{
	font-size:2.0rem;
	font-weight:600;
}

.section_3b .circle_3b_list li .con .title_wrap .t2{
	position:relative;
	font-size:3.6rem;
}

.section_3b .circle_3b_list li .con .title_wrap .t2:after{
	position:absolute;
	left:50%;
	transform: translateX(-50%);
	bottom:-20px;
	content:'';
	width:40px;
	height:1px;
	background-color:var(--gray04);
}

.section_3b .circle_3b_list li .con .title_wrap .t3{
	margin-top:40px;
	font-size:1.8rem;
}

.section03{
	position:relative;
	width:100%;
	max-width:1300px;
	margin:0 auto;
	min-height:1800px;
	padding:150px 0px;
}

.section03 .section03_list{
	position: relative;
	width:calc(100%);
}

.section03 .section03_list li{
	position: relative;
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}

.section03 .section03_list li + li{
	margin-top:50px;
}

.section03 .section03_list li .text_box{
	width: calc(50%);
	max-width:650px;
	display:flex;
	align-items:Center;
	padding:50px;
}

.section03 .section03_list li .text_box .text_box_info{
	display:flex;
	flex-direction: column;
	gap:100px;
}

.section03 .section03_list li .text_box .step_num{
	font-size:3.0rem;
}

.section03 .section03_list li .text_box .step_num .point{
	display:none;
	color:var(--emphasis);
}

.section03 .section03_list li .text_box .step_title{
	font-size:2.4rem;
}

.section03 .section03_list li .text_box .step_txt{
	position:relative;
}

.section03 .section03_list li .text_box .step_txt .step_txt_tit{
	font-size:2.4rem;
	font-weight:600;
}

.section03 .section03_list li .text_box .step_txt .step_txt_txt{
	margin-top:30px;
	font-size:1.8rem;
	line-height:1.5;
}


.section03 .section03_list li .img{
	width: calc(50%);
	max-width:650px;
	height:420px;
	background-color:var(--gray01);
}

.section03 .bg{
	display:none;
	position:absolute;
	left:0;
	top:0;
	z-index:-1;
}

.line_txt{
	display:none;
	width:100%;
	margin:0px 0 60px;
	height:120px;
}

.line_txt .flow-text{
	display: flex;
	flex: 0 0 auto;
	white-space: nowrap;
	overflow: hidden;
	transition: 0.3s;
	font-size: 12.0rem;
	color : rgb(255,169,177,0.25);
}

.line_txt .flow-text .flow-wrap {
    animation: textLoop 20s linear infinite;
    padding-right: 1.4881vw;
}

@keyframes textLoop {
0% {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
100% {
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
}
}

/* width 680px까지 지원 */
@media screen and (max-width: 767px) {
  
	.section_3b .brand_sec_title{
		text-align:Center;
		font-size:4.0rem;
		color:var(--primary);
	}

	.section_3b .circle_3b_list{
		width:100%;
		max-width:calc(100% - 20px);
		margin:50px auto 0;
		display:flex;
		flex-wrap:wrap;
		align-items:center;
	}

	.section_3b .circle_3b_list li{
		width:calc(100.000%);
	}

	.section_3b .circle_3b_list li + li{
		margin-top:50px;
	}

	.section03{
		position:relative;
		width:100%;
		max-width:calc(100% - 20px);
		margin:0 auto;
		padding:75px 0px;
	}

	.section03 bg img{
		width:100%;
	}

	.section03 .section03_list{
		position: relative;
		width:calc(100%);
		margin:0 auto;
	}

	.section03 .section03_list li{
		position: relative;
		width: 100%;
		display: block;
	}

	.section03 .section03_list li .img{
		width: calc(100%);
		max-width:100%;
		height:auto;
	}

	.section03 .section03_list li .text_box{
		width: calc(100%);
		max-width:100%;
		display:block;
		padding:0px;
		margin-top:15px;
	}

	.section03 .section03_list li .text_box .text_box_info{
		display:flex;
		flex-direction: column;
		gap:20px;
	}

	.section03 .section03_list li .text_box .step_num{
		font-size:3.0rem;
		display:flex;
		justify-content: space-between
	}

	.section03 .section03_list li .text_box .step_num .point{
		display:none;
		color:var(--emphasis);
	}

	.section03 .section03_list li .text_box .step_title{
		font-size:2.4rem;
	}

	.section03 .section03_list li .text_box .step_txt .step_txt_txt{
		margin-top:15px;
		font-size:1.8rem;
		line-height:1.5;
	}

	.line_txt{
		display:none;
		width:100%;
		margin:0px 0 60px;
		height:60px;
	}

	.line_txt .flow-text{
		display: flex;
		flex: 0 0 auto;
		white-space: nowrap;
		overflow: hidden;
		transition: 0.3s;
		font-size: 6.0rem;
		color : rgb(255,169,177,0.25);
	}

	
}

@media screen and (min-width:768px) and (max-width:1279px) {

	.section_3b .brand_sec_title{
		text-align:Center;
		font-size:4.0rem;
		color:var(--primary);
	}

	.section_3b .circle_3b_list{
		width:100%;
		max-width:calc(100% - 20px);
		margin:50px auto 0;
		display:flex;
		flex-wrap:wrap;
		align-items:center;
	}

	.section_3b .circle_3b_list li{
		width:calc(100.000%);
	}

	.section_3b .circle_3b_list li + li{
		margin-top:50px;
	}

	.section03{
		position:relative;
		width:100%;
		max-width:calc(100% - 20px);
		margin:0 auto;
		padding:75px 0px;
	}

	.section03 bg img{
		width:100%;
	}

	.section03 .section03_list{
		position: relative;
		width:calc(100%);
		margin:0 auto;
	}

	.section03 .section03_list li{
		position: relative;
		width: 100%;
		display: block;
	}

	.section03 .section03_list li .img{
		width: calc(100%);
		max-width:100%;
		height:auto;
	}

	.section03 .section03_list li .text_box{
		width: calc(100%);
		max-width:100%;
		display:block;
		padding:0px;
		margin-top:15px;
	}

	.section03 .section03_list li .text_box .text_box_info{
		display:flex;
		flex-direction: column;
		gap:20px;
	}

	.section03 .section03_list li .text_box .step_num{
		font-size:3.0rem;
		display:flex;
		justify-content: space-between
	}

	.section03 .section03_list li .text_box .step_num .point{
		display:none;
		color:var(--emphasis);
	}

	.section03 .section03_list li .text_box .step_title{
		font-size:2.4rem;
	}

	.section03 .section03_list li .text_box .step_txt .step_txt_txt{
		margin-top:15px;
		font-size:1.8rem;
		line-height:1.5;
	}

	.line_txt{
		display:none;
		width:100%;
		margin:0px 0 60px;
		height:60px;
	}

	.line_txt .flow-text{
		display: flex;
		flex: 0 0 auto;
		white-space: nowrap;
		overflow: hidden;
		transition: 0.3s;
		font-size: 6.0rem;
		color : rgb(255,169,177,0.25);
	}

}

/*  //BRAND */

/*  STAFF */
.staff_wrap{
	width:100%;
	/*max-width:1300px;*/
	margin:0 auto;
}

.staff_wrap .staff_inner{
	width:100%;
	/*max-width:1200px;*/
	margin:0 auto;
}

.staff_wrap .staff_inner .representative_medial{
	display:flex;
	flex-wrap:wrap;
	/*align-items:center;*/
}

.staff_wrap .staff_inner .representative_medial .img_wrap{
	position:relative;
	max-width:400px;
	height:600px;
}

.staff_wrap .staff_inner .representative_medial .img_wrap img{
	width:380px;
	overflow:hidden;
}

.staff_wrap .staff_inner .representative_medial .representative_medial_info{
	position:relative;
	/*display:flex;*/
	flex-wrap:wrap;
	align-items:center;
	margin-left:80px;
	min-width: 600px;
	max-width: 700px;
}

.staff_wrap .staff_inner .representative_medial .representative_medial_info .bg{
	position:absolute;
	right:0;
	top:0;
	width:227px;
	height:244px;
	background:url(../../../../image/sub/representative_medial_info_bg.png) no-repeat;
}

.staff_wrap .staff_inner .representative_medial .representative_medial_info .representative_medial_info_title{
	position:relative;
	font-size:2.4rem;
	font-weight:500;
}

.staff_wrap .staff_inner .representative_medial .representative_medial_info .representative_medial_info_title:after{
	position:absolute;
	left:0;
	bottom:-40px;
	content:'';
	width:50px;
	height:1px;
	background-color:var(--emphasis);
}

.staff_wrap .staff_inner .representative_medial .representative_medial_info .name{
	font-size:4.2rem;
	font-weight:700;
}

.staff_wrap .staff_inner .representative_medial .representative_medial_info .career_wrap{
	width:100%;
	display:flex;
	margin-top:80px;


}

.staff_wrap .staff_inner .representative_medial .representative_medial_info .career_wrap .career_left{
	width:50%;
	position:relative;
	max-width: 310px;
}

.staff_wrap .staff_inner .representative_medial .representative_medial_info .career_wrap .career_right{
	width:50%;
	position:relative;
	max-width: 310px;
}

.staff_wrap .staff_inner .representative_medial .representative_medial_info .career_wrap .career_list{
	width:100%;
}

.staff_wrap .staff_inner .representative_medial .representative_medial_info .career_wrap .career_list li{
	
}

.staff_wrap .staff_inner .representative_medial .representative_medial_info .career_wrap .career_list li + li{
	margin-top:10px;
}

.staff_wrap .staff_inner .representative_medial .representative_medial_info .career_wrap .career_list li .list_point{
	position:relative;
	display:inline-block;
	font-size:1.6rem;
	padding-left:8px;
}

.staff_wrap .staff_inner .representative_medial .representative_medial_info .career_wrap .career_list li .list_point:after{
	position:absolute;
	left:0;
	top:50%;
	transform: translateY(-50%);
	content:'';
	width:3px;
	height:3px;
	background-color:var(--emphasis);
}

/* ----------------------------- */
.staff_wrap .staff_inner .grid_wrap {
	display : grid;
	grid-template-columns: repeat(2, 1fr);
	gap:120px 20px;

}
.staff_wrap .staff_inner .grid_wrap .representative_grid{
	display:flex;
	flex-wrap:wrap;
	/*align-items:center;*/
}

.staff_wrap .staff_inner .grid_wrap .representative_grid .img_wrap{
	position:relative;
	max-width:400px;
	aspect-ratio: 1/1.3;
	overflow: hidden;
	max-height: 500px;
}

.staff_wrap .staff_inner .grid_wrap .representative_grid .img_wrap img{
	width:350px;
	overflow:hidden;
}

.staff_wrap .staff_inner .grid_wrap .representative_grid .representative_medial_info{
	position:relative;
	/*display:flex;*/
	flex-wrap:wrap;
	align-items:center;
	margin-left:40px;
	min-width: 300px;
	max-width: 300px;
}

.staff_wrap .staff_inner .grid_wrap .representative_grid .representative_medial_info .representative_medial_info_title{
	position:relative;
	font-size:2.4rem;
	font-weight:500;
}

.staff_wrap .staff_inner .grid_wrap .representative_grid .representative_medial_info .representative_medial_info_title:after{
	position:absolute;
	left:0;
	bottom:-20px;
	content:'';
	width:50px;
	height:1px;
	background-color:var(--emphasis);
}

.staff_wrap .staff_inner .grid_wrap .representative_grid .representative_medial_info .name{
	font-size:4.2rem;
	font-weight:700;
}

.staff_wrap .staff_inner .grid_wrap .representative_grid .representative_medial_info .career_wrap{
	width:100%;
	display:flex;
	margin-top:40px;


}

.staff_wrap .staff_inner .grid_wrap .representative_grid .representative_medial_info .career_wrap .career_left{
	width:100%;
	position:relative;
	max-width: 310px;
}

.staff_wrap .staff_inner .grid_wrap .representative_grid .representative_medial_info .career_wrap .career_right{
	width:50%;
	position:relative;
	max-width: 310px;
}

.staff_wrap .staff_inner .grid_wrap .representative_grid .representative_medial_info .career_wrap .career_list{
	width:100%;
}

.staff_wrap .staff_inner .grid_wrap .representative_grid .representative_medial_info .career_wrap .career_list li{
	
}

.staff_wrap .staff_inner .grid_wrap .representative_grid .representative_medial_info .career_wrap .career_list li + li{
	margin-top:10px;
}

.staff_wrap .staff_inner .grid_wrap .representative_grid .representative_medial_info .career_wrap .career_list li .list_point{
	position:relative;
	display:inline-block;
	font-size:1.6rem;
	padding-left:8px;
}

.staff_wrap .staff_inner .grid_wrap .representative_grid .representative_medial_info .career_wrap .career_list li .list_point:after{
	position:absolute;
	left:0;
	top:50%;
	transform: translateY(-50%);
	content:'';
	width:3px;
	height:3px;
	background-color:var(--emphasis);
}

/*원장*/
.staff_wrap .staff_inner .representative_wrap{
	position:relative;
	width:100%;
	margin-top:100px;
}



.staff_wrap .staff_inner .manager_wrap{
	position:relative;
	width:100%;
}

.staff_wrap .staff_inner .coordinator_wrap{
	position:relative;
	width:100%;
}

.staff_wrap .staff_inner .assist_wrap{
	position:relative;
	width:100%;
}

.staff_wrap .staff_inner .aesthetic_wrap{
	position:relative;
	width:100%;
}

.staff_wrap .staff_inner .medical_list{
	width:100%;
	display:flex;
	flex-wrap:wrap;
}

/*
.staff_wrap .staff_inner .medical_list li{
	width:calc(33.333% - 0px);
	margin:60px 39px 0 0;
	max-width:320px;
	outline : 1px solid var(--gray05);
}
*/

.staff_wrap .staff_inner .medical_list li {width:calc(33.333% - 30px);margin:50px 40px 0 0; outline : 1px solid var(--gray05);}


/* 2025-03-17, 김승희 : 의료진소개 모바일 이미지 노출 방식 수정 */
.container .staff_wrap .staff_inner .medical_list li .img_wrap {
	position:relative;
	overflow:hidden;
	width:100%;
	height:0;
	max-height:unset;
	min-height:unset;
	padding-top:125%;
}
.container .staff_wrap .staff_inner .medical_list li .img_wrap img {
	position:absolute;
	top:0;
	left:50%;
	width:100%;
	max-width:unset;
	transform:translateX(-50%);
}
/* //2025-03-17, 김승희 : 의료진소개 모바일 이미지 노출 방식 수정 */

@media screen and (min-width:1280px){

	.staff_wrap .staff_inner .medical_list li:nth-child(3n) {margin-right:0;}
	.staff_wrap .staff_inner .medical_list li:nth-child(-n + 3) {margin-top:0;}	

}

.staff_wrap .staff_inner .medical_list li .img_wrap{
	width:100%;
	max-height:350px;
	background-color:var(--gray05);
	overflow:hidden;
}

.staff_wrap .staff_inner .medical_list li .img_wrap img{
	width:100%;
}

.staff_wrap .staff_inner .medical_list li .tit{
	padding:20px 20px 0;
	font-size:1.6rem;
	font-weight:400;
}

.staff_wrap .staff_inner .medical_list li .tit2{
	padding:20px;
	font-size:1.6rem;
	font-weight:400;
}

.staff_wrap .staff_inner .medical_list li .tit span.name,
.staff_wrap .staff_inner .medical_list li .tit2 span.name
{
	font-size:2.4rem;
	font-weight:500;
	
}

.staff_wrap .staff_inner .medical_list li .arrow{
	cursor:pointer;
	display:inline-block;
	padding-left:20px;
	padding-top:10px;
	padding-bottom:20px;
}

.staff_wrap .staff_inner .medical_list li .arrow img{
	width:100%;
}

/* width 680px까지 지원 */
@media screen and (max-width: 767px) {
  
	.staff_wrap{
		width:100%;
		max-width:calc(100% - 20px);
		margin:0 auto;
	}

	.staff_wrap .staff_inner{
		width:100%;
		max-width:100%;
		margin:0 auto;
	}

	.staff_wrap .staff_inner .representative_medial{
		display:flex;
		flex-wrap:wrap;
		align-items:center;
	}

	.staff_wrap .staff_inner .representative_medial .img_wrap{
		position:relative;
		width:100%;
		height:auto;
	}

	.staff_wrap .staff_inner .representative_medial .representative_medial_info{
		position:relative;
		display:flex;
		flex-wrap:wrap;
		align-items:center;
		margin-left:0;
		min-width:100%;
		margin-top:20px;
	}

	.staff_wrap .staff_inner .representative_medial .representative_medial_info .bg{
		position:absolute;
		right:0;
		top:0;
		width:150px;
		height:160px;
		background:url(../../../../image/sub/representative_medial_info_bg.png) no-repeat center/cover;
	}

	.staff_wrap .staff_inner .representative_medial .representative_medial_info .representative_medial_info_title{
		position:relative;
		font-size:2.0rem;
		font-weight:500;
	}

	.staff_wrap .staff_inner .representative_medial .representative_medial_info .representative_medial_info_title:after{
		position:absolute;
		left:0;
		bottom:-20px;
		content:'';
		width:50px;
		height:1px;
		background-color:var(--emphasis);
	}


	.staff_wrap .staff_inner .representative_medial .representative_medial_info .name{
		font-size:2.8rem;
		font-weight:700;
	}

	.staff_wrap .staff_inner .representative_wrap{
		position:relative;
		width:100%;
		margin-top:100px;
	}

	.staff_wrap .staff_inner .medical_list li{
		width:calc(50.000% - 10px);
		margin:30px 15px 0 0;
		max-width:100%;
		outline : 1px solid var(--gray05);
	}

	.staff_wrap .staff_inner .medical_list li:nth-child(2n) {margin-right:0;}
	.staff_wrap .staff_inner .medical_list li:nth-child(-n + 2) {margin-top:0;}

	.staff_wrap .staff_inner .medical_list li .img_wrap{
		width:100%;
		min-height:auto;
		background-color:var(--gray05);
	}

	.staff_wrap .staff_inner .medical_list li .tit{
		padding:10px 10px 0;
		font-size:1.2rem;
		font-weight:400;
	}

	.staff_wrap .staff_inner .medical_list li .tit2{
		padding:10px;
		font-size:1.2rem;
		font-weight:400;
	}

	.staff_wrap .staff_inner .medical_list li .tit span.name,
	.staff_wrap .staff_inner .medical_list li .tit2 span.name
	{
		font-size:1.8rem;
		font-weight:500;
		
	}

	.staff_wrap .staff_inner .medical_list li .arrow{
		cursor:pointer;
		display:inline-block;
		padding-left:10px;
		padding-top:10px;
		padding-bottom:10px;
	}

	.staff_wrap .staff_inner .medical_list li .arrow img{
		width:100%;
		max-width:15px;
	}

}

@media screen and (min-width:768px) and (max-width:1279px) {

	.staff_wrap{
		width:100%;
		max-width:calc(100% - 20px);
		margin:0 auto;
	}

	.staff_wrap .staff_inner{
		width:100%;
		max-width:100%;
		margin:0 auto;
	}

	.staff_wrap .staff_inner .representative_medial{
		display:flex;
		flex-wrap:wrap;
		align-items:center;
	}

	.staff_wrap .staff_inner .representative_medial .img_wrap{
		position:relative;
		width:100%;
		max-width:680px;
		margin:0 auto;
		height:auto;
	}

	.staff_wrap .staff_inner .representative_medial .img_wrap img{
		width:100%;
	}

	.staff_wrap .staff_inner .representative_medial .representative_medial_info{
		position:relative;
		display:flex;
		flex-wrap:wrap;
		align-items:center;
		margin-left:0;
		min-width:100%;
		margin-top:20px;
	}

	.staff_wrap .staff_inner .representative_medial .representative_medial_info .bg{
		position:absolute;
		right:0;
		top:0;
		width:227px;
		height:244px;
		background:url(../../../../image/sub/representative_medial_info_bg.png) no-repeat center/cover;
	}

	.staff_wrap .staff_inner .representative_medial .representative_medial_info .representative_medial_info_title{
		position:relative;
		font-size:2.0rem;
		font-weight:500;
	}

	.staff_wrap .staff_inner .representative_medial .representative_medial_info .representative_medial_info_title:after{
		position:absolute;
		left:0;
		bottom:-20px;
		content:'';
		width:50px;
		height:1px;
		background-color:var(--emphasis);
	}


	.staff_wrap .staff_inner .representative_medial .representative_medial_info .name{
		font-size:2.8rem;
		font-weight:700;
	}

	.staff_wrap .staff_inner .representative_wrap{
		position:relative;
		width:100%;
		margin-top:100px;
	}

	.staff_wrap .staff_inner .medical_list li{
		width:calc(50.000% - 10px);
		margin:30px 15px 0 0;
		max-width:100%;
		outline : 1px solid var(--gray05);
	}

	.staff_wrap .staff_inner .medical_list li:nth-child(2n) {margin-right:0;}
	.staff_wrap .staff_inner .medical_list li:nth-child(-n + 2) {margin-top:0;}

	.staff_wrap .staff_inner .medical_list li .img_wrap{
		width:100%;
		min-height:auto;
		background-color:var(--gray05);
	}

	.staff_wrap .staff_inner .medical_list li .tit{
		padding:10px 10px 0;
		font-size:1.2rem;
		font-weight:400;
	}

	.staff_wrap .staff_inner .medical_list li .tit2{
		padding:10px;
		font-size:1.2rem;
		font-weight:400;
	}

	.staff_wrap .staff_inner .medical_list li .tit span.name,
	.staff_wrap .staff_inner .medical_list li .tit2 span.name
	{
		font-size:1.8rem;
		font-weight:500;
		
	}

	.staff_wrap .staff_inner .medical_list li .arrow{
		cursor:pointer;
		display:inline-block;
		padding-left:10px;
		padding-top:10px;
		padding-bottom:10px;
	}

	.staff_wrap .staff_inner .medical_list li .arrow img{
		width:100%;
		max-width:15px;
	}

}

/* 2025-02-17, 김승희 : 뷰티크 의료진소개 데이뷰 형식으로 수정 */
.staff_cont {
	display:flex; 
	flex-direction:row; 
	align-items:start; 
	margin:80px 80px 140px;
}
.staff_cont .img_wrap {
	position:relative; 
	width:50%; 
	padding:0 0 70px 70px;
}
.staff_cont .img_wrap::before {
	content:""; 
	position:absolute; 
	bottom:0; 
	left:0; 
	z-index:-1;
	display:inline-block; 
	width:calc(100% - 70px); 
	height:calc(100% - 70px); 
	border:1px solid var(--gray04);
}
.staff_cont .img_wrap > img {
	display:inline-block; 
	width:100%; 
	height:100%; 
	object-fit:contain;
}
.staff_cont .img_wrap.img_none {
	height:500px;
}
.staff_cont .img_wrap.img_none::after {
	content:""; 
	position:absolute; 
	bottom:70px; 
	left:70px; 
	width:calc(100% - 70px); 
	height:calc(100% - 70px); 
	background-color:var(--gray04);
}
.staff_cont .txt_wrap {
	width:50%; 
	padding:60px 60px 0;
}
.staff_cont .txt_wrap .tit_name {
	position:relative; 
	padding-bottom:80px; 
	font-size:2.4rem; 
	font-weight:500;
}
.staff_cont .txt_wrap .tit_name::after {
	content:""; 
	position:absolute; 
	bottom:40px; 
	left:0; 
	display:inline-block; 
	width:50px; 
	height:1px; 
	background-color:var(--gray01);
}
.staff_cont .txt_wrap .tit_sub {
	margin-bottom:20px; 
	color:var(--gray02); 
	font-size:1.8rem; 
	font-weight:500;
}
.staff_cont .txt_wrap .txt_list {
	margin-bottom:40px; 
	color:var(--gray02); 
	font-size:1.6rem; 
	line-height:1.5;
}
.staff_cont:nth-child(2n) {
	flex-direction:row-reverse;
}
.staff_cont:nth-child(2n) .img_wrap {
	padding:0 70px 70px 0;
}
.staff_cont:nth-child(2n) .img_wrap::before {
	left:unset; 
	right:0;
}
.staff_cont:nth-child(2n) .img_wrap.img_none::after {
	left:unset; 
	right:70px;
}
.staff_cont:nth-child(2n) .txt_wrap {
	padding-left:120px;
}
@media screen and (max-width: 767px){
	.staff_cont {
		flex-direction:column; 
		margin:0 0 40px;
	}
	.staff_cont .img_wrap {
		width:100%; 
		padding:0 0 20px 20px;
	}
	.staff_cont .img_wrap::before {
		width:calc(100% - 20px); 
		height:calc(100% - 20px);
	}
	.staff_cont .img_wrap.img_none {
		height:320px;
	}
	.staff_cont .img_wrap.img_none::after {
		bottom:20px; 
		left:20px; 
		width:calc(100% - 20px); 
		height:calc(100% - 20px);
	}
	.staff_cont .txt_wrap {
		width:100%; 
		padding:50px 0 0;
	}
	.staff_cont .txt_wrap .tit_name {
		font-size:2rem;
	}
	.staff_cont:nth-child(2n) {
		flex-direction:column;
	}
	.staff_cont:nth-child(2n) .img_wrap {
		padding:0 20px 20px 0;
	}
	.staff_cont:nth-child(2n) .img_wrap.img_none::after {
		right:20px;
	}
	.staff_cont:nth-child(2n) .txt_wrap {
		padding-left:0;
	}
}
/* //2025-02-17, 김승희 : 뷰티크 의료진소개 데이뷰 형식으로 수정 */
/*  //STAFF */

/*  equipment */
.equipment_wrap{
	width:100%;
	max-width:1300px;
	margin:0 auto;
	display:flex;
	flex-wrap:wrap;
}

.equipment_wrap li{
	width:calc(25.0000%);
	max-width:325px;
	margin:20px 0px 0 0;
}
.equipment_wrap li:nth-child(4n) {margin-right:0;}
.equipment_wrap li:nth-child(-n + 4) {margin-top:0;}

.equipment_wrap li .img_wrap{
	position:relative;
	width:100%;
	padding-top: 80%;
	cursor:pointer;
}

.equipment_wrap li .img_wrap span {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: block;
}

.equipment_wrap li .img_wrap:hover:after{
	position:absolute;
	left:50%;
	top:50%;
	transform: translate(-50%,-50%);
	content:'';
	width:180px;
	height:180px;
	background-color:var(--emphasis);
	border-radius:9999px;
	z-index:-1;
}

.equipment_wrap li .equipment_title{
	margin-top:25px;
	font-size:1.8rem;
	text-align:center;
}
/*  //equipment */

/*  guide */
.guide_wrap{
	width:100%;
	max-width:1200px;
	margin:0 auto;
}

.guide_wrap .guide_main_slide .swiper-slide .info-img{position:relative; overflow:hidden; max-width:1200px; max-height:800px; background-color:#fff; text-align:center;}  
.guide_wrap .guide_main_slide .swiper-slide .info-img img{ margin:0 auto; text-align:Center; }
.guide_wrap .guide_main_slide .control-wrap{position:absolute;top:50%;left:0;z-index:20;width:100%;box-sizing:border-box; }
.guide_wrap .guide_main_slide .control-wrap > div{position:absolute;top:50%;width:60px;height:60px;background-color:rgba(0,0,0,0.5);background-repeat:no-repeat;background-position:center center;text-indent:-99999px;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%);-ms-transform:translateY(-50%);cursor:pointer;}
.guide_wrap .guide_main_slide .control-wrap .swiper-gallery-prev{left:0;background-image:url(https://user-images.githubusercontent.com/33821863/148932372-4b639bb5-17b1-4884-b18d-3445b530701b.png);}
.guide_wrap .guide_main_slide .control-wrap .swiper-gallery-next{right:0;background-image:url(https://user-images.githubusercontent.com/33821863/148932378-7ff3135f-0dd9-4d6d-abd1-376acbf577d4.png);}
.guide_wrap .guide_main_slide .control-wrap > div:hover{background-color:#000;}
/*  //guide */

/*  direction */
.naver_map{
	width:100%;
	max-width:1300px;
	max-height:450px;
	min-height:450px;
	background-color:var(--gray04);
	margin:0 auto;
}

.map_info{
	position:relative;
	width:100%;
	max-width:1300px;
	margin:0 auto;
}

.map_info .addr_map{
	display:flex;
	align-items:center;
	justify-content: space-between;
	height:70px;
}

.map_info .addr_map .addr{
	display:flex;
	align-items:center;
}

.map_info .addr_map .map_btn{
	display:flex;
	align-items:center;
	gap:10px
}

.map_info .addr_map .map_btn .naver_map_btn{
	width:150px;
	height:40px;
	display:flex;
	align-items:center;
	justify-content: center;
	background-color:#03cd5c;
}

.map_info .addr_map .map_btn .naver_map_btn .naver_link{
	position:relative;
	display:inline-block;
	font-size:1.6rem;
	color:var(--font01);
	padding-left:20px;
}

.map_info .addr_map .map_btn .naver_map_btn .naver_link:before{
	position:absolute;
	left:0;
	top:50%;
	transform: translateY(-50%);
	content:'';
	width:20px;
	height:20px;
	background:url(../../../../image/sub/naver_map_icon.png);
	
}

.map_info .addr_map .map_btn .kakao_map_btn{
	width:150px;
	height:40px;
	display:flex;
	align-items:center;
	justify-content: center;
	background-color:#fae100;
}

.map_info .addr_map .map_btn .kakao_map_btn .kakao_link{
	display:inline-block;
	position:relative;
	font-size:1.6rem;
	color:var(--primary);
	padding-left:20px;
}

.map_info .addr_map .map_btn .kakao_map_btn .kakao_link:before{
	position:absolute;
	left:0;
	top:50%;
	transform: translateY(-50%);
	content:'';
	width:20px;
	height:20px;
	background:url(../../../../image/sub/kakao_map_icon.png);
}

.map_info .addr_map .map_btn .google_map_btn{
	width:150px;
	height:40px;
	display:flex;
	align-items:center;
	justify-content: center;
	background-color:#eeeeee;
}


.map_info .addr_map .map_btn .google_map_btn .google_link{
	display:inline-block;
	position:relative;
	font-size:1.6rem;
	color:var(--primary);
	padding-left:20px;
}

.map_info .addr_map .map_btn .google_map_btn .google_link:before{
	position:absolute;
	left:0;
	top:50%;
	transform: translateY(-50%);
	content:'';
	width:20px;
	height:20px;
	background:url(../../../../image/sub/google_map_icon.png);
}

.direction_info{
	margin-top:30px;
	width:100%;
	position:relative;
	width:100%;
	display:flex;
}

.direction_info .directions_wrap{
	display:flex;
	align-items: flex-start;
	width:50%;
}

.direction_info .directions_wrap .directions_tit{
	display:inline-block;
	width:100px;
	font-size:2.0rem;
	font-weight:700;
}

.direction_info .directions_wrap .directions_info{
	display:flex;
	flex-direction: column;
	gap:10px;
}

.direction_info .directions_wrap .directions_info .directions_info_tit{
	display:inline-block;
	width:70px;
	font-size:1.8rem;
	font-weight:600;
}

.direction_info .directions_wrap .directions_info .directions_info_txt{
	font-size:1.8rem;
}

.direction_info .park_wrap{
	display:flex;
	align-items: flex-start;
	width:50%;
}

.direction_info .park_wrap .park_tit{
	display:inline-block;
	width:100px;
	font-size:2.0rem;
	font-weight:700;
}

.direction_info .park_wrap .park_info{
	display:flex;
	flex-direction: column;
	gap:10px;
}

.direction_info .park_wrap .park_info .park_info_tit{
	display:inline-block;
	width:70px;
	font-size:1.8rem;
	font-weight:600;
}

.direction_info .park_wrap .park_info .park_info_txt{
	font-size:1.8rem;
}

.direction_info .park_wrap .park_info .break{
	font-size:1.8rem;
}



/*지도오는길*/
.iw_inner{
	padding:15px;
}

.iw_inner > div {
	margin-top:0; color:var(--emphasis); font-size:1.4rem; font-weight: 700;
}

.iw_inner .p1 {
	margin-top:5px;  font-size:1.2rem
}

.iw_inner .p2{
	margin-top:5px;  font-size:2.0rem; text-align:Center; font-weight:bold; color:var(--emphasis);
}

/*  //direction */

/* width 680px까지 지원 */
@media screen and (max-width: 768px) {

	.left_wrap .productImg {
		position: relative;
		width: 100%;
		max-width: 100%;
		height: fit-content; /* 2025-03-07, 김승희 : 56.25vw => fit-content 로 수정*/
		overflow: hidden;
		background-color:#fff;
	}

	.left_wrap .productImg img{
		width:100%;
	}

	.left_wrap .mobile_good_wrap{
		display:block;
	}
	
	.w1300{
		width:calc(100% - 40px);
		
		margin:0 auto;
		display:flex;
		flex-wrap:wrap;
		justify-content: space-between;
	}

	.right_wrap{
		display:none;
	}
	.face_left {
		display:block;
	}

	/*오시는길*/

	.map_info .addr_map{
		display:flex;
		align-items:center;
		flex-wrap:wrap;
		justify-content: flex-start;
		height:auto;
		padding:20px 0;
	}

	.map_info .addr_map .addr{
		display:flex;
		align-items:center;
		
	}

	.map_info .addr_map .map_btn{
		width:100%;
		margin-top:20px;
		display:flex;
		align-items:center;
		gap:10px;
	}

	.map_info .addr_map .map_btn .naver_map_btn{
		width:33.333%;
		height:40px;
		display:flex;
		align-items:center;
		justify-content: center;
		background-color:#03cd5c;
	}

	.map_info .addr_map .map_btn .kakao_map_btn{
		width:33.333%;
		height:40px;
		display:flex;
		align-items:center;
		justify-content: center;
		background-color:#fae100;
	}

	.map_info .addr_map .map_btn .google_map_btn{
		width:33.333%;
		height:40px;
		display:flex;
		align-items:center;
		justify-content: center;
		background-color:#eeeeee;
	}

	.direction_info{
		margin-top:30px;
		width:100%;
		position:relative;
		width:100%;
		display:block;
	}

	.direction_info .directions_wrap{
		display:flex;
		align-items: flex-start;
		width:100%;
		flex-wrap:wrap;
	}

	.direction_info .directions_wrap .directions_tit{
		display:block;
		width:100%;
		font-size:2.0rem;
		font-weight:700;
	}

	.direction_info .park_wrap{
		margin-top:40px;
		display:flex;
		align-items: flex-start;
		flex-wrap:wrap;
		width:100%;
	}

	.direction_info .park_wrap .park_tit{
		display:block;
		width:100%;
		font-size:2.0rem;
		font-weight:700;
	}

	.direction_info .directions_wrap .directions_info{
		margin-top:20px;
		display:flex;
		flex-direction: column;
		gap:10px;
	}

	.direction_info .park_wrap .park_info{
		margin-top:20px;
		display:flex;
		flex-direction: column;
		gap:10px;
	}

	.equipment_wrap{
		width:100%;
		max-width:calc(100% - 20px);
		margin:0 auto;
		display:flex;
		flex-wrap:wrap;
	}

	.equipment_wrap li{
		width:calc(50.0000%);
		max-width:100%;
		margin:20px 0px 0 0;
	}

	
	
	.equipment_wrap li:nth-child(2n) {margin-right:0;}
	.equipment_wrap li:nth-child(-n + 2) {margin-top:0;}


}

@media screen and (min-width:768px) and (max-width:1279px) {

	.left_wrap .productImg {
		position: relative;
		width: 100%;
		max-width: 100%;
		
		overflow: hidden;
		background-color:#fff;
	}

	.left_wrap .productImg img{
		width:100%;
	}

	.left_wrap .mobile_good_wrap{
		display:block;
	}
	
	.w1300{
		width:calc(100% - 40px);
		margin:0 auto;
		max-width:780px;
		display:flex;
		flex-wrap:wrap;
		justify-content: space-between;
	}

	.right_wrap{
		display:none;
	}
	.face_left {
		display:block;
	}

	/*오시는길*/

	.map_info .addr_map{
		display:flex;
		align-items:center;
		flex-wrap:wrap;
		justify-content: flex-start;
		height:auto;
		padding:20px 0;
	}

	.map_info .addr_map .addr{
		display:flex;
		align-items:center;
	}

	.map_info .addr_map .map_btn{
		width:100%;
		margin-top:20px;
		display:flex;
		align-items:center;
		gap:10px;
	}

	.map_info .addr_map .map_btn .naver_map_btn{
		width:50%;
		height:40px;
		display:flex;
		align-items:center;
		justify-content: center;
		background-color:#03cd5c;
	}

	.map_info .addr_map .map_btn .kakao_map_btn{
		width:50%;
		height:40px;
		display:flex;
		align-items:center;
		justify-content: center;
		background-color:#fae100;
	}

	.direction_info{
		margin-top:30px;
		width:100%;
		position:relative;
		width:100%;
		display:block;
	}

	.direction_info .directions_wrap{
		display:flex;
		align-items: flex-start;
		flex-wrap:wrap;
		width:100%;
	}

	.direction_info .directions_wrap .directions_tit{
		display:block;
		width:100%;
		font-size:2.0rem;
		font-weight:700;
	}


	.direction_info .park_wrap{
		margin-top:40px;
		display:flex;
		align-items: flex-start;
		flex-wrap:wrap;
		width:100%;
	}

	.direction_info .park_wrap .park_tit{
		display:block;
		width:100%;
		font-size:2.0rem;
		font-weight:700;
	}

	.direction_info .directions_wrap .directions_info{
		margin-top:20px;
		display:flex;
		flex-direction: column;
		gap:10px;
	}

	.direction_info .park_wrap .park_info{
		margin-top:20px;
		display:flex;
		flex-direction: column;
		gap:10px;
	}

	.equipment_wrap li{
		width:calc(50.0000%);
		margin:20px 0px 0 0;
		border:1px solid #ccc;
	}

	.equipment_wrap li:nth-child(2n) {margin-right:0;}
	.equipment_wrap li:nth-child(-n + 2) {margin-top:0;}

}


/* width 680px까지 지원 */
@media screen and (max-width: 768px) {
  
	.inner_container{
		padding:4.0rem 10px;
	}

	.goodsPrice{
		display:block;
		padding:0 10px;
		font-size:1.2rem;
		color:var(--gray03);
		text-decoration:line-through;
		text-align:right;
	}

	.goodsCustPrice{
		margin-top:5px;
		display:inline-block;
		margin-left:5px;
		font-size:1.4rem;
		color:var(--emphasis);
		font-weight:700;
	}

	.goodsDiscountRate{
		margin-top:5px;
		display:block !important;
		padding:0 5px !important;
		border:1px solid var(--emphasis);
		border-radius:9999px;
		font-size:1.4rem;
		text-align:center;
		color: var(--emphasis);
	}


  /* 680px ~ 320px 구간만 적용 */
  @media screen and (min-width: 320px) {

		

  }

}

/* width 1024px까지 지원 */
@media screen and (min-width:768px) and (max-width:1279px) {

	.inner_container{
		padding:4.0rem 20px;
	}

	/* 681px ~ 1024px 구간만 적용 */
	@media screen and (min-width: 681px) {
		

	}

}



@media (min-width: 1024px) {
    .lg\:bg-\[url\(\'\/subtop_m10_lg\'\)\] {
        background-image: url(/img/subtop_m10_lg.jpg);
    }

	

	.lg\:bg-\[url\(\'\/subtop_m20_lg\'\)\] {
        background-image: url(/img/subtop_m20_lg.jpg);
    }

	.lg\:bg-\[url\(\'\/subtop_m30_lg\'\)\] {
        background-image: url(/img/subtop_m30_lg.jpg);
    }

	.lg\:bg-\[url\(\'\/subtop_m40_lg\'\)\] {
        background-image: url(/img/subtop_m30_lg.jpg);
    }
}

/* 검색 화면 */
.searchResult{
	text-align:center;
	padding:100px 0;
	font-size:1.8rem;
}

.searchResult .searchTxt{
	font-size:3.0rem;
	color:var(--emphasis);
	font-weight:600;
}

.search_page{
	position:relative;
	width:100%;
}

.search_page .tabType1 {
    display: flex;
    justify-content: center;
    margin-top: 20px;
    border-bottom: 1px solid #f2f4f5;
}

.search_page .tabType.scroll ul {font-size:0; line-height:0; overflow-y:auto; white-space:nowrap; -webkit-overflow-scrolling: touch;}
.search_page .tabType.scroll ul::-webkit-scrollbar {display:none;}
.search_page .tabType.scroll li {float:none; display:inline-block; overflow:hidden;}
.search_page .tabType li.on .tab_count {background: #1b2529;}
.search_page .tabType li .tab_count {display: inline-block; height: 20px; margin-left: 5px; padding: 0 6px; font-size: 14px; font-weight: bold; line-height: 20px; color: #fff; border-radius: 20px; background: #bec8cc;}

.search_page .tabType1 ul {position:relative;}
.search_page .tabType1 ul:after {content:''; display:block; clear:both;}
.search_page .tabType1 li {float:left; margin-right: 50px;}
.search_page .tabType1.scroll li .menu {padding: 0 30px;}
.search_page .tabType1 li {display:block; position:relative; text-align:center; font-size:18px; line-height:60px; color:#90a0a6;}
.search_page .tabType1 li:after {content:''; position:absolute; left:50%; bottom:-1px; width:0; height:2px; background:#1e282c; transition:width .2s ease; transform:translateX(-50%);}
.search_page .tabType1 li:hover,
.search_page .tabType1 li.on {font-weight:700; color:#1e282c;}
.search_page .tabType1 li:hover:after,
.search_page .tabType1 li.on:after {width:100%;}

.search_page .tab-content{
	display:none;
}

.search_page .tab-content.show{
	display:block;
}

.search_page .tab-content.show .inner_tab{
	position:relative;
	width:100%;
	max-width:780px;
	margin:50px auto;
}


.search_page .tab-content.show .inner_tab .type_menu_wrap{
	position:relative;
	width:100%;
	margin-top:50px;
}


.search_page .tab-content.show .inner_tab .type_menu_wrap .tit{
	font-size:1.8rem;
	font-weight:600;
}

.search_page .tab-content .procedure_list{
	position:relative;
	width:100%;
	margin-top:30px;
}

.search_page .tab-content .procedure_list li + li{
	margin-top:30px;
}

.search_page .tab-content .empty_li{
	text-align:Center;
	font-size:1.8rem;
}

.search_page .tab-content .event_list{
	position:relative;
	width:100%;
	margin-top:15px;	
}

.search_page .tab-content .event_list li {width:calc(50.000% - 26px);margin:20px 20px 0 0; max-width:420px;}

.search_page .tab-content .event_list li .img_wrap {position: relative;width:100%;border-radius:8px;overflow: hidden;}
.search_page .tab-content .event_list li .img_wrap .img {width:100%;padding-bottom:100.0%;}

.search_page .tab-content .event_list li .event_title{ font-size:1.6rem; font-weight:500; line-height:1.5}
.search_page .tab-content .event_list li .event_sub_title{font-size:1.2rem; font-weight:400; line-height:1.5}
.search_page .tab-content .event_list li .event_price{font-size:1.4rem; font-weight:400;}
.search_page .tab-content .event_list li .event_price .min_price{font-size:1.6rem; font-weight:800; color:var(--emphasis);}	

.search_page .tab-content .normal_surgery_list{
	position:relative;
	width:100%;
	margin-top:30px;	
}

.search_page .tab-content .normal_surgery_list li{
	border:1px solid #ccc;
	border-radius:30px;
	padding:10px;
}

.search_page .tab-content .normal_surgery_list li + li{
	margin-top:10px;
}

.search_page .tab-content .normal_surgery_list li .procedure_info{
	width:100%;
	position:relative;
	display:flex;
	flex-direction: column;
	padding-left:10px;
}

.search_page .tab-content .normal_surgery_list li .procedure_info .procedure_info_title{
	font-size:1.6rem;
	color:var(--primary);
	font-weight:normal;
	word-break:keep-all;
	line-height:1.3l
}

.search_page .tab-content .normal_surgery_list li .procedure_info .procedure_info_title span.event{
	font-size:1.6rem;
	color:var(--emphasis);
}

.search_page .tab-content .normal_surgery_list li .procedure_info .procedure_info_basic{
	margin-top:5px;
	font-size:1.4rem;
	color:var(--gray02);
	word-break:keep-all;
	line-height:1.3;
}

.search_page .tab-content .normal_surgery_list li .procedure_info .procedure_info_price{
	width:100%;
	margin-top:10px;
	display:flex;
	justify-content: flex-end;
	align-items: center;
	font-size:1.4rem;
	color:var(--primary);
}

.search_page .tab-content .event_surgery_list{
	position:relative;
	width:100%;
	margin-top:30px;	
}


/* 모바일의 fixed*/
#fix_bottom {
    display:none;
	position: fixed;
    overflow: hidden;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 10000;
    width: 100%;
    box-shadow: -8px -7px 10px rgba(0, 0, 0, 0.1);
	background-color:var(--emphasis);
}

.btn_wrap {
	padding:10px;
	overflow: hidden;
	text-align:Center;
	color:var(--font01);
	font-size:1.6rem;
	cursor:pointer;
}

/* width 680px까지 지원 */


/* [S] 2025-07-10_2차, 김승희 : 모바일 퀵메뉴 추가로 인한 수정 */
#quickBtn {
	display: none;
    position: fixed;
    bottom: calc(0px - var(--toggleMenuHeight) + var(--bottomMenuHeight) + var(--topTitHeight) - 8px);
    right: 0px;
    z-index: 1999;
	width: 100px;
	background-color: rgba(255,255,255,0.85); 
	border-radius: 20px; 
	box-shadow: 2px 4px 10px 2px rgba(0,0,0,0.1);
	transition: bottom 1s ease;
    opacity: 1;
}

#quickBtn > div{
	/* margin-bottom:5px; */
	width: calc(100% - 40px); 
	margin: 0 auto; 
	padding: 15px 0; 
	text-align: center;
}
#quickBtn > div a img {
	width: 40px; 
	margin: 0 auto;
}
#quickBtn > div a span {
	color: var(--gray01);
}
#quickBtn > div a span.tit {
	display: inline-block; 
	font-size: 1.6rem; 
	margin-top: 5px;
}
/*
#quickBtn.fixed {
    bottom: 100px;
    opacity: 1;
}
	*/
#quickBtn.show {
	bottom : 70px;
}

#quickBtn .top_tit img {
	margin: 0 auto;
}

#mobileToggleBtn {
	margin:0 auto;
	transition: transform 1s ease;
}

#mobileToggleBtn.rotate {
	transform: rotate(180deg);
}
/* // [E] 2025-07-10_2차, 김승희 : 모바일 퀵메뉴 추가로 인한 수정 */

.to-top-btn {
    background: transparent;
	position: fixed;
    bottom: -100px;
    right: 15px;
    display: block;
    width: 60px;
    height: 60px;
    z-index: 3000;
}

.to-top-btn.bottom-fixed {
    bottom: 15px;
    opacity: 1;
}

/*이벤트 플로팅*/
.compair_floating{
	position: fixed;
	left: 0;
	bottom: -10px;
	transform: translateY(100%);
	width: 100%;
	z-index: 100;
	background-color: var(--emphasis);
	transition: 0.4s cubic-bezier(0.33, 1, 0.68, 1);
}

.compair_floating .compair_floating_area {
	max-width: 1280px;
    width: 100%;
    margin: auto;
}

.compair_floating.open {
    bottom: 0;
    transform: translateY(0);
}

.compair_floating .btn_area {
    width:100%;
	display: flex;
    align-items: center;
    justify-content: center;
    height: 72px;
    padding: 0;
    font-size: 2.2rem;
    color: #fff;
	font-weight:500;
	cursor:pointer;
}

.compair_floating .btn_area .count_num {
    display: inline-block;
    width: 24px;
    height: 24px;
    color: var(--emphasis);
    background: #fff;
    border-radius: 50%;
    text-align: center;
    line-height: 24px;
    font-weight: bold;
}

/* 예약 체크 */


@media screen and (max-width: 767px) {
  
	.compair_floating{
	position: fixed;
	left: 0;
	bottom: 0px;
	transform: translateY(100%);
	width: 100%;
	z-index: 100;
	background-color: var(--emphasis);
	transition: 0.4s cubic-bezier(0.33, 1, 0.68, 1);
	}

	.compair_floating .compair_floating_area {
		max-width: 1400px;
		width: 100%;
		margin: auto;
	}

	.compair_floating.open {
		bottom: 60px;
		transform: translateY(0);
	}

	.compair_floating .btn_area {
		width:100%;
		display: flex;
		align-items: center;
		justify-content: center;
		height: 72px;
		padding: 0;
		color: #fff;
		font-size: 2.2rem;
		font-weight: 500;
		cursor:pointer;
	}
	.compair_floating .btn_area .count_num {
		display: inline-block;
		width: 24px;
		height: 24px;
		color: var(--emphasis);
		background: #fff;
		border-radius: 50%;
		text-align: center;
		line-height: 24px;
		font-weight: bold;
	}

}

@media screen and (min-width:768px) and (max-width:1279px) {

	.compair_floating{
	position: fixed;
	left: 0;
	bottom: 0px;
	transform: translateY(100%);
	width: 100%;
	z-index: 100;
	background-color: var(--emphasis);
	transition: 0.4s cubic-bezier(0.33, 1, 0.68, 1);
	}

	.compair_floating .compair_floating_area {
		max-width: 1400px;
		width: 100%;
		margin: auto;
	}

	.compair_floating.open {
		bottom: 0px;
		transform: translateY(0);
	}

	.compair_floating .btn_area {
		width:100%;
		display: flex;
		align-items: center;
		justify-content: center;
		height: 72px;
		padding: 0;
		color: #fff;
		font-size: 2.2rem;
		font-weight: 500;
		cursor:pointer;
	}
	.compair_floating .btn_area .count_num {
		display: inline-block;
		width: 24px;
		height: 24px;
		color: var(--emphasis);
		background: #fff;
		border-radius: 50%;
		text-align: center;
		line-height: 24px;
		font-weight: bold;
	}

}


#fix_bottom{
	display:none;
}

.btn_wrap {
    overflow: hidden;
}

.bar_left{
	position:relative;
}

.btn_wrap > button {
    float: left;
    line-height: 2rem;
    width: 50%;
    text-align: center;
    color: inherit;
    font-weight: bold;
}

#counselPop{
	position: fixed;
    top: -150px;
    left: 0;
    bottom: -100px;
    width: 100%;
    height: 200%;
    background: rgba(0, 0, 0, .8);
    overflow: hidden;
    z-index: -1;
    opacity: 0;
}

#counselPop.on{
	z-index: 10000;
    opacity: 1;
}

#renew_popup{
    overflow: hidden;
    position: fixed;
    top: 110px;
    right: 0;
    left: 0;
    z-index: 450;
    outline: 0;
}

.popup_set {
    margin:0 auto;
	height: 100%;
    background-color: #fff;
    outline: 0;
	border-radius:15px;
}

.renew_pop .popup_header {
    color: #A73439;
    padding-top: 2.5rem;
	text-align: center;
}

.popup_header .tit {
    font-size: 2.100rem;
    line-height: 1.333;
	font-weight: bold;
}

.popup_header .txt {
    font-size: 1.5rem;
    line-height: 1.8;
    font-weight: bold;
}
.popup_body {
    text-align: center;
}

.popup_body .inbox {
    padding: 1.384rem 1.538rem 3.076rem;
}

.popup_body .inbox > p {
    margin: 0;
    margin-bottom: 2.384rem;
    font-size: 1.4rem;
    line-height: 1.428;
    color: #666;
}

.popup_body .flex_box {
    display: flex;
    gap: 10px;
    text-align: center;
}

.popup_body .flex_box > * {
    width: calc((100% - 5px) / 2);
    border: none;
    border-radius: 10px;
    padding: 2.153rem 0 2rem;
    text-align: center;
}

.popup_body .flex_box .round_box1,
.popup_body .flex_box .round_box2
{
	position:relative
}

.popup_body .flex_box .round_box2:before{
	position:absolute;
	left:0;
	top:50%;
	content:'';
	transform: translateY(-50%);
	width:1px;
	height:198px;
	background-color:#cccccc;
}

.popup_body .flex_box .round_box1 img{
	margin:0 auto 20px;
}

.popup_body .flex_box .round_box2 img{
	margin:0 auto 20px;
}

.popup_body .flex_box .round_box1 p.tit1,
.popup_body .flex_box .round_box2 p.tit1{
	font-size:1.8rem;
	font-weight:bold;
	line-height:1.5;
}

.popup_body .flex_box .round_box1 p.tit2,
.popup_body .flex_box .round_box2 p.tit2{
	font-size:1.4rem;
	color:#888888;
	font-weight:bold;
}

.popup_btn_wrap {
    background-color: #000;
    color: #fff;
}

.popup_btn_wrap .popup_close_btn{
	padding:15px 0;
	cursor:pointer;
	text-align:center;
	font-size:1.5rem;
	color:#fff;

}


@media screen and (max-width: 767px) {
	
	/* [S] 2025-07-10_2차, 김승희 : 모바일 퀵메뉴 추가로 인한 수정 */
	#quickBtn{
		display:block;
	}
	/* // [E] 2025-07-10_2차, 김승희 : 모바일 퀵메뉴 추가로 인한 수정 */

	.bottom-fixed{
		display:none;
	}
	
	#fix_bottom {
		display:block;
		position: fixed;
		overflow: hidden;
		bottom: 0;
		left: 0;
		right: 0;
		z-index: 1000;
		width: 100%;
		box-shadow: -8px -7px 10px rgba(0, 0, 0, 0.1);
	}

	.quick_btn {
		padding-right: 0px;
		position: relative;
		display: flex;
		background-color: var(----emphasis);
		color: #fff;
	}

	.quick_btn.btn_wrap > button {
		padding: 0;
		font-weight: 400;
		line-height: 35px;
		width: 100%;
		text-align: center;
		color: inherit;
		background-color: transparent;
	}

	.quick_btn .bar_left:before {
		height: 19px;
		margin-top: -9px;
		background-color: rgba(204, 204, 204, 0.5);
	}

	.bar_left:before {
		left: -0.5px;
	}

	.bar_right:after, .bar_left:before {
		content: '';
		position: absolute;
		top: 50%;
		width: 1px;
		height: 1em;
		margin-top: -0.5rem;
		background-color: #ccc;
	}

	/*팝업*/
	#renew_popup .renew_pop {
		overflow: hidden;
		max-width: 595.2px;
		width: 88.888%;
		margin: 0 auto;
		/*border-radius: 30px;*/
	}

}

@media screen and (min-width:768px) and (max-width:1279px) {

	/* [S] 2025-07-10_2차, 김승희 : 모바일 퀵메뉴 추가로 인한 수정 */
	#quickBtn{
		display:block;
	}
	/* // [E] 2025-07-10_2차, 김승희 : 모바일 퀵메뉴 추가로 인한 수정 */

	.bottom-fixed{
		display:none;
	}
	
	#fix_bottom {
		display:block;
		position: fixed;
		overflow: hidden;
		bottom: 0;
		left: 0;
		right: 0;
		z-index: 1000;
		width: 100%;
		box-shadow: -8px -7px 10px rgba(0, 0, 0, 0.1);
	}

	.quick_btn {
		padding-right: 0px;
		position: relative;
		display: flex;
		background-color: var(----emphasis);
		color: #fff;
	}

	.quick_btn.btn_wrap > button {
		padding: 0;
		font-weight: 400;
		line-height: 35px;
		width: 100%;
		text-align: center;
		color: inherit;
		background-color: transparent;
	}

	.quick_btn .bar_left:before {
		height: 19px;
		margin-top: -9px;
		background-color: rgba(204, 204, 204, 0.5);
	}

	.bar_left:before {
		left: -0.5px;
	}

	.bar_right:after, .bar_left:before {
		content: '';
		position: absolute;
		top: 50%;
		width: 1px;
		height: 1em;
		margin-top: -0.5rem;
		background-color: #ccc;
	}

	/*팝업*/
	#renew_popup .renew_pop {
		overflow: hidden;
		max-width: 595.2px;
		width: 88.888%;
		margin: 0 auto;
		border-radius: 10px;
	}

}



/*주의사항*/
.beautyque_notice{
	max-width: 600px;
    margin: 0 auto;
}

.beautyque_notice .top_img {
    text-align: center;
}

.beautyque_notice .foot_wrap {
    overflow: hidden;
    background-color: var(--emphasis);
}

.beautyque_notice .foot_wrap .btn_foot {
    float: left;
    line-height: 50px;
    width: 100%;
    text-align: center;
	font-size:1.6rem;
    color: #FFF;
    font-weight: bold;
}

.beautyque-menu li {
	display:block;
}

.beautyque-menu li > h2 > a {
    display: block;
    padding: 1em;
	width:100%;
    border-bottom: 1px solid #e5e5e5;
    color: #333;
    font-size: 15px;
	cursor:pointer;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -moz-tap-highlight-color: rgba(0, 0, 0, 0);
}
.beautyque-menu li > h2 > a span{ 
	display: inline-block;
	box-sizing: border-box;
	width: 35px;
	height: 35px;
	border: 1px solid #ddd;
	border-radius: 50%;
	font-size: 1.6rem;
	font-weight: 600;
	color: #8c1217;
	text-align: center;
	line-height: 3.5rem;
	margin-right: 10px;
}

.beautyque-menu li > h2 > a.open {
    font-weight: bold;
    color: var(--emphasis);
    background-color: #FFF;
    border-bottom: 1px solid var(--emphasis);
}

.beautyque-menu li > .menu-list {
	display: none;
	background: #f9f9f9;
	box-sizing: border-box;
	padding:10px;
	font-size: 13px;
}

a.open + .menu-list { 
	border-bottom: 1px solid var(--emphasis);
	padding:10px;
	font-size: 13px;
}

.beautyque-menu .menu-list h2 {  
	position: relative;
	display: inline-block;
	padding: 0 0.7em;
	text-indent: 0;
}
.beautyque-menu .menu-list h2:after,
.beautyque-menu .menu-list h2:before { 
	content: '';
	position: absolute;
	width: 0.6em;
	height: 0.6em;
	top: 0.2em;
	background-color: currentColor;
}

.beautyque-menu .menu-list h2:before { 
	left: 0;
}

.beautyque-menu .menu-list h2:after { 
	right: 0;
}

.beautyque-menu .menu-list li {
	line-height: 1.8rem;
	padding: 1rem;
	text-indent: -1rem;
	padding-left: 2rem;
	font-size:1.4rem;
	word-break:keep-all;

}

.beautyque-menu .menu-list li:nth-of-type(odd) { 
	/*background-color: #fff7d0;*/
	background-color: #fff;
}

.beautyque-menu .menu-list > div {
	line-height: 1.4em;
	padding: 1rem;
}

/*
	주의사항 검색 추가
	2024-02-03
	작업자 : 전성용
*/

.beautyque_notice .search_wrap{
	display: flex;
	flex-wrap:wrap;
    align-items: center;
    position: relative;
    width: 100%;
    height: 42px;
    margin: 15px auto;
    padding: 0 20px 0 24px;
    border: 2px solid #1b2529;
    transition: background .2s ease;
    border-radius: 21px;
}

.beautyque_notice .search_wrap .inp_text {
    position:relative;
	width: 488px;
}

 .search_wrap .global_search_enter {
    width: 24px;
    height: 27px;
    margin-left: auto;
    background: url('../../../../image/common/grobal_search_b.png') no-repeat 0 0/100%;
}

.beautyque_notice .search_wrap .inp_text .input_text {
    width:100%;
	padding: 0;
    height: 38px;
    font-size: 14px;
    line-height: 1;
    background-color: transparent;
}

/* 
	이벤트 레이아웃 변경 시작
	2025-02-03
	작업자 : 전성용
*/

.container > .fix_area{
	height: 100%;
}

.fix_area {
    min-width: 1200px;
    width: 1200px;
    margin: 0 auto;
    padding: 0 16px;
}

.list-wrap {
    display: table;
    width: 100%;
    height: 100%;
}

.list-wrap .list-category-sec {
    display: table-cell;
    width: 318px;
    height: 100%;
    padding-top: 50px;
    padding-bottom: 50px;
    vertical-align: top;
}

.list-category-sec > .inner {
    width: 318px;
    height: 100%;
    padding-top: 20px;
    padding-right: 20px;
    border-right: 1px solid rgba(186, 186, 186, 0.5);
}

.category_list{
	margin-right: 25px;
}

.category_list > li {
    margin-bottom: 15px;
    border: 1px solid rgba(200, 200, 200, 0.5);
    background-color: #fff;
    color: #646464;
    box-sizing: border-box;
}


.category_list > li > a {
    display: block;
    line-height: 48px;
    overflow: hidden;
    white-space: nowrap;
    text-indent: 20px;
	font-size:1.6rem;
}

.category_list > li.active {
    border-color: var(--emphasis);
    outline: 2px solid var(--emphasis);
    color: var(--emphasis);
}

.list-wrap .list-cont-sec {
    position: relative;
    display: table-cell;
    width: 850px;
    height: 100%;
    padding-top: 70px;
    padding-left: 20px;
    padding-bottom: 170px;
    background-color: white;
    vertical-align: top;
}

.event-card-list > li {
	margin-bottom: 70px;
}

.event-card-list .event-card {
	display: block;
    position: relative;
	width: 775px;
    height: 196px;
    padding-right: 10px;
    margin-left: auto;
    overflow: hidden;
}
.event-card-list .event-card:after {
	content: '';
	position: absolute;
	bottom: 9px;
	right: 0;
	width: 58px;
	height: 15px;
	background: center/ contain url('../../../../image/icon/long-arrow-right-g.png') no-repeat;
}

.event-card .img_box {
	position: relative;
	width: 350px;
	height: 100%;
    background-color: black;
    float: left;
	overflow: hidden;
}
.event-card .img_box img {
    position: absolute;
    min-width: 100%;
    min-height: 100%;
    width: 100%;
    height: 100%;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: 1;
}

.event-card .txt_box {
    position: relative;
    padding-top: 110px;
    width: 343px;
    height: 100%;
	float: right;
}
.event-card .txt_box .tit-txt {
    position: absolute;
    left: 0;
    bottom: 120px;
}
.txt_box .tit-txt > p {
    margin: 0;
    font-size: 2.0rem;
    font-weight: 500;
    line-height: 1.3;
}

.event-card .txt_box > .sub-txt {
    font-size: 1.4rem;
}
.event-card .txt_box .ab_cont {
	padding-top: 10px;
}

.txt_num {
    font-family: 'Tenor Sans', Sans-serif;
    font-weight: 600;
    color: #A73439;
}

.ab_cont .cost {
    font-size: 1.4rem;
    font-weight: 400;
    color: #7D7971;
}

.ab_cont .discount {
    display: block;
    font-size: 1.8rem;
}

.ab_cont .discount .txt_num2 {
    font-size: 2.4rem !important;
    font-weight: 600;
    color: #9F2A2A;
}

del {
    text-decoration: line-through;
}

.one-ellip {
    position: relative;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    left: 0%;
    width: 100%;
    -webkit-transition: left 3s, width 3s;
    -moz-transition: left 3s, width 3s;
    transition: left 3s, width 3s;
}

/* 이벤트 레이아웃 변경 종료 */

/* 이벤트 모바일S */
.sh_box{padding: 1rem; background-color: #fff; margin: 0 !important;}
.m_category_list{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	overflow: hidden;
	flex-wrap: wrap;
}
/* 이벤트 모바일E */

/* 2025-02-04, 김승희 : 2차 수정 */
/* about - 시술장비 */
.container.sub_about_equipment .equipment_wrap li {
	overflow:hidden; 
	width:calc((100% - 90px) /3); 
	max-width:unset; 
	margin:15px; 
	border-radius:20px; 
	box-shadow:0 0 10px 1px rgba(0,0,0,0.07); 
	transition:all 0.2s ease;
}
.container.sub_about_equipment .equipment_wrap li:hover {
	box-shadow:0 0 15px 1px rgba(140,18,23,0.6);
}
.container.sub_about_equipment .equipment_wrap li .tit_wrap {
	margin:35px 20px 45px; 
	word-break:keep-all;
}
.container.sub_about_equipment .equipment_wrap li .equipment_title_eng {
	margin-top:20px; 
	color:var(--emphasis2); 
	font-size:1.4rem; 
	text-align:center;
}
.container.sub_about_equipment .equipment_wrap li .equipment_title {
	margin-top:12px;
}
.container.sub_about_equipment .equipment_wrap li .equipment_title_tag {
	margin-top:20px; 
	color:var(--bgColor01); 
	font-size:1.6rem;
}
.container.sub_about_equipment .equipment_wrap li .img_wrap:hover::after {
	display:none;
}
@media screen and (max-width: 1279px) {
	.container.sub_about_equipment .equipment_wrap li {
		border:none;
	}
}
@media screen and (max-width: 767px) {
	.container.sub_about_equipment .equipment_wrap li {
		width:calc((100% - 60px) /2);
	}
	.container.sub_about_equipment .equipment_wrap li .tit_wrap {
		margin:20px 20px 30px;
	}
}
@media screen and (max-width: 475px) {
	.container.sub_about_equipment .equipment_wrap li {
		width:calc(100% - 30px);
	}
}

/* about - 오시는길 */ /* 2025-02-20,김승희 : 메인 지도 영역 동일하게 수정 */
.container.sub_about_direction .inner_container {
	display:flex; 
	flex-direction:row; 
	flex-wrap:nowrap;
}
.location_inner {
	display:flex; 
	flex-direction:row; 
	flex-wrap:nowrap !important;
}
.naver_map {
	width:70%; 
	min-height:unset; 
	max-height:unset;
}
.map_info {
	width:30%; 
	min-width:310px; 
	padding:30px; 
	background-color:var(--emphasis2); 
	color:var(--font01); 
	font-size:1.6rem; 
	line-height:1.5;
}
.map_info .info_logo {
	display:block; 
	max-width:170px; 
	margin:0 auto;
}
.map_info .info_logo > img {
	display:inline-block; 
	width:100%; 
	height:100%; 
	object-fit:cover;
}
.map_info .info_cont {
	display:block; 
	padding:30px 5px; 
	margin-top:25px; 
	border-top:1px solid var(--gray05); 
	border-bottom:1px solid var(--gray05); 
	word-break:keep-all;
}
.map_info .info_cont li {
	display:flex; 
	flex-direction:row; 
	flex-wrap:nowrap;
}
.map_info .info_cont li:not(:last-child) {
	margin-bottom:30px;
}
.map_info .info_cont .tit {
	width:90px;
}
.map_info .info_cont .txt {
	width:calc(100% - 90px);
}
.map_info .info_cont .txt .day + .time {
	margin-left:5px;
}
.map_info .info_cont .txt .sub {
	padding-top:10px; 
	color:var(--gray05);
	}
@media screen and (max-width: 767px) {
	.container.sub_about_direction .inner_container {
		flex-direction:column;
	}
	.naver_map {
		width:100%; 
		min-height:450px; 
		max-height:450px;
	}
	.map_info {
		width:100%;
	}
}
/* //2025-02-04, 김승희 : 2차 수정 */

/* 2025-02-05, 김승희 : 2차 수정 */
/* about 시술장비 tab 영역 */
.tab_sub_wrap {
	overflow:auto hidden; 
	margin-bottom:60px; 
	font-size:1.6rem; 
	text-align:center; 
	border-bottom:1px solid var(--gray04);
}
.tab_sub_list {
	display:inline-flex;
}
.tab_sub_item {
	width:120px;
}
.tab_sub_item > a {
	position:relative; 
	display:block; 
	height:100%; 
	padding:20px 0; 
	color:var(--gray02); 
	font-weight:400; 
	transition:all 0.2s ease;
}
.tab_sub_item > a::before {
	content:""; 
	position:absolute; 
	bottom:0; 
	left:0; 
	display:inline-block; 
	width:100%; 
	height:1px; 
	background-color:transparent; 
	transition:all 0.2s ease;
}
.tab_sub_item.on > a {
	color:var(--emphasis2); 
	font-weight:700;
}
.tab_sub_item.on > a::before {
	background-color:var(--emphasis2);
}
@media screen and (max-width: 767px) {
	.tab_sub_item > a {
		padding:15px 0;
	}
}
/* //2025-02-05, 김승희 : 2차 수정 */

/* 사이트 이용약관 */
.terms_wrap{
	width:100%;
	max-width:1280px;
	margin:0 auto;
	padding:100px 0;
	overflow: hidden;
}

.terms_wrap1{
	width:100%;
	max-width:1280px;
	margin:0 auto;
	overflow: hidden;
}

.terms_wrap .title {
    display: flex;
    justify-content: space-between;
    height: 70px;
}

.terms_wrap .title h1 {
    font-weight: 700;
    font-size: 3.0rem;
    line-height: 70px;
    letter-spacing: -0.48px;
    color: var(--main-font-color);
}

.terms_wrap .basic_txt {
    margin-top: 50px;
    font-weight: 500;
    font-size: 1.8rem;
    line-height: 1.7;
    letter-spacing: -0.17px;
    color: var(--main-font-color);
	word-break:keep-all;
}

.terms_wrap1 .textarea {
	width: 100%;
    max-width: 760px;
    margin: 100px auto;
    border: 0px solid #ddd;
    padding: 30px;
    background: #fff;
    font-size: 15px;
    color: #777;
    word-break: keep-all;
    line-height: 180%;
}

.terms_wrap1 .textarea .txt01{
	font-size: 1.6rem;
}

.terms_wrap1 .textarea .txt02{
	text-align: Center;
    font-weight: bold;
    font-size: 2.0rem;
}

.terms_wrap h4 {
    margin-top: 50px;
    font-weight: 600;
    font-size: 2.0rem;
    line-height: 1.5;
    letter-spacing: -0.18px;
    color: #0C0C0C;
}

.terms_wrap h4:first-child{
	margin-top:0px;
}

.terms_wrap p.tit{
	font-weight:400;
	font-size:17px;
	line-height:60px;
	letter-spacing: -0.17px;
	color: #0C0C0C;
}


.terms_wrap p.tit2{
	margin-top:10px;
	font-weight:400;
	font-size:17px;
	line-height:30px;
	letter-spacing: -0.17px;
	color: #0C0C0C;
}

.terms_wrap .section0{
	margin-top:10px;
	font-weight:400;
	font-size:17px;
	line-height:30px;
	letter-spacing: -0.17px;
	color: #0C0C0C;
}


.terms_wrap .section1{
	margin-top:25px;
}

.terms_wrap .section1 li{
	font-weight:400;
	font-size:17px;
	line-height:40px;
	letter-spacing: -0.17px;
	color: #0C0C0C;
}

.terms_wrap .section1 li span{
	font-weight:600;
	display:inline-block;
	margin-right:20px;
}

.terms_wrap .section2{
	margin-top:25px;
	font-weight:400;
	font-size:17px;
	line-height:40px;
	letter-spacing: -0.17px;
	color: #0C0C0C;
}

.terms_wrap .section2 a{
	font-weight:600;
	font-size:17px;
	line-height:25px;
	letter-spacing: -0.17px;
	color: #007BB4;
	text-decoration: underline;
}

.terms_wrap .section3{
	margin-top:15px;
}

.terms_wrap .section3 .bold{
	font-weight:600;
	font-size:17px;
	line-height:25px;
	letter-spacing: -0.17px;
	color: #0C0C0C;
}

.terms_wrap .section3 li.txt{
	font-weight:400;
	font-size:17px;
	line-height:30px;
	letter-spacing: -0.17px;
	color: #0C0C0C;
}

.terms_wrap .section3 p.notice{
	margin-top:20px;
	font-weight:400;
	font-size:17px;
	line-height:30px;
	letter-spacing: -0.17px;
	color: #707070;
}

.terms_wrap .section5{
	margin-top:20px;
	font-weight:400;
	font-size:17px;
	line-height:40px;
	letter-spacing: -0.17px;
	color: #0C0C0C;
}

.terms_wrap .section5 .list li{
	padding-bottom:20px;
}

.terms_wrap .section5 .list li span{
	font-weight:600;
	font-size:17px;
	line-height:30px;
	letter-spacing: -0.17px;
	color: #0C0C0C;
	display:block;
}

.terms_wrap .section5 .list li p{
	font-weight:400;
	font-size:17px;
	line-height:30px;
	letter-spacing: -0.17px;
	color: #0C0C0C;
}

.terms_wrap .section6{
	margin-top:20px;
	font-weight:400;
	font-size:17px;
	line-height:40px;
	letter-spacing: -0.17px;
	color: #0C0C0C;
}

.terms_wrap .section7{
	margin-top:20px;
	font-weight:400;
	font-size:17px;
	line-height:40px;
	letter-spacing: -0.17px;
	color: #0C0C0C;
}

.terms_wrap .section8{
	margin-top:20px;
	font-weight:400;
	font-size:17px;
	line-height:40px;
	letter-spacing: -0.17px;
	color: #0C0C0C;
}

.terms_wrap .section9{
	margin-top:20px;
	font-weight:400;
	font-size:17px;
	line-height:40px;
	letter-spacing: -0.17px;
	color: #0C0C0C;
}

.terms_wrap .section10{
	margin-top:20px;
	font-weight:400;
	font-size:17px;
	line-height:40px;
	letter-spacing: -0.17px;
	color: #0C0C0C;
}

.terms_wrap .section10 p.bold{
	font-weight:600;
	font-size:17px;
	letter-spacing: -0.17px;
	color: #0C0C0C;
}

.terms_wrap .section11{
	margin-top:20px;
	font-weight:400;
	font-size:17px;
	line-height:40px;
	letter-spacing: -0.17px;
	color: #0C0C0C;
}

@media screen and (min-width:768px) and (max-width:1279px) {

	.terms_wrap{
		position:relative; 
		width:calc(100% - 20px);
		margin:40px auto 40px; 
	}

	.terms_wrap .section0 .txt{
		margin-top:10px;
		font-weight:500;
		font-size:15px;
		line-height:30px;
		letter-spacing: -0.17px;
		color: #0C0C0C;
	}

	.terms_wrap .section0 table th{
		color:#fff;
		font-weight:600;
		font-size:15px;
		line-height:25px;
		letter-spacing: -0.17px;
		background-color:#333;
	}

	.terms_wrap .section0 table td .txt{
		text-align:center !important;
	}

	.terms_wrap .sub_txt {
		margin-top:30px;
		font-weight:400;
		font-size:15px;
		line-height:30px;
		letter-spacing: -0.17px;
		color: #0C0C0C;
	}

	.terms_wrap .title{
		display:flex;
		flex-wrap:wrap;
		height:70px;
	}

	.terms_wrap .title h1{
		width:100%;
		font-weight:600;
		font-size:24px;
		line-height:40px;
		letter-spacing: -0.28px;
		color: #0C0C0C;
	}

	.terms_wrap .title .mark{
		width:108px;
		height:21px;
		margin-bottom:10px;
	}

	.terms_wrap .basic_txt{
		margin-top:30px;
		font-weight:500;
		font-size:15px;
		line-height:30px;
		letter-spacing: -0.15px;
		color: #0C0C0C;
	}

	.terms_wrap h4{
		margin-top:35px;
		font-weight:600;
		font-size:15px;
		line-height:22px;
		letter-spacing: -0.15px;
		color: #0C0C0C;
	}

	.terms_wrap p.tit{
		font-weight:400;
		font-size:15px;
		line-height:30px;
		letter-spacing: -0.17px;
		color: #0C0C0C;
	}

	.terms_wrap p.tit2{
		margin-top:10px;
		font-weight:400;
		font-size:15px;
		line-height:30px;
		letter-spacing: -0.17px;
		color: #0C0C0C;
	}

	.terms_wrap .section0{
		margin-top:10px;
		font-weight:400;
		font-size:15px;
		line-height:30px;
		letter-spacing: -0.15px;
		color: #0C0C0C;
	}

	.terms_wrap .section0 .table4{
		width:100%;
		border-top:1px solid #0c0c0c;
		border-bottom:1px solid #0c0c0c;
	}

	.terms_wrap .section0 .table4 li{
		display:flex;
		flex-flow: no-wrap;
		align-items: center;
		border-bottom:1px solid #707070;
	}

	.terms_wrap .section0 .table4 li .table4_head{
		width:30%;
		height:55px;
		line-height:55px;
		text-align:Center;
		background-color:#0c0c0c;
		color:#fff;
		font-weight:400;
		font-size:17px;
	}

	.terms_wrap .section0 .table4 li .table4_con{
		width:70%;
		height:55px;
		line-height:55px;
		text-align:left;
	}

	.terms_wrap .section0 .table4 li .table4_con p{
		font-weight:400;
		font-size:17px;
	}


	.terms_wrap .section1{
		margin-top:25px;
	}

	.terms_wrap .section1 li{
		font-weight:400;
		font-size:15px;
		line-height:25px;
		letter-spacing: -0.17px;
		color: #0C0C0C;
		padding-bottom:20px;
	}

	.terms_wrap .section1 li span{
		font-weight:600;
		display:inline-block;
		margin-right:10px;
	}

	.terms_wrap .section2{
		margin-top:25px;
		font-weight:400;
		font-size:15px;
		line-height:30px;
		letter-spacing: -0.15px;
		color: #0C0C0C;
	}

	.terms_wrap .section2 a{
		font-weight:600;
		font-size:15px;
		line-height:25px;
		letter-spacing: -0.17px;
		color: #007BB4;
		text-decoration: underline;
	}

	.terms_wrap .section3{
		margin-top:15px;
	}

	.terms_wrap .section3 .bold{
		font-weight:600;
		font-size:15px;
		line-height:25px;
		letter-spacing: -0.17px;
		color: #0C0C0C;
	}

	.terms_wrap .section3 li.txt{
		font-weight:400;
		font-size:15px;
		line-height:22px;
		letter-spacing: -0.17px;
		color: #0C0C0C;
	}

	.terms_wrap .section3 p.notice{
		margin-top:20px;
		font-weight:400;
		font-size:15px;
		line-height:22px;
		letter-spacing: -0.17px;
		color: #707070;
	}

	.terms_wrap.section5{
		margin-top:20px;
		font-weight:400;
		font-size:15px;
		line-height:30px;
		letter-spacing: -0.17px;
		color: #0C0C0C;
	}

	.terms_wrap .section5 .list li{
		padding-bottom:20px;
	}

	.terms_wrap .section5 .list li span{
		font-weight:600;
		font-size:15px;
		line-height:25px;
		letter-spacing: -0.17px;
		color: #0C0C0C;
		display:block;
	}

	.terms_wrap .section5 .list li p{
		font-weight:400;
		font-size:15px;
		line-height:25px;
		letter-spacing: -0.17px;
		color: #0C0C0C;
	}

	.terms_wrap .section6{
		margin-top:20px;
		font-weight:400;
		font-size:15px;
		line-height:25px;
		letter-spacing: -0.17px;
		color: #0C0C0C;
	}

	.terms_wrap .section7{
		margin-top:20px;
		font-weight:400;
		font-size:15px;
		line-height:25px;
		letter-spacing: -0.17px;
		color: #0C0C0C;
	}

	.terms_wrap .section8{
		margin-top:20px;
		font-weight:400;
		font-size:15px;
		line-height:25px;
		letter-spacing: -0.17px;
		color: #0C0C0C;
	}

	.terms_wrap .section9{
		margin-top:20px;
		font-weight:400;
		font-size:15px;
		line-height:25px;
		letter-spacing: -0.17px;
		color: #0C0C0C;
	}

	.terms_wrap .section10{
		margin-top:20px;
		font-weight:400;
		font-size:15px;
		line-height:25px;
		letter-spacing: -0.17px;
		color: #0C0C0C;
	}

	.terms_wrap .section10 p.bold{
		font-weight:600;
		font-size:15px;
		letter-spacing: -0.17px;
		color: #0C0C0C;
	}

	.terms_wrap .section11{
		margin-top:20px;
		font-weight:400;
		font-size:15px;
		line-height:25px;
		letter-spacing: -0.17px;
		color: #0C0C0C;
	}



}

@media screen and (max-width: 767px) {

	.terms_wrap{
		position:relative; 
		width:calc(100% - 20px);
		margin:40px auto 40px; 
	}

	.terms_wrap .section0 .txt{
		margin-top:10px;
		font-weight:500;
		font-size:15px;
		line-height:30px;
		letter-spacing: -0.17px;
		color: #0C0C0C;
	}

	.terms_wrap .section0 table th{
		color:#fff;
		font-weight:600;
		font-size:15px;
		line-height:25px;
		letter-spacing: -0.17px;
		background-color:#333;
	}

	.terms_wrap .section0 table td .txt{
		text-align:center !important;
	}

	.terms_wrap .sub_txt {
		margin-top:30px;
		font-weight:400;
		font-size:15px;
		line-height:30px;
		letter-spacing: -0.17px;
		color: #0C0C0C;
	}

	.terms_wrap .title{
		display:flex;
		flex-wrap:wrap;
		height:70px;
	}

	.terms_wrap .title h1{
		width:100%;
		font-weight:600;
		font-size:24px;
		line-height:40px;
		letter-spacing: -0.28px;
		color: #0C0C0C;
	}

	.terms_wrap .title .mark{
		width:108px;
		height:21px;
		margin-bottom:10px;
	}

	.terms_wrap .basic_txt{
		margin-top:30px;
		font-weight:500;
		font-size:15px;
		line-height:30px;
		letter-spacing: -0.15px;
		color: #0C0C0C;
	}

	.terms_wrap h4{
		margin-top:35px;
		font-weight:600;
		font-size:15px;
		line-height:22px;
		letter-spacing: -0.15px;
		color: #0C0C0C;
	}

	.terms_wrap p.tit{
		font-weight:400;
		font-size:15px;
		line-height:30px;
		letter-spacing: -0.17px;
		color: #0C0C0C;
	}

	.terms_wrap p.tit2{
		margin-top:10px;
		font-weight:400;
		font-size:15px;
		line-height:30px;
		letter-spacing: -0.17px;
		color: #0C0C0C;
	}

	.terms_wrap .section0{
		margin-top:10px;
		font-weight:400;
		font-size:15px;
		line-height:30px;
		letter-spacing: -0.15px;
		color: #0C0C0C;
	}

	.terms_wrap .section0 .table4{
		width:100%;
		border-top:1px solid #0c0c0c;
		border-bottom:1px solid #0c0c0c;
	}

	.terms_wrap .section0 .table4 li{
		display:flex;
		flex-flow: no-wrap;
		align-items: center;
		border-bottom:1px solid #707070;
	}

	.terms_wrap .section0 .table4 li .table4_head{
		width:30%;
		height:55px;
		line-height:55px;
		text-align:Center;
		background-color:#0c0c0c;
		color:#fff;
		font-weight:400;
		font-size:17px;
	}

	.terms_wrap .section0 .table4 li .table4_con{
		width:70%;
		height:55px;
		line-height:55px;
		text-align:left;
	}

	.terms_wrap .section0 .table4 li .table4_con p{
		font-weight:400;
		font-size:17px;
	}


	.terms_wrap .section1{
		margin-top:25px;
	}

	.terms_wrap .section1 li{
		font-weight:400;
		font-size:15px;
		line-height:25px;
		letter-spacing: -0.17px;
		color: #0C0C0C;
		padding-bottom:20px;
	}

	.terms_wrap .section1 li span{
		font-weight:600;
		display:inline-block;
		margin-right:10px;
	}

	.terms_wrap .section2{
		margin-top:25px;
		font-weight:400;
		font-size:15px;
		line-height:30px;
		letter-spacing: -0.15px;
		color: #0C0C0C;
	}

	.terms_wrap .section2 a{
		font-weight:600;
		font-size:15px;
		line-height:25px;
		letter-spacing: -0.17px;
		color: #007BB4;
		text-decoration: underline;
	}

	.terms_wrap .section3{
		margin-top:15px;
	}

	.terms_wrap .section3 .bold{
		font-weight:600;
		font-size:15px;
		line-height:25px;
		letter-spacing: -0.17px;
		color: #0C0C0C;
	}

	.terms_wrap .section3 li.txt{
		font-weight:400;
		font-size:15px;
		line-height:22px;
		letter-spacing: -0.17px;
		color: #0C0C0C;
	}

	.terms_wrap .section3 p.notice{
		margin-top:20px;
		font-weight:400;
		font-size:15px;
		line-height:22px;
		letter-spacing: -0.17px;
		color: #707070;
	}

	.terms_wrap.section5{
		margin-top:20px;
		font-weight:400;
		font-size:15px;
		line-height:30px;
		letter-spacing: -0.17px;
		color: #0C0C0C;
	}

	.terms_wrap .section5 .list li{
		padding-bottom:20px;
	}

	.terms_wrap .section5 .list li span{
		font-weight:600;
		font-size:15px;
		line-height:25px;
		letter-spacing: -0.17px;
		color: #0C0C0C;
		display:block;
	}

	.terms_wrap .section5 .list li p{
		font-weight:400;
		font-size:15px;
		line-height:25px;
		letter-spacing: -0.17px;
		color: #0C0C0C;
	}

	.terms_wrap .section6{
		margin-top:20px;
		font-weight:400;
		font-size:15px;
		line-height:25px;
		letter-spacing: -0.17px;
		color: #0C0C0C;
	}

	.terms_wrap .section7{
		margin-top:20px;
		font-weight:400;
		font-size:15px;
		line-height:25px;
		letter-spacing: -0.17px;
		color: #0C0C0C;
	}

	.terms_wrap .section8{
		margin-top:20px;
		font-weight:400;
		font-size:15px;
		line-height:25px;
		letter-spacing: -0.17px;
		color: #0C0C0C;
	}

	.terms_wrap .section9{
		margin-top:20px;
		font-weight:400;
		font-size:15px;
		line-height:25px;
		letter-spacing: -0.17px;
		color: #0C0C0C;
	}

	.terms_wrap .section10{
		margin-top:20px;
		font-weight:400;
		font-size:15px;
		line-height:25px;
		letter-spacing: -0.17px;
		color: #0C0C0C;
	}

	.terms_wrap .section10 p.bold{
		font-weight:600;
		font-size:15px;
		letter-spacing: -0.17px;
		color: #0C0C0C;
	}

	.terms_wrap .section11{
		margin-top:20px;
		font-weight:400;
		font-size:15px;
		line-height:25px;
		letter-spacing: -0.17px;
		color: #0C0C0C;
	}


}

/*전후사진*/
/*pc*/
.hover .more {
	display: inline-block;
	font-size: 12px;
	color: #fff;
	letter-spacing: -0.025em;
	opacity: 0.8;
	padding-right: 15px;
	margin-top: 25px;
	background: url(../../../../image/sub/more_icon.png) no-repeat center right;
}

.collection_wrap{ 
	width:calc(100% - 4%);
	margin:80px auto 0;
}
@media screen and (min-width: 1280px) {
.collection_g {display: flex;flex-wrap:wrap;}
.collection_g li {position: relative;width:calc(33.333% - 27px);margin:40px 40.5px 0 0;cursor:pointer;}
.collection_g li:nth-child(3n) {margin-right: 0;}
.collection_g li:nth-child(-n + 3) {margin-top: 0;} 
.collection_g li .img {position: relative;padding-bottom: 100.0%;border-radius:5px;overflow: hidden;  background-color:#ccc;}
.collection_g li .hover {
	position: absolute;
	top: 0;
	left: 0;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	background:rgba(0,0,0,0.6);
	opacity: 0;
	visibility: hidden;
	transition:0.5s;
	border-radius: 5px;
}
.collection_g li:hover .hover {opacity: 1;visibility: visible;}
.collection_g li .hover p.hover_txt {font-size:16px;font-weight: 300;color: #fff;opacity: 0.9;line-height: 1.75;text-align: center;}
}

/*tablet*/
@media screen and (min-width:768px) and (max-width:1279px) {

.collection_g {display: flex;flex-wrap:wrap;}
.collection_g li {width: calc(50% - 20px);margin: 40px 40px 0 0;cursor:pointer;}
.collection_g li:nth-child(even) {margin-right: 0;}
.collection_g li:nth-child(-n + 2) {margin-top: 0;} 
.collection_g li .img {position: relative;padding-bottom: 100.0%;border-radius:5px;overflow: hidden; background-color:#ccc;}
.collection_g li .hover {}
.collection_g li .hover p.hover_txt {font-size:16px;font-weight:500;color: #333;opacity: 0.9;line-height: 1.75;text-align: center;margin-top:15px;}

}

/*mobile*/
@media screen and (max-width: 767px) {

.collection_g {display: flex;flex-wrap:wrap;}
.collection_g li {width:100%;margin: 40px 0 0 0;cursor:pointer;}
.collection_g li:nth-child(1) {margin-top: 0;} 
.collection_g li .img {position: relative;padding-bottom: 100.0%;border-radius:5px;overflow: hidden;  background-color:#ccc;}
.collection_g li .hover {}
.collection_g li .hover p.hover_txt {font-size:14px;font-weight:500;color: #333;opacity: 0.9;line-height: 1.75;text-align: center;margin-top:15px;}

}

.ba_list {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -24px;
	padding-top: 5rem;
}

.ba_box {
	float: left;
	width: 25%;
	padding: 0 24px;
	margin-bottom: 24px;
}
@media screen and (max-width: 767px) {
	.ba_box {
		width: 100%;
		padding: 0 12px;
		margin-bottom: 12px;
	}
}

.photo_view .photo_header {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	padding: 1.5rem;
	border-bottom: 2px solid var(--emphasis);
}

.photo_view .photo_header .title {
	max-width: calc(100%-30px);
}

.photo_view .photo_header strong.tit {
	font-size: 24px;
	font-weight: 500;
	letter-spacing: -0.025em;
	color: #222;
}

.photo_view .photo_header span.date {
	font-family: "Campton";
	font-size: 16px;
	color: #666;
	letter-spacing: 0.025em;
	margin-top: 12px;
}

.photo_view .photo_header .share {
	position: relative;
}

.date_con {
	text-align: center;
	font-size: 2.0rem;
	font-weight: 400;
	padding-top: 1.5rem;
}

.photo_view .content_con {
	text-align: center;
	font-size: 2.0rem;
	font-weight: 400;
	padding-top: 1.5rem;
}

.photo_view .base_con {
	text-align: center;
	font-size: 2.0rem;
	font-weight: 400;
	padding-top: 1.5rem;
	white-space: pre-line;
}

.photo_view .notic_con {
	text-align: center;
	font-size: 2.0rem;
	font-weight: 400;
	padding-top: 1.5rem;
	white-space: pre-line;
	opacity: 0.5;
}

.photo_view .view_control {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 40px 20px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

.photo_view .view_arrow {
	width: 34%;
	letter-spacing: -0.025em;
}

.photo_view .view_next {
	text-align: right;
}

.photo_view .view_arrow a {
	display: block;
}

.photo_view .view_arrow span.page_arrow {
	display: inline-block;
	font-family: "Campton";
	font-size: 17px;
	font-weight: 600;
	color: #222;
}

.photo_view .view_arrow p {
	height: 25px;
	font-size: 17px;
	font-weight: 300;
	color: #555;
	margin-top: 10px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.photo_view .list_btn a {
	display: block;
	width: 25px;
}

.photo_view .list_btn a span {
	display: block;
	width: 100%;
	height: 2px;
	background-color: #222;
	margin: 5px 0;
}

.photo_con {
	background-image: url(../../../../image/common/frame.jpg);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	display: flex;
	margin: 0 auto;
	aspect-ratio: 1.4/1;
	max-width: 960px;
	margin-top: 5rem;
	align-items: center;
	padding: 2rem;
	gap: 10px;
}

.photo_con .photo_img_before,
.photo_con .photo_img_after {
	width: 50%;
	aspect-ratio: 1.4/1;
	overflow: hidden;
}

.photo_img {
	background-image: url(../../../../image/common/frame.jpg);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	display: flex;
	margin: 0 auto;
	aspect-ratio: 2/1;
	max-width: 1000px;
	align-items: center;
	padding: 1rem;
	gap: 5px;
}

.photo_img .photo_img_before,
.photo_img .photo_img_after {
	width: 50%;
	aspect-ratio: 1.4/1;
	overflow: hidden;
}

.photo_img .img_area img {
	position:absolute;
	transform: translate(-50%, -50%);
	top: 50%;
	left: 50%;
	min-width: 100%;
	min-height: 100%;
}

.text_area {
	padding: 1rem 0.5rem;
	text-align: center;
	border-top: 1px solid #e7e7e7;
	background-color: #f5f5f5;
}

.text_area strong {
	max-height: 2.6em;
	line-height: 1.3;
	height: 2.0em;
	white-space: normal;
	word-wrap: break-word;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	font-weight: 500;
	font-size: 2.6rem;
}

.sub_text_area {
	opacity: 0.7;
	font-size: 1.5rem;
}

.sub_text_area .text_bracnch {
	padding-right: 0.5rem;
	position: relative;
	display: inline-block;
}

.sub_text_area .text_date {
	padding-left: 0.25rem;
	position: relative;
	display: inline-block;
}

.text_bracnch::after {
	right: -0.5px;
	content: '';
	position: absolute;
	top: -25%;
	width: 3px;
	height: 1em;
	margin-top: 0.4em;
	background-color: #ccc;
}

.list_empty {
	width: 100%;
	text-align: center;
	font-size: 2rem;
	font-weight: 400;
	height: 400px;
	position: relative;
}

.list_empty span {
	position: absolute;
	transform: translate(-50%, -50%);
	top: 50%;
	left: 50%;
}