@import url("reset.css");
@import url('https://fonts.googleapis.com/css2?family=Barlow+Semi+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Noto+Serif+KR:wght@200..900&display=swap');

:root {
  --width: 1480px;
  --padding: 20px;
  --header-height: 90px;
  --point-color-1: #673F55;
  --point-color-2: #ffffff;
  --point-color-3: #f8f8f8;
  --text-primary: #111111;
  --text-secondary: #666666;
  --text-tertiary: #999999;
}



/* Motion Section */
.motion_section { opacity: 0; transition: opacity 0.6s ease; }
.motion_section.section_on { opacity: 1; }
[data-delay] { position: relative; transition: all 1s ease; opacity: 0; transform: translateY(30px); }
.section_on [data-delay] { opacity: 1; transform: translateY(0); }
[data-delay="0.2"] { transition-delay: 0.2s; }
[data-delay="0.4"] { transition-delay: 0.4s; }
[data-delay="0.6"] { transition-delay: 0.6s; }
[data-delay="0.8"] { transition-delay: 0.8s; }

/* 반응형 분기 */
.pc_only { display: block; }
.mb_only { display: none; }

/* Hero Section */
.hero { position: relative; min-height:820px;  padding: clamp(100px, calc(180 / 1920 * 100vw), 180px) 0; width: 100%; overflow: hidden; display: flex; align-items: center; justify-content: center; background: url("../img/theliz_branding_01.jpg") center/cover no-repeat; }
.hero .cont { z-index: 1; width: 100%; max-width: 1330px;; margin: 0 auto; padding: 0 20px; }
.hero .txt_area .logo{margin-bottom:9px;}
.hero .txt_area h1 { font-size: 4.0625rem; font-weight: 300; line-height: 1.3; margin-bottom: 40px;  letter-spacing:-2px;}
.hero .txt_area h1 strong{font-weight:700;}
.hero .txt_area h1 span{vertical-align: top; color:var(--point-color-1);}
.hero .txt_area p { font-size: 1.3125rem; line-height: 1.6; margin-bottom: 40px; color:#5C5C5C;}
.hero .txt_area p strong{font-weight:700; color:#000;}
.hero .btn_area {}
.hero .btn_area a { display: inline-flex; align-items: center; justify-content: center; padding: 16px 32px; font-size: 1.25rem; font-weight: 300; border-radius: 2em; transition: all 0.3s ease;  gap:10px;}
.hero .btn_area a strong{font-weight:600; line-height:1;  }
.hero .btn_area a:after{width:22px; height:5px; background:url(../img/more.svg) no-repeat center center; background-size:100%; display:block; content:"";}
.hero .btn_area a.mb_only{display:none;}
.hero .btn_area .btn_primary { background: var(--point-color-1); color: var(--point-color-2); }
.hero .btn_area .btn_primary:hover { background: #234a60; }
.hero .btn_area .btn_secondary { background: rgba(255, 255, 255, 0.2); color: var(--point-color-2); border: 1px solid var(--point-color-2); }
.hero .btn_area .btn_secondary:hover { background: rgba(255, 255, 255, 0.3); }
.hero .scroll_indicator { position: absolute; bottom: 90px; left: 50%; transform: translateX(-50%); font-size: 0.875rem; color: #8A8A8A; letter-spacing: 2px; }
.hero .scroll_indicator:after{margin:8px auto; width:22px; aspect-ratio: 1/1; background:url(../img/scroll_arrow.svg) no-repeat center center; display:block; content:"";}

/* Section01 - Representative Doctor */
.section01 { position: relative; padding: clamp(60px, calc(120 / 1920 * 100vw), 120px) 0; width: 100%; background: var(--point-color-3); }
.section01 .cont { width: 100%; max-width: 1120px; margin: 0 auto; padding: 0 20px; }
.section01 .titleType_1 .sub_title { display: block; font-size: 1rem; font-weight: 300; color: #A7A7A7; margin-bottom: 10px; letter-spacing: 1px;  line-height:1;}
.section01 .titleType_1 .title_sub { font-size: 1.5625rem; color: #a7a7a7; margin-bottom: 10px; line-height:1;}
.section01 .titleType_1 h2 {margin-bottom:50px; font-size: 3.75rem; font-weight: 300; line-height: 1.3; }
.section01 .titleType_1 h2 strong{font-weight:700; color:var(--point-color-1);}
.section01 .titleType_1 h3{position:relative; padding:0 0 12px 17px; font-size:1.3125rem; font-weight:500; color:#C28082; }
.section01 .titleType_1 h3:before{position:absolute; left:0; top:12px; width:5px; aspect-ratio: 1/1; background-color:#C28082; border-radius:50%; display:block; content:""; } 
.section01 .content_wrap { display: flex; gap: 60px; align-items: center; }
.section01 .content_wrap .img_area { flex: 0 0 45%; }
.section01 .content_wrap .img_area img { width: 100%; border-radius: 12px; }
.section01 .content_wrap .txt_area { flex: 1; }
.section01 .content_wrap .txt_lead:before{margin-bottom:24px; width:85px; aspect-ratio: 85/57; display:block; content:""; background:url(../img/bulit.svg) no-repeat center center; background-size:100%; content:"";}
.section01 .content_wrap .txt_lead span{font-size:1.75rem; color:var(--point-color-1); }
.section01 .content_wrap .txt_lead strong{font-weight:700;}
.section01 .content_wrap .txt_lead { font-size: 1.25rem; line-height: 1.8;  color: var(--text-primary); font-weight: 500; font-family: "Noto Serif KR", serif; font-weight:400; color:#5C5C5C; }
.section01 .career_list{margin-bottom:60px; display:flex; gap:30px;}
.section01 .career_list ul { gap:1;}
.section01 .career_list li { position: relative; padding-left: 20px; font-size: 0.9375rem; line-height: 2; color: var(--text-secondary); }
.section01 .career_list li:before { content: '·'; position: absolute; left: 0; }

/* Section02 - Direct Care */
.section02 { position: relative; padding: clamp(60px, calc(120 / 1920 * 100vw), 120px) 0; width: 100%;  background-color:#F9F9F9;}
.section02 .cont { width: 100%; max-width: 1354px; margin: 0 auto; padding: 0 20px; display:flex;  align-items:center;}
.section02 .cont .left_area{width:46%;}
.section02 .cont .video_area{margin-left:auto; width:49%; aspect-ratio: 1/0.56; border-radius:8px; overflow:hidden;}
.section02 .cont .video_area iframe{width:100%; height:100%; display:block; }
.section02 .titleType_1 .sub_title { display: block; font-size: 1rem; font-weight: 500; color: #A7A7A7; margin-bottom: 15px; letter-spacing: 1px; }
.section02 .titleType_1 h2 { font-size: 3.125rem; font-weight: 300; line-height: 1.4; margin-bottom: 20px; letter-spacing:-1px;}
.section02 .titleType_1 h2 span{font-weight:700; color:var(--point-color-1); vertical-align: top;}
.section02 .titleType_1 h2 strong{font-weight:700; color:#000;}
.section02 .titleType_1 .txt_sub {padding-top:20px; margin-top:20px; border-top:1px solid #cfcfcf; font-size: 1.3125rem; color:#5C5C5C; line-height: 1.6; }
.section02 .titleType_1 .txt_sub strong{font-weight:500; color:inherit;}
.section02 .review_list{margin-top:40px; padding:27px 30px; background-color:#fff; border-radius:16px;}
.section02 .review_list li { padding:15px 0; gap:15px; display:flex; border-top:1px solid #DFDFDF;}
.section02 .review_list li:first-child{border-top:none;}
.section02 .review_list li:before{width:14px; aspect-ratio: 14/18; display:block; background:url(../img/icon_person.svg) no-repeat center center; content:"";}
.section02 .review_list li p { font-size: 1.1875rem; line-height: 1.7; color:#5c5c5c;}
.section02 .review_note { display: block;  font-size: 0.9375rem; color: #C28082; }

/* Section03 - Our Principle */
.section03 { position: relative; padding: clamp(60px, calc(120 / 1920 * 100vw), 120px) 0; width: 100%; }
.section03 .cont { width: 100%;  margin: 0 auto; padding: 0 var(--padding, 20px); }
.section03 .titleType_1 { text-align: center; margin-bottom: 80px; }
.section03 .titleType_1 .sub_title { display: block; font-size: 1rem; font-weight: 500; color: #A7A7A7; margin-bottom: 15px; letter-spacing: 1px; }
.section03 .titleType_1 h2 { font-size: 3.125rem; font-weight: 300; line-height: 1.4; margin-bottom: 20px; letter-spacing:-1px;}
.section03 .titleType_1 h2 span{font-weight:700; color:var(--point-color-1); vertical-align: top;}
.section03 .titleType_1 h2 strong{font-weight:700; color:#000;}
.section03 .principle_list{margin-bottom:80px;}
.section03 .principle_list ul {display:flex; gap:106px; justify-content: center;}
.section03 .principle_list ul li .img_area{margin:0 auto 30px; max-width:200px;}
.section03 .principle_list ul li .img_area img{border-radius:50%;}
.section03 .principle_list ul li strong{display:block; font-size:1.875rem; font-weight:700; color:#000; display:flex; gap:8px; align-items: center; justify-content: center;}
.section03 .principle_list ul li .num{font-family: "Barlow Semi Condensed", sans-serif; color:#C28082; font-weight:400; }
.section03 .principle_list ul li p{margin-top:20px; font-size:1.125rem; color:#5c5c5c; text-align:center; }
.section03  .list_2 ul{margin:0 auto; max-width:1016px; display:flex; gap:16px; flex-wrap:wrap;}
.section03  .list_2 li{padding:0 28px; height:88px; width:calc(50% - 8px); background-color:#F7F7F7; display:flex; font-size:1.3125rem; color:#5c5c5c; align-items: center; gap:10px; border-radius:8px;}
.section03  .list_2 li:before{width:32px; aspect-ratio: 1/1; background:url(../img/icon_check.svg) no-repeat center center; display:block; content:"";}
.section03  .list_2 li strong{font-weight:700; color:#000;}
.section03 .review_list{margin:80px auto 0; padding:27px 30px; background-color:#fff; max-width:713px;}
.section03 .review_list li { padding:15px 0; gap:15px; display:flex; border-top:1px solid #DFDFDF;}
.section03 .review_list li:first-child{border-top:none;}
.section03 .review_list li:before{width:14px; aspect-ratio: 14/18; display:block; background:url(../img/icon_person.svg) no-repeat center center; content:"";}
.section03 .review_list li p { font-size: 1.1875rem; line-height: 1.7; color:#5c5c5c;}
.section03 .review_note { display: block;  font-size: 0.9375rem; color: #C28082; }


/* Section04 - Treatment Guide */
.section04 { position: relative; padding: clamp(80px, calc(150 / 1920 * 100vw), 150px) 0; width: 100%; background:url(../img/theliz_branding_04.png) no-repeat center center #FAFAFA; background-size:cover;}
.section04 .cont { position: relative; z-index: 1; width: 100%; max-width: var(--width, 1480px); margin: 0 auto; padding: 0 var(--padding, 20px); }
.section04 .titleType_1 { text-align: center; margin-bottom: 100px; }
.section04 .titleType_1 .sub_title { display: block; font-size: 1rem; font-weight: 500; color: #A7A7A7; margin-bottom: 15px; letter-spacing: 1px; }
.section04 .titleType_1 h2 { font-size: 3.125rem; font-weight: 700; line-height: 1.3; margin-bottom: 20px; }
.section04 .titleType_1 h2 strong{color:#C28082; font-weight:inherit;}
.section04 .titleType_1 .txt_sub { font-size: 1.3125rem; color: #5c5c5c; line-height: 1.6; }
.section04 .treatment_list {margin:0 auto; max-width:1222px; display: flex; flex-direction: column; gap: 60px; }
.section04 .treatment_item { background: rgba(255, 255, 255, 0.5); border-radius: 37px; padding: 65px; transition: all 0.3s ease; }
.section04 .treatment_item:hover { background: rgba(255, 255, 255, 0.7); }
.section04 .treatment_content { display: flex; gap: 80px; align-items: flex-start; flex-direction: row-reverse;}
.section04 .treatment_content .txt_area { flex: 1; width:100%;}
.section04 .treatment_content .img_area { flex: 0 0 466px; }
.section04 .treatment_content .img_area img { width: 100%; border-radius: 20px; }
.section04 .treatment_item h3 { font-size: 2.3125rem; font-weight: 700; color: #202020; margin-bottom: 20px; line-height: 1.3;  font-weight: 300; color: #5e5e5e;  letter-spacing:-2px;}
.section04 .treatment_item h3 strong{font-weight:700; color:var(--point-color-1); }
.section04 .treatment_item .desc { font-size: 1.0625rem; color: #5c5c5c; line-height: 1.6; margin-bottom: 30px; }
.section04 .price_table { background: #F5F2F4; border-radius: 13px; padding: 10px 33.5px; margin-bottom: 20px;  width:100%; box-sizing:border-box;}
.section04 .price_table dl { display: flex; justify-content: space-between; align-items: center; padding: 12px 0; }
.section04 .price_table dl:not(:last-child) { border-bottom: 1px solid #e5e5e5; }
.section04 .price_table dt { font-size: 1.1875rem; font-weight: 400; color: #202020; }
.section04 .price_table dd { font-size: 1.3125rem; font-weight: 700; color: #202020; }
.section04 .price_table dd strong{color:var(--point-color-1)}
.section04 .treatment_item .notice { font-size: 0.875rem; color: #929292; margin-bottom: 12px; line-height: 1.5; }
.section04 .review_box { margin:50px 0 30px; }
.section04 .review_label { display: block; font-size: 0.9375rem; font-weight: 500; color: #c28082; letter-spacing: 0.88px; margin-bottom: 12px; }
.section04 .review_text_list { list-style: none; margin: 0; padding: 0; }
.section04 .review_text { font-size: 1.0625rem; color: #5c5c5c; line-height: 1.6; position: relative;  display:flex;  align-items: center; gap:8px; }
.section04 .review_text:before {width:23px; aspect-ratio: 23/29; background:url(../img/icon_person.svg) no-repeat center center; background-size:100%; display:block; content:""; flex-shrink: 0;}
.section04 .treatment_item .btn_area { margin-top: 30px; }
.section04 .treatment_item .btn_area a { display: block; padding:17px 20px; background: #673f55; color: #ffffff; font-size: 1.4375rem; font-weight: 500; text-align: center; border-radius: 43px; transition: all 0.3s ease; }
.section04 .treatment_item .btn_area a:hover { background: #532f45; }
.section04 .treatment_item .btn_area.wide a { max-width: 100%; }
.section04 .treatment_item.premium {background:url(../img/theliz_branding_06.jpg) no-repeat center center; background-size:cover; }
.section04 .badge_list { display: flex; flex-wrap: wrap; gap: 10px 16px; margin-bottom: 30px; }
.section04 .badge {width:40%; display: inline-flex; align-items: center; gap: 8px; padding: 8px 0;  font-size: 1.25rem; font-weight: 700; color: #673f55; }
.section04 .badge span{font-weight:400;}
.section04 .badge:nth-child(2n){width:calc(60% - 16px);}
.section04 .badge .icon { width: 23px; height: 23px; background:url(../img/icon_check2.svg) no-repeat center center; border-radius: 16px; display: block; flex-shrink: 0; }
.section04 .review_box.multi .review_text { margin-bottom: 12px; }
.section04 .review_box.multi .review_text:last-child { margin-bottom: 0; }
.section04 .treatment_quote { margin-top: 80px; }
.section04 .quote_box { position: relative; max-width: 1148px; margin: 0 auto; padding: 39px 60px; background: rgba(255, 255, 255, 0.6); border-radius: 12px; text-align: center;  display:flex; gap:30px; align-items: center; justify-content: center;}
.section04 .quote_box p { font-size: 1.25rem; font-weight: 350; color: #5c5c5c; line-height: 1.64;  font-family: "Noto Serif KR", serif; }
.section04 .quote_box p span{font-size:1.75rem; color:var(--point-color-1)}
.section04 .quote_box p strong{font-weight:700;}
.section04 .quote_icon { width: 70px; height: 46px; display: inline-block; background-size: contain; background-repeat: no-repeat; background-position: center; }
.section04 .quote_icon.left { background-image: url(../img/icon_quote_left.svg); }
.section04 .quote_icon.right { background-image: url(../img/icon_quote_right.svg); }

/* Section05 - Patient Reviews */
.section05 { position: relative; padding: clamp(60px, calc(120 / 1920 * 100vw), 120px) 0; width: 100%; background-image: url("../img/theliz_branding_08.jpg"); background-size: cover; background-position: center; }
.section05 .cont { width: 100%; max-width: var(--width, 1480px); margin: 0 auto; padding: 0 var(--padding, 20px); }
.section05 .titleType_1 { text-align: center; margin-bottom: 80px; }
.section05 .titleType_1 .sub_title { display: block; font-size: 1rem; font-weight: 500; color: #A7A7A7; margin-bottom: 15px; letter-spacing: 2.2px; }
.section05 .titleType_1 h2 { font-size: 3.125rem; font-weight: 300; line-height: 1.3; letter-spacing: -0.32px; }
.section05 .titleType_1 h2 strong{font-weight:700; color:#000;}
.section05 .stats_box_list { display: flex; gap: 24px; justify-content: center; margin-bottom: 64px; }
.section05 .stats_box { flex: 0 0 auto; min-width: 280px; padding: 38px 74px; background: #ffffff; border-radius: 20em; text-align: center; }
.section05 .stats_box strong { display: block; font-family: "Noto Serif KR", serif; font-size: 3.75rem; font-weight: 800; color: #AF7D9B; line-height: 1.02; margin-bottom: 15px; display:flex;  justify-content: center; align-items: center;}
.section05 .stats_box strong span{font-size:inherit; font-family: inherit; color:#D7BEBF;}
.section05 .stats_box span { display: block; font-size: 1.25rem; font-weight: 400; color: #8a8a8a; }
.section05 .stats_box:nth-child(2) strong{color:#8E5B7F;}
.section05 .stats_box:nth-child(3) strong{color:#673F55;}
.section05 .review_cards { display: flex; gap: 20px; justify-content: center; margin-bottom: 64px; }
.section05 .review_card { flex: 0 0 auto; max-width: 401px; padding: 38px 40px; background: rgba(255, 255, 255, 0.33); border-radius: 10px; text-align: center; -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(20px); }
.section05 .review_card p { font-size: 1.125rem; font-weight: 350; color: #5c5c5c; line-height: 1.6; font-weight:400; }
.section05 .section05_message { text-align: center; font-size:1.3125rem; letter-spacing:-0.4px; color:#898989;}
.section05 .section05_message p {margin-top:20px; font-size: 2.1875rem; font-weight: 700; color: #673f55; line-height: 1.28; letter-spacing: -0.32px; }

/* Section06 - FAQ */
.section06 { position: relative; padding: clamp(60px, calc(120 / 1920 * 100vw), 120px) 0; width: 100%; background: #ffffff; }
.section06 .cont { width: 100%; max-width: var(--width, 1480px); margin: 0 auto; padding: 0 20px;}
.section06 .section06_wrapper { display: flex; gap: 240px; align-items: flex-start; }
.section06 .title_area { flex: 0 0 auto; }
.section06 .title_area h2 { font-size: 2.8125rem; font-weight: 600; line-height: 1; letter-spacing: -0.32px; margin-bottom: 12px; color: #202020; }
.section06 .title_area .sub_title { display: block; font-size: 1rem; font-weight: 300; color: #a7a7a7; letter-spacing: 2.2px; }
.section06 .faq_list { flex: 1; }
.section06 .faq_list ul { list-style: none; }
.section06 .faq_list li { border-bottom: 1px solid #e8e6e1; }
.section06 .faq_list .faq_question { position: relative; width: 100%; padding: 23px 0; text-align: left; font-size: 1.25rem; font-weight: 400; color: #202020; background: none; border: none; cursor: pointer; transition: all 0.3s ease; display: flex; justify-content: space-between; align-items: center; }
.section06 .faq_list .faq_question:hover { color: #673f55; }
.section06 .faq_list .faq_question .icon_toggle { width: 28px; height: 28px; background: url(../img/icon_plus.svg) no-repeat center center; border-radius: 50%; position: relative; flex-shrink: 0; transition: transform 0.3s ease; }
.section06 .faq_list li.active .faq_question .icon_toggle { transform:rotate(45deg)}
.section06 .faq_list .faq_answer { display: none; padding: 0 0 25px 0; font-size: 1rem; color: #5c5c5c; line-height: 1.7; }

/* Section07 - Final CTA */
.section07 { position: relative; padding: clamp(80px, calc(150 / 1920 * 100vw), 150px) 0; width: 100%;  min-height: 600px; display: flex; align-items: center; justify-content: center; background: url("../img/logo_bg.png") no-repeat left bottom #673F55; }
.section07 .cont { position: relative; z-index: 1; width: 100%; max-width: var(--width, 1480px); margin: 0 auto; padding: 0 var(--padding, 20px); }
.section07 .cta_wrap { text-align: center; color: var(--point-color-2); }
.section07 .cta_wrap h2 { font-size: 2.375rem; font-weight: 300; line-height: 1.5; margin-bottom: 20px; }
.section07 .cta_wrap h2 strong{font-weight:600;}
.section07 .cta_wrap p:before{margin:34px auto 34px;; width:1px; height:38px; background-color:#fff; display:block; content:""; opacity:0.4; }
.section07 .cta_wrap p { font-size: 1.6875rem; font-weight: 400; margin-bottom: 50px; }
.section07 .btn_area { display: flex; gap: 12px; justify-content: center; flex-wrap: wrap; }
.section07 .btn_area a { display: inline-flex; align-items: center; justify-content: center; padding: 16px 32px; font-size: 1.25rem; font-weight: 600; border-radius: 8px; transition: all 0.3s ease; }
.section07 .btn_area .btn_primary {padding:16px 55px; background-color:#F9E000; font-size:1.25rem; color:#3C1E1E; display:inline-flex; align-items: center; border-radius:2em; gap:8px;}
.section07 .btn_area .btn_primary:before{width:30px; aspect-ratio: 1/1; background:url(../img/icon_kakao.svg) no-repeat center center; background-size:100%; display:block; content:"";}
.section07 .btn_area .mb_only{display:none;}

/* Footer */
.footer { position: relative; width: 100%; background: #515151; }
.footer .footer_inner { display: flex;  align-items: center;}
.footer .footer_left { width:50%; background: #f5f6f7; position: relative; }
.footer .footer_left .map_area { position: relative; width: 100%; height: 604px; text-align:Right; }
.footer .footer_left .map_area img{margin-left:auto;}

.footer .footer_left .footer_title { position: absolute; bottom: 0; left: 0; right: 0; text-align: center; padding: 20px 0; }
.footer .footer_left .footer_title h3 { font-size: 1.6875rem; font-weight: 700; color: #515151; letter-spacing: -0.675px; }
.footer .footer_right { flex: 1; background: #515151; padding-left:80px; ; color: #ffffff; }
.footer .footer_slogan { font-size: 1.3125rem; font-weight: 300; line-height: 1.52; letter-spacing: -1px; margin-bottom: 50px; color: #ffffff; font-family: "Noto Serif KR", serif; opacity:0.6;}
.footer .footer_slogan strong{font-size:1.75rem; font-weight:300;}
.footer .footer_slogan strong span{font-weight:700; vertical-align: top;}
.footer .footer_info { margin-bottom: 50px; }
.footer .footer_logo { width: 167px; margin-bottom: 10px; }
.footer .info_address { font-size: 2.4375rem; font-weight: 700; line-height: 1.4; letter-spacing: -0.975px; margin-bottom: 10px; color: #ffffff; }
.footer .info_access { font-size: 1.4375rem; font-weight: 400; line-height: 1.4; letter-spacing: -0.575px; opacity: 0.8; color: #ffffff; }
.footer .footer_contact { display: flex; flex-direction: column; gap: 7px; }
.footer .contact_btns { display: flex; gap: 25px; }
.footer .btn_contact .tit{ display: inline-flex; align-items: center; justify-content: center; padding: 6px 32px; font-size: 1.1875rem; font-weight: 400; color: #ffffff; border: 1px solid #ffffff; border-radius: 50px; transition: all 0.3s ease; letter-spacing: -0.475px; }
.footer .contact_phone { font-family: "Noto Serif KR", serif; font-size: 1.9375rem; font-weight: 700; letter-spacing: -0.775px; color: #ffffff;  text-align:center;}
.footer .contact_logo {margin-top:5px;  display: flex; align-items: center; gap: 6px; justify-content: center;}
.footer .contact_logo:before{ width: 22px; aspect-ratio: 1/1; background:url(../img/icon_kakao.svg) no-repeat center center; display:block; content:""; background-size:100%;}
.footer .contact_logo span { font-size: 1.5rem; font-weight: 500; letter-spacing: -0.6px; color: #ffffff; }

/* 반응형 - 모바일 */
@media screen and (max-width: 960px) {
  .pc_only { display: none; }
  .mb_only { display: block; }
  .hero { padding: 19vw 0 97vw; min-height: 500px; background-image: url("../img/theliz_branding_01_m.jpg"); }
  .hero .txt_area h1 { font-size: 2.8125rem; }
  .hero .txt_area p { font-size: 1.125rem; }
  .hero .btn_area a {width:100%; font-size: 1.1875rem; padding: 14px 24px; }
  .hero .txt_area{text-align:center;}
  .hero .txt_area a.mb_btn{margin-top:10px; width:100%; display:flex; align-items: center; justify-content: center; border:1px solid #E8E8E8; background-color:#f9f9f9; color:#673F55; font-weight:500;}
  .hero .txt_area a.mb_btn:before{width:20px; aspect-ratio: 1/1; background:url(../img/ic_call.svg) no-repeat center center;  display:block; content:""; }
  .hero .scroll_indicator{bottom:60px;}
  .section01 { padding: 80px 0; }
  .section01 .titleType_1 .sub_title { font-size: 0.6875rem; }
  .section01 .titleType_1 .title_sub { font-size: 1.4375rem; }
  .section01 .titleType_1 h2 {margin-bottom:25px; font-size: 2.9375rem; }
  .section01 .titleType_1 h3 { font-size: 1.375rem; }
  .section01 .content_wrap { flex-direction: column; gap: 30px; }
  .section01 .content_wrap .img_area { flex: 0 0 auto; width: 100%; }
  .section01 .content_wrap .txt_lead { font-size:15px; }
  .section01 .career_list{margin-bottom:50px;}
  .section01 .career_list li {padding-left:10px; font-size: 0.8125rem; }
  .section01 .content_wrap .txt_lead:before{width:65px;}
  .section01 .content_wrap .txt_lead span{font-size:25px;}
  .section02 { padding: 80px 0; }
  .section02 .cont{flex-direction: column;}
  .section02 .cont .left_area{width:100%;}
  .section02 .cont .video_area{width:100%;}
  .section02 .titleType_1 .sub_title { font-size: 11px; }
  .section02 .titleType_1 h2 { font-size: 33px; }
  .section02 .titleType_1 .txt_sub { font-size: 16px; }
  .section02 .review_list ul { grid-template-columns: 1fr; gap: 20px; }
  .section02 .review_list .review_label { font-size: 14px; }
  .section02 .review_list li p { font-size: 17px; }
  .section03 { padding: 80px 0; }
  .section03 .principle_list ul{flex-direction: column;}
  .section03 .principle_list ul li{display:flex; align-items: center;}
  .section03 .titleType_1 .sub_title { font-size: 11px; }
  .section03 .principle_list ul li .img_area{margin-bottom:0;width:45%; }
  .section03 .principle_list ul li .txt_area{margin-left:auto; width:52%; text-align:left;}
  .section03 .principle_list ul li p{margin-top:10px; text-align:left; word-break: keep-all; font-size:15px;}
  .section03 .principle_list ul li p br{display:none;}
  .section03 .principle_list ul li strong{justify-content: flex-start; font-size:26px;}
  .section03 .titleType_1 h2 { font-size: 33px; word-break: keep-all;}
  .section03 .principle_list ul { grid-template-columns: 1fr; gap: 40px; }
  .section03 .principle_list .principle_num { font-size: 30px; }
  .section03 .principle_list h3 { font-size: 26px; }
  .section03 .principle_list p { font-size: 15px; }
  .section03 .principle_summary li { font-size: 17px; }
  .section03 .review_label { font-size: 14px; }
  .section03 .review_text { font-size: 17px; }
  .section03 .list_2 ul{flex-direction: column;}
  .section03 .list_2 ul li{width:100%; font-size:17px; padding:20px;height:auto;}
  .section04 { padding: 90px 0; background-image: linear-gradient(rgba(255, 255, 255, 0.85), rgba(255, 255, 255, 0.85)), url("../img/theliz_branding_04_m.png"); }
  .section04 .titleType_1 { margin-bottom: 60px; }
  .section04 .titleType_1 .sub_title { font-size: 11px; }
  .section04 .titleType_1 h2 { font-size: 40px; line-height: 52px; }
  .section03 .list_2 li:before{width:24px; flex-shrink: 0; background-size:100%;}
  .section03 .review_list{margin-top:50px; padding:25px 10px;}
  .section04 .titleType_1 .txt_sub { font-size: 17px; }
  .section04 .titleType_1 .vat_notice { font-size: 13px; }
  .section04 .treatment_list { gap: 15px; }
  .section04 .treatment_item { padding: 20px;}
  .section04 .treatment_content { flex-direction: column; gap: 30px; }
  .section04 .treatment_content .img_area { flex: 0 0 auto; width: 100%; }
  .section04 .treatment_item.premium{background:url(../img/theliz_branding_06_m.jpg) no-repeat center center; background-size:cover;}
  .section04 .treatment_item h3 { font-size: 29px; }
  .section04 .treatment_item .desc { font-size: 14px; line-height: 20.3px; margin-bottom: 24px; }
  .section04 .treatment_item .desc br{display:none;}
  .section04 .price_table { padding: 20px; }
  .section04 .price_table dt { font-size: 17px; }
  .section04 .price_table dd { font-size: 17px; }
  .section04 .price_notice { font-size: 12px; }
  .section04 .review_label { font-size: 13px; }
  .section04 .review_text { font-size: 15px; line-height: 21.75px; }
  .section04 .review_text br{display:none;}
  .section04 .treatment_item .btn_area a{padding:10px 0; font-size: 20px;}
  .section04 .badge_list { gap: 8px; flex-direction: column;}
  .section04 .badge:nth-child(2n),
  .section04 .badge { padding: 2px 0; font-size: 17px; width:100%; display:flex;}
  
  .section04 .treatment_item.premium .btn_area a { font-size: 23px; }
  .section04 .treatment_quote { margin-top: 50px; }
  .section04 .treatment_item .btn_area{margin-top:20px;}
  .section04 .quote_box { flex-direction: column; padding:0; gap:30px;}
  .section04 .quote_box p { font-size: 20px; }
  .section04 .quote_box p span{font-size:21px;}
  .section04 .quote_icon { width: 50px; height: 33px; }
  .section04 .quote_icon.left { left: 20px; top: 20px; }
  .section04 .quote_icon.right { right: 20px; bottom: 20px; }
  .section05 { padding: 80px 0; }
  .section05 .titleType_1 { margin-bottom: 50px; }
  .section05 .titleType_1 .sub_title { font-size: 11px; }
  .section05 .titleType_1 h2 { font-size: 36px; line-height: 44.8px; }
  .section05 .stats_box_list { flex-wrap: wrap; gap: 12px; margin-bottom: 40px; }
  .section05 .stats_box { width:100%; padding:25px 0;}
  .section05 .stats_box:first-child strong { font-size: 60px; line-height: 61.2px; margin-bottom: 10px; }
  .section05 .stats_box strong { font-size: 44px; line-height: 61.2px; margin-bottom: 10px; }
  .section05 .stats_box span { font-size: 20px; line-height: 22.1px; }
  .section05 .review_cards { flex-direction: column; gap: 16px; margin-bottom: 40px; }
  .section05 .review_card { max-width: 100%; padding: 30px 24px; }
  .section05 .review_card p { font-size: 15px; line-height: 24px; }
  .section05 .section05_message p { font-size:28px;}
  .section05 .section05_message{font-size:18px;}
  .section06 { padding: 80px 0; }
  .section06 .section06_wrapper { flex-direction: column; gap: 40px; }
  .section06 .title_area{text-align:center; width:100%;}
  .section06 .title_area .sub_title { font-size: 22px; }
  .section06 .title_area h2 { font-size: 42px; line-height: 44.8px; }
  .section06 .faq_list .faq_question { font-size: 18px; line-height: 26.064px; padding: 20px 0; }
  .section06 .faq_list .faq_question .icon_toggle { width: 24px; height: 24px; }
  .section06 .faq_list .faq_question .icon_toggle:before { font-size: 1.25rem; }
  .section06 .faq_list .faq_answer { font-size: 15px; }
  .section06 .faq_list{width:100%;}
  .section07 { padding: 140px 0; min-height: 400px; background: url("../img/logo_bg.png") no-repeat center bottom #673F55;;  background-size:83%;;}
  .section07 .cta_wrap h2 { font-size: 31px}
  .section07 .cta_wrap p { font-size: 27px;}
  .section07 .btn_area a {height:50px; padding:0; font-size:18px; flex-grow:1; font-weight:500;}
  .section07 .btn_area .btn_primary{padding:0;}
  .section07 .btn_area .mb_only{display:block; padding:14px 0; background-color:#fff; display:flex; align-items: center; justify-content: center; color:#673F55; border-radius:2em; gap:5px;}
  .section07 .btn_area .mb_only:before{width:18px; aspect-ratio: 1/1; background:url(../img/ic_call.svg) no-repeat center center;  display:block; content:""; }
  .section07 .btn_area{display:flex; gap:10px;}
  .footer .footer_inner { flex-direction: column; }
  .footer .footer_left { flex: 0 0 auto; width: 100%; padding:0; margin:0 24px;  background:transparent;}
  .footer .footer_left .landmark { font-size: 13px; letter-spacing: -0.325px; line-height: 18.2px; }
  .footer .footer_left .footer_title h3 { font-size: 1.25rem; }
  .footer .footer_right { padding: 50px 20px; }
  .footer .footer_slogan {padding:50px 0; margin-bottom:0; font-size: 20px; letter-spacing: -1px;  text-align: center; }
  .footer .footer_slogan strong{font-size:32px;}
  .footer .footer_logo {margin:0 auto 20px;; max-width:229px;}
  .footer .footer_left .map_area{padding:0 24px; width:100%; margin:0; height:auto; background:transparent;}
  .footer .footer_left .map_area img{margin:0 auto;}
  .footer .info_address { font-size: 27px; line-height: 37.8px; letter-spacing: -0.675px; text-align: center; }
  .footer .info_access { font-size: 24px; line-height: 33.6px; letter-spacing: -0.6px; text-align: center; }
  .footer .contact_btns { flex-direction: column; gap: 12px; }
  .footer .btn_contact { width: 100%; font-size: 17px; line-height: 23.8px; letter-spacing: -0.425px; }
  .footer .contact_phone { font-size: 28px; line-height: 39.2px; letter-spacing: -0.7px; text-align: center; }
  .footer .contact_logo { justify-content: center; }
  .footer .contact_logo span { font-size: 24px; line-height: 33.6px; letter-spacing: -0.6px; }
  .footer .contact_btns a{display:flex; align-items: center;}
  .footer .btn_contact .tit{padding:5px 0; width:154px; font-size:14px;}
  .footer .contact_logo{width:calc(100% - 134px); }
  .footer .contact_phone{width:calc(100% - 134px); font-size:26px;}
}

.quick .quick_btn img { transition: transform 0.3s ease; }
.quick .quick_btn.is-bottom img { transform: rotate(180deg); }