@import url(./background.css);

.p18 {
	padding: 18rem 0;
}

.pb18 {
	padding-bottom: 18rem;
}

.p20 {
	padding: 20rem 0;
}

.bgfa {
	background-color: #FAF9F5;
}

/* sub_visual */

.sub_visual {
	position: relative;
	overflow: hidden;

}

.sub_visual .inner {
	height: 100rem;
	padding-top: 28rem;
	position: relative;
}

.sub_visual .sub_tit {
	position: relative;
	z-index: 3;
	color: #fff;
}

.sub_visual .tit {
	font-size: 7rem;
	font-weight: 500;
}

.sub_visual .disc {
	font-size: 2.4rem;
	font-weight: 300;
	margin-top: 3rem;
	line-height: 1.6;
}

#snb {
	position: relative;
	z-index: 3;
	margin-top: 7rem;
}

#snb .nav_btn {
	width: 30rem;
	height: 6rem;
	padding: 0 4rem;
	font-size: 2.2rem;
	font-weight: 500;
	color: #fff;
	position: relative;
	border-radius: 3rem;
	text-align: left;
	background: rgba(255, 255, 255, 0.15);
	display: flex;
	align-items: center;
	justify-content: space-between;
}

#snb .nav_btn span {
	display: block;
	width: 2rem;
	height: 2rem;
	transition: transform 0.6s;
	background: url('../img/sub/down_btn.png') no-repeat center center/cover;
}

#snb.act .nav_btn span {
	transform: rotate(-180deg);
}

#snb ul {
	max-width: 30rem;
	display: none;
}

#snb ul li {
	padding: 1.2rem 4rem;
	background: rgba(255, 255, 255, 0.1);
	border-radius: 3rem;
	margin-top: 0.5rem;
}

#snb ul li a {
	display: block;
	font-size: 1.5rem;
	font-weight: 500;
	color: #fff;
}


.sub_visual .sub_bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.sub_visual .sub_bg .img {
	width: 100%;
	height: 100%;
	animation: zoom 8s forwards;
	background: no-repeat center center/cover;
}

/* sub_visual */

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

.sub_ttl_row .tag {
	display: inline-block;
	font-family: 'Paperlogy';
	font-size: 2.2rem;
	font-weight: 200;
	color: var(--main-color);
	margin-bottom: 2rem;
	/* position: relative; */
}

.sub_ttl_row .tag::before {
	content: '';
	display: inline-block;
	width: 0.5rem;
	height: 0.5rem;
	background-color: var(--main-color);
	border-radius: 50%;

	position: relative;
	top: -1.8rem;
	left: -0.3rem;
}

.sub_ttl_row .tit {
	font-size: 4.5rem;
	line-height: 1.3;
}

.sub_ttl_row .tit.on {
	font-size: 3.2rem;
	line-height: 1.3;
	font-weight: 300;
}

.sub_ttl_row .tit .on {
	font-size: 3.2rem;
	font-weight: 500;
	color: #222;
}

.sub_ttl_row .tit b {
	font-size: 4.5rem;
	font-weight: 500;
	color: var(--main-color);
}

.sub_ttl_row .tit b.on {
	font-size: 45px;
	font-weight: 400;
	color: #BBBBBB;
}

.sub_ttl_row .tit span {
	font-size: 4.5rem;
	font-weight: 500;
}

.tc {
	text-align: center;
}

.sub_ttl_row .disc {
	font-size: 2.4rem;
	margin-top: 10rem;
	line-height: 1.6;
}

.sub_ttl_row .disc+.disc {
	margin-top: 3rem;
}

.sub_ttl_row .desc {
	font-size: 2.4rem;
	margin-top: 3rem;
	font-weight: 300;
	line-height: 1.3;
}

.sub_ttl_row .desc b {
	font-weight: 500;
}

.sub_ttl_row.wh * {
	color: #fff !important;
}

.sub_ttl_row.wh .tag::before {
	background-color: #fff;
}

.scroll_row {
	min-width: 92rem;
	position: relative;
	border-radius: 5rem;
	overflow: hidden;
}

.scroll_row .imgbox {
	display: block;
	padding-top: 54.9rem;
	position: relative;
	overflow: hidden;
}

.scroll_row .imgbox div {
	display: block;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
}

.scroll_row .imgbox figure,
.scroll_row .imgbox img {
	height: 100%;
	max-width: none;
}

.scroll_row .imgbox .img_a {
	z-index: 1;
	opacity: 50%;
}

.scroll_row .dragbox {
	width: 70rem;
	position: absolute;
	bottom: 4rem;
	left: 50%;
	transform: translateX(-50%);
	display: flex;
	align-items: center;
	gap: 3rem;
	height: 6rem;
	padding: 0 4rem;
	z-index: 33;
	border-radius: 5rem;
	background-color: rgba(255, 255, 255, 0.9);
}

.scroll_row .dragbox .drag_control {
	position: relative;
	width: 38rem;
	height: 3rem;
	margin: 0 auto;
}

.scroll_row .dragbox .drag_control .handle {
	z-index: 1;
	position: absolute;
	width: 1px;
	height: 1px;
	left: 50%;
	top: 50%;
	margin-top: -1.6rem;

}

.scroll_row .dragbox .drag_control .handle::before {
	content: '';
	width: 3rem;
	height: 3rem;
	background: #fff;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	border-radius: 50%;
	top: 0;
	cursor: pointer;
	box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.07);
}

.scroll_row .dragbox .drag_control::after {
	content: '';
	width: 100%;
	height: 4px;
	position: absolute;
	top: 50%;
	left: 0;
	background: rgba(187, 187, 187, 0.7);
}

.scroll_row .dragbox .subject {
	font-size: 2.2rem;
	white-space: nowrap;
}

.maq_sec {
	width: 100%;
	white-space: nowrap;
	box-sizing: border-box;
	overflow: hidden;
}

.maq_sec span {
	font-size: 11rem;
	font-weight: 200;
	font-family: 'Paperlogy';
	color: #EEE;
	display: inline-block;
	animation: marquee 20s linear infinite;
}

@keyframes marquee {
	0% {
		transform: translateX(0%);
	}

	100% {
		transform: translateX(-50%);
	}
}

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

.us_row .right {
	max-width: 92rem;
}

.us_scroll .swiper-slide {
	display: flex;
	align-items: center;
	gap: 4rem;
}

.us_scroll .txtbox .top {
	margin-bottom: 6rem;
}

.us_scroll .txtbox .subject {
	font-size: 3.5rem;
	font-weight: 600;
	color: var(--main-color);
	margin-bottom: 1.5rem;
}

.con0801 .us_scroll .txtbox .subject {
	margin-bottom: 4.5rem;
}

.us_scroll .txtbox .subject span {
	font-size: 2.5rem;
	color: #969696;
	font-weight: 400;
}

.us_scroll .txtbox .disc {
	font-weight: 400;
	font-size: 2.2rem;
	line-height: 1.4;
}

.us_scroll .txtbox dl dt {
	display: inline-block;
	width: 9.7rem;
	line-height: 3.2rem;
	color: #fff;
	background: #4C4845;
	text-align: center;
	font-size: 1.6rem;
	font-weight: 400;
	font-family: 'Paperlogy';
	border-radius: 3rem;
	margin-bottom: 1.5rem;
}

.us_scroll .txtbox dl dd {
	display: block;
	padding-left: 2rem;
	font-size: 2.2rem;
	color: #444;
	position: relative;
	font-weight: 400;
}

.con0801 .us_scroll .txtbox dl dd {
	margin-bottom: 3rem;
}

.us_scroll .txtbox dl dd b {
	color: var(--main-color);
	font-weight: 600;
}

.us_scroll .txtbox dl dd::before {
	content: '';
	width: 0.8rem;
	height: 0.8rem;
	border-radius: 50%;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	background-color: #DFDFDF;
}

.us_scroll .txtbox dl dd+dd {
	margin-top: 0.5rem;
}

.us_scroll_dot {
	display: flex;
	flex-direction: column;
	gap: 8rem;
	margin-top: 10rem;
}

.con0801 .us_scroll_dot {
	gap: 6rem;
}

.us_scroll_dot .swiper-pagination-bullet {
	opacity: 1;
	background: none;
	width: auto;
	height: auto;
	display: flex;
	gap: 2.3rem;
	align-items: center;
	position: relative;
}

.us_scroll_dot .swiper-pagination-bullet .dot {
	width: 1.4rem;
	height: 1.4rem;
	border-radius: 50%;
	background-color: #CCC;
	position: relative;
}

.us_scroll_dot .swiper-pagination-bullet .dot::after {
	content: '';
	width: 3rem;
	height: 3rem;
	background-color: #d9d9d9;
	opacity: 0.3;
	border-radius: 50%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.us_scroll_dot .swiper-pagination-bullet+.swiper-pagination-bullet .dot::before {
	content: '';
	display: block;
	width: 0;
	height: 10rem;
	border-right: 1px dashed #ddd;
	position: absolute;
	bottom: 100%;
	left: 0.55rem;
	z-index: -1;
}

.con0801 .us_scroll_dot .swiper-pagination-bullet+.swiper-pagination-bullet .dot::before {
	height: 8rem;
}

.us_scroll_dot .swiper-pagination-bullet.swiper-pagination-bullet-active .dot {
	background: var(--main-color);
}

.us_scroll_dot .swiper-pagination-bullet.swiper-pagination-bullet-active .dot::after {
	background: var(--main-color);
}

.us_scroll_dot .swiper-pagination-bullet .txt {
	font-size: 2.4rem;
	font-weight: 500;
	color: #444;
	opacity: 0.5;
}

.us_scroll_dot .swiper-pagination-bullet.swiper-pagination-bullet-active .txt {
	opacity: 1;
}

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

.round_list {
	width: 42.76%;
	max-width: 65rem;
}

.round_list li {
	width: 100%;
	padding: 2.25rem;
	text-align: center;
	font-size: 2.4rem;
	background-color: #fff;
	border-radius: 5rem;
	opacity: 0;
	transition: opacity 0.5s linear;
}

.round_list li+li {
	margin-top: 2.5rem;
}

.round_list.aos-animate li {
	opacity: 1;
}

.round_list li:nth-of-type(1) {
	transition-delay: 0.1s;
}

.round_list li:nth-of-type(2) {
	transition-delay: 0.3s;
}

.round_list li:nth-of-type(3) {
	transition-delay: 0.5s;
}

.round_list li:nth-of-type(4) {
	transition-delay: 0.8s;
}

.round_list li:nth-of-type(5) {
	transition-delay: 1.1s;
}


.round_list li span {
	color: #947749;
}

.cc_list {
	margin-top: 8rem;
	display: flex;
	align-items: center;
	gap: 3rem;
}

.cc_list.row5 li {
	width: calc(20% - 12rem/5);
	max-width: 28rem;
	height: 28rem;
}

.cc_list li {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	gap: 3rem;
	background-color: #F7F7F7;
	border-radius: 50%;
}

.cc_list li.img01 {
	background: url('/img/sub/m42_sec05_img01.png') no-repeat;
}

.cc_list li.img02 {
	background: url('/img/sub/m42_sec05_img02.png') no-repeat;
}

.cc_list li.img03 {
	background: url('/img/sub/m42_sec05_img03.png') no-repeat;
}

.cc_list li.img04 {
	background: url('/img/sub/m42_sec05_img04.png') no-repeat;
}

.cc_list li.img01,
.cc_list li.img02,
.cc_list li.img03,
.cc_list li.img04 {
	color: #fff;
}

.con0701 .cc_list li.img01 {
	background: url('/img/sub/m71_sec03_img01.png') no-repeat;
	color: #fff;
}

.con0701 .cc_list li.img02 {
	background: url('/img/sub/m71_sec03_img02.png') no-repeat;
	color: #fff;
}

.con0701 .cc_list li.img03 {
	background: url('/img/sub/m71_sec03_img03.png') no-repeat;
	color: #fff;
}

.con0701 .cc_list li.img04 {
	background: url('/img/sub/m71_sec03_img04.png') no-repeat;
	color: #fff;
}

.con0701 .cc_list li.img05 {
	background: url('/img/sub/m71_sec03_img05.png') no-repeat;
	color: #fff;
}

.cc_list.row5 .line {
	width: 28rem;
	border: 3px solid #8C795B;
	background: #fff;
	cursor: pointer;
}

.cc_list.row5 .line:hover {
	border: none;
	background: #8C795B;
}

.cc_list.row5 .line:hover p {
	color: #fff;
}

.cc_list.row5 .line p {
	font-size: 2.4rem;
	line-height: 1.3;
	text-align: center;
	color: #8C795B;
}

.cc_list.row5 .line span {
	font-weight: 500;
}

.cc_list.row5 .line .plus_btn {
	display: flex;
	align-items: center;
	gap: 1rem;
	font-size: 2.4rem;
	font-weight: 300;
	color: #8C795B;
	opacity: 0.6;
}

.cc_list.row5 .line:hover .plus_btn {
	color: #fff;
}


.cc_list li p {
	font-size: 2.4rem;
	line-height: 1.3;
	text-align: center;
}

.hov_row {
	display: flex;
	border-left: solid 1px rgba(255, 255, 255, 0.2);
}

.hov_row li {
	width: 50%;
	padding: 12rem 0;
	text-align: center;
	color: #fff;
	transition: background-color 0.5s;
	border-right: solid 1px rgba(255, 255, 255, 0.2);
}

.hov_row li .disc {
	font-size: 2.4rem;
	font-weight: 300;
	margin-bottom: 1rem;
}

.hov_row li .subject {
	font-size: 4.5rem;
	font-weight: 500;
}

.hov_row li .more_btn {
	display: flex;
	width: 31.5rem;
	height: 5rem;
	align-items: center;
	border-radius: 3rem;
	position: relative;
	overflow: hidden;
	margin: 8rem auto 0;
	padding: 0 3rem;
	border: solid 1px #fff;
	z-index: 1;
}

.hov_row li .more_btn::after {
	content: '';
	width: 0;
	height: 100%;
	background-color: #fff;
	transition: all 0.7s;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
}

.hov_row li .more_btn span {
	width: 100%;
	text-align: left;
	font-size: 1.8rem;
	line-height: 2.2rem;
	color: #fff;
	background: url('../img/main/arrow22x15wh.png') no-repeat right center/2.2rem;
}

.hov_row li:hover .more_btn span {
	color: #222;
	background-image: url('../img/main/arrow22x15bk.png');
}

.hov_row li:hover .more_btn::after {
	width: 100%;
}

.hov_row li:hover {
	background-color: rgba(0, 0, 0, 0.4);
}

.con0201 .sec5 {
	background-color: #F7F7F7;
}

.prog_cont_wr .step_img {
	margin-top: 8rem;
	margin-bottom: 4rem;
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 11rem;
}

.con0801 .prog_cont_wr .step_img {
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.prog_cont_wr .step_cont {
	margin-top: 8rem;
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 11rem;
}

.con0801 .prog_cont_wr .step_cont {
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.con0501 .prog_cont_wr .step_cont,
.con0601 .prog_cont_wr .step_cont,
.con0702 .prog_cont_wr .step_cont {
	margin-top: -2rem;
	margin-bottom: 3rem;
}

.prog_cont_wr .dot_cont {
	position: relative;
}

.prog_cont_wr .dot_cont .line {
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 100%;
	border-bottom: 1px solid #ddd;
	z-index: 3;
}

.prog_cont_wr .dot_cont:before {
	content: '';
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 100%;
	height: 30px;
	background-color: rgba(247, 247, 247, 0.5);
	z-index: 10;
	transition: width 1.5s linear;
}

.prog_cont_wr .dot_cont .dot_list {
	position: relative;
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 11rem;
	margin: 2rem 0 4.5rem;
	z-index: 5;
}

.con0801 .prog_cont_wr .dot_cont .dot_list {
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.prog_cont_wr .dot_cont .dot_list .box {
	display: flex;
	align-items: center;
}

.prog_cont_wr .dot_cont .dot_list .box .dot {
	width: 1rem;
	height: 1rem;
	border-radius: 50%;
}

.prog_cont_wr .dot_cont .dot_list .s01 .dot {
	background-color: #998C75;
}

.prog_cont_wr .dot_cont .dot_list .s02 .dot {
	background-color: #8C795B;
}

.prog_cont_wr .dot_cont .dot_list .s03 .dot {
	background-color: #726147;
}

.prog_cont_wr .dot_cont .dot_list .s04 .dot {
	background-color: #4C4845;
}

.prog_cont_wr .txt_cont {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 11rem;
}

.con0801 .prog_cont_wr .txt_cont {
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.prog_cont_wr .txt_cont .subject {
	font-size: 2.6rem;
	font-weight: 500;
	margin-bottom: 1.2rem;
}

.prog_cont_wr .txt_cont .disc {
	font-size: 2.1rem;
	font-weight: 300;
	line-height: 1.4;
}

.prog_cont_wr .step_img li,
.prog_cont_wr .step_cont li,
.prog_cont_wr .txt_cont li {
	opacity: 0.2;
	transition: opacity 0.4s linear;
}

.prog_cont_wr .step_img li:nth-of-type(1),
.prog_cont_wr .step_cont li:nth-of-type(1),
.prog_cont_wr .dot_list li:nth-of-type(1) .dot,
.prog_cont_wr .txt_cont li:nth-of-type(1) {
	transition-delay: 0.4s;
}

.prog_cont_wr .step_img li:nth-of-type(2),
.prog_cont_wr .step_cont li:nth-of-type(2),
.prog_cont_wr .dot_list li:nth-of-type(2) .dot,
.prog_cont_wr .txt_cont li:nth-of-type(2) {
	transition-delay: 0.8s;
}

.prog_cont_wr .step_img li:nth-of-type(3),
.prog_cont_wr .step_cont li:nth-of-type(3),
.prog_cont_wr .dot_list li:nth-of-type(3) .dot,
.prog_cont_wr .txt_cont li:nth-of-type(3) {
	transition-delay: 1.1s;
}

.prog_cont_wr .step_img li:nth-of-type(4),
.prog_cont_wr .step_cont li:nth-of-type(4),
.prog_cont_wr .dot_list li:nth-of-type(4) .dot,
.prog_cont_wr .txt_cont li:nth-of-type(4) {
	transition-delay: 1.3s;
}

.prog_cont_wr.aos-animate .dot_cont:before {
	width: 0;
}

.prog_cont_wr.aos-animate .step_img li,
.prog_cont_wr.aos-animate .step_cont li,
.prog_cont_wr.aos-animate .txt_cont li {
	opacity: 1;
}

.con0801 .txt_cont li .disc {
	display: flex;
	align-items: center;
	gap: 8rem;
}

.con0801 .txt_cont li .disc ul li {
	font-size: 2.2rem;
	color: #444444;
	font-weight: 300;
	margin-bottom: 1rem;
}

.con0801 .txt_cont li .disc ul li span {
	font-weight: 500;
	color: #998C75;
}

.con0401 .vs_row2,
.con0702 .vs_row2 {
	margin-top: 6rem;
}

.vs_row2 {
	display: flex;
	gap: 12rem;
}

.vs_row2 li {
	width: calc(50% - 6rem);
	position: relative;
}

.vs_row2 li figure {
	margin-bottom: 4rem;
}

.vs_row2 li figcaption {
	text-align: center;
	min-width: 30rem;
	padding: 1.5rem;
	max-height: 6rem;
	font-size: 2.5rem;
	border-radius: 5rem;
	color: #888;
	position: absolute;
	top: -3rem;
	left: 50%;
	transform: translateX(-50%);
	background: #fff;
}

.vs_row2 li.ck figcaption {
	font-weight: 600;
	color: var(--main-color);
}

.vs_row2 dl {
	display: flex;
	align-items: flex-start;
	gap: 2rem;
}

.vs_row2 dl dt {
	width: 8rem;
	text-align: center;
	border-radius: 3rem;
	background: #BBB;
	color: #fff;
	font-size: 2rem;
	line-height: 3.5rem;
}

.vs_row2 dl.d2 dt {
	background: var(--main-color);
}

.vs_row2 dl dd {
	font-size: 2.2rem;
	line-height: 1.5;
	color: #444;
}

.vs_row2 dl dd b {
	font-weight: 500;
}

.vs_row2 dl+dl {
	margin-top: 1.5rem;
}

.plus_cont {
	padding: 5rem 8rem;
	border: solid 1px var(--main-color);
	border-radius: 36rem;
	margin-top: 7rem;
}

.plus_cont ul {
	display: flex;
	gap: 8.5rem;
}

.plus_cont ul li {
	width: 26rem;
	height: 26rem;
	border-radius: 50%;
	color: #444;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 2.4rem;
	line-height: 1.5;
	background: rgba(140, 121, 91, 0.15);
	position: relative;
	text-align: center;
}

.plus_cont ul li.b0ne {
	color: #fff;
	background: var(--main-color);
	margin-left: 6.5rem;
}

.plus_cont ul .io::before {
	content: '';
	width: 2.5rem;
	height: 2.5rem;
	background: url('../img/sub/plus_ico_25x25.png') no-repeat center center/cover;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: -5.5rem;
}

.plus_cont ul .b0ne::before {
	content: '';
	width: 7rem;
	height: 3.2rem;
	background: url('../img/sub/arrox_ico_70x32.png') no-repeat center center/cover;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: -11rem;
}

.plus_cont.aos-animate ul li {
	opacity: 1;
}

.plus_cont ul li {
	opacity: 0;
	transition: opacity 0.4s linear;
}

.plus_cont ul li:nth-of-type(1) {
	transition-delay: 0.4s;
}

.plus_cont ul li:nth-of-type(2) {
	transition-delay: 0.8s;
}

.plus_cont ul li:nth-of-type(3) {
	transition-delay: 1.1s;
}

.plus_cont ul li:nth-of-type(4) {
	transition-delay: 1.3s;
}

.point_list li {
	display: flex;
	align-items: center;
	gap: 3rem;
	padding: 3.2rem 3rem;
	border-radius: 3rem;
	border: solid 1px #EEE;
	min-width: 74rem;
	opacity: 0;
	transition: opacity 0.5s linear;
}

.point_list.aos-animate li {
	opacity: 1;
}

.point_list li:nth-of-type(1) {
	transition-delay: 0.1s;
}

.point_list li:nth-of-type(2) {
	transition-delay: 0.3s;
}

.point_list li:nth-of-type(3) {
	transition-delay: 0.5s;
}

.point_list li:nth-of-type(4) {
	transition-delay: 0.8s;
}

.point_list li .subject {
	font-size: 2.6rem;
	font-weight: 500;
	margin-bottom: 1rem;
}

.point_list li .disc {
	font-size: 2.2rem;
	font-weight: 300;
	line-height: 1.5;
}

.point_list li+li {
	margin-top: 3rem;
}

/* ↑ m21, m41 style area */

/* ---m11 : 병원소개--- */
/* m11 : sec01 */
.vona_intro {
	margin-top: 100px;
}

.vona_intro ul {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 50px;
}

.vona_intro ul li {
	width: 390px;
	height: 390px;
	border-radius: 390px;
	background: #F4F2EF;

	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 20px;

	text-align: center;
}

.vona_intro ul li.on {
	background: #8C795B;
}

.vona_intro ul li .tag {
	font-size: 24px;
	color: #8C795B;
	letter-spacing: 0%;
}

.vona_intro ul li.on .tag {
	color: #E6D7BB;
}

.vona_intro ul li .tit {
	font-size: 25px;
	color: #222;
	font-weight: 300;
}

.vona_intro ul li .tit b {
	font-weight: 500;
}

.vona_intro ul li.on .tit {
	color: #fff;
}

/* m11 : sec01 */

/* m11 : sec02 */
.clinic-point-section {
	position: relative;
	background: linear-gradient(to bottom, #F4F2EF, #ffffff);
}

.clinic-point-track {
	display: flex;
	gap: 80px;
	align-items: flex-start;
	margin-top: 200px;
}

/* 왼쪽 고정 영역 (Sticky) */
.clinic-point-left {
	flex: 1;
	position: sticky;
	top: 200px;
	height: fit-content;
}

.clinic-point-heading {
	font-size: 38px;
	font-weight: 700;
	color: #111827;
	margin-bottom: 32px;
	letter-spacing: -0.02em;
}

.heading-em {
	color: #d97706;
}

/* 이미지와 번호가 전환되는 스테이지 컨테이너 */
.clinic-point-stage {
	position: relative;
	width: 100%;
	height: 550px;
	border-radius: 80px;
	overflow: hidden;
}

.stage-item {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.5s ease-in-out, visibility 0.5s ease-in-out;
}

.stage-item.active {
	opacity: 1;
	visibility: visible;
}

.stage-img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

/* 이미지 영역 내부에 표시되는 01, 02, 03 번호 스타일 */
.stage-num {
	font-family: 'Paperlogy';
	position: absolute;
	top: 24px;
	right: 36px;
	font-size: 80px;
	color: #8C795B;
	opacity: 0.3;
	user-select: none;
	letter-spacing: 0%;
}

/* 오른쪽 스크롤 카드 영역 */
.clinic-point-right {
	flex: 1.2;
	display: flex;
	flex-direction: column;
	gap: 170px;
}

.clinic-point-block {
	position: relative;
	padding: 48px;
	border-radius: 24px;
	margin-bottom: 90px;
}

.eyebrow {
	font-size: 13px;
	font-weight: 700;
	color: #d97706;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	margin-bottom: 12px;
}

.ptitle {
	font-size: 30px;
	font-weight: 700;
	line-height: 1.35;
	color: #111827;
	margin-bottom: 24px;
}

.ptitle .em {
	color: #d97706;
}

.body {
	display: flex;
	flex-direction: column;
	gap: 20px;
	font-size: 17px;
	color: #4b5563;
	line-height: 1.7;
}

.body-em {
	font-weight: 700;
	color: #111827;
}

.quote {
	background-color: #fffbeb;
	border-left: 4px solid #d97706;
	padding: 18px 20px;
	border-radius: 0 12px 12px 0;
	font-size: 16px;
	font-weight: 600;
	color: #1f2937;
}

/* m11 : sec02 */
/* ---m11 : 병원소개--- */

/* ---m12 : 의료진소개--- */
/* m12 : sec01 */
.doc_intro {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 80px;
}

.doc_intro .doc_img {
	width: 640px;
	height: 750px;
	border-radius: 80px;
	overflow: hidden;
}

.doc_intro .doc_img img {
	width: 100%;
}

.doc_txt_wrap {
	width: 52%;
}

.doc_intro .doc_list {
	display: flex;
	gap: 45px;
	margin-top: 60px;
}

.doc_intro .doc_list ul {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.doc_intro .doc_list ul .tit {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-bottom: 20px;
}

.doc_intro .doc_list ul .tit .icon01 {
	display: block;
	width: 35px;
	height: 35px;
	background: url('/img/sub/m12_sec01_icon01.png') no-repeat;
	background-size: contain;
}

.doc_intro .doc_list ul .tit .icon02 {
	display: block;
	width: 35px;
	height: 35px;
	background: url('/img/sub/m12_sec01_icon02.png') no-repeat;
	background-size: contain;
}

.doc_intro .doc_list ul .tit p {
	font-size: 29px;
	font-weight: 500;
}

.doc_intro .doc_list ul .tit p b {
	color: #8C795B;
}

.doc_intro .doc_list ul li {
	font-size: 22px;
	font-weight: 300;
	color: #222;
	line-height: 1.5;
}

/* m12 : sec01 */

/* m12 : sec02 */
.doc_bn {
	width: 100%;
	position: relative;
	background: url('/img/sub/m12_sec02_bg.jpg') no-repeat;
	background-size: cover;

	padding: 80px 0;
}

.doc_bn .tit {
	font-size: 40px;
	font-weight: 500;
	letter-spacing: -4%;
	color: #fff;
	margin-bottom: 25px;
}

.doc_bn .tit span {
	color: #E6D7BB;
}

.doc_bn .desc {
	font-size: 22px;
	color: #fff;
	font-weight: 300;
}

/* m12 : sec02 */

/* m12 : sec03 */
.doc_active ul .tit {
	font-size: 29px;
	font-weight: 500;
	margin-bottom: 25px;

	display: flex;
	align-items: center;
	gap: 10px;
}

.doc_active ul .tit span {
	font-size: 23px;
	font-weight: 300;
	color: #888888;
}

.doc_active ul .tit .icon {
	display: block;
	width: 35px;
	height: 35px;
	background: url('/img/sub/m12_sec01_icon01.png') no-repeat;
	background-size: contain;
}

.doc_active ul+ul {
	margin-top: 70px;
}

.doc_active ul li {
	font-size: 18px;
	font-weight: 300;
	color: #444444;
	line-height: 1.8;
}

/* m12 : sec03 */
/* ---m12 : 의료진소개--- */

/* ---m13 : 장비소개--- */

/* m13 : tan_btn */

.con0103 {
	padding-top: 20rem;
}

.tab_btn {
	margin: 80px 0 70px 0;
}

.tab_btn ul {
	width: 980px;
	height: 80px;
	border-radius: 360px;
	background: rgba(140, 121, 91, 0.08);
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 1rem;
	margin: 80px auto 50px;
}

.tab_btn ul li {
	width: 305px;
	height: 50px;
	background: transparent;
	border-radius: 360px;
	font-size: 24px;
	color: #222;
	text-align: center;
	line-height: 50px;
	cursor: pointer;
	transition: all 0.5s ease-in-out;
}

.tab_btn ul li.active {
	background: #8C795B;
	color: #fff;
	font-weight: 600;
}

/* m13 : tan_btn */

/* m13_sec01 : 치료 및 수술 장비, 검사장비 */

.machine_con {
	position: relative;
	padding: 0 0 20rem;
}

.surgical,
.inspection,
.ster_system {
	display: none;
	opacity: 0;
	transition: opacity 0.4s ease-in-out;
}

.surgical.on,
.inspection.on,
.ster_system.on {
	display: block;
	opacity: 1;
}

.inspection_list {
	position: relative;
}

.surgical_list ul,
.inspection_list ul,
.ster_system_list ul {
	display: flex;
	flex-wrap: wrap;
	gap: 50px;
}

.surgical_list ul li,
.inspection_list ul li,
.ster_system_list ul li {
	cursor: pointer;
	width: calc(100%/3.3);
}

.surgical_list ul li .img,
.inspection_list ul li .img,
.ster_system_list ul li .img {
	width: 440px;
	height: 320px;
	border-radius: 20px;
	overflow: hidden;
	transform: scale(1);
}

.surgical_list ul li:hover img,
.inspection_list ul li:hover img,
.ster_system_list ul li:hover img {
	transform: scale(1.1);
}

.surgical_list ul li .img img,
.inspection_list ul li .img img,
.ster_system_list ul li .img img {
	width: 100%;
	transition: all 0.8s ease-in-out;
}

.surgical_list ul li .type,
.inspection_list ul li .type,
.ster_system_list ul li .type {
	font-size: 22px;
	color: #005988;
	margin-top: 30px;
}

.inspection_list ul li .type span {
	font-size: 22px;
	color: #888;
}

.surgical_list ul li .name,
.inspection_list ul li .name,
.ster_system_list ul li .name {
	font-size: 25px;
	font-weight: 600;
	color: #222;
	margin-top: 10px;
}

.inspection_list .inspection_type,
.ster_system_list .ster_system_type {
	font-size: 26px;
	color: #555555;
	font-weight: 500;
	padding-top: 80px;
	padding-bottom: 20px;
	margin-left: 25px;
}

.inspection_list .inspection_type::before,
.ster_system_list .ster_system_type::before {
	content: "";
	display: block;
	width: 10px;
	height: 10px;
	border-radius: 10px;
	background: #BBBBBB;
	position: relative;
	top: 24px;
	left: -25px;
}

.inspection_list .inspection_type:nth-of-type(1),
.ster_system_list .ster_system_type:nth-of-type(1) {
	padding-top: 0px;
}

.inspection_list .inspection_type::marker,
.ster_system_list .ster_system_type::marker {
	color: #BBBBBB;
}

/* 치료 및 수술 장비, 검사장비 : modal */

.surgical_list_modal,
.inspection_list_modal,
.ster_system_list_modal {
	width: 100%;
	height: 100vh;
	position: fixed;
	top: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.5);
	background-attachment: fixed;
	z-index: 10000;
	display: none;
}

.surgical_list_modal ul li,
.inspection_list_modal ul li,
.ster_system_list_modal ul li {
	width: 700px;
	height: auto;
	border-radius: 20px;
	overflow: hidden;
	background: #fff;
	box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.1);
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	display: none;
}

.surgical_list_modal ul li .img,
.inspection_list_modal ul li .img,
.ster_system_list_modal ul li .img {
	width: 700px;
	height: 320px;
}

.surgical_list_modal ul li .img img,
.inspection_list_modal ul li .img img,
.ster_system_list_modal ul li .img img {
	width: 100%;
}

.surgical_list_modal ul li .modal_txt,
.inspection_list_modal ul li .modal_txt,
.ster_system_list_modal ul li .modal_txt {
	padding: 50px;
}

.surgical_list_modal ul li .modal_txt .type,
.inspection_list_modal ul li .modal_txt .type,
.ster_system_list_modal ul li .modal_txt .type {
	font-size: 22px;
	color: #8C795B;
	margin-bottom: 10px;
}

.inspection_list_modal ul li .modal_txt .type span,
.ster_system_list_modal ul li .modal_txt .type span {
	font-size: 22px;
	color: #888;
}

.surgical_list_modal ul li .modal_txt .name,
.inspection_list_modal ul li .modal_txt .name,
.ster_system_list_modal ul li .modal_txt .name {
	font-size: 25px;
	letter-spacing: -1%;
	color: #222;
	font-weight: 600;
	margin-bottom: 30px;
}

.surgical_list_modal ul li .modal_txt .txt,
.inspection_list_modal ul li .modal_txt .txt,
.ster_system_list_modal ul li .modal_txt .txt {
	font-size: 20px;
	color: #555;
	width: 90%;
	word-break: break-all;
	line-height: 1.5;
}

.surgical_list_modal ul li .modal_close,
.inspection_list_modal ul li .modal_close,
.ster_system_list_modal ul li .modal_close {
	width: 54px;
	height: 54px;
	border-radius: 36px;
	background: #222;
	position: absolute;
	bottom: 35px;
	right: 35px;
	cursor: pointer;
}

.surgical_list_modal ul li .modal_close span,
.inspection_list_modal ul li .modal_close span,
.ster_system_list_modal ul li .modal_close span {
	color: #fff;
	padding: 1.5rem;
	transform: rotate(0deg);
	transition: all 0.3s ease-in-out;
}

.surgical_list_modal ul li .modal_close:hover span,
.inspection_list_modal ul li .modal_close:hover span,
.ster_system_list_modal ul li .modal_close:hover span {
	transform: rotate(90deg);
}

/* 치료 및 수술 장비, 검사장비 : modal */

/* m13_sec01 : 치료 및 수술 장비, 검사장비 */

/* ---m13 : 장비소개--- */

/* m15 */
.ar_wrap {
	display: flex;
	padding-top: 80px;
}

.ar_wrap .ar_swiper02 {
	width: 1200px;
	height: 650px;
}

.ar_wrap .ar_swiper02 .ar_img {
	width: 100%;
	height: auto;
	border-radius: 50px;
	overflow: hidden;
}

.ar_wrap .ar_swiper02 .ar_img img {
	width: 100%;
	height: 100%;
}

.ar_wrap .ar_swiper {
	width: 280px;
	height: 650px;

}

.ar_wrap .ar_swiper .swiper-slide {
	filter: brightness(0.5);
	transition: filter 0.3s ease;
	cursor: pointer;
}

.ar_wrap .ar_swiper .swiper-slide.swiper-slide-thumb-active {
	filter: brightness(1);
}

.ar_wrap .ar_swiper .ar_img02 {
	width: 100%;
	height: auto;
	border-radius: 30px;
	overflow: hidden;
}

.ar_wrap .ar_swiper .ar_img02 img {
	width: 100%;
}


/* m15 */

/* m18 */
.location_map {
	width: 100%;
	height: 500px;
	border-radius: 30px;
	overflow: hidden;
	padding-top: 80px;
}

.location_map .root_daum_roughmap,
.location_map .root_daum_roughmap_landing,
.location_map .root_daum_roughmap .wrap_map {
	width: 100% !important;
	min-width: 100% !important;
	max-width: 100% !important;
	height: 100% !important;
}

#target_img {
	scroll-margin-top: 130px;
}

/* m18 */

/* m22 */

/* m22 : sec02 */
.ai_sys {
	margin-top: 40px;
}

.ai_sys ul {
	display: flex;
	align-items: center;
	gap: 15px;
}

.ai_sys ul li {
	width: 200px;
	height: 142px;
	border-radius: 360px;
	background: rgba(125, 125, 125, 0.247);
	border: 1px solid transparent;
	background-image: linear-gradient(#262626, #262626), linear-gradient(to right, #ffffffab, #ffffff00);
	background-origin: border-box;
	background-clip: padding-box, border-box;
	text-align: center;
	backdrop-filter: blur(1px);

	font-size: 22px;
	color: #FFFFFF;
	display: flex;
	align-items: center;
	justify-content: center;
	line-height: 1.5;
}

/* m22 : sec02 */

/* m22 : sec03 */
.chat_list {
	display: flex;
	justify-content: center;
}

.chat_list table {
	width: 100%;
	max-width: 920px;
	border-collapse: collapse;
}

.chat_list th,
.chat_list td {
	padding: 25px 0;
	text-align: center;
	font-size: 24px;
	color: #444444;
	border-bottom: 1px solid #BBBBBB;
}

.chat_list tr:last-child td{
	border-bottom: none;
}

.chat_list td b {
	font-weight: 500;
}

.chat_list th {
	border-bottom: none;
	padding-bottom: 40px;
}

.chat_list .list_tit {
	display: inline-block;
	width: 370px;
	padding: 10px 0;
	text-align: center;
	font-size: 26px;
	color: #444444;
	font-weight: 500;
	background: #EEEEEE;
	border-radius: 360px;
}

.chat_list .list_tit.on {
	background: #8C795B;
	color: #fff;
}

.chat_list td span {
	color: #8C795B;
}

/* m22 : sec03 */

/* m22 : sec07 */

.ca_type {
	position: relative;
}

.ca_type .ca_tab_btn {
	cursor: pointer;
}

.ca_type .ca_tab_btn ul {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 3rem;
	padding-bottom: 4.5rem;
}

.ca_type .ca_tab_btn ul li {
	font-size: 2.4rem;
	font-weight: 500;
	color: #BABABA;
	letter-spacing: 0%;
}

.ca_type .ca_tab_btn ul li.active {
	color: #8C795B;
	border-bottom: 2px solid #8C795B;
}

.con0202 .sec7 .intt_row,
.con0203 .sec7 .intt_row {
	justify-content: flex-start;
	gap: 23rem;
}

.alcon_list,
.johnson_list {
	width: 500px;
	display: none;
	opacity: 0;
	transition: opacity .4s;
}

.alcon_list.on,
.johnson_list.on {
	opacity: 1;
	visibility: visible;
}

.alcon_list ul,
.johnson_list ul {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: 2.1rem;
}

.alcon_list ul li,
.johnson_list ul li {
	width: 235px;
	height: auto;
	padding: 2.5rem 0rem;
	border-radius: 20px;
	background: #f7f7f7;
	text-align: center;
}

.alcon_list ul li .alcon_img,
.johnson_list ul li .johnson_img {
	width: 100%;
	height: auto;
	padding: 0 0 1.3rem;
}

.alcon_list ul li .alcon_img img,
.johnson_list ul li .johnson_img img {
	width: 100%;
}

.alcon_list ul li .alcon_type,
.johnson_list ul li .johnson_type {
	font-size: 1.8rem;
	color: #8C795B;
	margin-bottom: 0.5rem;
}

.alcon_list ul li .alcon_name,
.johnson_list ul li .johnson_name {
	font-size: 2.2rem;
	color: #222;
}

/* m22 : sec07 */

/* m22 */

/* m23 */
/* ad_bn */

.ad_bn{
	padding: 80px 0;
}

.ad_bn .tit{
	font-size: 40px;
	color: #fff;
	margin-bottom: 50px;
}

.ad_bn .tit span{
	font-weight: 500;
	color: #E6D7BB;
}

.ad_bn .tit b{
	font-size: 30px;
	color: #fff;
	font-weight: 400;
}

.ad_bn .tit .light{
	font-size: 22px;
	color: #fff;
	opacity: 0.8;
	font-weight: 300;
}

.ad_bn .desc{
	font-size: 22px;
	color: #fff;
	line-height: 1.7;
}

.con0203 .ad_bn,
.con0306 .ad_bn{
	padding: 120px 0;
}

.con0301 .ad_bn .tit{
	margin-bottom: 0px;
	margin-top: 35px;
}

.con0304 .ad_bn .tit{
	display: flex;
	align-items: center;
	gap: 15px;
}
/* ad_bn */
/* m23 */

/* m24 */

.con0204 .sec2{
	height: 280vh;
}

.clean_room {
   position: relative;
   margin: 0 auto;
	height: 203vh;
	margin-top: 100px;
}

/* 중앙 세로선 */
.clean_room .line {
   position: absolute;
   left: 50%;
   top: 0;
   bottom: 0;
   width: 2px;
   background: #fff;
   transform: translateX(-50%);
}

.ani_sys ul{
	position: relative;
}

.ani_sys ul li{
	position: relative;
	width: 560px;
	height: 350px;
	border-radius: 50px;
	background: #fff;
	padding: 60px 50px;

	opacity: 0.3;
   transform: translateY(50px);

	position: relative;
}

.ani_sys ul li:nth-of-type(1){
	margin-top: 0 !important;
}

.ani_sys ul li:nth-child(odd) {
   float: left;
   clear: both;
	margin-top: -50px;
}

.ani_sys ul li:nth-child(odd)::before{
	content: "";
	display: block;
	width: 36%;
	border: 1px dashed #BBBBBB;
	position: absolute;
	top: 70px;
	right: -200px;
}

.ani_sys ul li:nth-child(odd)::after{
	content: "";
	display: block;
	width: 12px;
	height: 12px;
	border-radius: 10px;
	background: #fff;

	position: absolute;
	top: 64px;
	right: -206px;
}

.ani_sys ul li:nth-child(even) {
   float: right;
   clear: both;
	margin-top: -150px;
}

.ani_sys ul li:nth-child(even)::before{
	content: "";
	display: block;
	width: 36%;
	border: 1px dashed #BBBBBB;
	position: absolute;
	top: 70px;
	left: -200px;
}

.ani_sys ul li:nth-child(even)::after{
	content: "";
	display: block;
	width: 12px;
	height: 12px;
	border-radius: 10px;
	background: #fff;

	position: absolute;
	top: 64px;
	left: -206px;
}

.ani_sys ul li .tit{
	font-size: 30px;
	font-weight: 500;
	margin-bottom: 20px;
}

.ani_sys ul li .tit span{
	color: #8C795B;
}

.ani_sys ul li .hashtag{
	width: fit-content;
	padding: 10px;
	background: #8C795B;
	border-radius: 10px;
	text-align: center;
	color: #fff;
	font-size: 24px;
	margin-bottom: 50px;
}

.ani_sys ul li .desc{
	font-size: 22px;
	color: #444444;
}
/* m24 : sec2 */

/* m24 : sec3 */
.con0204 .sec3 {
	position: relative;
	overflow: hidden;
}

.c_box {
	height: 120lvh;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	position: relative;
	word-break: keep-all;
	box-sizing: border-box;
	text-align: center;
}

.c_box .ico {
	display: block;
	width: 8rem;
	height: 7.9rem;
	background: url('../img/main/main_sec03_ico.png') no-repeat left center/cover;
	margin-bottom: 2.5rem;
}

.c_box .hdline_cont {
   position: relative;
}

.c_box h3 {
   font-size: 45px;
   text-align: center;
}

.c_box h3 span{
	color: #8C795B;	
	font-weight: 500;
}

.c_box .desc {
	font-size: 2.2rem;
	font-weight: 300;
	margin-top: 5rem;
	line-height: 1.5;
}

.c_box .desc b {
	font-weight: 500;
}
/* m24 : sec3 */

/* m24 */

/* m31 */
/* m31 : sec04 */
.left_step ul{
	margin-top: 80px;
}

.left_step ul li{
	display: flex;
	align-items: center;
	gap: 14px;
}

.left_step ul li + li {
	margin-top: 26px;
}

.left_step ul li .type{
	width: fit-content;
	padding: 7px 25px;
	text-align: center;
	font-size: 18px;
	color: #fff;
	background: #998C75;
	border-radius: 360px;
}

.left_step ul li .type.on02{
	background: #8C795B;
}

.left_step ul li .type.on03{
	background: #726147;
}

.left_step ul li .type.on04{
	background: #4C4845;
}

.left_step ul li .desc{
	font-size: 22px;
	color: #444444;
}

.left_step ul li .desc span{
	font-weight: 500;
}

.right_img{
	width: 645px;
	height: 645px;
}

.right_img img{
	width: 100%;
}
/* m31 : sec04 */

/* m31 : sec05 */
.con0301 .ad_bn{
	padding: 80px 0;
}

.con0301 .ad_bn .tit{
	margin-bottom: 0px;
	margin-top: 35px;
}
/* m31 : sec05 */
/* m31 */

/* m32 */
/* m32 : sec04 */
.per_treat {
	margin-top: 80px;
}

.per_treat ul{
	display: flex;
	align-items: center;
}

.per_treat ul li{
	border-right: 1px solid rgba(0,0,0,0.15);
	margin-right: 50px;
	padding-right: 50px;
}

.con0601 .per_treat ul li{
	margin-right: 70px;
	padding-right: 70px;
}

.per_treat ul li:last-child{
	border: none;
	margin-right: 0px;
	padding-right: 0px;
}

.per_treat ul li .per_img{
	width: 438px;
	height: 242px;
	border-radius: 30px;
	overflow: hidden;
	border: 1px solid #CCCCCC;
}

.con0601 .per_treat ul li .per_img{
	width: 274px;
	height: 242px;
}

.per_treat ul li .per_img img{
	width: 100%;
}

.per_treat ul li .txt_box{
	display: flex;
	align-items: center;
	gap: 15px;
	margin: 40px 0 30px;
}

.per_treat ul li .txt_box .num{
	width: 36px;
	height: 36px;
	border-radius: 36px;
	background: #8C795B;
	font-size: 22px;
	color: #fff;
	font-weight: 500;
	text-align: center;
	line-height: 36px;
}

.per_treat ul li .txt_box .tit{
	font-size: 25px;
	color: #222222;
	font-weight: 500;
}

.con0501 .per_treat ul li .txt_box .tit,
.con0601 .per_treat ul li .txt_box .tit{
	color: #998C75;
}

.per_treat ul li .desc{
	font-size: 24px;
	color: #222222;
	line-height: 1.5;
}

.con0601 .per_treat ul li .desc{
	font-size: 26px;
	font-weight: 500;
}

.con0601 .per_treat ul li .sub_desc{
	margin-top: 10px;
}

.con0601 .per_treat ul li .sub_desc p{
	font-size: 22px;
	font-weight: 300;
	color: #444444;
	line-height: 1.7;
}
/* m32 : sec04 */

/* m32 : sec05 */
.retina {
	display: flex;
	align-items: center;
	gap: 10rem;
}

.retina .sub_ttl_row .disc {
	margin-top: 4rem;
}

.retina .sub_ttl_row .disc b {
	font-weight: 500;
}

.retina .btn_wrap {
	width: fit-content;
}

.retina .btn_wrap .more_btn {
	display: flex;
	width: 56rem;
	height: 6rem;
	align-items: center;
	border-radius: 1rem;
	position: relative;
	overflow: hidden;
	margin: 7rem 0;
	padding: 0 3rem;
	border: solid 1px #222222;
	z-index: 1;
}

.retina .btn_wrap .more_btn::after {
	content: '';
	width: 0;
	height: 100%;
	background-color: #8C795B;
	transition: all 0.7s;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
}

.retina .btn_wrap:hover .more_btn {
	border: solid 1px #8C795B;
}

.retina .btn_wrap .more_btn span {
	width: 100%;
	text-align: left;
	font-weight: 300;
	font-size: 2.5rem;
	line-height: 4rem;
	color: #222222;
	background: url('../img/sub/retina_click_icon.png') no-repeat right center/4rem;
}

.retina .btn_wrap .more_btn span b {
	font-weight: 500;
}

.retina .btn_wrap:hover .more_btn span {
	color: #fff;
	background-image: url('../img/sub/retina_click_icon_wh.png');
}

.retina .btn_wrap:hover .more_btn::after {
	width: 100%;
}
/* m32 : sec05 */
/* m32 */

/* m35 */

/* m35 sec04 */
.con0305 .sec4 .sec4_flex_wrap {
	display: flex;
	width: 100%;
	align-items: stretch;
}

.con0305 .sec4 .intt_row,
.con0305 .sec4 .need_list {
	display: block;
	width: 50%;
}

.con0305 .sec4 .intt_row {
	position: relative;
	padding: 20rem 0 20rem 19rem;
	box-sizing: border-box;
	background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)),
		url('../img/sub/m35_sec04_bg.jpg') no-repeat center center / cover;
}

.room_list_desc .room_txt .tit {
	font-size: 26px;
	font-weight: 500;
	color: #fff;
	letter-spacing: -6%;
}

.room_list_desc .room_txt .desc {
	font-size: 22px;
	color: #fff;
	line-height: 1.5;
	margin-top: 10px;
	font-weight: 300;
	letter-spacing: -6%;
}

.tab_btn {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: flex-start;
	gap: 10px;
	margin: 30px 0;
}

.tab_btn button {
	width: fit-content;
	padding: 7px 17px;
	border-radius: 360px;
	background: rgba(255, 255, 255, 0.15);
}

.tab_btn button.on {
	font-weight: 600;
	background: #998C75;
}

.tab_btn {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: flex-start;
	gap: 10px;
	margin: 40px 0 45px 0;
}

.tab_btn button .text {
	font-size: 24px;
	position: relative;
	color: #fff;
}

/* .tab_btn button .text::before {
	content: "|";
	display: block;
	color: #fff;
	font-weight: 200;
	position: absolute;
	top: 50%;
	right: 0; 
	transform: translateY(-50%); 
} */

.tab_btn button:last-child .text {
	padding-right: 0;
}

.tab_btn button:last-child .text::before {
	display: none;
}

.con0305 .sec4 .need_list {
	display: flex;
	align-items: center;
}

.room_list_wrap {
	width: 100%;
}


.room_list_wrap .room_list .room_img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.room_list:not(.on),
.room_txt:not(.on) {
	display: none;
}

/* m35 : sec03 */
/* m35 */

/* m42 */

/* m42 : sec02 */
.lens_cl ul{
	display: flex;
	align-items: center;
	gap: 40px;
}

.lens_cl ul li{
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 120px;
}

.lens_cl ul li .lens_cl_img{
	width: 280px;
	height: 280px;
	position: relative;
}

.lens_cl ul li .lens_cl_img img{
	width: 100%;
}

.lens_cl ul li .lens_cl_img::after{
	display: block;
	content: "";
	background: url('/img/sub/m42_sec02_arrow.png') no-repeat;
	width: 13px;
	height: 106px;
	position: absolute;
	bottom: -38%;
	left: 50%;
	transform: translateX(-50%);
}

.con0302 .lens_cl ul li:nth-of-type(2) .lens_cl_img::after{
	display: none;
}

.con0302 .lens_cl ul li:nth-of-type(2) .lens_cl_img::before{
	display: block;
	content: "";
	background: url('/img/sub/m42_sec02_arrow.png') no-repeat;
	width: 13px;
	height: 106px;
	position: absolute;
	top: -38%;
	left: 50%;
	transform: translateX(40%);
	rotate: 180deg;
}

.con0404 .lens_cl ul li .lens_cl_img::after,
.con0405 .lens_cl ul li .lens_cl_img::after{
	background: url('/img/sub/m44_sec03_arrow.png') no-repeat;
}

.lens_cl ul li p{
	font-size: 24px;
	color: #444444;
	text-align: center;
	line-height: 1.6;
}

.lens_cl ul li p.wh{
	color: #fff;
}
/* m42 : sec02 */

/* m42 : sec06 */
.dream_flex{
	display: flex;
	align-items: center;
	gap:200px;
}

.dream_flex .dream_img{
	width: 835px;
	height: auto;
}

.dream_flex .dream_img img{
	width: 100%;
}

.dream_flex .dream_fit{
	margin-top: 60px;
}

.dream_flex .dream_fit ul li{
	width: 610px;
	border: 1px solid #998C75;
	border-radius: 360px;
	padding: 10px 30px;
	display: flex;
	align-items: center;
	gap: 37px;
}

.dream_flex .dream_fit ul li + li{
	margin-top: 15px;
}

.dream_flex .dream_fit ul li span{
	display: block;
	width: 30px;
	height: 30px;
	background: url('/img/sub/check_icon.png') no-repeat;
	background-size: contain;
}

.dream_flex .dream_fit ul li p{
	font-size: 24px;
	color: #222222;
}
/* m42 : sec06 */

/* m42 : sec07 */
.high_end_wrap {
	padding: 6rem 0 0 20rem;
}

.high_end_wrap .high_flex {
	display: flex;
	align-items: center;
	gap: 5rem;
}

.high_end_wrap .high_img {
	width: 400px;
	height: 300px;
	border-radius: 30px;
	overflow: hidden;
}

.high_end_wrap .high_img img {
	width: 100%;
}

.high_end_wrap .high_txt {
	width: 50%;
}

.high_end_wrap .high_txt .high_name {
	font-size: 3rem;
	color: #222;
	font-weight: 500;
	margin-bottom: 3rem;
}

.high_end_wrap .high_txt .high_name span {
	font-weight: 400;
	color: #888888;
}

.high_end_wrap .high_txt .high_desc {
	font-size: 2.2rem;
	color: #444;
	font-weight: 300;
	line-height: 1.5;
}

.high_end_wrap .high_txt .control_btn {
	display: flex;
	align-items: center;
	gap: 2rem;
	margin-top: 7rem;
	cursor: pointer;
}

.high-swiper-button-prev {
	width: 50px;
	height: 50px;
	background: url("/img/sub/m42_prev_icon.png") no-repeat;
	background-size: cover;
}

.high-swiper-button-next {
	width: 50px;
	height: 50px;
	background: url("/img/sub/m42_next_icon.png") no-repeat;
	background-size: cover;
}
/* m42 : sec07 */
/* m42 */

/* m61 */
/* m61 : sec07 */

.con0601 .sec7{
	padding: 130px 0;
}

.ipl_list{
	margin-top: 60px;
}

.ipl_list ul{
	display: flex;
	align-items: center;
	gap: 10px;
}

.ipl_list ul li{
	width: 230px;
	height: 230px;
	border-radius: 230px;
	background: #fff;
	box-shadow: 4px 4px 10px rgba(0,0,0,0.05);

	display: flex;
	flex-direction: column;
	gap: 15px;
	align-items: center;
	justify-content: center;
}

.ipl_list ul li span{
	display: block;
	content: "";
	width: 32px;
	height: 32px;
	background: url("/img/sub/m61_check_icon.png") no-repeat;
	background-size: cover;
}

.ipl_list ul li p{
	font-size: 22px;
	color: #222222;
	line-height: 1.6;
}
/* m61 : sec07 */
/* m61 */

/* sub common footer */

.sub_bot {
	padding: 20rem 0;
	overflow: hidden;
	background: url('../img/sub/sub_ft_bg.jpg') no-repeat center center/cover;
	position: relative;
	z-index: -1;
}

.sub_bot .main_ttl_row {
	text-align: center;
}

.sub_bot .vision_s {
	margin-top: 8rem;
	overflow: visible;
}

.vision_s .swiper-slide {
	position: relative;
}

.vision_s .txtbox {
	max-width: 80rem;
	padding: 10.5rem 6rem 6rem;
	z-index: 1;
	color: #fff;
}

.vision_s .txtbox .numb {
	font-size: 8rem;
	font-weight: 400;
	font-family: 'Paperlogy';
	opacity: 0.5;
	background-image: linear-gradient(to bottom, #fff, transparent);
	background-clip: text;
	-webkit-background-clip: text;
	color: transparent;
	margin-bottom: 3rem;
}

.vision_s .swiper-slide img {
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
}

.vision_s .txtbox .subject {
	font-size: 4rem;
	font-weight: 500;
	margin-bottom: 1.7rem;
}

.vision_s .txtbox .disc {
	font-size: 2.4rem;
	line-height: 1.6;
}

/* sub common footer */

/* 드림렌즈 체험기 & 진료후기 */
.review_wrap {
	width: 100%;
	padding-top: 60px;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
}

.review_wrap ul {
	width: 100%;
	height: 450px;

	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 80px;
}

.review_wrap ul:nth-of-type(2n) {
	background: #F9F9F9;
}

.review_wrap ul li {
	display: flex;
	align-items: center;
	gap: 45px;

	position: relative;
}

.review_wrap ul li:nth-of-type(2n+1)::after {
	content: "";
	display: block;
	height: 340px;
	border-right: 1px solid #CDCDCD;
	padding-left: 30px;
	opacity: 0.2;
}

.review_wrap ul li .review_img {
	width: 230px;
	height: 290px;
	background: #F4F4F4;

	display: flex;
	align-items: center;
	justify-content: center;
}

.review_login {
	width: 230px;
	height: 290px;
	background: rgba(0, 0, 0, 0.5);

	display: flex;
	flex-direction: column;
	gap: 15px;
	justify-content: center;
	align-items: center;

	position: absolute;
	left: 0;
}

.review_login .icon {
	display: block;
	width: 48px;
	height: 48px;
	background: url('/img/sub/review_login_icon.png') no-repeat;
	background-size: contain;
}

.review_login p {
	font-size: 18px;
	color: #fff;
	font-weight: 500;
	line-height: 1.5;
	text-align: center;
}

.review_wrap ul li .review_img .boy {
	width: 100px;
	height: 150px;
	background: url('/img/sub/dream_boy.png') no-repeat;
	background-size: contain;
}

.review_wrap ul li .review_img .girl {
	width: 100px;
	height: 150px;
	background: url('/img/sub/dream_girl.png') no-repeat;
	background-size: contain;
}

.review_wrap ul li .review_img .img {
	width: 100%;
	height: 290px;
	background: url('/img/sub/review_img.jpg') no-repeat;
	background-size: contain;
}

.review_wrap ul li .txt_box {
	width: 350px;
}

.review_wrap ul li .tag {
	width: fit-content;
	padding: 5px 20px;
	border-radius: 360px;
	background: #8C795B;
	font-size: 18px;
	color: #fff;
	text-align: center;
	margin-bottom: 15px;
}

.review_wrap ul li .desc {
	font-size: 20px;
	color: #222;
	line-height: 1.5;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all;

	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.review_wrap ul li .type {
	font-size: 18px;
	color: #666666;
	margin-top: 30px;

	position: relative;
	padding-left: 13px;
}

.review_wrap ul li .type::before {
	content: "";
	display: block;
	width: 20px;
	border: 2px solid #D9D9D9;

	rotate: 90deg;
	position: absolute;
	top: 9px;
	left: -7px;
}

.review_wrap ul li .tit {
	font-size: 22px;
	color: #222222;
	font-weight: 600;
	margin: 16px 0 23px;
}

.review_wrap ul li .name,
.review_wrap ul li .age,
.review_wrap ul li .date {
	font-size: 16px;
	color: #666666;
	margin-top: 7px;
}

/* 드림렌즈 체험기 & 진료후기 */