@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css");
@import url('https://fonts.cdnfonts.com/css/avenir-lt-pro');

#nasal { color: #010101; }
#nasal * { box-sizing: border-box; }
#nasal > div { position: relative; width: 100%; font-family: Pretendard; line-height: 1; }
#nasal img { display: block; width: 100%; height: 100%; object-fit: cover; }
#nasal strong { display: block; }

#nasal .inner { width: 1385px; margin: 0 auto; }

#nasal .tit_wrap { margin-bottom: 50px; text-align: center; }
#nasal .tit_wrap strong { margin-bottom: 20px; font-family: 'Avenir LT Pro', sans-serif; font-size: 13px; letter-spacing: 1.3em; }
#nasal .tit_wrap h3 { font-size: 50px; font-weight: 700; color: #1b1f22; letter-spacing: -0.05em; }





/* 메인 비주얼 */
#ms0210_01 { height: 608px; background: url(/images/ms0210_01_img.png?v=2609141800) no-repeat 50% 0; }





/* 코뼈골절 */
#ms0210_02 { padding: 110px 0 120px; background-color: #fff; }

#ms0210_02 .line { width: 46px; height: 6px; margin: 0 auto 55px; background-color: #000; }

#ms0210_02 .txt_wrap { margin-bottom: 60px; text-align: center; }
#ms0210_02 .txt_wrap strong { margin-bottom: 45px; font-size: 30px; font-weight: 400; line-height: 1.45; letter-spacing: -0.075em; }
#ms0210_02 .txt_wrap strong span { font-weight: 700; color: #56a3fe; }
#ms0210_02 .txt_wrap p { font-size: 25px; line-height: 1.4; letter-spacing: -0.05em; }

#ms0210_02 .info_wrap { display: flex; align-items: stretch; gap: 15px; }
#ms0210_02 .info_wrap > div { width: calc((100% - 15px) / 2); padding: 50px; border: 1px solid #e5e5e5; border-radius: 20px; overflow: hidden; }
#ms0210_02 .info_wrap > div strong { margin-bottom: 45px; font-size: 29px; font-weight: 700; color: #56a3fe; text-align: center; letter-spacing: -0.075em; }

#ms0210_02 .info_wrap .left .img_box { width: 100%; aspect-ratio: 585 / 365; }

#ms0210_02 .info_wrap .right .m2_list { display: flex; flex-wrap: wrap; justify-content: center; row-gap: 24px; }
#ms0210_02 .info_wrap .right .m2_list li { display: flex; align-items: center; flex-direction: column; gap: 18px; width: 185px; }
#ms0210_02 .info_wrap .right .m2_list li .img_box { width: 112px; aspect-ratio: 1 / 1; border-radius: 50%; background-color: #ebf3ff; overflow: hidden; }
#ms0210_02 .info_wrap .right .m2_list li p { font-size: 19px; text-align: center; line-height: 1.4; letter-spacing: -0.05em; }





/* 코뼈골절 수술정보 */
#ms0210_03 { padding: 120px 0 115px; background-color: #ebf3ff; }
#ms0210_03 .tit_wrap strong { color: #a6bad7; }

#ms0210_03 .m3_list { display: flex; flex-wrap: wrap; gap: 21px; width: calc((326px * 3) + (21px * 2)); margin: 0 auto; }
#ms0210_03 .m3_list li { display: flex; align-items: stretch; gap: 40px; width: 326px; padding: 35px 40px; border-radius: 20px; background-color: #fff; overflow: hidden; }
#ms0210_03 .m3_list li .img_box { width: 78px; aspect-ratio: 78 / 96; }
#ms0210_03 .m3_list li .txt_box { display: flex; flex-direction: column; justify-content: center; gap: 15px; padding-left: 25px; border-left: 1px solid #626262; }
#ms0210_03 .m3_list li .txt_box p { font-size: 20px; letter-spacing: -0.075em; }
#ms0210_03 .m3_list li .txt_box span { font-size: 20px; font-weight: 600; color: #56a3fe; line-height: 1.15; letter-spacing: -0.075em; }





/* 이런 증상이 있다면 의심해 보세요 */
#ms0210_04 { padding: 90px 0 105px; background-color: #fff; }
#ms0210_04 .tit_wrap strong { color: #d9d9d9; }

#ms0210_04 .m4_list { display: flex; flex-wrap: wrap; gap: 17px; width: calc((245px * 4) + (17px * 3)); margin: 0 auto 50px; }
#ms0210_04 .m4_list li { position: relative; width: 245px; aspect-ratio: 1 / 1; border-radius: 50%; overflow: hidden; }
#ms0210_04 .m4_list li p { position: absolute; left: 50%; bottom: 25px; transform: translateX(-50%); font-size: 17px; font-weight: 600; letter-spacing: -0.05em; }

#ms0210_04 .txt_wrap { display: flex; justify-content: center; align-items: center; gap: 7px; }
#ms0210_04 .txt_wrap figure { width: 22px; aspect-ratio: 22 / 20; }
#ms0210_04 .txt_wrap strong { font-size: 18px; font-weight: 600; letter-spacing: -0.05em; }
#ms0210_04 .txt_wrap strong span { color: #56a3fe; }





/* 코뼈골절에는 치료 골든타임이 있습니다 */
#ms0210_05 { padding: 120px 0 125px; background-color: #f7f7f7; }
#ms0210_05 .tit_wrap strong { color: #b5b5b5; }

#ms0210_05 .m5_list { display: flex; justify-content: center; align-items: stretch; gap: 24px; margin: 0 auto 50px; }
#ms0210_05 .m5_list li { position: relative; width: 330px; padding: 50px 40px 65px; border-radius: 20px; background-color: #fff; overflow: hidden; }
#ms0210_05 .m5_list li .img_box { width: 95px; aspect-ratio: 95 / 85; margin-bottom: 40px; }
#ms0210_05 .m5_list li strong { margin-bottom: 30px; font-size: 28px; font-weight: 700; letter-spacing: -0.05em; }
#ms0210_05 .m5_list li p { font-size: 19px; line-height: 1.35; letter-spacing: -0.075em; }

#ms0210_05 .txt_wrap { display: flex; justify-content: center; align-items: center; gap: 7px; }
#ms0210_05 .txt_wrap figure { width: 22px; aspect-ratio: 22 / 20; }
#ms0210_05 .txt_wrap strong { font-size: 18px; font-weight: 600; letter-spacing: -0.05em; }
#ms0210_05 .txt_wrap strong span { color: #56a3fe; }





/* 치료 시기를 놓치면 어떻게 되나요? */
#ms0210_06 { padding: 120px 0 115px; background-color: #fff; }
#ms0210_06 .tit_wrap strong { color: #d9d9d9; }
#ms0210_06 .tit_wrap p { padding: 40px 0 10px; font-size: 25px; text-align: center; line-height: 1.4; letter-spacing: -0.05em; }

#ms0210_06 .type_wrap { display: flex; justify-content: center; align-items: stretch; gap: 30px; margin-bottom: 45px; }
#ms0210_06 .type_wrap > div { display: flex; flex-direction: column; gap: 30px; width: 550px; padding: 50px 45px; border-radius: 25px; background-color: #f6f6f6; overflow: hidden; }
#ms0210_06 .type_wrap > div .tit_box { display: flex; align-items: center; gap: 17px; }
#ms0210_06 .type_wrap > div .tit_box p { display: flex; height: 25px; font-size: 18px; font-weight: 500; color: #fff; letter-spacing: -0.025em; }
#ms0210_06 .type_wrap > div .tit_box p span { display: flex; justify-content: center; align-items: center; height: 100%; }
#ms0210_06 .type_wrap > div .tit_box p span:first-child { width: 55px; background-color: #222; }
#ms0210_06 .type_wrap > div .tit_box p span:last-child { width: 35px; background-color: #5aa5fe; }
#ms0210_06 .type_wrap > div .tit_box strong { font-size: 29px; letter-spacing: -0.05em; }

#ms0210_06 .type_wrap > div .type_list { display: flex; align-items: center; gap: 10px; }
#ms0210_06 .type_wrap > div .type_list li { padding: 6px 15px; font-size: 19px; color: #fff; letter-spacing: -0.05em; border-radius: 15px; background-color: #5aa5fe; overflow: hidden; }

#ms0210_06 .img_wrap { width: 1000px; margin: 0 auto 20px; }

#ms0210_06 .txt_wrap { display: flex; justify-content: center; }
#ms0210_06 h4 { display: inline-block; padding: 13px 32px; font-size: 25px; font-weight: 400; color: #fff; letter-spacing: -0.05em; border-radius: 25px; background-color: #5aa5fe; overflow: hidden; }





/* 코뼈골절은 어떻게 진단하나요? */
#ms0210_07 { padding: 120px 0; background-color: #ebf3ff; }
#ms0210_07 .tit_wrap strong { color: #a6bad7; }

#ms0210_07 .m7_list { display: flex; justify-content: center; align-items: stretch; gap: 15px; width: 100%; }
#ms0210_07 .m7_list li { display: flex; flex-direction: column; justify-content: flex-start; align-items: center; gap: 20px; width: calc((100% - 45px) / 4); padding: 45px; border-radius: 20px; background-color: #fff; overflow: hidden; }
#ms0210_07 .m7_list li strong { font-size: 28px; font-weight: 700; letter-spacing: -0.1em; }
#ms0210_07 .m7_list li .line { width: 22px; height: 4px; margin-bottom: 20px; background-color: #000; }
#ms0210_07 .m7_list li p { font-size: 19px; text-align: center; line-height: 1.35; letter-spacing: -0.075em; }





/* 코뼈골절 치료 방법 */
#ms0210_08 { padding: 100px 0 60px; background-color: #fff; }
#ms0210_08 .tit_wrap strong { color: #d9d9d9; }
#ms0210_08 .tit_wrap p { padding: 40px 0 10px; font-size: 25px; text-align: center; line-height: 1.4; letter-spacing: -0.05em; }

#ms0210_08 .m8_list { display: flex; justify-content: center; align-items: stretch; gap: 30px; }
#ms0210_08 .m8_list li { display: flex; flex-direction: column; gap: 25px; width: 415px; }
#ms0210_08 .m8_list li .img_box { width: 100%; border-radius: 10px; overflow: hidden; }
#ms0210_08 .m8_list li strong { font-size: 28px; text-align: center; letter-spacing: -0.05em; }
#ms0210_08 .m8_list li p { font-size: 19px; color: #292929; text-align: center; line-height: 1.35; letter-spacing: -0.05em; }





/* 코뼈골절 치료사례 */
#ms0210_09 { padding: 60px 0 120px; background-color: #fff; }
#ms0210_09 .tit_wrap strong { color: #d9d9d9; }
#ms0210_09 .tit_wrap p { padding: 40px 0 10px; font-size: 25px; text-align: center; line-height: 1.4; letter-spacing: -0.05em; }

#ms0210_09 .cont_wrap { display: flex; flex-direction: column; align-items: center; gap: 30px; }
#ms0210_09 .cont_wrap > div { width: 890px; }
#ms0210_09 .cont_wrap > div .img_box { width: 100%; }
#ms0210_09 .cont_wrap > div .txt_box { display: flex; align-items: center; width: 100%; }
#ms0210_09 .cont_wrap > div .txt_box p { display: flex; justify-content: center; align-items: center; width: 50%; height: 60px; font-size: 21px; font-weight: 600; color: #fff; }
#ms0210_09 .cont_wrap > div .txt_box p:first-child { background-color: #b5b5b5; }
#ms0210_09 .cont_wrap > div .txt_box p:last-child { background-color: #5aa5fe; }






/* 코뼈골절 FAQ */
#ms0210_10 { padding: 125px 0 155px; background-color: #ebf3ff; }
#ms0210_10 .tit_wrap strong { color: #a6bad7; }

#ms0210_10 .m10_list { display: flex; flex-direction: column; gap: 30px; width: 100%; }
#ms0210_10 .m10_list li { width: 100%; border-radius: 20px; box-shadow: 2px 3px 16px 0 rgba(138, 158, 189, 0.34); overflow: hidden; }
#ms0210_10 .m10_list li .f_box { width: 100%; padding: 35px 60px; background-color: #95c1ff; cursor: pointer; }
#ms0210_10 .m10_list li .f_box p { font-size: 29px; font-weight: 700; color: #fff; letter-spacing: -0.1em; }

#ms0210_10 .m10_list li .q_box { display: none; padding: 45px 60px; background-color: #fff; }
#ms0210_10 .m10_list li .q_box p { font-size: 21px; line-height: 1.35; letter-spacing: -0.05em; }






/* 3D-CT 정밀 분석을 통한 코뼈골절 */
#ms0210_11 { padding: 115px 0 75px; background-color: #fff; }
#ms0210_11 .tit_wrap { margin-bottom: 20px; }
#ms0210_11 .tit_wrap strong { color: #d9d9d9; }
#ms0210_11 .tit_wrap p { padding-top: 40px; font-size: 25px; text-align: center; line-height: 1.4; letter-spacing: -0.05em; }

#ms0210_11 .img_wrap { width: 1170px; margin: 0 auto; }






/* 코뼈골절 치료사례 */
#ms0210_12 { padding: 120px 0 145px; background-color: #f7f7f7; }
#ms0210_12 .inner { display: flex; align-items: center; }
#ms0210_12 .inner > div { width: 50%; }

#ms0210_12 .left { margin-bottom: 0; text-align: left; }
#ms0210_12 .left strong { margin-bottom: 30px; color: #d9d9d9; line-height: 1.7; }
#ms0210_12 .left h3 { margin-bottom: 55px; line-height: 1.4; }
#ms0210_12 .left p { font-size: 20px; color: #1b1f22; line-height: 1.4; letter-spacing: -0.05em; }

#ms0210_12 .right { display: flex; align-items: stretch; gap: 95px; padding-left: 20px; }
#ms0210_12 .right .line { width: 2px; height: calc((140px * 5) + (22px * 4)); background: linear-gradient(to bottom, transparent 0%, #5aa5fe 15%, #5aa5fe 85%, transparent 100%); }

#ms0210_12 .right .m12_list { display: flex; flex-direction: column; gap: 22px; flex: 1; }
#ms0210_12 .right .m12_list li { position: relative; display: flex; align-items: center; gap: 35px; width: 100%; padding: 42px 85px; border-radius: 27px; background-color: #fff; }
#ms0210_12 .right .m12_list li::after { content: ''; position: absolute; top: 50%; left: -111px; transform: translate(50%, -50%); width: 15px; aspect-ratio: 1 / 1; border-radius: 50%; background-color: #5aa5fe; overflow: hidden; }
#ms0210_12 .right .m12_list li .point { position: absolute; top: 50%; left: -55px; transform: translateY(-50%); display: flex; justify-content: center; align-items: center; width: 105px; aspect-ratio: 1 / 1; border-radius: 50%; background-color: #5aa5fe; overflow: hidden; }
#ms0210_12 .right .m12_list li .point span { font-size: 17px; font-weight: 500; color: #fff; letter-spacing: -0.05em; }
#ms0210_12 .right .m12_list li h4 { width: 145px; font-size: 28px; font-weight: 700; letter-spacing: -0.05em; }
#ms0210_12 .right .m12_list li p { flex: 1; font-size: 20px; color: #1b1f22; line-height: 1.4; letter-spacing: -0.05em; }






/* 한나이브 코수술 */
#ms0210_13 { padding: 120px 0 110px; background-color: #fff; }
#ms0210_13 .tit_wrap strong { color: #d9d9d9; }

#ms0210_13 .m13_list { display: flex; flex-wrap: wrap; justify-content: center; gap: 40px; row-gap: 60px; width: 100%; }
#ms0210_13 .m13_list li { width: calc((100% - 40px) / 2); text-align: center; letter-spacing: -0.05em; }
#ms0210_13 .m13_list li .img_box { width: 100%; margin-bottom: 30px; border-radius: 34px; overflow: hidden; }
#ms0210_13 .m13_list li strong { margin-bottom: 22px; font-size: 30px; font-weight: 700; }
#ms0210_13 .m13_list li p { font-size: 20px; color: #1b1f22; line-height: 1.4; }
#ms0210_13 .m13_list li p span { font-weight: 700; }





/* 성형외과 전문의 n인 */
#ms0210_14 { height: 1057px; background: url(/images/ms0210_14_img.png?v=2609141800) no-repeat 50% 0; }






/* 마취통증의학과 전문의 상주 케어 */
#ms0210_15 { height: 606px; background: url(/images/ms0210_15_img.png?v=2609141800) no-repeat 50% 0; }






/* 한나이브 유튜브 */
#ms0210_16 { padding: 155px 0 155px; background-color: #fff; }
#ms0210_16 .tit_wrap strong { color: #d9d9d9; }

#ms0210_16 .ytube_wrap { width: 980px; aspect-ratio: 16 / 9; margin: 0 auto; overflow: hidden; }
#ms0210_16 .ytube_wrap iframe { width: 100%; height: 100%; }