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

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





/* 메인 비주얼 */
#ms0502_01 { height: 1040px; background: url(/images/ms0502_01_bg.png?v=2611021215) no-repeat 50% 0; }
#ms0502_01 .txt_wrap { position: absolute; top: 50%; right: 0; transform: translateY(-50%); width: 435px; padding: 45px 40px; border: 1px solid #fff; border-radius: 50px; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); }
#ms0502_01 .txt_wrap::before { content: ''; position: absolute; inset: 0; border-radius: 50px; background: url(/images/ms0502_01_img.png?v=2611021215) center / cover no-repeat; opacity: 0.7; overflow: hidden; z-index: -1; }
#ms0502_01 .txt_wrap::after { content: ''; position: absolute; top: 245px; left: 0; transform: translate(-50%, -50%); width: 43px; aspect-ratio: 1 / 1; border-radius: 50%; background-color: #fff; }  
#ms0502_01 .txt_wrap .top { display: flex; flex-direction: column; gap: 24px; width: 100%; padding-bottom: 24px; border-bottom: 1px solid #be8d66; }
#ms0502_01 .txt_wrap .top strong { font-size: 23px; font-weight: 500; color: #be8d66; letter-spacing: 0; }
#ms0502_01 .txt_wrap .top h2 { font-size: 52px; font-weight: 700; color: #71411a; line-height: normal; }

#ms0502_01 .txt_wrap .bot { position: relative; display: flex; justify-content: flex-end; width: 100%; aspect-ratio: 465 / 440; padding-top: 24px; }
#ms0502_01 .txt_wrap .bot ul { display: flex; flex-direction: column; align-items: flex-end; gap: 10px; }
#ms0502_01 .txt_wrap .bot ul li { display: inline-block; padding: 13px 22px; font-size: 23px; font-weight: 500; color: #fff; white-space: nowrap; border-radius: 24px; background-color: #be8d66; }





/* 섹션 공통 */
div.has_bg .inner { border-radius: 30px; background-color: #faf7f2; overflow: hidden; }

.tit_wrap { display: flex; flex-direction: column; gap: 23px; margin-bottom: 25px; }
.tit_wrap h2 { font-size: 36px; font-weight: 600; color: #71411a; }
.tit_wrap p { font-size: 15px; color: #737373; line-height: 1.4; }





/* 마지막, 가슴 재수술 */
#ms0502_02 { padding: 80px 0 95px; }
#ms0502_02 .inner { padding: 65px; background: url(/images/ms0502_02_bg.png?v=2611021215) center / cover no-repeat; }
 
#ms0502_02 .cont_list { display: flex; flex-direction: column; gap: 17px; width: 500px; }
#ms0502_02 .cont_list li { display: flex; flex-direction: column; gap: 20px; width: 100%; padding: 34px 49px; border-radius: 20px; background-color: rgba(255, 255, 255, 0.85); } 
#ms0502_02 .cont_list li strong { font-size: 23px; font-weight: 600; color: #71411a; }
#ms0502_02 .cont_list li p { font-size: 15px; color: #737373; line-height: 1.4; }





/* 한나이브 가슴재수술 유형 */
#ms0502_03 { padding: 80px 0 95px; }
#ms0502_03 .inner { padding: 65px; }

#ms0502_03 .tit_wrap { margin-bottom: 55px; text-align: center; }
 
#ms0502_03 .cont_list { display: flex; align-items: center; gap: 18px; }
#ms0502_03 .cont_list li { display: flex; flex-direction: column; gap: 14px; width: calc((100% - 54px) / 4); height: 435px; padding: 40px 20px 30px; border-radius: 20px; background-color: #fff; } 
#ms0502_03 .cont_list li .img_box { width: 100%; }
#ms0502_03 .cont_list li .txt_box { display: flex; flex-direction: column; gap: 20px; }
#ms0502_03 .cont_list li .txt_box strong { font-size: 23px; font-weight: 600; color: #71411a; }
#ms0502_03 .cont_list li .txt_box p { font-size: 15px; color: #737373; line-height: 1.4; }





/* 1:1 맞춤 체형 분석을 통한 정품 보형물 라인업 */
#ms0502_04 { padding: 80px 0 95px; }
#ms0502_04 .inner { padding: 65px; }
 
#ms0502_04 .cont_list { display: flex; flex-direction: column; gap: 14px; }
#ms0502_04 .cont_list li { display: flex; align-items: stretch; border-radius: 20px; background-color: #fff; overflow: hidden; } 
#ms0502_04 .cont_list li .img_box { width: 55%; aspect-ratio: 820 / 330; }
#ms0502_04 .cont_list li .txt_box { width: 45%; display: flex; justify-content: center; align-items: center; background-color: #f2eadd; }
#ms0502_04 .cont_list li .txt_box .frame { display: flex; flex-direction: column; gap: 18px; }
#ms0502_04 .cont_list li .txt_box .frame strong { font-size: 23px; font-weight: 600; color: #71411a; }
#ms0502_04 .cont_list li .txt_box .frame p { font-size: 15px; color: #737373; line-height: 1.4; }





/* 더 작아진 절개, 더 빨라진 회복 */
#ms0502_05 { height: 790px; padding-top: 143px; background: url(/images/ms0502_05_bg.png?v=2611021215) no-repeat 50% 0; }
#ms0502_05 .inner { padding-right: 210px; }

#ms0502_05 .tit_wrap { margin-bottom: 70px; text-align: center; }
#ms0502_05 .tit_wrap h2 { line-height: 1.35; }
 
#ms0502_05 .cont_list { display: flex; align-items: center; gap: 12px; }
#ms0502_05 .cont_list li { position: relative; display: flex; flex-direction: column; align-items: center; gap: 20px; width: calc((100% - 36px) / 4.5); aspect-ratio: 220 / 265; padding-top: 38px; border-radius: 10px; background-color: #fff; } 
#ms0502_05 .cont_list li::before { position: absolute; top: 0; left: 50%; transform: translate(-50%, -50%); display: flex; justify-content: center; align-items: center; width: 40px; aspect-ratio: 1 / 1; border-radius: 50%; font-size: 17px; font-weight: 600; color: #fff; background-color: #be8d66; }
#ms0502_05 .cont_list li:nth-child(1):before { content: '01'; }
#ms0502_05 .cont_list li:nth-child(2):before { content: '02'; }
#ms0502_05 .cont_list li:nth-child(3):before { content: '03'; }
#ms0502_05 .cont_list li:nth-child(4):before { content: '04'; }
#ms0502_05 .cont_list li .img_box { width: auto; height: 70px; }
#ms0502_05 .cont_list li .img_box img { width: auto; object-fit: contain; }
#ms0502_05 .cont_list li p { font-size: 15px; text-align: center; line-height: 1.4; }

#ms0502_05 p.notice { margin-top: 17px; font-size: 15px; color: #737373; line-height: 1.4; }





/* 한나이브 원데이 가슴성형 */
#ms0502_06 { padding: 80px 0 95px; }
#ms0502_06 .inner { padding: 65px; }
#ms0502_06 .tit_wrap { margin-bottom: 36px; }
 
#ms0502_06 .cont_list { display: flex; align-items: center; gap: 23px; }
#ms0502_06 .cont_list li { position: relative; width: calc((100% - 46px) / 3); border-radius: 20px; background-color: #fff; overflow: hidden; } 
#ms0502_06 .cont_list li strong { position: absolute; top: 0; left: 0; width: 100%; padding: 15px; font-size: 23px; font-weight: 600; color: #71411a; text-align: center; background-color: #f2eadd; }
#ms0502_06 .cont_list li p { position: absolute; bottom: 28px; left: 0; width: 100%; font-size: 15px; color: #737373; text-align: center; }





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

#ms0502_07 .qna_list { display: flex; flex-direction: column; gap: 10px; width: 100%; }
#ms0502_07 .qna_list li { display: flex; flex-direction: column; gap: 10px; width: 100%; }
#ms0502_07 .qna_list li .q_box { width: 100%; padding: 25px 35px; border-radius: 17px; background-color: #fff; cursor: pointer; }
#ms0502_07 .qna_list li .q_box p { position: relative; padding: 0 30px; font-size: 21px; font-weight: 500; }
#ms0502_07 .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; }
#ms0502_07 .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/ms0502_07_arrow.png?v=2611021215) center / cover no-repeat; transition: 0.3s; }

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

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