@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css");

#breast_lifting { color: #000; letter-spacing: -0.05em; }
#breast_lifting * { box-sizing: border-box; }
#breast_lifting > div { position: relative; width: 100%; font-family: Pretendard; line-height: 1; }
#breast_lifting .inner { position: relative; height: 100%; margin: 0 auto; }
#breast_lifting .inner_01 { width: 1185px; }
#breast_lifting .inner_02 { width: 1500px; }
#breast_lifting img { display: block; width: 100%; height: 100%; object-fit: cover; }
#breast_lifting strong { display: block; }





/* 메인 비주얼 */
#ms0505_01 { height: 1080px; background: url(/images/ms0505_01_bg.png?v=2611121120) no-repeat 50% 0; }
#ms0505_01 .txt_wrap { position: absolute; bottom: 210px; left: 0; }
#ms0505_01 .txt_wrap h3 { margin-bottom: 15px; font-size: 48px; font-weight: 300; color: #71411a; }
#ms0505_01 .txt_wrap h2 { margin-bottom: 30px; font-size: 72px; font-weight: 700; color: #71411a; }
#ms0505_01 .txt_wrap p { font-size: 20px; line-height: 1.4; }





/* 한나이브 가슴지방이식 */
#ms0505_02 { height: 691px; background: url(/images/ms0505_02_bg.png?v=2611121120) no-repeat 50% 0; }
#ms0505_02 .txt_wrap { position: absolute; top: 50%; right: 0; transform: translateY(-50%); text-align: right; }
#ms0505_02 .txt_wrap h2 { margin-bottom: 33px; font-size: 48px; font-weight: 600; color: #fff; line-height: 1.25; }
#ms0505_02 .txt_wrap p { font-size: 20px; color: #fff; line-height: 1.4; }





/* 타이틀 공통 */
div[id^="ms0505_"] .tit_wrap { display: flex; flex-direction: column; align-items: center; gap: 23px; margin-bottom: 45px; }
div[id^="ms0505_"] .tit_wrap strong { font-size: 30px; font-weight: 300; color: #71411a; }
div[id^="ms0505_"] .tit_wrap h2 { font-size: 48px; font-weight: 600; color: #71411a; }





/* 처진가슴 자가 진단법 */
#ms0505_03 { padding: 125px 0 145px; background-color: #fff; }
#ms0505_03 .cont_list { display: flex; align-items: stretch; gap: 15px; margin-bottom: 20px; }
#ms0505_03 .cont_list li { display: flex; flex-direction: column; gap: 20px; width: calc((100% - 45px) / 4); padding: 20px 20px 45px; border-radius: 40px; background-color: #faf7f2; overflow: hidden; }
#ms0505_03 .cont_list li .img_box { width: 100%; aspect-ratio: 320 / 395; border-radius: 26px; overflow: hidden; }
#ms0505_03 .cont_list li .txt_box { display: flex; flex-direction: column; gap: 20px; }
#ms0505_03 .cont_list li .txt_box strong { width: fit-content; padding: 11px 44px; font-size: 20px; font-weight: 600; color: #fff; letter-spacing: normal; border-radius: 20px; background-color: #be8d66; }
#ms0505_03 .cont_list li .txt_box p { font-size: 20px; font-weight: 500; color: #737373; line-height: 1.4; }

#ms0505_03 .point_wrap { display: flex; justify-content: center; align-items: center; gap: 25px; width: 100%; padding: 32px 0; border-radius: 25px; background-color: #faf7f2; overflow: hidden; }
#ms0505_03 .point_wrap strong { font-size: 20px; font-weight: 700; color: #737373; }
#ms0505_03 .point_wrap span.line { display: block; width: 1px; height: 24px; background-color: #737373; }
#ms0505_03 .point_wrap p { font-size: 20px; color: #737373; }





/* CASE별 수술방법 */
#ms0505_04 { padding: 150px 0 180px; background-color: #faf7f2; }
#ms0505_04 .cont_wrap { display: flex; align-items: center; gap: 15px; }
#ms0505_04 .cont_wrap > div { display: flex; width: calc((100% - 15px) / 2); aspect-ratio: 750 / 625; padding: 30px; border-radius: 40px; overflow: hidden; }
#ms0505_04 .cont_wrap > div .info_box { display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 25px; width: auto; height: 100%; aspect-ratio: 320 / 555; border-radius: 23px; background: linear-gradient(180deg, #E0BEA4 0%, #F1E4D8 100%); overflow: hidden; }
#ms0505_04 .cont_wrap > div .info_box strong { width: fit-content; padding: 11px 42px; font-size: 20px; font-weight: 600; color: #886144; letter-spacing: normal; border-radius: 20px; background-color: #fff; }
#ms0505_04 .cont_wrap > div .info_box p { display: flex; flex-direction: column; align-items: center; gap: 10px; font-size: 20px; font-weight: 600; }
#ms0505_04 .cont_wrap > div .info_box p span { font-size: 24px; }
#ms0505_04 .cont_wrap > div .info_box p:first-of-type { color: #71411a; }
#ms0505_04 .cont_wrap > div .info_box p:last-of-type { color: #000; }
#ms0505_04 .cont_wrap > div .info_box figure { width: 17px; aspect-ratio: 17 / 66; }

#ms0505_04 .cont_wrap .left { justify-content: flex-start; background: url(/images/ms0505_04_img_01.png?v=2611121120) center / cover no-repeat; }
#ms0505_04 .cont_wrap .right { justify-content: flex-end; background: url(/images/ms0505_04_img_02.png?v=2611121120) center / cover no-repeat; }





/* 이런 분들께 추천드립니다 */
#ms0505_05 { padding: 110px 0 165px; background-color: #fff; }
#ms0505_05 .cont_list { display: flex; flex-direction: column; gap: 17px; }
#ms0505_05 .cont_list li { display: flex; align-items: stretch; width: 100%; border-radius: 25px; overflow: hidden; }
#ms0505_05 .cont_list li .img_box { width: 425px; }
#ms0505_05 .cont_list li .txt_box { flex: 1; display: flex; flex-direction: column; gap: 27px; justify-content: center; padding-left: 55px; background-color: #faf7f2; }
#ms0505_05 .cont_list li .txt_box strong { font-size: 30px; font-weight: 600; color: #71411a; }
#ms0505_05 .cont_list li .txt_box p { font-size: 20px; color: #737373; }





/* 한나이브 리턴 가슴거상 */
#ms0505_06 { padding: 85px 0 90px; background-color: #be8d66; }
#ms0505_06 h2 { width: fit-content; margin-bottom: 36px; padding: 16px 25px; font-size: 30px; font-weight: 600; color: #886144; border-radius: 30px; background-color: #fff; }

#ms0505_06 .cont_list { display: flex; align-items: center; gap: 42px; }
#ms0505_06 .cont_list li { position: relative; display: flex; justify-content: center; align-items: center; width: calc((100% - 126px) / 4); aspect-ratio: 260 / 165; border: 2px solid #fff; border-radius: 30px; background-color: transparent; }
#ms0505_06 .cont_list li::after { content: ''; position: absolute; top: 50%; left: calc(100% + 23px); transform: translate(-50%, -50%); width: 21px; aspect-ratio: 1 / 1; background: url(/images/ms0505_06_icon.png?v=2611121120) center / cover no-repeat; }
#ms0505_06 .cont_list li:last-child::after { content: unset; }
#ms0505_06 .cont_list li p { font-size: 20px; font-weight: 600; text-align: center; color: #fff; line-height: 1.4; }





/* 가슴거상술 수술방법 */
#ms0505_07 { padding: 110px 0 150px; background-color: #fff; }
#ms0505_07 .cont_list { display: flex; align-items: center; gap: 14px; }
#ms0505_07 .cont_list li { width: calc((100% - 28px) / 3); border-radius: 25px; background-color: #faf7f2; overflow: hidden; }
#ms0505_07 .cont_list li h3 { width: 100%; padding: 20px 0; font-size: 30px; font-weight: 600; text-align: center; color: #71411a; }
#ms0505_07 .cont_list li .img_box { width: 100%; }
#ms0505_07 .cont_list li .txt_box { display: flex; flex-direction: column; align-items: center; gap: 19px; width: 100%; padding: 30px 0 40px; }
#ms0505_07 .cont_list li .txt_box strong { font-size: 24px; font-weight: 600; color: #71411a; }
#ms0505_07 .cont_list li .txt_box p { font-size: 20px; text-align: center; color: #737373; line-height: 1.4; }





/* 리턴 가슴거상의 장점 */
#ms0505_08 { padding: 115px 0 140px; background-color: #faf7f2; }
#ms0505_08 .cont_list { display: flex; align-items: center; gap: 22px; }
#ms0505_08 .cont_list li { width: calc((100% - 66px) / 4); }
#ms0505_08 .cont_list li .img_box { width: 100%; border-radius: 25px; overflow: hidden; }
#ms0505_08 .cont_list li .txt_box { display: flex; flex-direction: column; gap: 19px; width: 100%; padding: 28px 10px 0; }
#ms0505_08 .cont_list li .txt_box strong { width: 100%; padding-bottom: 20px; font-size: 23px; font-weight: 600; color: #71411a; border-bottom: 1px solid #71411a; }
#ms0505_08 .cont_list li .txt_box p { font-size: 19px; color: #737373; line-height: 1.4; }





/* Q&A */
#ms0505_09 { padding: 125px 0; background-color: #faf7f2; }
#ms0505_09 .inner { width: 1000px; }
#ms0505_09 .inner > h2 { margin-bottom: 20px; font-size: 45px; font-weight: 700; color: #737373; }
#ms0505_09 .inner > h3 { margin-bottom: 25px; font-size: 35px; font-weight: 700; color: #71411a; }

#ms0505_09 .qna_list { display: flex; flex-direction: column; gap: 10px; width: 100%; }
#ms0505_09 .qna_list li { display: flex; flex-direction: column; gap: 10px; width: 100%; }
#ms0505_09 .qna_list li .q_box { width: 100%; padding: 25px 35px; border-radius: 17px; background-color: #fff; cursor: pointer; }
#ms0505_09 .qna_list li .q_box p { position: relative; padding: 0 30px; font-size: 21px; font-weight: 500; }
#ms0505_09 .qna_list li .q_box p::before { content: 'Q'; position: absolute; top: 50%; left: 0; transform: translateY(-50%); font-size: 24px; font-weight: 700; color: #be8d66; }
#ms0505_09 .qna_list li .q_box p::after { content: ''; position: absolute; top: 50%; right: 0; transform: translateY(-50%) rotate(0); width: 16px; aspect-ratio: 16 / 10; background: url(/images/breast_qna_arrow.png?v=2611021215) center / cover no-repeat; transition: 0.3s; }

#ms0505_09 .qna_list li .a_box { display: none; padding: 20px 35px 20px 65px; background-color: transparent; }
#ms0505_09 .qna_list li .a_box p { font-size: 18px; font-weight: 300; line-height: 1.55; }

#ms0505_09 .qna_list li .q_box.on p::after { transform: translateY(-50%) rotate(180deg); transition: 0.3s; }