@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Nanum+Pen+Script&display=swap');

/* 내용관리 */
#ctt {background:#fff}
.ctt_admin {text-align:right}
#ctt header h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#ctt_con {padding:0px 0;line-height:1.6em;margin-top:0;}
#ctt_con img{max-width:100%;height:auto}
.ctt_img {text-align:center}
#cont {width:100%; max-width: 850px; margin:100px auto 0; position:relative;}



/* ================= 의식하진정요법 공통 ================= */
#cont section {overflow: hidden;}
#cont section .wrap {max-width: 850px; margin: 0 auto; padding: clamp(50px, 8vw, 90px) clamp(25px, 5vw, 40px);}

/* 큰 타이틀 (시안1 스타일) */
.big_tit {font-size: clamp(30px, 6.2vw, 56px); line-height: 1.25; font-weight: 900; color: #111; letter-spacing: -0.02em;}
.mid_tit {font-size: clamp(24px, 4.8vw, 44px); line-height: 1.3; font-weight: 900; color: #111; letter-spacing: -0.02em;}
.bl {color: #2E7CF0;}
.tc {text-align: center;}
#cont .desc {font-size: clamp(14px, 2.5vw, 25px); line-height: 1.65; font-weight: 500; margin-top: clamp(15px, 2.8vw, 26px);}
#cont .desc b {font-weight: 800;}
.round_img {display: block; width: 100%; border-radius: clamp(10px, 2vw, 20px); margin-top: clamp(25px, 4.5vw, 45px);}
.caution {font-size: clamp(10px, 1.8vw, 14px); line-height: 1.6; color: #888; font-weight: 300; text-align: center;}

/* 공통 타이틀(기존 서브페이지 스타일) */
#cont .title {text-align: center; margin-bottom: clamp(30px, 5vw, 50px); position: relative;}
#cont .title > p {font-size: clamp(24px, 4.5vw, 42px); line-height: 1.3; font-weight: 300;  position: relative; z-index: 1;}
#cont .title > p b {font-weight: 800;}
#cont .title .ul {border-bottom: clamp(4px, 0.9vw, 8px) solid #BED0E6; padding-bottom: 2px;}

/* 필기체 라벨 */
.eng_script {display: inline-block; font-family: 'James Stroker', cursive; font-size: clamp(28px, 5vw, 52px); color: #ccdcec; line-height: 1; margin-bottom: -0.3em; position: relative; z-index: 0;}
.eng_script.hl {color: #7FA9DC;}
.eng_script.hl::before {content: ""; position: absolute; left: -15%; top: 35%; width: 130%; height: 50%; background: #E7F1FD; transform: rotate(-5deg); z-index: -1;}

/* 손글씨 태그 */
.pen_tag {display: inline-block; font-family: 'Nanum Pen Script', cursive; font-size: clamp(20px, 3.6vw, 32px); line-height: 1.2; color: #3E6CB4; margin-bottom: clamp(6px, 1.2vw, 12px);}
.pen_tag.bg {background: #BDD7F1; color: #1c355c; padding: 2px clamp(8px, 1.6vw, 14px);}

.full_img {width: 100%; display: block;}


/* ================= sleep01 : 히어로 ================= */
.sleep01 {position: relative;}
.sleep01 .hero_bg img {width: 100%; display: block;}
.sleep01 .hero_txt {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%; max-width: 850px; padding: 0 clamp(25px, 5vw, 40px); box-sizing: border-box; color: #fff; text-align: left;}
.sleep01 .hero_txt .eng_label {display: block; font-size: clamp(10px, 1.6vw, 14px); letter-spacing: 3px; color: rgba(255,255,255,0.7); margin-bottom: clamp(10px, 2vw, 18px);}
.sleep01 .hero_txt h2 {font-size: clamp(22px, 4.5vw, 42px); font-weight: 300; line-height: 1.4; margin-bottom: clamp(12px, 2vw, 20px);}
.sleep01 .hero_txt h2 b {font-weight: 800;}
.sleep01 .hero_txt p {font-size: clamp(13px, 2.2vw, 18px); line-height: 1.6; font-weight: 300; color: rgba(255,255,255,0.85);}


/* ================= sleep02 : 의식하진정요법이란? ================= */
.sleep02 .s02_cont {margin-top: clamp(45px, 9vw, 110px);}


/* ================= sleep03 : 이런 분들께 필요합니다 ================= */
.need_list {list-style: none; padding: 0; margin: clamp(25px, 4.5vw, 45px) 0 0;}
.need_list li {display: flex; align-items: center; gap: clamp(12px, 2.4vw, 22px); border-bottom: 1px solid #e5e5e5; font-size: clamp(15px, 2.8vw, 24px); color: #222; font-weight: 400; padding: clamp(14px, 2.6vw, 24px) 4px;}
.need_list li:first-child {border-top: 1px solid #e5e5e5;}
.need_list .no {font-family: 'Open Baskerville', serif; font-style: italic; font-size: clamp(15px, 2.8vw, 24px); font-weight: 700; color: #2E7CF0;}


/* ================= sleep04 : 정량 사용 ================= */
.sleep04 {background: #f9f9f9;}
.drug_grid {display: grid; grid-template-columns: repeat(3, 1fr); gap: clamp(10px, 2vw, 20px); margin-top: clamp(30px, 5.5vw, 55px);}
.drug_box img {width: 100%; display: block; border-radius: clamp(8px, 1.6vw, 14px);}
.drug_box h4 {font-size: clamp(15px, 2.8vw, 25px); font-weight: 900; color: #111; margin: clamp(12px, 2.2vw, 20px) 0 clamp(6px, 1.2vw, 10px);}
.drug_box p {font-size: clamp(11px, 2vw, 16px); line-height: 1.6; color: #444; font-weight: 300;}


/* ================= sleep05 : 준비 ================= */
.ready_grid {display: grid; grid-template-columns: repeat(3, 1fr); gap: clamp(10px, 2vw, 20px); margin-top: clamp(30px, 5.5vw, 55px);}
.ready_box {background: #fff; border-radius: clamp(8px, 1.6vw, 14px); box-shadow: 0 clamp(4px, 1vw, 8px) clamp(12px, 2.6vw, 24px) rgba(0,0,0,0.08); overflow: hidden;}
.ready_box img {width: 100%; display: block;}
.ready_box h4 {font-size: clamp(15px, 2.8vw, 25px); font-weight: 900; color: #111; margin: clamp(12px, 2.2vw, 20px) clamp(10px, 2vw, 18px) clamp(6px, 1.2vw, 10px);}
.ready_box p {font-size: clamp(11px, 2vw, 16px); line-height: 1.6; color: #444; font-weight: 300; margin: 0 clamp(10px, 2vw, 18px) clamp(14px, 2.6vw, 24px);}


/* ================= sleep06 : 안전 7가지 ================= */
.sleep06 {}
.sleep06 .s06_cont {margin-top: clamp(40px, 8vw, 90px);}
.safe_grid {display: grid; grid-template-columns: 1fr 1fr; gap: clamp(18px, 3.5vw, 34px) clamp(12px, 2.4vw, 24px); margin-top: clamp(30px, 5.5vw, 55px);}
.safe_box img {width: 100%; display: block; border-radius: clamp(8px, 1.6vw, 14px);}
.safe_box p {font-size: clamp(14px, 2.6vw, 23px); font-weight: 800; color: #111; text-align: center; margin-top: clamp(10px, 1.8vw, 16px);}
.safe_box.full {grid-column: 1 / -1;}


/* ================= sleep07 : 장점 (공감) ================= */
.feel_box {margin-top: clamp(50px, 9.5vw, 110px);}
.feel_box:first-of-type {margin-top: clamp(40px, 8vw, 90px);}


/* ================= sleep08 : 커스텀 어버트먼트 ================= */
.sleep08 {background: #EAF2FA url('img/con06_bg.jpg') no-repeat center bottom / 100% auto;}
#cont .sleep08 .wrap {padding-bottom: clamp(200px, 48vw, 480px);}
.sleep08 .hl_tit, .sleep08 .cus_define, .sleep08 .desc {max-width: 62%;}
.cus_tit {font-size: clamp(26px, 5.2vw, 48px); font-weight: 300; color: #111; letter-spacing: -0.02em;}
.cus_tit b {font-weight: 900;}
.hl_tit {display: inline-block; font-size: clamp(18px, 3.4vw, 30px); font-weight: 300; color: #111; background: linear-gradient(transparent 55%, #F5E37B 55%); margin-top: clamp(25px, 4.5vw, 45px);}
.hl_tit b {font-weight: 900;}
.cus_define {font-size: clamp(16px, 3vw, 27px); line-height: 1.55; color: #222; font-weight: 300; margin-top: clamp(14px, 2.6vw, 24px);}
.cus_define b {font-weight: 800;}


/* ================= sleep09 : 지대주 장점 ================= */
.point_grid {display: grid; grid-template-columns: 1fr 1fr; gap: clamp(12px, 2.4vw, 24px);}
.point_box {border: 1px solid #BED0E6; background: #F4F8FD; text-align: center; padding: clamp(22px, 4.2vw, 40px) clamp(10px, 2vw, 18px);}
.point_box .pt {display: block; font-family: 'Open Baskerville', serif; font-style: italic; font-size: clamp(16px, 3vw, 27px); color: #5D89C8; margin-bottom: clamp(12px, 2.4vw, 22px); position: relative;}
.point_box .pt::after {content: ""; display: block; width: 1px; height: clamp(10px, 2vw, 18px); background: #5D89C8; margin: clamp(8px, 1.5vw, 13px) auto 0;}
.point_box p {font-size: clamp(12px, 2.2vw, 19px); line-height: 1.65; color: #222; font-weight: 400;}


/* ================= sleep10 : 기성 vs 맞춤 ================= */
.sleep10 {background: #f9f9f9;}
.abut_grid {display: grid; grid-template-columns: 1fr 1fr; gap: clamp(12px, 2.4vw, 24px); margin-top: clamp(25px, 4.5vw, 45px);}
.abut_box img {width: 100%; display: block;}
.abut_box p {background: #BDD7F1; color: #1c355c; text-align: center; font-size: clamp(13px, 2.4vw, 21px); font-weight: 300; padding: clamp(8px, 1.6vw, 14px) 5px;}
.abut_box p b {font-weight: 800;}
.sleep10 .notice {text-align: center; font-size: clamp(11px, 2vw, 16px); color: #666; font-weight: 300; margin-top: clamp(16px, 3vw, 28px);}


/* ================= sleep11 : 지르코니아 ================= */
.vs_grid {display: flex; align-items: center; justify-content: center; gap: clamp(8px, 1.8vw, 18px);}
.vs_grid .vs_box {flex: 1; max-width: 330px; text-align: center;}
.vs_grid .vs_box img {width: 100%; display: block; border-radius: 50%;}
.vs_txt {font-family: 'Open Baskerville', serif; font-style: italic; font-size: clamp(18px, 3.4vw, 32px); color: #3E6CB4; font-weight: 700;}
.vs_label {display: inline-block; border-radius: 50px; color: #fff; font-size: clamp(12px, 2.2vw, 19px); font-weight: 700; padding: clamp(6px, 1.2vw, 11px) clamp(14px, 2.8vw, 26px); margin-top: clamp(-14px, -1.6vw, -10px); position: relative; z-index: 1;}
.vs_label.gray {background: #8a8f96;}
.vs_label.blue {background: #6FA7E8;}
.cmp_grid {display: grid; grid-template-columns: 1fr 1fr; margin-top: clamp(25px, 4.5vw, 45px);}
.cmp_col:first-child {border-right: 1px solid #ddd;}
.cmp_col dl {border-top: 1px solid #e5e5e5; text-align: center; margin: 0; padding: clamp(12px, 2.2vw, 20px) clamp(6px, 1.4vw, 14px);}
.cmp_col dl:last-child {border-bottom: 1px solid #e5e5e5;}
.cmp_col dt {font-size: clamp(13px, 2.4vw, 20px); font-weight: 800; color: #1c355c; margin-bottom: clamp(4px, 0.8vw, 8px);}
.cmp_col dd {font-size: clamp(11px, 2vw, 17px); line-height: 1.55; color: #555; font-weight: 300; margin: 0;}


/* ================= sleep12 : 뼈이식 필수? ================= */
.sleep12 {background: linear-gradient(155deg, #F2F7FD 0%, #E3EEFA 55%, #CFE2F6 100%);}


.bone_qa {max-width: 720px; margin: 0 auto;}
.bone_row {padding: 0 clamp(18px, 3.4vw, 50px) 0 ;}
.bone_row.no {text-align: right;}
.bone_row.but {text-align: left;}
.pen_word {display: block; font-family: 'Nanum Pen Script', cursive; font-size: clamp(34px, 6.5vw, 60px); line-height: 1; color: #2B5EA7; margin-bottom: clamp(10px, 2vw, 18px);}
.bone_row p {font-size: clamp(14px, 2.6vw, 22px); line-height: 1.65; color: #222; font-weight: 300;}
.bone_row p b {font-weight: 800;}


/* ================= sleep13 : 뼈이식 동반 ================= */
.sleep13 {background: url('img/con09_bg.png') no-repeat center / cover; position: relative;}
#cont .sleep13 .wrap {padding-bottom: clamp(70px, 12vw, 130px);}
.bone_tit {text-align: center; font-size: clamp(22px, 4.4vw, 40px); font-weight: 300; color: #fff; margin-bottom: clamp(25px, 4.5vw, 45px);}
.bone_tit .ul {font-weight: 900; border-bottom: clamp(2px, 0.5vw, 4px) solid #F5E37B; padding-bottom: 3px;}
.bone_list {list-style: none; padding: 0; margin: 0 auto; max-width: 720px;}
.bone_list li {background: #fff; border-radius: 50px; text-align: center; font-size: clamp(12px, 2.3vw, 20px); color: #111; font-weight: 400; padding: clamp(9px, 1.7vw, 15px) 10px; margin-bottom: clamp(8px, 1.5vw, 14px);}
.bone_list li b {font-weight: 800;}
.bone_desc {text-align: center; font-size: clamp(14px, 2.6vw, 22px); line-height: 1.65; color: rgba(255,255,255,0.9); font-weight: 300; margin-top: clamp(22px, 4vw, 38px);}
.bone_desc b {font-weight: 800; color: #fff;}


/* ================= sleep14 / sleep16 : 스텝 카드 ================= */
.step_card_grid {display: grid; grid-template-columns: 1fr 1fr; gap: clamp(14px, 2.8vw, 26px); margin-top: clamp(30px, 5.5vw, 55px);}
.step_card {background: #f7f7f7; display: flex; flex-direction: column;}
.step_card .no {font-family: 'Open Baskerville', serif; font-style: italic; text-align: center; font-size: clamp(16px, 3vw, 27px); color: #2B5EA7; padding: clamp(8px, 1.6vw, 14px) 0;}
.step_card img {width: 100%; display: block;}
.step_card p {flex: 1;display: flex;align-items: center;justify-content: center;text-align: center;font-size: clamp(12px, 2.2vw, 18px);line-height: 1.65;color: #333;font-weight: 500;padding: clamp(14px, 2.6vw, 24px) clamp(8px, 1.6vw, 14px);}
.step_card .step_bar {display: block; background: #A8BFDE; text-align: center; font-family: 'Nanum Pen Script', cursive; font-size: clamp(16px, 3vw, 27px); color: #fff; padding: clamp(6px, 1.2vw, 11px) 0;}

/* ================= sleep15 : 뼈이식 전후 ================= */
.sleep15 {background: #EFF4FA;}
.bna_grid {display: grid; grid-template-columns: 1fr 1fr; gap: clamp(14px, 2.8vw, 28px); max-width: 720px; margin: 0 auto;}
.bna_box {text-align: center;}
.bna_box img {width: 100%; max-width: 300px; display: block; margin: 0 auto; border-radius: 50%; border: clamp(3px, 0.7vw, 6px) solid #3D68B2;}
.bna_label {display: inline-block; background: #DCE9F7; font-size: clamp(14px, 2.6vw, 22px); font-weight: 800; color: #2B5EA7; padding: clamp(4px, 0.9vw, 8px) clamp(12px, 2.4vw, 22px); margin: clamp(14px, 2.6vw, 24px) 0 clamp(10px, 2vw, 18px);}
.bna_desc {font-size: clamp(12px, 2.2vw, 18px); line-height: 1.65; color: #333; font-weight: 300;}
.bna_desc b {font-weight: 800;}


/* ================= sleep16 : 상악동 ================= */
.sinus_info {max-width: 680px; margin: 0 auto; text-align: center; border-left: 2px solid #9FB8DA; border-right: 2px solid #9FB8DA; padding: clamp(14px, 2.6vw, 24px) clamp(12px, 2.4vw, 22px);}
.sinus_info .desc {margin-top: clamp(8px, 1.5vw, 14px);}
.sinus_block {margin-top: clamp(50px, 9.5vw, 100px); text-align: center;}
.sinus_label {display: inline-block; font-family: 'Open Baskerville', serif; font-style: italic; font-size: clamp(14px, 2.6vw, 22px); color: #5D89C8; border-top: 1px solid #C7D5E9; border-bottom: 1px solid #C7D5E9; padding: clamp(5px, 1vw, 9px) clamp(16px, 3vw, 28px);}
.sinus_block h3 {font-size: clamp(20px, 3.8vw, 34px); line-height: 1.4; font-weight: 800; color: #111; margin-top: clamp(12px, 2.4vw, 22px);}
.sinus_block .step_card_grid {text-align: left;}


/* ================= sleep17 : 리뷰 ================= */
.review_photo {display: block; width: 100%; max-width: 620px; margin: 0 auto clamp(30px, 5.5vw, 55px);}
.review_tit {text-align: center;}
.review_tit .pen_tag {display: block; width: fit-content; margin: clamp(6px, 1.2vw, 10px) auto 0;}
.review_quote {font-family: 'Nanum Pen Script', cursive; text-align: center; font-size: clamp(28px, 5.5vw, 52px); line-height: 1.35; color: #111; margin: clamp(18px, 3.4vw, 32px) 0 clamp(25px, 4.5vw, 45px);}
.xray_grid {display: grid; grid-template-columns: 1fr 1fr; gap: clamp(8px, 1.6vw, 16px); max-width: 720px; margin: 0 auto clamp(16px, 3vw, 28px);}
.xray_box img {width: 100%; display: block;}
.xray_box p {background: #BDD7F1; color: #1c355c; text-align: center; font-size: clamp(12px, 2.2vw, 19px); font-weight: 700; letter-spacing: 2px; padding: clamp(6px, 1.2vw, 11px) 0;}


/* ================= sleep18 : 전체임플란트 ================= */
.sleep18 {background: #f9f9f9;}
.face_grid {display: grid; grid-template-columns: 1fr 1fr; gap: clamp(8px, 1.6vw, 16px); max-width: 720px; margin: 0 auto clamp(14px, 2.6vw, 24px);}
.face_box {position: relative;}
.face_box img {width: 100%; display: block;}
.face_box span {position: absolute; right: clamp(6px, 1.2vw, 12px); bottom: clamp(6px, 1.2vw, 12px); font-size: clamp(9px, 1.7vw, 14px); color: #fff; text-shadow: 0 0 4px rgba(0,0,0,0.6);}
.face_desc {text-align: center; font-size: clamp(15px, 2.8vw, 24px); line-height: 1.6; color: #222; font-weight: 300; margin-top: clamp(22px, 4vw, 38px);}
.face_desc b {font-weight: 800;}


/* ================= sleep19 : 치료후기 Q&A ================= */
.sleep19 {background: #55585C;}
.sleep19 .title p {color: #fff;}
.sleep19 .title .eng_label {display: block; font-size: clamp(10px, 1.8vw, 15px); letter-spacing: 3px; color: rgba(255,255,255,0.6); margin-bottom: clamp(8px, 1.5vw, 14px);}
.sleep19 .title .sub {display: block; font-size: clamp(13px, 2.4vw, 20px); line-height: 1.6; color: rgba(255,255,255,0.85); font-weight: 300; margin-top: clamp(12px, 2.2vw, 20px);}
.sleep19 .title .sub b {font-weight: 800; color: #fff;}
.itv_list {max-width: 720px; margin: 0 auto;}
.itv_item {margin-bottom: clamp(25px, 4.5vw, 45px);}
.itv_item:last-child {margin-bottom: 0;}
.itv_q {position: relative; width: fit-content; max-width: 88%; border: 1px solid rgba(255,255,255,0.7); border-radius: 50px; color: #fff; font-size: clamp(13px, 2.4vw, 20px); font-weight: 300; padding: clamp(10px, 2vw, 18px) clamp(16px, 3vw, 28px); margin-bottom: clamp(14px, 2.6vw, 24px);}
.itv_q b {font-weight: 800;}
.itv_a {position: relative; margin-left: auto; width: fit-content; max-width: 88%; background: #fff; border-radius: clamp(12px, 2.4vw, 22px); color: #222; text-align: right; font-size: clamp(13px, 2.4vw, 20px); font-weight: 700; line-height: 1.6; padding: clamp(12px, 2.4vw, 22px) clamp(16px, 3vw, 28px);}
.itv_a::after {content: ""; position: absolute; right: clamp(24px, 5vw, 48px); top: 100%; border-top: clamp(10px, 2vw, 16px) solid #fff; border-left: clamp(10px, 2vw, 16px) solid transparent;}


/* ================= sleep20 : 추천 (헥사곤) ================= */
.hexa_grid {display: grid; grid-template-columns: repeat(2, 1fr); gap: clamp(15px, 4vw, 45px); max-width: 770px; margin: 0 auto;}
.hexa {aspect-ratio: 360 / 392; background-repeat: no-repeat; background-position: center; background-size: contain; display: flex; align-items: center; justify-content: center; text-align: center; padding: 0 12%; box-sizing: border-box;}
.hexa p {font-size: clamp(13px, 2.4vw, 21px); line-height: 1.5; color: #1c3a5f; font-weight: 400;}
.hexa p b {font-weight: 800;}


/* ================= sleep21 : 건강보험 임플란트 ================= */
.sleep21 {background: #f4f7fb;}
.sleep21 .title .eng_label {display: block; font-size: clamp(10px, 1.8vw, 15px); letter-spacing: 3px; color: #888; margin-bottom: clamp(8px, 1.5vw, 14px);}
.ins_bar {max-width: 620px; margin: 0 auto clamp(30px, 5.5vw, 55px); background: linear-gradient(90deg, rgba(189,215,241,0) 0%, #BDD7F1 20%, #BDD7F1 80%, rgba(189,215,241,0) 100%); text-align: center; font-size: clamp(17px, 3.2vw, 29px); font-weight: 800; color: #2B5EA7; letter-spacing: 4px; padding: clamp(8px, 1.6vw, 14px) 0;}
.ins_grid {display: grid; grid-template-columns: repeat(3, 1fr); gap: clamp(10px, 2vw, 20px); max-width: 720px; margin: 0 auto;}
.ins_box {text-align: center;}
.ins_box img {width: clamp(70px, 13vw, 120px); display: block; margin: 0 auto clamp(12px, 2.2vw, 20px);}
.ins_box p {font-size: clamp(12px, 2.3vw, 20px); line-height: 1.55; color: #333; font-weight: 300;}
.ins_box p b {font-weight: 800; color: #111;}
.ins_cta {text-align: center; font-size: clamp(14px, 2.6vw, 22px); color: #111; font-weight: 800; margin-top: clamp(30px, 5.5vw, 55px);}
.ins_cta a {color: #2E7CF0; text-decoration: none; margin-left: clamp(6px, 1.2vw, 12px);}


/* ================= sleep22 : 왜 청담수 ================= */
.sleep22 {background:#f0f5f9}
.why_grid {display: grid; grid-template-columns: 1fr 1fr; gap: clamp(28px, 5vw, 50px) clamp(14px, 2.8vw, 26px);}
.why_box {text-align: center;}
.why_box img {width: 100%; display: block; border-radius: clamp(8px, 1.6vw, 14px);}
.why_box .no {display: inline-block; font-family: 'Open Baskerville', serif; font-style: italic; font-size: clamp(20px, 3.8vw, 34px); color: #9FB8DA; background: linear-gradient(transparent 55%, #BDD7F1 55%); line-height: 1; padding: 0 clamp(8px, 1.6vw, 14px); margin: clamp(12px, 2.2vw, 20px) 0 clamp(8px, 1.6vw, 14px);}
.why_box p {font-size: clamp(12px, 2.2vw, 19px); line-height: 1.6; color: #333; font-weight: 300;}
.why_box p b {font-weight: 800;}


/* ================= sleep23 : 정품 재료 / 사후관리 ================= */
.sleep23 {background: #2E3A50 url('img/con19_bg.jpg') no-repeat center top / cover;}
.mat_tit {text-align: center; font-size: clamp(26px, 5vw, 46px); line-height: 1.4; font-weight: 300; color: #fff;}
.mat_tit b {font-weight: 900;}
.mat_desc {text-align: center; font-size: clamp(13px, 2.5vw, 21px); line-height: 1.65; color: rgba(255,255,255,0.85); font-weight: 300; margin-top: clamp(14px, 2.6vw, 24px);}
.logo_grid {display: grid; grid-template-columns: 1fr 1fr; gap: clamp(12px, 2.4vw, 24px); max-width: 720px; margin: clamp(30px, 5.5vw, 55px) auto 0;}
.logo_box {text-align: center;}
.logo_box img {width: 100%; display: block;}
.logo_box p {font-size: clamp(13px, 2.4vw, 20px); font-weight: 700; color: #fff; margin-top: clamp(10px, 1.8vw, 16px);}
.warranty_grid {display: grid; grid-template-columns: 1fr 1.1fr; gap: clamp(14px, 2.8vw, 28px); align-items: center; max-width: 720px; margin: clamp(35px, 6.5vw, 65px) auto 0;}
.warranty_grid > img {width: 100%; display: block;}
.warranty_txt h3 {font-size: clamp(18px, 3.4vw, 30px); line-height: 1.4; font-weight: 800; color: #fff;}
.warranty_txt .yl {font-size: clamp(14px, 2.6vw, 22px); line-height: 1.6; color: #F5E37B; font-weight: 700; margin-top: clamp(12px, 2.2vw, 20px);}
.sleep23 .warranty_txt .desc {font-size: clamp(12px, 2.2vw, 18px); line-height: 1.7; color: #FFF;}


/* ================= sleep24 : FAQ ================= */
.faq_list {border-top: 1px solid #ddd;}
.faq_item {border-bottom: 1px solid #ddd;}
.faq_item .q {display: block; width: 100%; background: none; border: none; cursor: pointer; font-family: inherit; text-align: left; position: relative; font-size: clamp(14px, 2.4vw, 19px); font-weight: 700; color: #111; line-height: 1.5; padding: clamp(20px, 3.5vw, 32px) 45px clamp(20px, 3.5vw, 32px) 5px;}
.faq_item .q::after {content: "+"; position: absolute; right: 8px; top: 50%; transform: translateY(-50%); font-size: clamp(20px, 3.5vw, 30px); font-weight: 300; color: #111;}
.faq_item.on .q::after {content: "\2212";}
.faq_item .a {display: none; font-size: clamp(13px, 2.1vw, 17px); line-height: 1.7; color: #555; font-weight: 300; padding: 0 5px clamp(20px, 3.5vw, 32px);}
.faq_item.on .a {display: block;}


/* ================= sleep25 : 청결 환경 ================= */
.sleep25 .title {text-align: center; margin-bottom: clamp(25px, 4vw, 45px);}
.sleep25 .title p:nth-child(1) {font-size: clamp(12px, 4.2vw, 16px); line-height: 1.4; color: #000; font-weight: 100; letter-spacing: 2px;}
.sleep25 .title p {font-size: clamp(22px, 4.2vw, 38px); line-height: 1.4; color: #000; font-weight: 300;}
.sleep25 .title p b {font-weight: 800; color: #000;}
.clean_grid {display: grid; grid-template-columns: 1fr 1fr; gap: clamp(10px, 2vw, 20px); max-width: 770px; margin: 0 auto;}
.clean_grid img {width: 100%; display: block;}
.clean_grid img:first-child {grid-column: 1 / -1;}






/* ================= 미디어쿼리 850px ================= */
@media(max-width:850px) {

}

/* ================= 미디어쿼리 640px ================= */
@media(max-width:640px) {

}

/* ================= 미디어쿼리 430px ================= */
@media(max-width:430px) {

}