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

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





/* 메인 비주얼 */
#ms0501_01 { height: 1040px; background: url(/images/ms0501_01_bg.png?v=2610281845) no-repeat 50% 0; }
#ms0501_01 .txt_wrap { position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 480px; padding: 50px 45px 0; border: 1px solid #fff; border-radius: 67px; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); }
#ms0501_01 .txt_wrap::before { content: ''; position: absolute; inset: 0; border-radius: 67px; background: url(/images/ms0501_01_img.png?v=2610281845) center / cover no-repeat; opacity: 0.7; overflow: hidden; z-index: -1; }
#ms0501_01 .txt_wrap::after { content: ''; position: absolute; top: 261px; right: 0; transform: translate(50%, -50%); width: 58px; aspect-ratio: 1 / 1; border-radius: 50%; background-color: #fff; }  
#ms0501_01 .txt_wrap .top { display: flex; flex-direction: column; gap: 30px; width: 100%; padding-bottom: 28px; border-bottom: 1px solid #be8d66; }
#ms0501_01 .txt_wrap .top strong { font-size: 26px; font-weight: 500; color: #be8d66; }
#ms0501_01 .txt_wrap .top h2 { font-size: 55px; font-weight: 700; color: #71411a; line-height: normal; }

#ms0501_01 .txt_wrap .bot { position: relative; display: flex; justify-content: flex-end; width: 100%; aspect-ratio: 500 / 520; padding-top: 30px; }
#ms0501_01 .txt_wrap .bot ul { display: flex; flex-direction: column; align-items: flex-end; gap: 10px; }
#ms0501_01 .txt_wrap .bot ul li { display: inline-block; padding: 15px 25px; font-size: 26px; font-weight: 500; color: #fff; white-space: nowrap; border-radius: 26px; background-color: #be8d66; }





/* 가슴수술 보형물 종류 */
#ms0501_02 { padding: 195px 0; }
#ms0501_02 .implant_list { display: flex; justify-content: center; align-items: center; gap: 30px; margin-bottom: 60px; }
#ms0501_02 .implant_list li { display: flex; justify-content: center; align-items: center; width: 165px; height: 60px; font-size: 30px; font-weight: 500; color: #be8d66; border: 1px solid #be8d66; border-radius: 36px; background-color: #fff; cursor: pointer; }
#ms0501_02 .implant_list li.on { color: #fff; background-color: #be8d66; }

#ms0501_02 .cont { width: 100%; }
#ms0501_02 .cont[hidden] { display: none; }
#ms0501_02 .cont .top { display: flex; align-items: center; border-bottom: 1px solid #be8d66; }
#ms0501_02 .cont .top .img_wrap { flex: 1; aspect-ratio: 880 / 532; }
#ms0501_02 .cont .top .txt_wrap { width: 380px; }
#ms0501_02 .cont .top .txt_wrap h3 { margin-bottom: 27px; font-size: 40px; font-weight: 500; }
#ms0501_02 .cont .top .txt_wrap p { font-size: 17px; color: #737373; line-height: 1.4; }


/* 보형물 - 모티바 */
#ms0501_02 .motiva .motiva_list { display: flex;flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 70px; margin-top: 70px; }
#ms0501_02 .motiva .motiva_list li { width: calc((100% - 140px) / 3) }
#ms0501_02 .motiva .motiva_list li .img_wrap { width: 100%; aspect-ratio: 365 / 275; }
#ms0501_02 .motiva .motiva_list li .txt_wrap { width: 100%; text-align: center; }
#ms0501_02 .motiva .motiva_list li .txt_wrap strong { margin-bottom: 20px; font-size: 23px; font-weight: 600; }
#ms0501_02 .motiva .motiva_list li .txt_wrap p { font-size: 17px; color: #737373; line-height: 1.4; }


/* 보형물 - 멘토 */
#ms0501_02 .mentor .top { border-bottom: none; }

#ms0501_02 .mentor .mid { display: flex; align-items: center; gap: 30px; margin-bottom: 30px; }
#ms0501_02 .mentor .mid > div { width: calc((100% - 30px) / 2); padding: 24px 58px; text-align: center; border: 1px solid #be8d66; border-radius: 35px; }
#ms0501_02 .mentor .mid > div h3 { margin-bottom: 38px; font-size: 21px; font-weight: 600; color: #be8d66; }
#ms0501_02 .mentor .mid > div .img_wrap { width: 100%; aspect-ratio: 500 / 235; }
#ms0501_02 .mentor .mid > div strong { margin-bottom: 17px; font-size: 24px; font-weight: 600; }
#ms0501_02 .mentor .mid > div p { font-size: 17px; color: #737373; line-height: 1.4; }

#ms0501_02 .mentor .bot { display: flex; align-items: stretch; gap: 30px; }
#ms0501_02 .mentor .bot > * { width: calc((100% - 30px) / 2); }
#ms0501_02 .mentor .bot .img_wrap { aspect-ratio: 640 / 375; }
#ms0501_02 .mentor .bot .mentor_list { display: flex; flex-direction: column; gap: 13px; }
#ms0501_02 .mentor .bot .mentor_list li { display: flex; align-items: center; width: 100%; height: calc((100% - 52px) / 5); padding-left: 28px; border-radius: 27px; background-color: #be8d6625; }
#ms0501_02 .mentor .bot .mentor_list li p { font-size: 17px; }
#ms0501_02 .mentor .bot .mentor_list li p span { font-weight: 700; color: #be8d66; }


/* 보형물 - 바운스 */
#ms0501_02 .bouns .mid { display: flex; align-items: stretch; gap: 30px; margin-bottom: 65px; }
#ms0501_02 .bouns .mid > * { width: calc((100% - 30px) / 2); }
#ms0501_02 .bouns .mid .left { text-align: center; }
#ms0501_02 .bouns .mid .left .img_wrap { width: 100%; }
#ms0501_02 .bouns .mid .left strong { margin-bottom: 15px; font-size: 24px; font-weight: 600; }
#ms0501_02 .bouns .mid .left p { font-size: 17px; color: #737373; line-height: 1.4; }
#ms0501_02 .bouns .mid .right_list { display: flex; flex-direction: column; gap: 13px; padding-top: 65px; letter-spacing: -0.025em; }
#ms0501_02 .bouns .mid .right_list li { display: flex; align-items: center; width: 100%; height: calc((100% - 52px) / 5); padding-left: 28px; font-size: 17px; border-radius: 27px; background-color: #be8d6625; }

#ms0501_02 .bouns .bot { display: flex; align-items: stretch; gap: 30px; margin-bottom: 75px; }
#ms0501_02 .bouns .bot > * { width: calc((100% - 30px) / 2); }
#ms0501_02 .bouns .bot .left_list { display: flex; flex-direction: column; gap: 13px; padding: 50px 0 10px; letter-spacing: -0.025em; }
#ms0501_02 .bouns .bot .left_list li { display: flex; align-items: center; width: 100%; height: calc((100% - 26px) / 3); padding-left: 28px; font-size: 17px; border-radius: 27px; background-color: #be8d6625; }
#ms0501_02 .bouns .bot .right { aspect-ratio: 640 / 290; }

#ms0501_02 .bouns .bouns_list { display: flex; align-items: flex-start; gap: 43px; }
#ms0501_02 .bouns .bouns_list li { width: calc((100% - 86) / 3); }
#ms0501_02 .bouns .bouns_list li .img_wrap { width: 100%; aspect-ratio: 405 / 250; }
#ms0501_02 .bouns .bouns_list li .txt_wrap { width: 100%; text-align: center; }
#ms0501_02 .bouns .bouns_list li .txt_wrap strong { margin-bottom: 24px; font-size: 24px; font-weight: 600; }
#ms0501_02 .bouns .bouns_list li .txt_wrap p { font-size: 17px; color: #737373; line-height: 1.4; }





/* 섹션 공통 */
.bg { width: fit-content; margin: 0 auto; padding: 70px; border-radius: 35px; background-color: #faf7f2; }

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


div.re { background-color: #faf7f2; }
div.re .bg { background-color: #fff; }

div.re .tit_wrap { display: flex; flex-direction: column; gap: 20px; margin-bottom: 25px; }
div.re .tit_wrap strong { font-size: 24px; font-weight: 600; color: #be8d66; }
div.re .tit_wrap p { font-size: 17px; color: #737373; line-height: 1.4; }







/* 개인 맞춤 보형물 삽입 방법 */
#ms0501_03 { padding: 85px 0; }
#ms0501_03 .cont_wrap { display: flex; flex-direction: column; gap: 25px; }
#ms0501_03 .cont_wrap > div { display: flex; align-items: stretch; border-radius: 20px; background-color: #fff; overflow: hidden; }
#ms0501_03 .cont_wrap > div .info_box { flex: 1; padding: 70px 55px 55px; }
#ms0501_03 .cont_wrap > div .info_box h3 { margin-bottom: 23px; font-size: 25px; font-weight: 600; color: #71411a; }
#ms0501_03 .cont_wrap > div .info_box p { margin-bottom: 45px; font-size: 17px; color: #737373; }
#ms0501_03 .cont_wrap > div .info_box .info_list { display: flex; flex-wrap: wrap; gap: 10px; }
#ms0501_03 .cont_wrap > div .info_box .info_list li { display: flex; justify-content: center; align-items: center; width: calc((100% - 10px) / 2); height: 50px; font-size: 17px; color: #fff; border-radius: 10px; background-color: #be8d66; }
#ms0501_03 .cont_wrap > div .img_box { width: 455px; aspect-ratio: 535 / 410; }





/* 가슴성형 절개 부위별 특징 */
#ms0501_04 { padding: 85px 0; }
#ms0501_04 .bg { padding-bottom: 0; }
#ms0501_04 .img_wrap { width: 100%; }





/* 한나이브 특장점 ~ 수술 후 관리 프로그램 공통 */
#ms0501_05 { position: relative; display: flex; flex-direction: column; }
#ms0501_05 > div { position: sticky; top: var(--sticky_top, 76px); width: 100%; height: auto; min-height: calc(100dvh - 100px); padding: 185px 0; z-index: var(--sticky-z, 1); }





/* 한나이브 특장점 */
#ms0501_05_01 {}
#ms0501_05_01 .top_wrap { display: flex; flex-direction: column; align-items: center; gap: 25px; margin-bottom: 50px; }
#ms0501_05_01 .top_wrap h2 { font-size: 68px; font-weight: 700; color: #71411a; }
#ms0501_05_01 .top_wrap p { font-size: 30px; color: #737373; letter-spacing: 0; }

#ms0501_05_01 .bg { padding-bottom: 0; }
#ms0501_05_01 .txt_wrap { position: absolute; top: 0; left: 0; width: fit-content; height: fit-content; }
#ms0501_05_01 .txt_wrap strong { width: fit-content; margin-bottom: 15px; padding: 15px 17px; font-size: 21px; font-weight: 400; color: #fff; border-radius: 10px; background-color: #be8d66; }
#ms0501_05_01 .txt_wrap strong span { font-size: 15px; }
#ms0501_05_01 .txt_wrap p { font-size: 17px; color: #737373; line-height: 1.4; }

#ms0501_05_01 .img_wrap { width: 100%; }





/* 한나이브 가슴수술 컷툰 */
#ms0501_05_02 {}
#ms0501_05_02 .inner { width: 1265px; }

#ms0501_05_02 .txt_wrap { margin-bottom: 35px; }
#ms0501_05_02 .txt_wrap strong { width: fit-content; margin-bottom: 15px; padding: 15px 17px; font-size: 21px; font-weight: 400; color: #fff; border-radius: 10px; background-color: #be8d66; }
#ms0501_05_02 .txt_wrap p { font-size: 17px; color: #737373; line-height: 1.4; }

#ms0501_05_02 .img_wrap { width: 100%; }





/* 수술전부터 퇴원까지 여성 마취과전문의 안전마취 */
#ms0501_05_03 {}
#ms0501_05_03 .inner { display: flex; align-items: flex-start; }
#ms0501_05_03 .inner > div { width: 50%; padding-top: 10px; padding-bottom: 25px; }

#ms0501_05_03 .inner .left .img_wrap { width: 100%; }

#ms0501_05_03 .inner .right { padding-left: 73px; border-left: 1px solid #be8d66; }
#ms0501_05_03 .inner .right .right_list { display: flex; flex-direction: column; gap: 20px; }
#ms0501_05_03 .inner .right .right_list li { display: flex; align-items: center; gap: 30px; padding: 17px; border-radius: 17px; background-color: #faf7f2; }
#ms0501_05_03 .inner .right .right_list li .img_wrap { width: 170px; border-radius: 10px; overflow: hidden; }
#ms0501_05_03 .inner .right .right_list li .txt_wrap { flex: 1; display: flex; flex-direction: column; gap: 20px; }
#ms0501_05_03 .inner .right .right_list li .txt_wrap strong { font-size: 20px; font-weight: 600; color: #737373; }
#ms0501_05_03 .inner .right .right_list li .txt_wrap p { font-size: 17px; color: #737373; line-height: 1.4; }





/* 흉터걱정 없는 가슴성형 */
#ms0501_05_04 {}
#ms0501_05_04 .bg { background: url(/images/ms0501_05_04_bg.png?v=2610281845) center / cover no-repeat; }
#ms0501_05_04 .inner { padding-right: 250px; }

#ms0501_05_04 .cont_list { display: flex; flex-wrap: wrap; align-items: center; gap: 25px; width: 100%; }
#ms0501_05_04 .cont_list li { position: relative; width: calc((100% - 25px) / 2); border-radius: 15px; overflow: hidden; }
#ms0501_05_04 .cont_list li p { position: absolute; bottom: 15px; left: 0; width: 100%; font-size: 18px; text-align: center; }





/* 정확한 가슴성형 특화 검진 */
#ms0501_05_05 { display: flex; flex-direction: column; gap: 43px; }
#ms0501_05_05 .top .cont_list { display: flex; align-items: center; gap: 25px; width: 100%; }
#ms0501_05_05 .top .cont_list li { position: relative; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 15px; width: calc((100% - 75px) / 5); height: 155px; border-radius: 10px; background-color: #faf7f2; overflow: hidden; }
#ms0501_05_05 .top .cont_list li:last-child { width: calc(((100% - 75px) / 5) * 2); padding-right: 150px; background: url(/images/ms0501_05_05_top_bg.png?v=2610281845) center / cover no-repeat; }
#ms0501_05_05 .top .cont_list li strong { font-size: 18px; font-weight: 600; color: #737373; }
#ms0501_05_05 .top .cont_list li p { font-size: 15px; color: #737373; text-align: center; line-height: 1.4; }


#ms0501_05_05 .bot .inner { display: flex; align-items: stretch; }
#ms0501_05_05 .bot .inner > div { width: 50%; }

#ms0501_05_05 .bot .left { padding-right: 75px; border-right: 1px solid #be8d66; }
#ms0501_05_05 .bot .left .img_wrap { width: 100%; border-radius: 17px; overflow: hidden; }

#ms0501_05_05 .bot .right { padding-left: 75px; }
#ms0501_05_05 .bot .right .right_list { display: flex; align-items: center; gap: 15px; }
#ms0501_05_05 .bot .right .right_list li { display: flex; justify-content: center; align-items: center; width: calc((100% - 15px) / 2); aspect-ratio: 280 / 250; border-radius: 17px; background-color: #faf7f2; }
#ms0501_05_05 .bot .right .right_list li p { font-size: 21px; font-weight: 600; color: #737373; text-align: center; line-height: 1.4; }





/* 정확한 가슴성형 특화 검진 */
#ms0501_05_06 {}
#ms0501_05_06 .bg { padding-bottom: 0; }

#ms0501_05_06 .cont_list { display: flex; align-items: center; gap: 35px; margin-bottom: 20px; }
#ms0501_05_06 .cont_list li { position: relative; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 17px; width: calc((100% - 70px) / 3); height: 210px; border-radius: 10px; background-color: #faf7f2; }
#ms0501_05_06 .cont_list li::after { content: ''; position: absolute; bottom: 70px; right: -30px; width: 55px; aspect-ratio: 62 / 36; background: url(/images/ms0501_05_06_arrow.png?v=2610281845) center / cover no-repeat; }
#ms0501_05_06 .cont_list li:last-child:after { content: unset; }
#ms0501_05_06 .cont_list li strong { display: flex; justify-content: center; align-items: center; width: 125px; height: 50px; font-size: 21px; font-weight: 600; color: #fff; border-radius: 10px; background-color: #be8d66; }
#ms0501_05_06 .cont_list li p { height: 85px; font-size: 15px; color: #737373; text-align: center; line-height: 1.4; }

#ms0501_05_06 .cont_wrap { width: calc(100% - 470px); height: 330px; margin: 0 auto; padding: 25px 155px 0 25px; background: url(/images/ms0501_05_06_bg.png?v=2610281845) center / cover no-repeat; }
#ms0501_05_06 .cont_wrap .top { padding-left: 3px; }
#ms0501_05_06 .cont_wrap .top strong { position: relative; }
#ms0501_05_06 .cont_wrap .top strong::before { content: ''; position: absolute; top: 50%; right: calc(100% + 5px); transform: translateY(-50%); width: 24px; aspect-ratio: 1 / 1; background: url(/images/ms0501_05_06_icon.png?v=2610281845) center / cover no-repeat; }
#ms0501_05_06 .cont_wrap .bot_list { display: flex; align-items: center; gap: 20px; }
#ms0501_05_06 .cont_wrap .bot_list li { position: relative; width: calc((100% - 20px) / 2); aspect-ratio: 265 / 165; border-radius: 10px; background-color: #faf7f2; overflow: hidden; }
#ms0501_05_06 .cont_wrap .bot_list li p { position: absolute; bottom: 14px; left: 0; width: 100%; font-size: 15px; text-align: center; }





/* 정확한 가슴성형 특화 검진 */
#ms0501_06 { padding: 85px 0; }
#ms0501_06 h2 { margin-bottom: 38px; font-size: 43px; font-weight: 700; color: #71411a; text-align: center; }

#ms0501_06 .surgery_list { display: flex; justify-content: center; align-items: center; gap: 30px; margin-bottom: 30px; }
#ms0501_06 .surgery_list li { display: flex; justify-content: center; align-items: center; width: 165px; height: 60px; font-size: 30px; font-weight: 500; color: #be8d66; border: 1px solid #be8d66; border-radius: 36px; background-color: #fff; cursor: pointer; }
#ms0501_06 .surgery_list li.on { color: #fff; background-color: #be8d66; }


#ms0501_06 .inner { width: 1265px; padding: 55px 0 85px; border-radius: 35px; background-color: #faf7f2; }
#ms0501_06 .inner .cont_wrap { display: flex; flex-wrap: wrap; align-items: flex-start; gap: 30px; row-gap: 35px; width: 700px; margin: 0 auto; }
#ms0501_06 .inner .cont_wrap[hidden] { display: none; }
#ms0501_06 .inner .cont_wrap > h3 { width: 100%; font-size: 27px; font-weight: 700; color: #71411a; }
#ms0501_06 .inner .cont_wrap > div strong { margin-bottom: 20px; padding-bottom: 20px; font-size: 24px; font-weight: 600; color: #be8d66; border-bottom: 1px solid #be8d66; }
#ms0501_06 .inner .cont_wrap > div ul { display: flex; flex-direction: column; gap: 13px; }
#ms0501_06 .inner .cont_wrap > div ul li { font-size: 18px; color: #737373; }

#ms0501_06 .inner .cont_wrap .left { width: 250px; }
#ms0501_06 .inner .cont_wrap .left ul li { position: relative; padding-left: 30px; }
#ms0501_06 .inner .cont_wrap .left ul li::before { content: ''; position: absolute; top: 50%; left: 10px; transform: translate(-50%, -50%); width: auto; height: 100%; }
#ms0501_06 .inner .cont_wrap .left ul li:nth-child(1):before { aspect-ratio: 1 / 1; background: url(/images/ms0501_06_icon_01.png?v=2610281845) center / cover no-repeat; }
#ms0501_06 .inner .cont_wrap .left ul li:nth-child(2):before { aspect-ratio: 20 / 19; background: url(/images/ms0501_06_icon_02.png?v=2610281845) center / cover no-repeat; }
#ms0501_06 .inner .cont_wrap .left ul li:nth-child(3):before { aspect-ratio: 26 / 16; background: url(/images/ms0501_06_icon_03.png?v=2610281845) center / cover no-repeat; }
#ms0501_06 .inner .cont_wrap .left ul li:nth-child(4):before { aspect-ratio: 12 / 26; background: url(/images/ms0501_06_icon_04.png?v=2610281845) center / cover no-repeat; }


#ms0501_06 .inner .cont_wrap .right { flex: 1; }
#ms0501_06 .inner .cont_wrap .right ul li i { color: #be8d66; }





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

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

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

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