@charset "UTF-8";
/* hanbom.com _ DA LIFTING _ HUNHOONS _ 20250313 */
/*  START =====
	FONT
*/
/* hanbom.com */
@font-face {
	font-family: 'S-CoreDream';
	font-weight: 100;
	font-style: normal;
	font-display: swap;
	src:url('../fonts/S-Core_Dream/SCDream1.otf') format('opentype'), 
		url('../fonts/S-Core_Dream/SCDream1.woff') format('woff');
}

@font-face {
	font-family: 'S-CoreDream';
	font-weight: 200;
	font-style: normal;
	font-display: swap;
	src:url('../fonts/S-Core_Dream/SCDream2.otf') format('opentype'), 
		url('../fonts/S-Core_Dream/SCDream2.woff') format('woff');
}

@font-face {
	font-family: 'S-CoreDream';
	font-weight: 300;
	font-style: normal;
	font-display: swap;
	src:url('../fonts/S-Core_Dream/SCDream3.otf') format('opentype'), 
		url('../fonts/S-Core_Dream/SCDream3.woff') format('woff');
}

@font-face {
	font-family: 'S-CoreDream';
	font-weight: 400;
	font-style: normal;
	font-display: swap;
	src:url('../fonts/S-Core_Dream/SCDream4.otf') format('opentype'), 
		url('../fonts/S-Core_Dream/SCDream4.woff') format('woff');
}

@font-face {
	font-family: 'S-CoreDream';
	font-weight: 500;
	font-style: normal;
	font-display: swap;
	src:url('../fonts/S-Core_Dream/SCDream5.otf') format('opentype'), 
		url('../fonts/S-Core_Dream/SCDream5.woff') format('woff');
}

@font-face {
	font-family: 'S-CoreDream';
	font-weight: 600;
	font-style: normal;
	font-display: swap;
	src:url('../fonts/S-Core_Dream/SCDream6.otf') format('opentype'), 
		url('../fonts/S-Core_Dream/SCDream6.woff') format('woff');
}

@font-face {
	font-family: 'S-CoreDream';
	font-weight: 700;
	font-style: normal;
	font-display: swap;
	src:url('../fonts/S-Core_Dream/SCDream7.otf') format('opentype'), 
		url('../fonts/S-Core_Dream/SCDream7.woff') format('woff');
}

@font-face {
	font-family: 'S-CoreDream';
	font-weight: 800;
	font-style: normal;
	font-display: swap;
	src:url('../fonts/S-Core_Dream/SCDream8.otf') format('opentype'), 
		url('../fonts/S-Core_Dream/SCDream8.woff') format('woff');
}

@font-face {
	font-family: 'S-CoreDream';
	font-weight: 900;
	font-style: normal;
	font-display: swap;
	src:url('../fonts/S-Core_Dream/SCDream9.otf') format('opentype'), 
		url('../fonts/S-Core_Dream/SCDream9.woff') format('woff');
}

/* 고담폰트 */

@font-face {
	font-family: 'Gotham';
	font-weight: 400;
	font-style: normal;
	font-display: swap;
	src: url('../fonts/Gotham/gotham-light-webfont.woff2') format('woff2'), 
         url('../fonts/Gotham/gotham-light-webfont.woff') format('woff'),
         url('../fonts/Gotham/gotham-light-webfont.ttf') format('truetype');
}

@font-face {
	font-family: 'Gotham';
	font-weight: 700;
	font-style: normal;
	font-display: swap;
	src: url('../fonts/Gotham/gotham-bold-webfont.woff2') format('woff2'), 
         url('../fonts/Gotham/gotham-bold-webfont.woff') format('woff'),
         url('../fonts/Gotham/gotham-bold-webfont.ttf') format('truetype');
}

/* 	// END =====
	FONT
*/



/*  START =====
	RESET 
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section { display: block; }
body { min-width: 1400px; line-height: 1; font-family: 'S-CoreDream';}
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }

body.modal-opened{overflow: hidden;}
/*  // END =====
	RESET
*/


/*  START =====
	ROOT
*/
:root{
	/* color */
	--pink-01: #FF5273;
	--pink-02: #FFE3E0;
	--pink-03: #FEF2F2;

	--blue-01: #95B5EF;
	--blue-02: #959AA4;

	--navy-01: #07193E;

	--white-01: #FFFFFF;
	--white-02: #FAFAFA;
	--white-03: #F1F2F3;

	--gray-01: #7B7E84;
	--gray-02: #333333;
	--gray-03: #D7D7D7;

	--black-op-04: rgba(0,0,0,0.4);
	--black-op-06: rgba(0,0,0,0.6);
	--black-op-08: rgba(0,0,0,0.8);

	--white-op-04: rgba(255,255,255,0.4);
	--white-op-06: rgba(255,255,255,0.6);
	--white-op-08: rgba(255,255,255,0.8);

	/* size */
	--xsmall: 26px;
	--small: 32px;
	--medium: 40px;
	--large: 52px;
	--xlarge: 72px;
	
	/* font */
	--ff-gotham: 'Gotham';
}
/*  // END =====
	ROOT
*/


/*  START =====
	BUTTON	
*/
a, a:is(:link, :visited, :active, :hover){
	text-decoration: none; outline: none; color: inherit;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
button{
	border: 0 none; font: inherit; color: inherit;
	-webkit-appearance:none; -moz-appearance: none; 
	appearance: none;
}
button:focus,
a:focus{
	outline-color: transparent; 
	outline-style: none;
}

/* .btn */
.btn{ width: fit-content;
	display: flex; align-items: center; justify-content: center;
	background-color: transparent;  text-align: center;
	box-sizing: border-box; border-radius: 0px;
	border: 0 none; outline: none; cursor: pointer; 
	font-size: inherit; vertical-align: middle; 
}
a.btn		{text-decoration: none;}
button.btn	{overflow: visible; margin: 0;}
.btn.radius-full{border-radius: 100px;}


/* button size */
.btn.medium	{height: var(--medium); padding: 0 12px; font-size: 18px;}
.btn.large	{height: var(--large); padding: 0 20px;}
.btn.xlarge	{height: var(--xlarge); padding: 0 24px; font-size: 24px;}

/* button style */
.btn:is(.blue-01, .pink-01, .gray-03){color: var(--white-01);}
.btn.blue-01	{background-color: var(--blue-01); }
.btn.pink-01	{background-color: var(--pink-01); }
.btn.gray-01	{background-color: var(--gray-01); }
.btn.gray-02	{background-color: var(--gray-02); }
.btn.gray-03	{background-color: var(--gray-03); }


.btn.bdr-navy-01{border: 1px solid var(--navy-01); color: var(--navy-01);}
.btn.bdr-blue-01{border: 3px solid var(--blue-01); color: var(--blue-01);}
.btn.bdr-pink-02{border: 3px solid var(--pink-01); color: var(--pink-01);}

/* button etc */

.btn:is([class*="slide-"])

/* button-area */
.button-area	{
	display: flex; align-items: center;
}
.button-area.start	{justify-content: flex-start;}
.button-area.end	{justify-content: flex-end;}
.button-area.center {justify-content: center;}
.button-area.between{justify-content: space-between;}

/* swiper button */
.swiper-btns{
	display: flex; align-items: center;
	gap: 8px;
}
.swiper-btns .swiper-button-next,
.swiper-btns .swiper-button-prev{position: static; margin: 0;}
.swiper-button-next,
.swiper-button-prev				{width: 50px; height: 50px; border-radius: 50px; background: var(--navy-01);}
.swiper-button-disabled 		{background: #67738a; opacity: 1 !important;}
.swiper-button-next::after,
.swiper-button-prev::after		{font-size: 0; display: block; width: 10px; height: 17px;
	background-image: url("../images/common/ico_slide.png");
	background-size: contain; background-position: center; background-repeat: no-repeat;
}
.swiper-button-prev::after		{ transform: scaleX(-1); }
.swiper-button-lock{display: flex !important;}


/*  // END =====
	BUTTON
*/


/*  START =====
	GLOBAL
*/

/* border-box */
div, article, aside, footer, header, 
hgroup, main, menu, nav, section,
h1, h2, h3, h4, h5, h6, p,
ul, ol, li,
nav, a, button,
label, input,
select, textarea {box-sizing: border-box;}


/* max width & width */
.max-1200{max-width: 1200px; margin: 0 auto;}
.max-1275{max-width: 1275px; margin: 0 auto;}
.max-1400{max-width: 1400px; margin: 0 auto;}
.w-full {width: 100%;}

/* title & text */
.section-title{font-size: 28px; color: var(--navy-01);}
.section-title strong{
	display: inline-flex; padding-bottom: 16px;
	font-size: 40px; font-weight: 700;
}

/* font family */
[class*="ff-gotham-"]{font-family: var(--ff-gotham);}
.ff-gotham-400{ font-weight: 400}
.ff-gotham-700{ font-weight: 700}
/* font weight */
strong,
.fw-700 {font-weight: 700}


/* text deco */
.underline {text-decoration: underline;}


/* align */
.ta-c {text-align: center !important;}
.ta-l {text-align: left !important;}
.ta-r {text-align: right !important;}


/* ellipsis */
.ellipsis		{display: block; overflow: hidden; text-overflow: ellipsis;
	-webkit-line-clamp: 2; -webkit-box-orient: vertical;
}
.ellipsis:not([class*="line"])		{white-space: nowrap;}
.ellipsis[class*="line"]			{
	display: -webkit-box; word-wrap: break-word; -webkit-box-orient: vertical;
}
.ellipsis.line1		{-webkit-line-clamp: 1;}
.ellipsis.line2		{-webkit-line-clamp: 2;}

/* badge & tag */
.badge, .tag{
	align-items: center; justify-content: center;
}
.badge{ display: flex; }


.badge.ranking{
	width: 50px; height: 50px; border-radius: 50px;
	color: var(--white-01); box-shadow: 6px 0 30px rgba(110,127,141, 0.23)
	;
	font-size: 34px; font-family: var(--ff-gotham); font-weight: 700;
}
.badge.ranking.odd{background-color: var(--blue-01);}
.badge.ranking.even{background-color: var(--white-01); color: var(--blue-01);}

.tag-wrap{ gap: 4px;
	display: flex; align-items: center;
}
.tag{display: inline-flex;}


/* img-wrap */
img			{user-select: none;}
.img-wrap	{position: relative; overflow: hidden;}
.img-wrap:not() img,
.img-wrap picture		{display: block; vertical-align: top;}
.img-wrap.centered img 	{
	position: relative; left: 50%; margin: 0 auto;
	text-align: center; transform: translateX(-50%); vertical-align: top;
}
.img-wrap:not(.centered) img{width: 100%; height: 100%;
	object-fit: cover; object-position: center;
}


/* pack(flex) */
[class*="pack-"] {
	display: flex;
	gap: var(--gap);
}
[class*="pack-"].items-start {align-items: flex-start;}
[class*="pack-"].items-end	 {align-items: flex-end;}
[class*="pack-"].items-center{align-items: center;}
[class*="pack-"].items-wrap	 {flex-wrap: wrap;}

[class*="pack-"].reverse-col {flex-direction: column-reverse;}
[class*="pack-"].reverse-row {flex-direction: row-reverse;}

.pack-top	{ justify-content: flex-start; }
.pack-end	{ justify-content: flex-end; }
.pack-center{ justify-content: center; }
.pack-both	{ justify-content: space-between; }
.pack-col	{ flex-direction: column; }
.pack-row	{ flex-direction: row; }

/* grid */
.data-grid{
	display: grid; align-items: stretch;
	grid-template-columns: repeat(12, 1fr);
	
}
.data-grid > li{ grid-column: span 12; }
.data-grid.col-2 li{ grid-column: span 6; }
.data-grid.col-3 li{ grid-column: span 4; }
.data-grid.col-4 li{ grid-column: span 3; }


/* item ========== */
.item{ position: relative;
	display: flex;
	flex-direction: column;
}

/* item da-ranking */
.ranking-box .badge.ranking{
	box-shadow: 6px 0 30px rgba(110,127,141, 0.23);
}

.item.da-ranking{ overflow: hidden;
	box-shadow: 6px 0 30px rgba(110,127,141, 0.23);
	border-radius: 30px;
}
.item.da-ranking .img-wrap{ height: 305px; }
.item.da-ranking :is(.data-wrap, .text-wrap){
	display: flex; flex-direction: column;
}
.item.da-ranking .data-wrap{
	padding: 20px 18px; min-height: 210px;
	background-color: var(--white-01);
	justify-content: space-between;
}

.item.da-ranking .text-wrap{ gap: 10px; }
.item.da-ranking .cate{font-size: 12px; color: var(--blue-02); }
.item.da-ranking .title{gap: 6px;}
.item.da-ranking .title strong{font-size: 28px; color: var(--navy-01);}
.item.da-ranking .title span{font-size: 18px; color: var(--blue-01);}
.item.da-ranking .text{font-size: 16px; color: var(--blue-02); letter-spacing: -0.75px; font-weight: 400;}

.item.da-ranking .text-wrap + .icon-wrap{padding-top: 25px;}
.item.da-ranking .icon-wrap{text-align: right;}


/* item da-before-after */
.item.da-before-after{overflow: hidden; border-radius: 30px;}
.item.da-before-after .img-wrap{}
.item.da-before-after .dimmed-wrap{
	position: absolute; top: 0; left: 0;
	padding: 20px 18px; width: 50%; height: 100%;
	display: flex; align-items: center;
	justify-content: center; flex-direction: column;
	background-color: var(--black-op-06); color: var(--white-01);
	text-align: center;
}
.item.da-before-after .dimmed-wrap span{line-height: 1.4; letter-spacing: -0.75px;}
.item.da-before-after .dimmed-wrap .login-text{font-size: 26px;}
.item.da-before-after .dimmed-wrap .medical-text{font-size: 22px;}
.item.da-before-after .dimmed-wrap .btn{
	margin-block: 30px 20px; width: 100%;
	font-size: 24px;
}


/* item da-selfies */
.item.da-selfies{}
.item.da-selfies .img-wrap{
	width: 100%; height: 285px;
}
.item.da-selfies .img-wrap img{
	width: 100%; height: 100%;
}
.item.da-selfies .data-wrap{ min-height: 100px; padding: 22px 10px;
	display: flex; flex-direction: column; text-align: center;
	background-color: var(--white-01); gap: 8px;
}
.item.da-selfies .data-wrap .name{font-size: 18px; font-weight: 500;}
.item.da-selfies .data-wrap .tag{ line-height: 1.3;
	display: inline-flex; padding: 0 2px; font-size: 14px;
}
/* // item ========== */


/* item da-tv */
.item.da-tv{}
.item.da-tv .data-wrap{ min-height: 90px; padding: 22px 10px; 
	display: flex; flex-direction: column;
	background-color: var(--white-01); gap: 8px;
}
.item.da-tv .data-wrap .title{max-height: 47px; font-size: 18px; font-weight: 500; line-height: 1.3;}
.item.da-tv .data-wrap .text{font-size: 14px; font-weight: 400;}



/* DA BEFORE AFTER */
.da-beforeAfter-wrap{ padding-block: 130px 85px; background-color: #F6F9FB;}
.da-beforeAfter-wrap .tabs-wrap{margin-bottom: 40px;}
.da-beforeAfter-wrap .tabs-wrap ul{gap: 12px;}
.da-beforeAfter-wrap .tabs-wrap .btn{position: relative; font-weight: 600; border-radius: 8px; overflow: visible; font-size: 22px; padding: 0 22px;}
.da-beforeAfter-wrap .tabs-wrap .btn::after{content: ""; position: absolute; bottom: -8px; 
	width: 12px; height: 8px; margin: 0 auto;
	background: url("../images/common/ico_tab.png") 50% 50% no-repeat;
	background-size: cover; display: none;
}
.da-beforeAfter-wrap .tabs-wrap .btn.current{background-color: var(--blue-01);}
.da-beforeAfter-wrap .tabs-wrap .btn.current::after{display: block;}

.da-beforeAfter-wrap .da-beforeAfter-box > .img-wrap{}
.da-beforeAfter-wrap .da-beforeAfter-box > .img-wrap + .swiper-container{margin-top: 30px;}
.da-beforeAfter-wrap .button-area{max-width: 460px; width: 100%; margin: 80px auto 0;}
.da-beforeAfter-wrap .button-area .btn{width: 100%; font-size: 36px;}


/* DA SELFIES */
.da-selfies-wrap{overflow-x: hidden; padding-block: 100px 105px; background-color: #F1F2F3;}
.da-selfies-wrap .swiper-container{position: static; overflow: hidden;}
.da-selfies-wrap .swiper-btns{position: absolute; top: 103px; right:0;}
.da-selfies-wrap .section-header + .section-content{padding-top: 50px;}
.da-selfies-wrap .section-header .tag{
	padding: 15px 24px; justify-content: flex-start;
	color: var(--white-01); background-color: var(--blue-01);
	font-weight: 700; font-size: 22px; letter-spacing: -0.75px;
	border-radius: 100px;
}
.da-selfies-wrap .section-header .tag + .section-title{padding-top: 20px;}

/* DA TV */
.da-tv-wrap{position: relative; padding-block: 105px 140px;
	background-color: #F6F9FB;
}
.da-tv-wrap .swiper-container{position: static;}
.da-tv-wrap .swiper-btns{position: absolute; top: 32px; right:0;}
.da-tv-wrap .section-header + .section-content{padding-top: 50px;}
.da-tv-wrap .img-wrap{height: 218px;}
/* // DA 공통 WRAP ===== */

/* 서브 랜딩페이지경우 ========= */
/* beforeAfter */
.sub:not(.main) .da-beforeAfter-wrap{padding-block: 100px 105px;}

/* selfies */
.sub:not(.main) .da-selfies-wrap{padding-block: 135px 95px;}
.sub:not(.main) .da-selfies-wrap .max-1200{position: relative;}
.sub:not(.main) .da-selfies-wrap .section-header .tag{padding: 2px 12px; border-radius: 0;}
.sub:not(.main) .da-selfies-wrap .swiper-btns .btn{ margin-right: 32px;}
.sub:not(.main) .da-selfies-wrap .swiper-btns :is(.swiper-button-next, .swiper-button-prev){
	width: 40px; height: 40px;
}


.color-pink .section-title{color: #421717;}
.color-pink .btn.blue-01,
.color-pink .da-selfies-wrap .section-header .tag{background-color: var(--pink-01);}
.color-pink .btn.bdr-blue-01{color: var(--pink-01); border-color: var(--pink-01);}
.color-pink .swiper-button-next, 
.color-pink .swiper-button-prev{background-color: #654343;}
.color-pink .swiper-button-disabled{background-color: #CEC6C7;}


/* 서브 랜딩페이지경우 ========== */

/* 팝업 ==================== */
/* overlay */
.overlay		{position: fixed; top: 0; bottom: 0; left: 0; right: 0; 
	overflow: hidden; padding: 2vw; background: rgba(0, 0, 0, 0.7); 
	visibility: hidden; z-index: -1;
	display: -webkit-flex; display: flex;
	-webkit-justify-content: center; justify-content: center;
	-webkit-align-items: center; align-items: center;
}
.overlay.active	{visibility: visible; opacity: 1; z-index: 99;}
.popup			{overflow: hidden; position: relative; 
	width: 100%; max-width: 800px; height: fit-content; 
	min-height: 160px; max-height: calc(var(--vh100) - 4vw); 
	margin: 0 auto; --pop-height: max-content;
}
.popup-body		{overflow-y: auto; padding: 0 40px 40px;}
.popup .pop-close	{position: absolute; top: 0; right: 0; padding: 0;}

#popupDaVideo .pop-close{position: static; margin-bottom: 20px; margin-left: auto;}
#popupDaVideo .video-wrap{position: relative; width: 100%; aspect-ratio: 185/104;}
#popupDaVideo .video-wrap :is(video, iframe){width: 100%; height: 100%;}



/* // 팝업 ==================== */



/* 20250327 추가 스와이퍼 버튼  */
.global-swiper-prev,
.global-swiper-next{background-color: var(--navy-01) !important;}
.global-swiper-prev.swiper-button-disabled,
.global-swiper-next.swiper-button-disabled{background-color: #67738A !important;}
.global-swiper-prev:after,
.global-swiper-next:after{font-size: 0px !important; position: static !important; text-shadow: none!important;}


#fixedConsult .form_custom{font-size: 12px !important;}