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

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





/* 공통 css */
#breast_common { position: relative; display: flex; flex-direction: column; }
#breast_common > div { position: sticky; top: var(--sticky_top, 76px); width: 100%; height: auto; min-height: calc(100dvh - 100px); padding: 185px 0; background-color: #faf7f2; z-index: var(--sticky-z, 1); }
#breast_common > div .bg { width: fit-content; margin: 0 auto; padding: 70px; border-radius: 35px; background-color: #fff; }

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





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

#bc_01 .bg { padding-bottom: 0; }
#bc_01 .txt_wrap { position: absolute; top: 0; left: 0; width: fit-content; height: fit-content; }
#bc_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; }
#bc_01 .txt_wrap strong span { font-size: 15px; }
#bc_01 .txt_wrap p { font-size: 17px; color: #737373; line-height: 1.4; }

#bc_01 .img_wrap { width: 100%; }





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

#bc_02 .txt_wrap { margin-bottom: 35px; }
#bc_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; }
#bc_02 .txt_wrap p { font-size: 17px; color: #737373; line-height: 1.4; }

#bc_02 .img_wrap { width: 100%; }





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

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

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





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

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





/* 정확한 가슴성형 특화 검진 */
#bc_05 { display: flex; flex-direction: column; gap: 43px; }
#bc_05 .top .cont_list { display: flex; align-items: center; gap: 25px; width: 100%; }
#bc_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; }
#bc_05 .top .cont_list li:last-child { width: calc(((100% - 75px) / 5) * 2); padding-right: 150px; background: url(/images/bc_05_top_bg.png?v=2610281845) center / cover no-repeat; }
#bc_05 .top .cont_list li strong { font-size: 18px; font-weight: 600; color: #737373; }
#bc_05 .top .cont_list li p { font-size: 15px; color: #737373; text-align: center; line-height: 1.4; }


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

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

#bc_05 .bot .right { padding-left: 75px; }
#bc_05 .bot .right .right_list { display: flex; align-items: center; gap: 15px; }
#bc_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; }
#bc_05 .bot .right .right_list li p { font-size: 21px; font-weight: 600; color: #737373; text-align: center; line-height: 1.4; }





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

#bc_06 .cont_list { display: flex; align-items: center; gap: 35px; margin-bottom: 20px; }
#bc_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; }
#bc_06 .cont_list li::after { content: ''; position: absolute; bottom: 70px; right: -30px; width: 55px; aspect-ratio: 62 / 36; background: url(/images/bc_06_arrow.png?v=2610281845) center / cover no-repeat; }
#bc_06 .cont_list li:last-child:after { content: unset; }
#bc_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; }
#bc_06 .cont_list li p { height: 85px; font-size: 15px; color: #737373; text-align: center; line-height: 1.4; }

#bc_06 .cont_wrap { width: calc(100% - 470px); height: 330px; margin: 0 auto; padding: 25px 155px 0 25px; background: url(/images/bc_06_bg.png?v=2610281845) center / cover no-repeat; }
#bc_06 .cont_wrap .top { padding-left: 3px; }
#bc_06 .cont_wrap .top strong { position: relative; }
#bc_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/bc_06_icon.png?v=2610281845) center / cover no-repeat; }
#bc_06 .cont_wrap .bot_list { display: flex; align-items: center; gap: 20px; }
#bc_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; }
#bc_06 .cont_wrap .bot_list li p { position: absolute; bottom: 14px; left: 0; width: 100%; font-size: 15px; text-align: center; }