@charset "UTF-8";

/* 320px 미만으로 레이아웃이 줄어들지 않도록 고정 */
body,
.header-wrap,
.header-wrap .nav-panel {
	min-width: 320px;
}

@media (min-width: 1025px) {
	.header-wrap .nav-panel {
		display: contents;
	}
	.header-wrap .menu-btn,
	.mo-only {
		display: none !important;
	}
}

@media (max-width: 1024px) {
	.pc-only {
		display: none !important;
	}

	html.is-menu-open,
	html.is-menu-open body {
		overflow: hidden;
	}

	/* header bar */
	.header-wrap.is-menu-open {
		z-index: 1001;
		background-color: var(--color-bg);
		box-shadow: none;
	}
	.header-wrap .inner {
		height: 6rem;
		gap: 1.2rem;
	}
	.header-wrap .logo {
		margin-right: auto;
	}
	.header-wrap .logo a {
		display: block;
	}
	.header-wrap .logo img {
		display: block;
		width: auto;
		height: 3.2rem;
	}

	.lang-menu-wrap {
		width: 8rem;
	}
	.lang-menu-wrap .lang-btn {
		padding: 0.7rem 1rem;
		border-color: var(--color-line);
	}
	.lang-menu-wrap .lang-btn:after {
		top: 50%;
		right: 0.9rem;
		margin-top: -0.6rem;
	}
	.lang-menu-wrap .lang-text {
		padding-left: 2.4rem;
		font-size: 1.3rem;
	}
	.header-wrap.is-menu-open .lang-menu-wrap {
		display: none;
	}

	.header-wrap .menu-btn {
		display: flex;
		align-items: center;
		justify-content: center;
		flex-shrink: 0;
		width: 3.6rem;
		height: 3.6rem;
		margin-right: -0.4rem;
	}
	.header-wrap .menu-btn .menu-txt {
		position: absolute;
		width: 1px;
		height: 1px;
		overflow: hidden;
		clip: rect(0 0 0 0);
		white-space: nowrap;
	}
	.header-wrap .menu-bar,
	.header-wrap .menu-bar:before,
	.header-wrap .menu-bar:after {
		display: block;
		width: 2.8rem;
		height: 2px;
		background-color: var(--color-text);
		transition: transform 0.3s ease, background-color 0.3s ease;
	}
	.header-wrap .menu-bar {
		position: relative;
	}
	.header-wrap .menu-bar:before,
	.header-wrap .menu-bar:after {
		content: '';
		position: absolute;
		left: 0;
	}
	.header-wrap .menu-bar:before {
		top: -0.9rem;
	}
	.header-wrap .menu-bar:after {
		top: 0.9rem;
	}
	.header-wrap.is-menu-open .menu-bar {
		background-color: transparent;
	}
	.header-wrap.is-menu-open .menu-bar:before {
		transform: translateY(0.9rem) rotate(45deg);
	}
	.header-wrap.is-menu-open .menu-bar:after {
		transform: translateY(-0.9rem) rotate(-45deg);
	}

	/* menu panel */
	.header-wrap .nav-panel {
		display: flex;
		flex-direction: column;
		position: fixed;
		top: 6rem;
		right: 0;
		bottom: 0;
		left: 0;
		padding: 3.5rem 1.5rem;
		overflow-y: auto;
		overscroll-behavior: contain;
		background-color: var(--color-bg);
		opacity: 0;
		visibility: hidden;
		transition: opacity 0.3s ease, visibility 0.3s;
	}
	.header-wrap.is-menu-open .nav-panel {
		opacity: 1;
		visibility: visible;
	}

	.header-wrap .other-menu-wrap {
		order: 1;
	}
	.header-wrap .for-doctors,
	.doctor-menu-wrap .close-btn {
		display: none;
	}
	.header-wrap .doctor-menu-wrap {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		position: static;
		width: auto;
		padding: 0;
		background-color: transparent;
		border-top: 0;
		box-shadow: none;
		white-space: normal;
	}
	.doctor-menu-wrap .name-or-login-btn {
		order: 1;
		padding-right: 2.8rem;
		font-size: 2rem;
		font-weight: 600;
		line-height: 2.4rem;
	}
	.doctor-menu-wrap .logout-box {
		order: 2;
		margin-left: auto;
		padding-top: 0;
		border-top: 0;
	}
	.doctor-menu-wrap .logout-box .logout-btn {
		padding: 0.8rem 1rem;
		font-size: 1.2rem;
		line-height: 1.6rem;
		background: var(--color-bg-gray);
		border: 1px solid var(--color-line);
		border-radius: 5rem;
	}

	.doctor-menu-wrap .menu-list {
		order: 3;
		display: grid;
		grid-template-columns: repeat(4, minmax(0, 1fr));
		gap: 2rem;
		width: 100%;
		margin: 3rem 0 0;
		padding: 1.5rem 2rem;
		background-color: color-mix(in srgb, var(--color-primary) 12%, var(--color-bg));
		border-radius: 2rem;
	}
	.doctor-menu-wrap .menu-list li a {
		flex-direction: column;
		gap: 0.8rem;
	}
	.doctor-menu-wrap .menu-list li a .ico,
	.doctor-menu-wrap .menu-list li a:hover .ico {
		width: 3rem;
		height: 3rem;
		background-color: var(--color-primary);
	}
	.doctor-menu-wrap .menu-list li a .ico-mypage {
		--ico: url("../images/common/ico-mypage.svg");
	}
	.doctor-menu-wrap .menu-list li a .txt {
		font-size: 1.3rem;
		color: var(--color-text);
		letter-spacing: -0.02em;
		text-align: center;
		white-space: nowrap;
	}
	.doctor-menu-wrap .menu-list li a:hover {
		background-color: transparent;
	}

	.header-wrap .gnb {
		order: 2;
		margin: 1.6rem 0 0;
		padding-bottom: 1.6rem;
		border-bottom: 1px solid var(--color-line);
	}
	.header-wrap .gnb ul {
		flex-direction: column;
		align-items: stretch;
		gap: 0;
	}
	.header-wrap .gnb li a {
		display: block;
		padding: 2rem 1.5rem;
		font-size: 2rem;
		line-height: 1;
	}

	body {
		padding-bottom: var(--quick-menu-height, 7.6rem);
	}
	.quick-menu {
		top:initial;
		bottom: 0;
		left: 0;
		right: initial;
		width: 100%;
		transform: initial;
		border-radius: 0;
		background-color: var(--color-primary);
	}
	.quick-menu ul {
		flex-direction: row;
	}
	.quick-menu ul li {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 100%;
	}
	.quick-menu ul li a {
		width: auto;
		padding: 0;
		gap: 0.6rem;
	}
	.quick-menu .txt {
		color: var(--color-white);
	}
	.quick-menu .ico {
		filter: brightness(0) invert(1);
	}

	/* footer */
	.footer {
		padding: 7rem 0;
	}
	.footer .inner {
		flex-direction: column;
		gap: 4rem;
	}
	.footer .r-box {
		gap: 2rem;
	}

	.auth-intro .auth-top-box {
		flex-direction: column;
	}
	.auth-intro .auth-top-box .auth-btn {
		width: 18rem;
		height: 18rem;
		margin-left: auto;
		margin-top: -10rem;
	}

	.visual .inner {
		justify-content: center;
	}

	.kit-intro {
		padding: 18rem 0;
	}
	.process-info {
		padding: 22rem 0 18rem;
	}
	.sns-updates {
		padding: 18rem 0;
	}

	/* sub */
	.sub-wrap {padding: 15rem 0 10rem;}
	.page-title-box {margin-bottom: 20rem;}
	.page-title-box .page-title {font-size: var(--fs-76);}

	.board-gallery-layout .board-list {grid-template-columns: repeat(2, 1fr); gap: 4rem 2rem;}
	.board-gallery-layout .board-list li {align-items: stretch;}
	.board-gallery-layout .board-thumbnail {height: auto;}
	.board-gallery-layout .board-thumbnail a {height: auto;}
	.board-gallery-layout .board-thumbnail img {height: auto; aspect-ratio: 5 / 3;}

	.mypage-body {
		flex-direction: column;
		gap: 0;
		min-height: auto;
	}
	.mypage-content-header {
		display: none;
	}
	.mypage-form {
		margin-top: 2rem;
	}
	.mypage-sidebar {
		flex: none;
		padding: 0;
		border-bottom: 1px solid var(--color-line);
	}
	.mypage-profile,
	.mypage-util {
		display: none;
	}
	.mypage-menu {
		flex-direction: row;
		gap: 0;
	}
	.mypage-menu li {
		flex: 1;
		min-width: 0;
	}
	.mypage-menu-link {
		position: relative;
		justify-content: center;
		padding: 2rem 0.5rem;
		border-radius: 0;
	}
	.mypage-menu-link .ico {
		display: none;
	}
	.mypage-menu-link .txt {
		font-size: var(--fs-18);
		white-space: nowrap;
	}
	.mypage-menu-link:hover,
	.mypage-menu-link.is-active {
		background-color: transparent;
	}
	.mypage-menu-link.is-active:after {
		content: '';
		position: absolute;
		left: 0;
		right: 0;
		bottom: -1px;
		height: 2px;
		background-color: var(--color-primary);
	}
	.mypage-content {
		padding: 3rem 2rem;
	}

}

@media (max-width: 768px) {

	/* main contents */
	.main .title {
		font-size: 4.4rem;
	}
	.main .sub-title {
		margin-top: 1rem;
		font-size: var(--fs-20);
	}
	.main .title-box .section-title {
		font-size: 5rem;
	}
	.main .title-box .section-sub-title {
		margin-top: 2rem;
		font-size: var(--fs-28);
	}
	.main .link-btn {
		margin-top: 4rem;
		padding: 1.2rem 2.8rem;
	}

	.visual  {
		padding: 11rem 0 20rem;
		background: url('../images/main/visual-background-mo.jpg') no-repeat center center / cover;
	} 
	.visual .visual-contents {
		gap: 4rem;
	}
	.visual .visual-contents .txt-box {
		text-align: center;
	}
	.visual .number-box {
		grid-template-columns: repeat(2, 1fr);
		gap: 2.5rem 1.5rem;
		padding: 2rem;
		border-radius: 1rem;
	}
	.visual .number-box .ico {
		flex: 0 0 3rem;
	}
	.visual .number-box .num {
		font-size: var(--fs-40);
	}
	.visual .number-box .box-name {
		font-size: var(--fs-15);
	}

	.kit-intro {
		padding: 10rem 0;
	}
	.kit-intro .kit-top {
		align-items: flex-end;
	}
	.kit-intro .kit-box .img-box {
		width: 30rem;
	}
	.kit-intro .kit-center {
		width: 50rem;
		height: 50rem;
	}
	.kit-intro .kit-center .img-box {
		width: 42rem;
	}

	.video-intro {
		padding: 10rem 0 6rem;
	}
	.video-intro .model-image-box {
		right: 50%;
		transform: translateX(50%);
		width: 100%;
		max-width: 55rem;
	}
	.video-intro .video-box {
		max-width: 50rem;
		margin: 25rem auto 0;
	}

	.why-reason {
		padding-top: 11rem;
	}
	.why-reason .reason-box-wrap {
		gap: 2rem;
	}
	.why-reason .reason-box-wrap .txt-box {
		padding: 4rem 0;
	}
	.why-reason .reason-box-wrap .keyword {
		font-size: var(--fs-50);
	}
	.why-reason .reason-box-wrap .en {
		margin: 2rem 0 1.5rem;
	}

	.process-info {
		padding: 10rem 0;
	}
	.process-info .bg-image {
		max-width: 60rem;
	}
	.process-info .process-list ul {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 4rem 0;
	}
	.process-info .process-list ul li:last-child:nth-child(odd) {
		grid-column: 1 / -1;
		justify-self: center;
		width: 50%;
	}
	.process-info .process-list ul li:before {
		display: none;
	}
	.process-info .process-list ul li:after {
		display: none;
	}

	.auth-intro {
		padding: 10rem 0;
	}
	.auth-intro .auth-top-box .auth-btn {
		width: 15rem;
		height: 15rem;
		font-size: var(--fs-20);
	}

	.sns-updates {
		padding: 10rem 0;
	}



}


@media (max-width: 640px) {

	/* common */
	.footer .logo {width: 13rem;}
	.footer .kakao-link-btn {width: 16rem; height: 3.5rem; border-radius: 0.5rem;}
	.footer .kakao-link-btn:after {width: 1.5rem; height: 1.5rem; background-size: contain; top: 0.9rem; right: 1rem;}
	.footer .f-info div {flex-wrap: wrap; gap: 1.5rem 0;}

	.quick-menu .ico {width: 2.5rem; height: 2.5rem; background-size: contain;}

	/* main */
	.main .title-box .section-title {font-size: 4rem;}
	.main .title-box .section-sub-title {font-size: var(--fs-24);}
	.main .title-box .section-lead {font-size: var(--fs-50);}
	.main .title-box .section-detail {font-size: var(--fs-18);}

	.kit-intro .name-box .name {font-size: var(--fs-32);}
	.kit-intro .name-box .info {font-size: var(--fs-18);}
	.kit-intro .kit-box .img-box {width: 20rem;}
	.kit-intro .kit-center {width: 30rem; height: 30rem;}
	.kit-intro .name-box .guide {font-size: var(--fs-14);}

	.why-reason .reason-box-wrap {padding-top: 7rem;}
	.why-reason .reason-box-wrap .desc {margin-top: 1.5rem; font-size: var(--fs-18);}

	.process-info .bg-image {max-width: 40rem; top: -5rem; z-index: -2;}
	.process-info .process-list .img-box:before {width: 11rem; height: 11rem; padding: 0.5rem;}
	.process-info .process-list .keyword {margin-bottom: 1.5rem; font-size: var(--fs-30);}
	.process-info .process-list .name {margin-bottom: 1rem; font-size: var(--fs-16);}
	.process-info .process-list .process-detail {font-size: var(--fs-18);}

	.auth-intro {padding: 7rem 0;}
	.auth-intro .auth-top-box .auth-btn {width: auto; height: auto; margin-top: 2rem; margin-left: 0; padding: 1.2rem 2rem; font-size: var(--fs-18); border-radius: 2.5rem;}
	.auth-step {margin-top: 7rem;}
	.auth-step ul {flex-direction: column;}
	.auth-step .img-box {margin: 3rem 0 2rem;}
	.auth-step .step-info {font-size: var(--fs-18);}

	.sns-updates .sns-list-box {flex-direction: column; gap: 2rem; margin-top: 7rem; }
	.sns-updates .sns-list-box.sns-blog {flex-direction: column-reverse; align-items: flex-start;}
	.sns-updates .sns-swiper {width: 100%;}

	/* sub */
	.sub-wrap {padding: 12rem 0 7rem;}
	.page-title-box {margin-bottom: 7rem;}
	.page-title-box .page-title {font-size: var(--fs-56);}
	.page-title-box .page-sub-title {margin: 2rem 0 1rem; font-size: var(--fs-24); line-height: 1.2;}
	.page-title-box .page-desc {font-size: var(--fs-18);}
	.page-title-box .scroll-box {display: none;}

	.locations-box .inner {flex-direction: column; gap: 2rem;}
	.locations-box .map-box, .locations-box .address-box {width: 100%;}
	.locations-box .map-box {height: 38rem;}
	.address-box .address-form .select-box select, .address-box .address-form .search-box input[type="text"] {height: 4.5rem; padding: 0 1.5rem; font-size: var(--fs-14);}
	.address-box .address-form .search-box .search-btn {width: 4.5rem; height: 4.5rem;}
	.address-box .address-form .search-box .search-btn .ico {width: 2rem; height: 2rem; background-size: contain;}
	.address-box .address-list li a {gap: 1rem; padding: 1.5rem 0;} 
	.address-box .address-list .addr {font-size: var(--fs-15);}

	.qr-page-box .qr-link-btn {width: 20rem; padding: 1.3rem 0 1rem; margin-top: 3rem;}
	.qr-page-box .qr-link-btn .txt {font-size: var(--fs-18);}

	.auth-process {padding: 6rem 0;}

	.brand-contents {padding: 7rem 0 10rem; background-position: center bottom; background-size: cover;}
	.brand-contents .brand-contents-examples {margin-top: 4rem;}

	.board-list-layout .board-list li {gap: 1.5rem;}
	.board-list-layout .board-thumbnail {width: 34%; height: auto;}
	.board-list-layout .board-info {gap: 0;}
	.board-list-layout .summary-desc {display: none;}
	.board-list-layout .name-title {margin-bottom: 1rem;}

	.board-gallery-layout .board-list {grid-template-columns: 1fr; gap: 3rem;}
	.board-gallery-layout .board-thumbnail {width: 100%;}
	.board-gallery-layout .name-title {font-size: var(--fs-18);}

	.pager {gap: 0.6rem;}
	.pager ul {gap: 0.6rem;}
	.pager .page-btn {width: 3.2rem; height: 3.2rem; font-size: var(--fs-14);}

	.mypage-comment-list li {padding: 2rem 0;}
	.mypage-comment-list .comment-thumbnail {width: 34%; height: auto; aspect-ratio: 214 / 123;}
	.mypage-comment-list .comment-info {margin-left: 0.5rem;}
	.mypage-comment-list .comment-text {-webkit-line-clamp: 2; font-size: var(--fs-14);}
	.mypage-comment-list .comment-date, .mypage-comment-list .comment-post {font-size: var(--fs-13);}
	.mypage-comment-list .comment-post .cate {margin-right: 2rem;}
	.mypage-comment-list .comment-post .cate:after {right: -1.2rem; width: 0.3rem; height: 0.3rem;}

	.mypage-content-filter {gap: 0.8rem; margin-bottom: 2rem;}
	.mypage-content-filter select {flex: 1; min-width: 0; height: 4rem; padding: 0 3.5rem 0 1.5rem; background-position: right 1.5rem center;}
	.mypage-content .board-list-layout > .board-option {padding-bottom: 1rem;}
	.mypage-content .board-list-layout .board-list li {position: relative; flex-direction: column; align-items: stretch; gap: 1.5rem; padding: 2rem 0;}
	.mypage-content .board-list-layout .board-list .check-box {position: absolute; top: 3rem; left: 1rem; z-index: 1;}
	.mypage-content .board-list-layout .board-list .check-box input[type="checkbox"] + .txt {padding-left: 2rem; min-height: 2rem;}
	.mypage-content .board-list-layout .board-list .check-box .txt:before {width: 2rem; height: 2rem; background-size: 1.2rem;}
	.mypage-content .board-list-layout .board-thumbnail {width: 100%; height: auto;}
	.mypage-content .board-list-layout .board-thumbnail a {display: block; width: 100%;}
	.mypage-content .board-list-layout .board-thumbnail img {height: auto; aspect-ratio: 236 / 135;}
	.mypage-content .board-list-layout .board-info {margin-left: 0;}
	.mypage-content .board-list-layout .name-title {margin-bottom: 1rem; font-size: var(--fs-18);}
	.mypage-content .board-list-layout .name-title .cate {margin-right: 1rem; padding: 0.5rem 1.2rem; font-size: var(--fs-12);}
	.mypage-content .board-list-layout .board-option .date {font-size: var(--fs-14);}
	.mypage-content .board-list-layout .count-box {gap: 0.8rem;}
	.mypage-content .board-list-layout .count-box .count {gap: 0.3rem;}
	.mypage-content .board-list-layout .count-box .count .ico {width: 1.6rem; height: 1.6rem; background-size: contain;}
	.mypage-content .board-list-layout .count-box .count .num {font-size: var(--fs-13); line-height: 2rem;}

	.board-btn-box .default-btn {width: 10rem; font-size: var(--fs-16);}

	.board-view-layout .view-meta {gap: 2rem;}
	.board-view-layout .meta-item {font-size: var(--fs-15);}
	.board-view-layout .meta-item:not(:last-child):after {right: -1rem; height: 1rem;}
	.board-view-layout .view-title {font-size: var(--fs-36);}
	.board-view-layout .view-option {margin-top: 3rem;}
	.board-view-layout .count-box {gap:1.5rem}
	.board-view-layout .count-box .count .ico {width: 2rem; height: 2rem; background-size: 2rem;}
	.board-view-layout .count-box .count .num {font-size: var(--fs-15);}
	.board-view-layout .util-box .util-btn .ico {width: 2rem; height: 2rem;}
	.board-view-layout .editor-area {margin-top: 3rem; font-size: var(--fs-16);}
	.board-view-layout .view-bottom {margin: 4rem 0;}

	.share-layer {width: 30rem; padding: 1.5rem;}

	.attached-file-list {padding: 1rem; margin-top: 2rem;}
	.attached-file-list .file-list {gap: 0.8rem;}

	.board-view-layout .prev-next-box .prev, .board-view-layout .prev-next-box .next {gap: 1rem; padding: 2rem 0;}
	.board-view-layout .prev-next-box .prev {padding-right: 2rem;}
	.board-view-layout .prev-next-box .next {padding-left: 2rem;}
	.board-view-layout .prev-next-box .tit {font-size: var(--fs-18);}

	.board-comment-area {margin-top: 6rem;}
	.board-comment-area .comment-head {padding-bottom: 1rem;}
	.board-comment-area .comment-head .tit {font-size: var(--fs-20);}
	.board-comment-area .comment-box {padding: 2rem 0;}
	.board-comment-area .user-info {gap:1.5rem}
	.board-comment-area .user-info .name {font-size: var(--fs-18);}
	.board-comment-area .user-info .date {font-size: var(--fs-16);}
	.board-comment-area .reply-list .comment-box {padding-bottom: 2rem;}
	.board-comment-area .comment-write {margin-top: 3rem; padding: 1.5rem;}
	.board-comment-area .reply-write {padding: 0 0 2rem 2rem;}
	.board-comment-area .write-user {margin-bottom: 1rem;}
	.board-comment-area .write-bottom {margin-top: 1rem;}

	.board-write-layout .write-top {padding: 1.5rem;}
	.board-write-layout .write-body {padding: 2rem 1.5rem;}
	.board-write-layout .form-item {flex-direction: column; gap: 1.5rem;}
	.board-write-layout .form-item .label {font-size: var(--fs-18);}
	.board-write-layout .form-item .form-group {width: 100%;}
	.board-write-layout .form-item .label {flex: auto;}
	.board-write-layout .board-btn-box {margin-top: 2rem; padding: 0 1.5rem 3rem;}
	.board-write-layout .form-item .label {padding-top: 0;}

	.login-box .logo-box img {width: 16rem;}
	.login-form .input-box {padding: 1.5rem; align-items: center;}
	.login-form .input-box .ico {width: 1.5rem; height: 1.5rem; background-size: contain;}
	.login-form .login-btn {height: 4.5rem; font-size: var(--fs-18);}
	
	.member-box .member-title {padding: 2rem 1.5rem;}
	.member-box .member-title-text {font-size: var(--fs-20);}
	.member-btn-box .default-btn {height: 4.5rem; font-size: var(--fs-18);}

	.agree-box .agree-form {padding: 2rem 1.5rem;}
	.agree-box .agree-all {margin-bottom: 3rem;}
	.agree-box .agree-list .agree-cont {max-height: 20rem;}
	.agree-box .agree-list .agree-cont strong {font-size: var(--fs-18);}

	.join-form {padding: 2rem 0;}
	.join-form .form-item {gap: 1rem; margin-bottom: 3rem;}
	.join-form .form-group select, .join-form .form-group input[type="text"], .join-form .form-group input[type="tel"], .join-form .form-group input[type="password"], .join-form .form-group input[type="email"] {height: 4.5rem; padding: 0 1.5rem;}
	.join-form .form-group .check-btn {width: 10rem; height: 4.5rem;}
	.join-form .form-group .form-guide, .join-form .form-group .form-msg {font-size: var(--fs-12);}
	.join-form .phone-box {display: flex; flex-direction: column; gap: 1rem;}
	.join-form .type-item .txt {height: 4.5rem; font-size: var(--fs-14);}
	.join-form .file-btn {height: 4.5rem; padding: 0 1.5rem; font-size: var(--fs-14);}
	.join-form .file-add-btn, .join-form .file-remove-btn {width: 4.5rem; height: 4.5rem; font-size: var(--fs-20);}
	.mypage-form .file-btn {padding: 0 1.5rem; font-size: var(--fs-14);}
	.mypage-form .form-guide, .mypage-form .form-msg {font-size: var(--fs-12);}
	.mypage-form .phone-box {flex-direction: column; align-items: stretch;}
	.mypage-form .phone-box select {width: 100%;}
	.withdraw-notice {margin-bottom: 3rem; padding: 2rem 1.5rem;}
	.withdraw-notice .notice-title {margin-bottom: 1.2rem; font-size: var(--fs-16);}
	.withdraw-notice .notice-list li {font-size: var(--fs-13);}
	.withdraw-reason-list {grid-template-columns: 1fr;}
	.radio-item .txt {height: 4.8rem; padding: 0 1.5rem; font-size: var(--fs-14);}
	.radio-item .txt:before {width: 1.8rem; height: 1.8rem;}
	.mypage-form .form-group textarea {min-height: 12rem; padding: 1.2rem 1.5rem; font-size: var(--fs-14);}
	.withdraw-agree {margin-bottom: 3rem;}
	.withdraw-agree .check-box input[type="checkbox"] + .txt {font-size: var(--fs-14);}
	.withdraw-form .mypage-btn-box .line-btn, .withdraw-form .mypage-btn-box .default-btn {flex: 1;}
	.join-form .file-del-btn {height: 4.5rem; padding: 0 1.5rem; font-size: var(--fs-14);}
	.mypage-form .file-del-btn {padding: 0 1.5rem; font-size: var(--fs-14);}

	.complete-box {padding: 7rem 1.5rem; gap: 3rem;}
	.complete-box .box-title {margin-bottom: 2rem; font-size: var(--fs-30);}
	.complete-box .complete-btn {width: 100%; max-width: 40rem; line-height: 4.5rem; font-size: var(--fs-18);}

	.complete-box .doctor-cont {font-size: var(--fs-16);}
	.approve-info-list {padding: 2rem 1.5rem;}
	.approve-info-list .info-item {flex-direction: column; gap: .6rem;}
	.approve-info-list dt {flex: auto; font-size: var(--fs-14);}
	.approve-info-list dd {font-size: var(--fs-16);}
	.approve-notice {font-size: var(--fs-13);}

	.find-tab a {height: 5.6rem; font-size: var(--fs-18);}
	.find-guide-box {gap: 1.5rem; margin-top: 3rem; padding: 2rem 1.5rem;}
	.find-guide-box .guide-txt {font-size: var(--fs-14);}
	.kakao-inquiry-btn {width: 100%; height: 4.5rem; font-size: var(--fs-14);}
	.find-box .complete-box .box-cont {font-size: var(--fs-16);}
	.find-result-box {padding: 2rem 1.5rem;}
	.find-result-list li {flex-direction: column; align-items: flex-start; gap: .6rem;}
	.find-result-list .result-id {font-size: var(--fs-18);}
	.find-result-list .result-date {font-size: var(--fs-14);}
	.find-notice-list li {font-size: var(--fs-13);}
	.sns-info-box {padding: 2rem 1.5rem;}
	.sns-info-box .label {font-size: var(--fs-16);}
	.sns-info-box .value {font-size: var(--fs-18);}
	.complete-box .sns-ico img {width: 6rem; height: 6rem;}
	.complete-box .complete-btn-box {flex-direction: column; align-items: center;}
	.complete-box .complete-btn-box .complete-btn {flex: none; width: 100%; max-width: 40rem;}
	.complete-box .complete-btn.line {line-height: calc(4.5rem - 2px);}

	.footer .f-info dl {align-items: flex-start;}
	.footer .f-info dl dt {flex: 0 0 auto;}
	.footer .f-info dl dt, .footer .f-info dl dd {font-size: var(--fs-12); line-height: 1.3;}

}