@media(max-width:1400px){
	html {font-size: 15px;}

	#gnb_all .gnb_all_close {right: 5%; top: 5%;}
	#gnb_all .menu{
		padding-top: 200px;
		transform: initial;
	}
	#header .lnb > ul > li {
		font-size: 1.15rem;
		margin: 0 0.75rem;
		padding: 1rem 0.5rem;
	}
	.section1.fixed {margin-top: 185px !important;}

	#index .section5 {
		display: flex;               /* 순서 제어를 위해 flex로 전환 */
		flex-direction: column;      /* 위→아래 흐름 */
		background-image: none;
	}
	#index .section5 #twentytwenty-box {margin-bottom: 2rem;}
	#index .section5 .my-view {width: 50%;}

	#index .section5 .titBox {
		position: static;
		order: -1;
		margin-bottom: 4rem;
		text-align: center;
	}
	#index .section5 .tit {
		font-size: 4rem;
		margin-bottom: 1rem;
	}
	#index .section5 .my-view li {
		width: 42%;
		margin-right: 1rem;
		margin-bottom: 1rem;
	}

	#onlyLej .face h1 {font-size: 5rem;}
	#safety .face h1 {font-size: 5rem;}

	.sub-common .common2 .subject {font-size: 5rem;}

	.footer1 #daumRoughmapContainer1626595700279 {width: 612px !important;}
}

@media(max-width:1200px){
	html {font-size: 14px;}
	.section1.fixed {margin-top: 179px !important;}

	#index .section5 .twentytwenty-container {width: min(400px, 75vw);}

	.intro-page .main-visual .logo {font-size: 20rem; bottom: -19%;}

	.sub-common .common2 .subject {font-size: 4rem;}

	.sub-page .main-visual .content {width: 90%;}
	.sub-page .main-visual ul {width: 50%;}

}


@media(max-width:960px){
	html {font-size: 13px;}
	#header .lnb > ul > li {
		font-size: 1.05rem;
		margin: 0 0.5rem;
	}
	.section1.fixed {margin-top: 172px !important;}

	#index .section5 #twentytwenty-box {margin-right: 2rem;}
	#index .section6 {padding-bottom: 5%;}
	#index .section6 .swiper-pagination {bottom: -5%;}

	#location .parking {padding: 3rem;}

	#onlyLej .face h1 {font-size: 4rem;}
	#onlyLej .consultation li h2 {font-size: 3rem;margin-bottom: 0.5rem;}
	#onlyLej .consultation li.ment.left {padding-left: 3rem;}
	#onlyLej .consultation li div {font-size: 1rem;}

	#safety .face h1 {font-size: 4rem;}
	#safety .consultation li h2 {font-size: 3rem;}
	#safety .consultation li.ment.left {padding-left: 3rem;}
	#safety .consultation li div {font-size: 1rem;}

	#event .gallery li { flex: 0 0 calc((100% - 1.4rem) / 2); }

	.sub-common .swiper-pagination {bottom: 7.5%;}

	.footer1 {flex-direction:column}
	.footer1 #daumRoughmapContainer1626595700279 {width: 100% !important;}
	.footer1 .contactWrap {padding:5rem 0;}
	.footer1 .contact {width: 72%;}
	.footer1 .contact .p1, .footer1 .contact .p2 {font-size: 1.5rem;margin-bottom: 2.5rem;}
}

@media(max-width:768px){
	html {font-size: 12px;}
	.mo_none {display: none !important}
	.mo_flex_none {display: none !important}
	.pc_none {display: block !important;}
	.pc_flex_none {display: flex !important;}

	.tbl_basic td, 
	.tbl_basic th {
		font-size: 1rem;
		padding: 1rem 0.5rem;
		max-width: 100px;
	}
	.tbl_basic th:nth-child(3),
	.tbl_basic td:nth-child(3) {max-width: 150px;	}
	.tbl_basic .regdate {display: none;}

	#header .gnb {justify-content: center;}
	#header .gnb .icons {display: none;}
	#header .gnb .mypage {display: none;}
	#header .gnb_mobile_btn {display: block;}
	#header .lnb {display: none;}
	#gnb_all .gnb_all_close {
		right: 5%;
		top: 3%;
		width: 2rem;
		opacity: 0.8;
	}
	#gnb_all .menu {
		display: block;
		padding-top: 2.5rem;
	}
	#gnb_all .menu > div {
		width: 100%;
		margin-bottom: 1rem;
	}
	#gnb_all .menu > div > ul {
		display: none;
		font-size: 1.5rem;
		margin-bottom: 3rem;
	}
	#gnb_all .menu .tit {
		font-size: 1.5rem;
		margin-bottom: 0.5rem;
	}
	#gnb_all .menu > div > ul dl {
		font-size: 1.5rem;
		margin-top: 0.5rem;
	}
	#gnb_all .menu .sns_set ul {
		display: flex;
		width: 80%;
		margin: 2rem auto 0;
	}
	#gnb_all .menu .sns_set li {margin: 0 0.5rem;}
	#gnb_all_bg {
		background-image: url('/images/common/gnb_all_bg_mo.jpg');
		background-size: 100%;
	}

	.section1.fixed {margin-top: 114px !important;}

	#div_laypopup {width: 96%;}
	#quick_right {display: none;}
	#quick_right_mo {display: block;}

	#index .section1-pagination {bottom:4vh;}
	#index .section2 {padding: 15% 0}
	#index .section2 > div {flex-direction: column;}
	#index .section2 .left {width: 80%; margin-bottom: 3rem;}
	#index .section2 .left p {font-size: 1.75rem;}
	#index .section2 .right {
		display: flex;
		gap: 3rem;
		overflow-x: auto;
		overflow-y: hidden;
		-webkit-overflow-scrolling: touch;  /* iOS 모멘텀 스크롤 */
		scroll-snap-type: x mandatory;      /* 스냅 느낌 */
		padding-bottom: 1px;       /* 일부 브라우저에서 스크롤바 겹침 방지용 미세 패딩 */
		/* 스크롤바 숨기기 (크로스브라우저) */
		scrollbar-width: none;     /* Firefox */
		-ms-overflow-style: none;  /* IE/Edge 레거시 */
	}

	#index .section2 .right li {
		flex: 0 0 53%; /* 1.5개 정도 보이도록 (100 ÷ 1.5 = 66%) */
		scroll-snap-align: start;
		margin-left: 0; /* PC용 마진 제거 */
	}

	#index .section2 .right .imgBox {margin-bottom: 1rem;}
	#index .section2 .right::-webkit-scrollbar {
		display: none;
		width: 0;
		height: 0;
		background: transparent;
	}
	#index .section2 .right img {
		user-select: none;
		-webkit-user-drag: none;
		pointer-events: none;      /* 필요시 해제 */
	}
	#index .section2 .right h3 {margin-top: 2rem;}

	#index .section3 {padding: 15% 0;}
	#index .section3 .category li {margin-left: .5rem; margin-right: .5rem;}
	#index .section3 .category li:after {right: -0.5rem;}
	#index .section3 #youtube-player { width: 90vw; height: calc(90vw * 9/16); }
	#index .section3 .youtube-swiper {padding: 0;margin-bottom: 0;}
	#index .section3 .youtube-swiper .swiper-wrapper {
		display: grid !important;
		grid-template-columns: repeat(2, 1fr);
		gap: 1rem;  /* 카드 간격 */
		transform: none !important; /* Swiper가 넣는 transform 제거 */
		margin-bottom: 5rem;
	}
	#index .section3 .youtube-swiper .swiper-slide {
		width: 100% !important; /* swiper가 강제로 주는 width 초기화 */
		margin: 0 !important;
	}
	#index .section3 .youtube-swiper .swiper-slide:last-child {display: none;}
	#index .section3 .swiper-pagination {display: none; /* 프로그레스바 숨김 */}

	#index .section4 {padding: 15% 0;}
	#index .section4 h2 {font-size: 5rem;line-height: 5rem;}
	#index .section4 .imgList {flex-wrap: wrap;}
	#index .section4 .imgList li {flex:0 0 46%}
	#index .section4 .imgList li:nth-child(3) {order: 4; /* 원래 3번째 → 4번째로 */ top: -6rem; position: relative;}
	#index .section4 .imgList li:nth-child(4) {order: 3; /* 원래 4번째 → 3번째로 */}
	#index .section4 .imgList li:nth-child(5) {order: 6; /* 원래 5번째 → 6번째로 */ top: -6rem; position: relative;}
	#index .section4 .imgList li:nth-child(6) {order: 5; /* 원래 6번째 → 5번째로 */}
	#index .section4 .imgList .mo_tit {
		text-align: right;
		padding-right: 1rem;
	}	
	#index .section5 {padding: 15% 0;}
	#index .section5 .cardWrap {
		flex-direction: column;
		align-items: center;
	}
	#index .section5 #twentytwenty-box {
		margin-right: 0; 
		margin-bottom: 3rem; 
	}
	#index .section5 .my-view {
		width: 83%; 
		justify-content: space-between;
	}
	#index .section5 .my-view li {
		flex: auto;
		width: 31%;
		margin-right: 2%;
	}
	#index .section5 .my-view li:nth-child(3n) {
		margin-right: 0;
	}
	#index .section5 .titBox {
		text-align: left;
		width: 80%;
		margin: 0 auto 4rem;
	}
	#index .section5 .tit {
		font-size: 5rem;
		line-height: 5rem;
		margin-bottom: 2rem;
	}

	#index .section6 {padding: 15% 0;} 
	#index .section6 h2 {
		width: 60%;
		text-align: center;
		margin: 0 auto 0.75rem;
	}
	#index .section6 .sub {font-size: 1.75rem;}
	#index .section6 .exp {font-size: 1.5rem;}

	#index .section6 .swiper-button-next,
	#index .section6 .swiper-button-prev {display: none !important;	}

	#staff .section4 .swiper-button-prev, #staff .section4 .swiper-button-next {display: none;}
	#location #map2 > iframe {height: 400px;}
	#location .clue {
		flex-direction: column;
		align-items: start;
	}
	#location .clue li {
		min-height: 50px;
		border-right: 0;
		padding-left: 1rem;
		margin-bottom: 2rem;
	}
	#location .clue li h2 {font-size: 2rem;}
	#location .clue li h2 + div {font-size: 1.75rem;}
	#location .clue li dt {width: auto;}
	#location .parking {
		position: relative;
		flex-direction: column;
		padding-bottom: 5rem;
	}
	#location .parking .ico_parking {
		position: absolute;
		left: 50%;
		transform: translateX(-50%);
		top: -3rem;
	}
	#location .parking .exp {
		padding: 0;
		margin: 2rem 0 4rem;
		font-size: 2rem;
	}
	#location .parking .address {
		padding: 0 14%;
		font-size: 1.75rem;
		text-align: center;
	}
	#location .map-content {height: auto;}
	#location .map-content .map-box {height: auto;}

	.intro-page .main-visual {
		background-position: 30%;
		background-image: url('/images/intro/banner_introduce_mo.jpg')
	}
	.intro-page .text-box {
		right: 0%;
		top: 7rem;
		max-width: 85%;
	}
	.intro-page .text-box .eng {
		font-size: 4rem;
		margin-bottom: 2rem;	
	}
	.intro-page .text-box .kor {font-size: 2rem;}
	.intro-page .main-visual .logo {
		right: 2%;
		bottom: -14%;
		font-size: 20rem;
	}
	#onlyLej .face {padding-top: 21%; margin-bottom: 5rem;}
	#onlyLej .face h1 {width: 36%;font-size: 5rem;}
	#onlyLej .face h1:after {display: none;}
	#onlyLej .face p {font-size: 1.5rem;}
	#onlyLej .face .exp {font-size: 1.25rem;margin-bottom: 5rem;}
	#onlyLej .consultation li {flex: auto;margin-bottom: 1rem;}
	#onlyLej .consultation li:nth-child(3) {order:4}
	#onlyLej .consultation li:nth-child(4) {order:3}
	#onlyLej .consultation li:nth-child(7) {order:8}
	#onlyLej .consultation li:nth-child(8) {order:7}
	#onlyLej .consultation li.ment {margin-bottom: 3rem;}
	#onlyLej .consultation li.ment.left {padding-left: 0;}
	#onlyLej .consultation li h2 {font-size: 4rem;}
	#onlyLej .consultation li div {font-size: 1.25rem;}

	#safety .face {padding-top: 21%;}
	#safety .face h1 {width: 36%;font-size: 5rem;}
	#safety .face h1:after {display: none;}
	#safety .face p {font-size: 1.5rem;}
	#safety .consultation li {flex: auto;margin-bottom: 1rem;}
	#safety .consultation li:nth-child(3) {order:4}
	#safety .consultation li:nth-child(4) {order:3}
	#safety .consultation li:nth-child(5) {order:5}
	#safety .consultation li:nth-child(6) {order:6}
	#safety .consultation li.ment {margin-bottom: 3rem;}
	#safety .consultation li.ment.left {padding-left: 0;}
	#safety .consultation li h2 {font-size: 4rem;}
	#safety .consultation li div {font-size: 1.25rem;}

	.sub-common .common2 .subject {font-size: 6rem;}
	.sub-common .swiper-button-next,
	.sub-common .swiper-button-prev {display: none !important;}

	.sub-page .main-visual .bg {
		height: 60vh;
		justify-content: end;
		background-position: top center;
	}
	.sub-page .main-visual .content {
		width: 85%;
		color: #fff;
	}
	.sub-page .main-visual h2 {
		font-size: 4rem;
		margin-bottom: 1rem;
		margin-top: 0.5rem;
	}
	.sub-page .main-visual h1 {
		font-size: 2.75rem;
		margin-bottom: 4rem;
	}
	.sub-page .main-visual p {
		font-size: 1.75rem;
		margin-bottom: 0;
	}
	.sub-page .section2 .sub {font-size: 1.75rem;}
	.sub-page .section2 .exp {font-size: 1.7rem; line-height: 2.5rem;}
	.sub-page .section2 .nose-page {gap:1rem; margin-top: 4vh; margin-bottom: 4vh;}
	.sub-page .section2 .nose-page li:nth-child(1) img {border-radius: 80% 0 70% 0;}
	.sub-page .section2 .nose-page li:nth-child(3) img {border-radius: 0 80% 0 70%;}
	.sub-page .section2 .container1500 {width: 100%;}
	
	#cellfix-nose .main-visual .bg {background-image: url('/images/nose/cellfix01-1_mo.jpg');}
	#closed-rhinoplasty .main-visual .bg {background-image: url("/images/nose/closed01-1_mo.jpg");}
	#non-implant .main-visual .bg {background-image: url("/images/nose/non_implant01-1_mo.jpg");}
	#alar .main-visual .bg {background-image: url("/images/nose/alar01-1_mo.jpg");}
	#yongko .main-visual .bg {background-image: url("/images/nose/yongko01-1_mo.jpg");}

	#fore-fting .main-visual .bg {background-image: url("/images/lifting/forefting01-1_mo.jpg");}
	#ultherapy .main-visual .bg {background-image: url("/images/lifting/ultherapy01-1_mo.jpg");}
	#thermage .main-visual .bg {background-image: url("/images/lifting/thermage01-1_mo.jpg");}
	#titanium .main-visual .bg {background-image: url("/images/lifting/titanium01-1_mo.jpg");}

	#fat-grafting .main-visual .bg {background-image: url("/images/fat/fat_grafting01-1_mo.jpg");}
	#radius .main-visual .bg {background-image: url("/images/quick/radius01-1_mo.jpg");}

	.footer1 .contact {width: 80%;}
	.footer1 .contact .p3 {font-size: 4rem;}
	.footer2 {padding: 10% 0;}
	.footer2 .footer-inner {
		flex-direction: column;
		width: 90%;
		margin: 0 auto;
	}
	.footer2 .footer-logo {margin-bottom: 2rem;}
	.footer2 .footer-info {
		font-size: 1.375rem;
		margin: 0 0 5rem 0;
	}
	.footer2 .footer-menu ul {display: flex;}
	.footer2 .footer-menu li {
		position: relative;
		font-size: 1.25rem;
		margin-right: 2rem;
	}
	.footer2 .footer-menu li:after {
		display: block;
		content: "";
		width: 1px;
		height: 1.1rem;
		background-color: #fff;
		position: absolute;
		right: -1rem;
		top: 0.5rem;
	}
	.footer2 .footer-menu li:last-child:after {display: none;}
	.footer2 .copy {font-size: 1.25rem;}
}

@media(max-width:600px){
	.intro-page .main-visual {height: 435px;}
	.intro-page .main-visual .logo {
		font-size: 15rem;
		right: 5%;
		bottom: -20%;
	}
	.intro-page .text-box {right: 0%;}
	.intro-page .text-box .eng {font-size: 2.75rem;margin-bottom: 1rem;}
	.intro-page .text-box .kor {font-size: 1.7rem;}

	.sub-page .main-visual p {font-size: 1.75rem;}
	.sub-page .main-visual h2 {font-size: 4rem;}
	.sub-page .main-visual h1 {font-size: 2.5rem;}

	.footer1 .contactWrap {font-size: 1.25rem;}
	.footer1 .contact .p1, .footer1 .contact .p2 {font-size: 1.25rem;}
	.footer1 .contact .p3 {font-size: 3rem;}
	.footer2 .footer-logo img {max-width: 150px;}
	.footer2 .footer-info {font-size: 1.25rem;}
}

@media(max-width:480px){
	html {font-size: 10px;}

	#index .section3 .sub {margin-bottom: 2rem;}
	.intro-page .text-box {top:6rem}
	.intro-page .text-box .eng {font-size: 3rem;}
	.intro-page .text-box .kor {font-size: 1.5rem;}
	.intro-page .main-visual {height: 350px;}
	.intro-page .main-visual .logo {font-size: 12rem; bottom: -16%;}

	.sub-page .main-visual .bg {height: 45vh;}
	.sub-page .main-visual h1 {font-size: 2rem;}

	#event .gallery li { flex: 0 0 100%; }

	.footer2 .footer-menu li {font-size: 1rem;}
	.footer2 .footer-menu li:after {height: 0.9rem; }
	.footer2 .footer-inner {width: 90%;top:0.45rem}
}

@media(max-width:320px){
	html {font-size: 8px;}

	.intro-page .text-box .kor {margin-bottom: 0;}
}