.mt_40 { margin-top: 40px !important; }
.pb_0 { padding-bottom: 0 !important; }
.pt_0 { padding-top: 0 !important; }
.pink_color { color: #cb8ebd !important; }
.pageContainer { max-width: 1710px; margin: 0px auto; padding: 0px 20px; width: 100%; }
.pageContainer02 { max-width: 1460px; width: 100%; margin: 0px auto; padding: 0px 20px; }
.pageContainer02.noPadding { padding: 0px; }
.pageContainer02.rightSpace { max-width: 1460px; width: 100%; margin-left: auto; margin-right: 0px; padding: 0px 0px 0px 20px; }
.pageContainer03 { max-width: 1770px; width: 100%; margin: 0 auto; padding: 0 20px; }
.pageContainer04 { max-width: 1672px; width: 100%; margin: 0px auto; display: flex; }
.subContainer { max-width: 1500px; width: 100%; margin: 0px auto; padding: 0px 20px; }
.subContainer02 { max-width: 1240px; width: 100%; margin: 0px auto; padding: 0px 20px; }
.subContainer03 { max-width: 1320px; width: 100%; margin: 0px auto; padding: 0px 20px; }
.subContainer04 { max-width: 1340px; width: 100%; margin: 0px auto; padding: 0px 20px; }
.subContainer05 { max-width: 1280px; width: 100%; margin: 0px auto; padding: 0px 20px; }
.subContainer06 { max-width: 1440px; width: 100%; margin: 0px auto; padding: 0px 20px; }
.subContainer07 { max-width: 1330px; width: 100%; margin: 0px auto; padding: 0px 20px; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0px; margin: -1px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); white-space: nowrap; border-width: 0px; }
.mo_ver { display: none !important; }
#gnb .depth1 { display: flex; align-items: center; }
#gnb .depth1 > li { position: relative; margin-right: 64px; }
#gnb .depth1 > li > a { display: block; padding-top: 58px; padding-bottom: 26px; font-size: 16px; font-weight: 700; transition: 0.3s; }
#gnb .depth1 > li > a:hover, #gnb .depth1 > li:hover > a { text-decoration: underline 2px rgb(21, 21, 21); text-underline-offset: 9px; }
#gnb .depth2 { display: none; position: absolute; left: 50%; z-index: 100; width: 240px; top: 100px; transform: translateX(-50%); background: rgb(51, 44, 42); }
#gnb .depth2 li a { display: block; padding: 11px 0px; font-size: 15px; font-weight: 500; text-align: center; text-decoration: none; color: rgb(227, 227, 227); line-height: 1.4; transition: 0.3s; }
#gnb .depth2 li a:hover { color: #cdbd8b; }
.allMenuBox { width: 24px; height: 20px; display: flex; margin-top: 60px; flex-direction: column; align-items: flex-end; gap: 5px; padding-top: 1px; }
.allMenuBox.pc_ver { opacity: 0; pointer-events: none; }
.allMenuBox span { flex: 0 0 auto; }
.allMenuBox span:first-child { width: 18px; height: 3px; background:#c1a571; }
.allMenuBox span:nth-child(2) { width: 24px; height: 3px; background: rgb(0, 0, 0); }
.allMenuBox span:last-child { background: rgb(0, 0, 0); width: 18px; height: 3px; }
.allMenuBox.on span:nth-child(1) { transform: rotate(45deg) translate(5px, 5px); }
.allMenuBox.on span:nth-child(2) { opacity: 0; }
.allMenuBox.on span:nth-child(3) { transform: rotate(-45deg) translate(7px, -7px); }
.moGnbMenu { position: fixed; top: 0px; right: -100%; width: 100%; height: 100vh; background-color: rgb(255, 255, 255); z-index: 9999; transition: right 0.4s; overflow-y: auto; }
.moGnbMenu.active { right: 0px; }
.moGnbMenu__header { display: flex; justify-content: space-between; align-items: center; padding: 20px; height: 74px; background-color: rgb(51, 44, 42); }
.moGnbMenu__header h2 { flex: 1 1 0%; }
.moGnbMenu__header h2 img { width: 73px; }
.closeMoGnb { background: none; border: none; cursor: pointer; padding: 0px; width: 24px; height: 24px; }
.closeMoGnb img { width: 100%; height: 100%; }
.moGnbMenu__body { height: calc(100% - 74px); position: relative; }
.moGnbMenu__body::after { content: ""; position: absolute; width: 150px; height: 100%; background-color: rgb(232, 227, 227); top: 0px; z-index: 1; }
.moGnb__list { background: rgb(255, 255, 255); position: relative; z-index: 9999; }
.moGnb__item { display: flex; align-items: flex-start; background: rgb(255, 255, 255); }
.moGnb__title { justify-content: space-between; align-items: center; padding: 24px; background-color: rgb(232, 227, 227); cursor: pointer; width: 150px; height: 65px; text-align: center; border-bottom: 1px solid rgba(92, 92, 92, 0.4); }
.moGnb__item.active .moGnb__title { background-color: rgb(255, 255, 255); }
.moGnb__title span { font-size: 16px; font-weight: 400; color: rgb(51, 44, 42); }
.moGnb__item.active .moGnb__title span { color: #cdbd8b; font-weight: 700; }
.moGnb__toggle { background: none; border: none; cursor: pointer; padding: 0px; width: 20px; height: 20px; transition: transform 0.3s; position: relative; }
.moGnb__submenu { display: none; list-style: none; flex: 1 1 0%; position: absolute; top: 0px; z-index: 100; left: 150px; width: calc(100% - 150px); background: rgb(255, 255, 255); }
.moGnb__item.active .moGnb__submenu { display: flex; flex-direction: column; }
.moGnb__submenu li { border-bottom: 1px solid rgb(240, 240, 240); }
.moGnb__submenu li:last-child { border-bottom: none; }
.moGnb__submenu li a { display: flex; justify-content: space-between; align-items: center; padding: 24px 20px; font-size: 15px; color: rgb(80, 80, 80); height: 65px; margin-left: 20px; border-bottom: 1px solid rgba(92, 92, 92, 0.4); }
.moGnb__submenu li a::after { content: ""; display: inline-block; width: 8px; height: 8px; border-right: 1.5px solid rgb(89, 89, 89); border-bottom: 1.5px solid rgb(89, 89, 89); transform: rotate(-45deg); }
header + main { margin-top: 100px; }
.mainPage { overflow-x: hidden; }
.main_banner_video { width: 100%; height: 100vh; max-height: 90vh; position: relative; overflow: hidden; }
.main_banner_video video { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; object-fit: cover; z-index: 0; background: rgb(0, 0, 0); filter: brightness(0.7); }
.main_banner_video .video_shadow_filter { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); z-index: 100; }
.main_banner_video .video_inner { width: 100%; height: 100%; position: absolute; z-index: 49; }
.main_banner_video .banner_tit_wrap { color: rgb(255, 255, 255); position: absolute; z-index: 999; left: 50%; bottom: 158px; display: flex; flex-direction: column; justify-content: flex-end; max-width: 1460px; width: 100%; margin: 0px auto; padding: 0px 20px; text-shadow: rgba(0, 0, 0, 0.8) 0px 0px 3px, rgba(0, 0, 0, 0.6) 0px 0px 5px; transform: translateX(-50%) !important; }
.main_banner_video .banner_tit { font-size: 60px; font-weight: 700; margin-bottom: 32px; }
.main_banner_video .banner_subtit { font-size: 34px; font-weight: 300; }
.main_banner_video .banner_subtit strong { font-weight: 500; }
.beforeafterSwiperWrap { position: relative; }
.beforeafterSwiper { max-width: 830px; position: relative; width: calc(100% + 60px); margin-right: 0px; }
.beforeafterSwiper .swiper-slide img { width: 100%; height: 100%; object-fit: cover; }
.beforeafterSwiperWrap .swiper-button-prev, .beforeafterSwiperWrap .swiper-button-next { width: 50px; height: 50px; background-size: contain; background-repeat: no-repeat; background-position: center center; }
.beforeafterSwiperWrap .swiper-button-prev { background-image: url("../images/main/main_swiper_left.png"); left: 20px; }
.beforeafterSwiperWrap .swiper-button-next { background-image: url("../images/main/main_swiper_right.png"); right: 20px; }
.beforeafterSwiper .swiper-button-prev::after, .beforeafterSwiper .swiper-button-next::after { content: ""; }
.eventSwiper { width: 100%; max-width: 1460px; margin: 0px auto; padding: 0px 20px; }
.eventSwiper .swiper-slide { position: relative; }
.eventSwiper .swiper-slide img { width: 100%; height: auto; }
.eventSwiper .swiper-button-prev, .eventSwiper .swiper-button-next { width: 50px; height: 50px; background-size: contain; background-repeat: no-repeat; background-position: center center; }
.eventSwiper .swiper-button-prev { background-image: url("../images/main/main_swiper_left_bold.png"); left: 20px; }
.eventSwiper .swiper-button-next { background-image: url("../images/main/main_swiper_right_bold.png"); right: 20px; }
.eventSwiper .swiper-button-prev::after, .eventSwiper .swiper-button-next::after { content: ""; }
.main_middle_content { margin-top: 176px; overflow: hidden; }
.main_middle_content .topContent, .main_middle_content .btmContent { display: flex; gap: 90px; z-index: 10; position: relative; }
.main_middle_content .btmContent { margin-top: -130px; z-index: 9; gap: 10px; }
.main_middle_content .leftCon { position: relative; z-index: 10; }
.main_middle_content .btmContent .leftCon { padding-top: 260px; min-width: fit-content; }
.main_middle_content .rightCon { flex: 1 1 0%; }
.rightImg { margin-top: 60px; margin-left: -70px; }
.main_middle_content .emptyBox { width: 616px; height: 616px; border: 1px solid rgb(68, 68, 68); position: absolute; top: 30px; left: -30px; z-index: -1; }
.main_middle_content .emptyBox + img { position: relative; z-index: 10; }
.main_middle_content .titTag { color: rgb(169, 169, 169); font-size: 20px; font-weight: 500; padding-bottom: 18px; position: relative; margin-bottom: 110px; }
.main_middle_content .titTag::after { content: ""; width: 37px; height: 2px; background-color: rgb(169, 169, 169); position: absolute; bottom: 0px; left: 0px; }
.main_middle_content .mentBox { display: flex; flex-direction: column; width: calc(100% - 20px); }
.main_middle_content .mentBox p { font-size: 40px; line-height: 1.3; margin-bottom: 39px; word-break: keep-all; }
.main_middle_content .mentBox p strong { display: block; font-weight: 700; }
.main_middle_content .mentBox span { font-size: 20px; font-weight: 500; margin-bottom: 40px; }
.main_middle_content .mentBox a { border: 1px solid rgb(21, 21, 21); max-width: fit-content; border-radius: 60px; display: flex; align-items: center; font-size: 18px; padding: 15px 30px; gap: 28px; }
.main_middle_content .mentBox .linkGroup { display: flex; gap: 10px; }
.main_middle_content .rightCon { padding-top: 48px; }
.main_middle_content .rightCon img { position: relative; z-index: 10; }
.before_and_after { margin-top: 327px; position: relative; }
.before_and_after:before { position: absolute; left: 0; top: 0; width: 50%; height: 100%; background-color: rgb(232, 227, 227); display: block; content: ""; }
.before_and_after .pageContainer03 { display: flex; align-items: center; }
.before_and_after .mentBox { width: 50%; height: 697px; display: flex; align-items: center; flex-direction: column; justify-content: center; }
.before_and_after .mentBox > div { text-align: left; }
.before_and_after .mentBox p { font-size: 41px; color: rgb(51, 44, 42); line-height: 1.5; font-weight: 400; margin-bottom: 20px; }
.before_and_after .beforeafterSwiper { margin-left: -60px; }
.before_and_after .swiper-button-prev::after, .before_and_after .swiper-button-next::after { display: none; }
.before_and_after .swiper-button-prev { left: -135px; }
.before_and_after .swiper-button-next { right: -73px; }
.main_speciality { margin-top: 200px; text-align: center; }
.main_speciality img { margin-bottom: 60px; }
.main_speciality .panel { display: flex; }
.main_speciality .panel li { width: 25%; display: flex; }
.main_speciality .panel li a { width: 100%; position: relative; height: 100%; }
.main_speciality .panel li a img { margin: 0px; width: 100%; }
.main_speciality .panel li a strong { position: absolute; left: 50%; bottom: 185px; color: rgb(255, 255, 255); font-size: 40px; width: 100%; transform: translateX(-50%) !important; }
.main_speciality .panel li a strong::after { content: ""; width: 34px; height: 1px; background-color: rgb(255, 255, 255); position: absolute; left: 50%; transform: translateX(-50%); bottom: -26px; }
.main_speciality .panel li a p { position: absolute; left: 50%; bottom: 74px; color: rgb(255, 255, 255); width: 100%; font-size: 25px; line-height: 1.2; white-space: nowrap; transform: translateX(-50%) !important; }
.main_event_swiperbox { background: rgb(232, 227, 227); text-align: center; padding: 144px 0px 186px; margin-top: -3px; }
.main_event_swiperbox .swiper-button-prev { left: 0px; }
.main_event_swiperbox .intro { font-size: 18px; font-weight: 400; margin-top: 12px; margin-bottom: 40px; }
.main_event_swiperbox .eventSwiper .swiper-slide .event_date { font-size: 18px; font-weight: 300; margin-top: 28px; margin-bottom: 18px; font-family: Pretendard, sans-serif; word-break: keep-all; }
.main_event_swiperbox .eventSwiper .swiper-slide .event_title { font-size: 24px; font-weight: 500; color: rgb(0, 0, 0); }
.main_event_swiperbox .eventSwiper .swiper-button-prev { left: 31%; top: calc(50% - 54px); }
.main_event_swiperbox .eventSwiper .swiper-button-next { right: 31.5%; top: calc(50% - 54px); }
.main_gramAbility { position: relative; height: 600px; }
.main_gramAbility .pageContainer02 { position: absolute; top: 0px; left: 50%; transform: translateX(-50%); height: 100%; display: flex; }
.main_gramAbility .fadeinoutImg > div { display: none; }
.main_gramAbility .fadeinoutImg > div.active { display: block; }
.main_gramAbility .fadeinoutImg > div img { width: 100%; height: 100%; position: absolute; object-fit: cover; object-position: 50% center; }
.main_gramAbility .tabBox { height: 100%; display: flex; flex-direction: column; background: rgb(51, 44, 42); width: 480px; align-items: center; }
.main_gramAbility .tabBox > img { margin-top: 54px; margin-bottom: 46px; }
.main_gramAbility .tabBox ul { width: 100%; }
.main_gramAbility .tabBox ul li { height: 80px; padding: 0px 46px; display: flex; align-items: center; }
.main_gramAbility .tabBox ul li a { color: rgb(255, 255, 255); font-size: 28px; font-weight: 300; border-bottom: 1px solid rgba(255, 255, 255, 0.2); width: 100%; height: 100%; display: flex; align-items: center; }
.main_gramAbility .tabBox ul li.active { background:#c1a571; }
.main_gramAbility .tabBox ul li.active a { font-weight: 400; background-image: url("../images/main/ico_longarrow.png"); background-repeat: no-repeat; background-position: right center; }
.main_gramAbility .mentBox { padding-top: 60px; padding-left: 67px; color: rgb(51, 44, 42); }
.main_gramAbility .mentBox > div { display: none; }
.main_gramAbility .mentBox > div.active { display: block; }
.main_gramAbility .mentBox .tagMent { font-size: 28px; font-weight: 500; margin-bottom: 26px; position: relative; padding-top: 50px; }
.main_gramAbility .mentBox .tagMent::before { content: ""; position: absolute; width: 55px; height: 2px; background-color: rgb(24, 24, 24); top: 0px; left: 0px; }
.main_gramAbility .mentBox > div > strong { font-size: 50px; font-weight: 700; margin-bottom: 34px; display: block; }
.main_gramAbility .mentBox .tagMent2 { color: rgb(24, 24, 24); font-size: 18px; font-weight: 400; line-height: 1.5; padding-left: 20px; border-left: 2px solid rgb(24, 24, 24); word-break: keep-all; }
.main_gramAbility .mentBox .tagMent2 strong { font-weight: 700; }
.hospitalInfo { overflow: hidden; }
.kakaoMapBox { max-width: 550px; flex: 0 1 auto; width: 33%; }
.kakaoMapBox > div { width: 100% !important; height: 100% !important; }
.mapBox { width: 100%; height: 500px; }
.callcenter { background: rgb(255, 255, 255); padding-top: 32px; display: flex; padding-bottom: 36px; font-family: "Noto Sans Korean"; flex-direction: column; flex: 0 1 auto; align-items: center; width: 33%; }
.callcenter * { font-family: "Noto Serif Korean"; }
.notoserifFont { font-family: "Noto Serif Korean"; }
.callcenter > img { margin-bottom: 31px; }
.callcenter > .calltitle { font-size: 24px; font-weight: 600; margin-bottom: 30px; }
.callcenter > a { font-size: 38px; margin-bottom: 62px; color: rgb(0, 0, 0); }
.callcenter .workdate .timerow { display: flex; justify-content: center; align-items: center; margin-top: 2px; }
.callcenter .workdate .timerow .yoil { display: flex; gap: 5px; min-width: 94px; justify-content: flex-end; }
.callcenter .workdate .timerow .yoil > span { background: rgb(68, 68, 68); width: 28px; height: 28px; border-radius: 50%; display: flex; align-items: center; justify-content: center; line-height: 1; color: rgb(255, 255, 255); }
.callcenter .workdate .timerow .time { color: rgb(57, 57, 57); margin-left: 22px; font-size: 22px; line-height: 1.45; }
.callcenter .workdate .workdate_notify { margin-top: 14px; color: rgb(133, 133, 133); display: flex; flex-direction: column; font-size: 16px; font-family: Pretendard, sans-serif; gap: 6px; text-align: right; }
.callcenter .workdate .workdate_notify span { font-family: Pretendard, sans-serif; }
.ctaForm { color: rgb(255, 255, 255); width: 33%; flex: 1 1 0%; background: rgb(51, 44, 42); padding-top: 67px; text-align: center; box-sizing: border-box; font-family: Pretendard, sans-serif; }
.ctaForm .ctatitle { font-size: 28px; padding-bottom: 27px; border-bottom: 1px solid rgb(255, 255, 255); }
.ctaForm .formBox { padding-top: 29px; }
.ctaForm .formBox div { display: flex; align-items: center; margin-bottom: 13px; justify-content: space-between; }
.ctaForm .formBox div.radioGroup { gap: 40px; height: 40px; display: flex; margin: 0px; flex: 1 1 0%; justify-content: flex-start; }
.ctaForm .formBox div label { font-size: 18px; width: 86px; flex-shrink: 0; text-align: left; }
.ctaForm .formBox div input[type="text"] { background: none; border: 1px solid rgb(255, 255, 255); height: 40px; color: rgb(255, 255, 255); padding: 0px 10px; width: 100%; }
.ctaForm .formBox div input[type="radio"] { display: none; }
.ctaForm .formBox div input[type="radio"] + label { width: auto; padding-left: 26px; position: relative; }
.ctaForm .formBox div input[type="radio"] + label::before { content: ""; position: absolute; width: 16px; height: 16px; border-radius: 50%; background-color: rgb(255, 255, 255); left: 0px; top: 50%; transform: translateY(-50%); }
.ctaForm .formBox div input[type="radio"] + label::after { display: none; content: ""; position: absolute; width: 8px; height: 8px; border-radius: 50%; background: rgb(170, 103, 155); left: 4px; top: 50%; transform: translateY(-50%); }
.ctaForm .formBox div input[type="radio"]:checked + label::after { display: block; }
.ctaForm .formBox div select { background: none; border: 1px solid rgb(255, 255, 255); flex: 1 1 0%; height: 40px; color: rgb(255, 255, 255); padding: 0px 10px; }
.ctaForm .formBox .submitBtn { margin-top: 77px; width: 100%; height: 68px; border-radius: 50px; background: rgb(28, 25, 23); color: rgb(255, 255, 255); font-size: 20px; font-weight: 600; margin-bottom: 28px; }
.ctaForm form { margin-left: 63px; margin-right: 90px; }
.ctaForm .formBox .main_terms { margin: 0px; }
.ctaForm .formBox .main_terms div { margin: 0px; }
.ctaForm .formBox .main_terms div input[type="checkbox"] { display: none; }
.ctaForm .formBox .main_terms div label { font-weight: 400; font-size: 16px; width: auto; padding-left: 28px; position: relative; }
.ctaForm .formBox .main_terms div label::before { content: ""; width: 16px; height: 16px; background-color: rgb(255, 255, 255); left: 0px; top: 50%; transform: translateY(-50%); position: absolute; }
.ctaForm .formBox .main_terms div input[type="checkbox"]:checked + label::after { content: ""; position: absolute; background-image: url("../images/common/ico_check.png"); left: 1px; top: 50%; transform: translateY(-50%); z-index: 1; width: 14px; height: 14px; background-size: cover; }
.ctaForm .formBox .main_terms .viewTerms { background: rgb(28, 25, 23); width: 76px; height: 26px; display: flex; align-items: center; justify-content: center; border-radius: 6px; }
.sub_banner { position: relative; aspect-ratio: 1920 / 743; max-height: 737px; width: 100%; }
.sub_banner.sml { aspect-ratio: 1600 / 743; }
.sub_banner .subContainer { color: rgb(21, 21, 21); position: relative; text-align: center; height: 100%; display: flex; align-items: center; justify-content: center; }
.sub_banner .inner { position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; }
.sub_banner .inner img { width: 100%; height: 100%; object-fit: cover; }
.sub_banner .sub_banner_txt .txt1 { font-size: 24px; font-weight: 300; margin-bottom: 16px; }
.sub_banner .sub_banner_txt .txt1 strong { font-weight: 500; }
.sub_banner .sub_banner_txt .txt2 { font-size: 60px; font-weight: 300; margin-bottom: 40px; word-break: keep-all; }
.sub_banner .sub_banner_txt .txt2 strong { font-weight: 700; }
.sub_banner .sub_banner_txt .txt3 { display: flex; flex-direction: column; line-height: 1.6; font-size: 18px; }
.sub_banner .sub_banner_txt .txt3 strong { font-weight: 600; }
.sub_banner02 { position: relative; width: 100%; height: auto; aspect-ratio: 1600 / 743; }
.sub_banner02 .inner img { width: 100%; height: 100%; }
.bannerTxtBox { position: absolute; z-index: 1; top: 0px; display: flex; width: 100%; left: 50%; max-width: 1240px; padding: 0px 20px; height: 100%; align-items: flex-end; text-align: right; justify-content: center; color: rgb(255, 255, 255); flex-direction: column; transform: translateX(-50%) !important; }
.bannerTxtBox .txt1 { font-size: 48px; margin-bottom: 53px; }
.bannerTxtBox .txt1 span { display: block; font-weight: 300; }
.bannerTxtBox .txt1 strong { font-weight: 700; }
.bannerTxtBox .txt2 { font-size: 22px; font-weight: 400; }
.sub_content_title { text-align: center; }
.sub_content_title .title1 { font-size: 20px; font-weight: 300; display: flex; justify-content: center; gap: 24px; margin-bottom: 35px; }
.sub_content_title .title1 em { color: rgb(246, 247, 248); background:#c1a571; padding: 0px 15px; }
.sub_content_title .title2 { font-size: 48px; margin-bottom: 27px; }
.sub_content_title .title2 strong { font-weight: 700; }
.sub_content_title .title3 { font-size: 22px; }
.sub_graduation01 { position: relative; height: auto; width: 100%; aspect-ratio: 480 / 241; }
.sub_graduation01 .bgInner { position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; overflow: hidden; }
.sub_graduation01 .bgInner > img { width: 100%; height: 100%; display: block; object-fit: cover; object-position: center bottom; }
.sub_graduation01 .packageBox { position: relative; z-index: 1; text-align: center; max-width: fit-content; padding-top: 160px; padding-bottom: 90px; }
.sub_graduation01 .packageBox .ment { display: flex; flex-direction: column; font-size: 48px; font-weight: 300; margin-bottom: 60px; }
.sub_graduation01 .packageBox .ment span strong { font-family: "Noto Serif Korean"; font-weight: 700; }
.sub_graduation01 .packageBox .ment2 { font-size: 24px; font-weight: 300; margin-bottom: 20px; }
.sub_graduation01 .packageBox .ment2 strong { font-weight: 700; }
.sub_graduation01 .packageBox .ment3 { font-weight: 300; font-size: 20px; margin-bottom: 120px; }
.sub_graduation01 .packageBox .ment3 strong { font-weight: 600; }
.sub_graduation01 .packagePicto p { position: relative; font-size: 40px; margin-bottom: 70px; }
.sub_graduation01 .packagePicto p span { background-color: rgb(225, 230, 236); padding: 0px 26px; }
.sub_graduation01 .packagePicto p em { font-weight: 700; }
.sub_graduation01 .packagePicto p::before { content: ""; position: absolute; width: 95%; height: 1px; background: rgb(85, 76, 74); left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: -1; }
.sub_graduation01 .packagePicto ul { display: flex; }
.sub_graduation01 .packagePicto ul li { width: 198px; height: 198px; border-radius: 50%; font-size: 24px; display: flex; align-items: center; justify-content: center; background: rgba(255, 255, 255, 0.5); box-shadow: rgba(0, 0, 0, 0.3) 0px 14px 21px 3px; font-weight: 700; margin: 0px -13px; }
.sub_graduation02, .sub_graduation03, .sub_graduation04 { text-align: center; margin-top: 150px; padding-bottom: 150px; position: relative; }
.sub_graduation03, .sub_graduation04 { margin-top: 20px; }
.sub_graduation02::after, .sub_graduation03::after, .sub_graduation04::after { content: ""; position: absolute; width: 80%; max-width: 1085px; height: 1px; background: rgb(206, 222, 220); bottom: 0px; left: 50%; transform: translateX(-50%); }
.sub_graduation02 .subContainer, .sub_graduation03 .subContainer { padding: 0px 110px; }
.graduation_title_content {
}
.graduation_title_content .txt1 { font-size: 30px; margin-bottom: 15px; font-weight: 300; }
.graduation_title_content h2 { font-size: 70px; font-weight: 300; margin-bottom: 32px; }
.graduation_title_content h2 strong { font-weight: 700; }
.graduation_title_content .txt2 { font-size: 24px; font-weight: 300; }
.graduation_numbering { margin-top: 100px; }
.graduation_numbering .imgBox { display: flex; align-items: center; justify-content: center; flex-direction: column; margin-bottom: 65px; }
.graduation_numbering .imgBox .capImg { width: 88px; }
.graduation_numbering .imgBox .numberingImg { width: 122px; margin-top: -34px; z-index: -1; }
.graduation_numbering .numberingMent { display: flex; flex-direction: column; margin-bottom: 70px; align-items: center; }
.sub_graduation04, .sub_graduation05 { overflow: hidden; }
.sub_graduation04 .graduation_numbering .numberingMent, .sub_graduation05 .graduation_numbering .numberingMent { margin-bottom: 0px; }
.sub_graduation04 .graduation_numbering .numberingMent .ment2, .sub_graduation05 .graduation_numbering .numberingMent .ment2 { margin-bottom: 40px; text-align: center; word-break: keep-all; }
.graduation_numbering .numberingMent .ment1 { font-size: 36px; margin-bottom: 26px; font-weight: 300; }
.graduation_numbering .numberingMent .ment2 { text-align: center; font-size: 46px; font-weight: 700; margin-bottom: 60px; word-break: keep-all; }
.graduation_numbering .numberingMent .ment4 { text-align: center; font-size: 20px; font-weight: 300; line-height: 1.7; }
.graduation_numbering .numberingMent .ment4 strong { font-weight: 700; }
.graduation_numbering .numberingMent .mentImg { width: 412px; margin-bottom: 60px; }
.graduation_numbering .numberingMent > span { font-size: 24px; font-weight: 300; text-align: center; word-break: keep-all; }
.graduation_numbering .numberingMent > span strong { font-weight: 700; }
.graduation_step_lists { display: flex; gap: 38px; }
.graduation_step_lists > li { flex: 1 1 0%; }
.graduation_step_lists > li div.picture img { width: 100%; }
.graduation_step_lists > li .stepTxt { margin-top: 30px; text-align: center; }
.graduation_step_lists > li .stepTxt .txtTag { background: rgb(170, 103, 155); font-size: 20px; border-radius: 15px; font-family: Pretendard, sans-serif; color: rgb(255, 255, 255); font-weight: 300; height: 30px; display: inline-flex; margin-bottom: 10px; align-items: center; width: 143px; gap: 5px; justify-content: center; }
.graduation_step_lists > li .stepTxt .txtTag.darkColor { background: rgb(51, 44, 42); }
.graduation_step_lists > li .stepTxt .txtTag strong { font-weight: 700; font-size: 22px; }
.graduation_step_lists > li .stepTxt .title { font-size: 26px; font-weight: 700; }
.graduation_step_lists > li .stepTxt .subTxt { margin-top: 20px; font-size: 18px; word-break: keep-all; position: relative; }
.sub_graduation03 .graduation_step_lists > li .stepTxt .subTxt::after { content: ""; position: absolute; max-width: 150px; width: 100%; height: 1px; background-color: rgb(217, 217, 217); left: 50%; bottom: -15px; transform: translateX(-50%); }
.graduation_step_lists > li .stepTxt .subTxt strong { font-weight: 700; }
.graduation_checklists { padding-left: 90px; margin-top: 15px; padding-top: 15px; position: relative; text-align: left; }
.graduation_checklists > li { padding-left: 25px; background: url("../images/sub/sub01_checker.png") left center / 20px no-repeat; height: 20px; margin-bottom: 10px; position: relative; display: inline-block; }
.graduation_checklists > li::after { content: ""; position: absolute; width: calc(100% - 20px); height: 4px; background: rgb(254, 219, 237); left: 25px; bottom: 0px; z-index: -1; }
.system_lists_capture { background: rgb(246, 247, 249); position: relative; padding: 100px 92px; }
.system_txt + .system_lists_capture { margin-top: 50px; }
.system_lists_capture::before { content: ""; background: rgb(246, 247, 248); position: absolute; width: 100vw; top: 0px; height: 100%; left: 50%; transform: translateX(-50%); z-index: -1; box-sizing: border-box; }
.system_lists_capture ul { display: flex; }
.system_lists_capture ul > li { flex: 1 1 0%; }
.system_lists_capture ul > li.center { margin: 0px -80px; }
.system_lists_capture ul > li .capImg { width: 100%; display: block; }
.system_txt { text-align: center; font-weight: 300; line-height: 1.4; font-size: 24px; margin-top: 0px; word-break: keep-all; }
.system_txt strong { font-weight: 700; }
.special_graduation_package { background: rgb(85, 76, 74); color: rgb(255, 255, 255); padding-bottom: 138px; }
.special_graduation_package .numberingMent { padding-top: 115px; }
.special_graduation_package .numberingMent .ment2 { margin-bottom: 50px; }
.special_graduation_package .numberingMent .ment2 em { color: rgb(213, 137, 196); }
.compareImg { margin: 20px auto 0px; display: block; }
.compareImg > img { display: block; width: 100%; margin: 0px auto; max-width: fit-content; }
.recommend_target { background-color: rgb(232, 227, 227); }
.recommend_target .graduation_numbering { margin-top: 0px; }
.recommend_target .graduation_numbering .numberingMent { padding-top: 150px; margin-bottom: 0px; }
.recommend_lists { padding-bottom: 150px; max-width: 880px; margin: 0px auto; }
.recommend_lists li { background: url("../images/sub/sub01_checker.png") 45px center no-repeat rgb(246, 247, 248); border-radius: 40px; color: rgb(85, 76, 74); display: flex; height: 78px; margin-top: 10px; align-items: center; font-size: 28px; font-weight: 300; padding-left: 96px; }
.recommend_lists li p { display: flex; flex-direction: column; position: relative; }
.recommend_lists li span { position: absolute; font-size: 14px; font-weight: 500; top: 34px; }
.recommend_lists li p em { font-weight: 700; }
.sub_spirit .subContainer { position: relative; z-index: 2; }
.sub_spirit > div { padding-top: 75px; padding-bottom: 170px; position: relative; }
.sub_spirit .spirit01 { background: rgb(233, 227, 227); }
.sub_spirit .spirit01::after { position: absolute; content: ""; background: url("../images/sub/sub02_content2.png"); width: 698px; height: 486px; right: 0px; bottom: 0px; opacity: 0.2; z-index: 1; }
.sub_spirit .spirit02::after { position: absolute; content: ""; background: url("../images/sub/sub02_content8.png"); width: 662px; height: 486px; left: 0px; bottom: 0px; opacity: 1; z-index: 1; }
.sub_spirit .oriental_character { position: relative; }
.sub_spirit .oriental_character > img { max-width: 1156px; width: 100%; margin: 0px auto; display: block; }
.sub_spirit .oriental_character > div { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); text-align: center; }
.sub_spirit .oriental_character p { font-size: 40px; margin-bottom: 27px; font-family: "Noto Serif Korean"; font-weight: 700; }
.sub_spirit .oriental_character span { font-size: 20px; }
.sub_spirit .spirit_content { width: 100%; display: flex; justify-content: space-between; margin-top: 40px; padding: 0px 64px 0px 104px; gap: 80px; }
.sub_spirit .spirit_content.rotation { flex-direction: row-reverse; padding: 0px 64px 0px 55px; }
.sub_spirit .keyword_box { width: 50%; margin-top: 57px; }
.sub_spirit .keyword_box .keyword { color: rgb(164, 155, 155); font-size: 16px; }
.sub_spirit .keyword_box .keyword_subtxt { margin-top: 60px; border-left: 2px solid #cdbd8b; padding-left: 20px; font-size: 18px; word-break: keep-all; line-height: 1.6; }
.sub_spirit .img_box {
}
.sub_spirit .img_box.radius_right_top { width: 612px; aspect-ratio: 612 / 350; overflow: hidden; border-radius: 0px 100px 0px 0px; flex: 0 0 auto; }
.sub_spirit .img_box.radius_left_top { width: 612px; aspect-ratio: 612 / 350; overflow: hidden; border-radius: 100px 0px 0px; flex: 0 0 auto; }
.sub_spirit .img_box > img { object-fit: cover; width: 100%; height: 100%; }
.sub_gram_special .subContainer { padding: 0px 82px 0px 56px; }
.sub_gram_special .special_content .special_content_box { display: flex; margin-top: 120px; justify-content: space-between; }
.sub_gram_special .special_content02 .special_content_box, .sub_gram_special .special_content03 .special_content_box { margin-top: 0px; }
.sub_gram_special .special_content01 { background: rgb(246, 247, 248); padding-top: 150px; padding-bottom: 157px; }
.sub_gram_special .special_content02 { padding: 140px 0px; }
.sub_gram_special .special_content03 { padding: 150px 0px 138px; background: rgb(246, 247, 248); }
.sub_gram_special .special_content_txt .tag { color: rgb(164, 155, 155); display: inline-flex; font-size: 16px; align-items: baseline; gap: 3px; margin-bottom: 26px; border-bottom: 1px solid #cdbd8b; }
.sub_gram_special .special_content_txt .tag em { font-size: 28px; font-weight: 700; }
.sub_gram_special .content_txt_01 { font-size: 30px; margin-bottom: 28px; }
.sub_gram_special .content_txt_01 strong { font-weight: 700; }
.sub_gram_special .content_txt_02 { line-height: 1.6; word-break: keep-all; }
.special_content_icolists { display: flex; }
.special_content_icolists > li { width: 260px; height: 260px; border-radius: 50%; border: 2px solid rgb(228, 187, 213); display: flex; gap: 33px; align-items: center; flex-direction: column; box-shadow: rgba(201, 125, 177, 0.5) 0px 0px 9px 0px inset, rgba(201, 125, 177, 0.2) 0px 0px 15px 0px inset; justify-content: center; text-align: center; }
.special_content_icolists > li:nth-child(2) { margin: 0px -24px; }
.special_content_icolists > li > img { width: 73px; margin-top: 33px; }
.special_content_icolists > li:nth-child(2) > img { width: 90px; }
.special_content02 .special_content_icolists > li > img { width: 96px; }
.special_content02 .special_content_icolists > li:last-child > img { width: 104px; }
.special_content02 .special_content_icolists > li:last-child span { transform: translateY(-12px); }
.special_content_icolists > li > span { font-weight: 500; font-size: 18px; }
.sub_gram_special .special_content02 .special_content_icolists > li > span { font-size: 22px; }
.make_history_lists { display: flex; gap: 16px; margin-right: 50px; }
.make_history_lists > li { width: 100%; max-width: 214px; }
.make_history_lists > li > img { width: 100%; display: block; }
.make_history_lists > li > span { text-align: center; font-size: 22px; word-break: keep-all; font-weight: 500; margin-top: 26px; display: block; }
.subitro01 { margin-top: 150px; position: relative; padding: 100px 0px; }
.subitro01 .leftGrayBox { position: absolute; background: rgb(245, 245, 245); left: 0px; width: 33vw; height: 700px; top: 0px; z-index: -1; }
.subitro01 .inner { display: flex; align-items: center; justify-content: space-between; }
.subitro01 .inner > img.inner_left { width: 100%; max-width: 700px; }
.subitro01 .inner > .inner_right { text-align: right; }
.subitro01 .inner > .inner_right img { width: 100%; display: block; margin-left: auto; margin-bottom: 60px; max-width: 230px; }
.subitro01 .inner > .inner_right p { color: rgb(51, 51, 51); font-size: 22px; line-height: 1.6; font-weight: 400; }
.subitro01 .inner > .inner_right p strong { font-weight: 700; }
.subitro02 { margin-top: 157px; text-align: center; color: rgb(51, 51, 51); padding-bottom: 77px; position: relative; }
.subitro02 .centerGrayBox { background: rgb(245, 245, 245); position: absolute; bottom: 20px; left: 0px; height: 400px; width: 100%; z-index: -1; }
.subitro02 .subintroTitle { font-size: 48px; font-weight: 700; margin-bottom: 120px; }
.subitro02 ul { display: flex; justify-content: center; gap: 55px; }
.subitro02 ul li { flex: 1 1 0%; text-align: center; }
.subitro02 ul li:nth-child(2) { margin-top: 70px; }
.subitro02 ul li img { max-width: 350px; width: 100%; display: block; margin: 0px auto 38px; }
.subitro02 ul li .hashtag { color: rgb(34, 34, 34); font-size: 22px; font-weight: 700; margin-bottom: 30px; }
.subitro02 ul li span { font-size: 22px; padding: 0px 40px; font-weight: 500; color: rgb(51, 51, 51); word-break: keep-all; display: block; }
.subitro03 { margin-top: 132px; padding: 100px 0px; position: relative; margin-bottom: 200px; }
.subitro03 .rightGrayBox { position: absolute; background: rgb(245, 245, 245); right: 0px; width: 33vw; height: 700px; top: 0px; z-index: -1; }
.subitro03 .inner { display: flex; align-items: center; justify-content: space-between; }
.subitro03 .inner .inner_left { color: rgb(51, 51, 51); padding-right: 20px; word-break: keep-all; }
.subitro03 .inner .inner_left p { font-size: 48px; font-weight: 400; margin-bottom: 72px; }
.subitro03 .inner .inner_left p strong { display: block; font-weight: 700; }
.subitro03 .inner .inner_left span { font-size: 22px; line-height: 1.6; font-weight: 400; display: block; }
.subitro03 .inner .inner_right { max-width: 700px; width: 100%; }
footer { background: rgb(29, 29, 29); text-align: center; padding: 123px 54px 115px; color: rgb(255, 255, 255); font-family: Pretendard, sans-serif; }
footer .footer_logo { margin-bottom: 52px; }
footer .footer_link01 { display: flex; justify-content: center; margin-bottom: 37px; }
footer .footer_link01 li { padding-right: 40px; position: relative; }
footer .footer_link01 li::after { content: ""; position: absolute; width: 1px; height: 80%; background: rgb(178, 178, 178); right: 20px; top: 50%; transform: translateY(-50%); }
footer .footer_link01 li a { font-size: 18px; color: rgb(178, 178, 178); }
footer .footer_infolist { display: flex; justify-content: center; color: rgb(221, 221, 221); margin-bottom: 46px; flex-wrap: wrap; gap: 5px; }
footer .sns_list { display: flex; justify-content: center; gap: 20px; margin-bottom: 46px; }
footer .sns_list li { width: 78px; height: 78px; border-radius: 50%; border: 1px solid rgb(255, 255, 255); display: flex; align-items: center; justify-content: center; }
footer .sns_list li a { width: 100%; height: 100%; border-radius: 50%; display: flex; align-items: center; justify-content: center; }
footer .copyright { color: rgb(221, 221, 221); font-size: 14px; margin-bottom: 18px; }
footer .fee_link { font-weight: 500; color: rgb(132, 128, 128); font-size: 14px; }
.hospital_map_info { margin-top: 200px; font-family: Pretendard, sans-serif; }
.map_info_inner { display: flex; gap: 84px; }
.map_info_inner .left { flex: 1 1 0%; }
.map_info_inner .inforow { display: flex; align-items: center; gap: 30px; margin-bottom: 63px; }
.map_info_inner .inforow_tit { display: flex; align-items: center; gap: 8px; color: rgb(33, 40, 60); font-weight: 700; font-size: 18px; min-width: 100px; align-self: flex-start; }
.map_info_inner .inforow_con > img { display: block; }
.map_info_inner .inforow_con > span { color: rgb(33, 40, 60); font-size: 18px; font-weight: 300; }
.map_info_inner .inforow_con .timeline { display: flex; align-items: center; margin-bottom: 13px; }
.map_info_inner .inforow_con .timeline > span { color: rgb(33, 40, 60); font-size: 18px; font-weight: 300; width: 80px; display: block; margin-right: 20px; }
.map_info_inner .inforow_con .timeline > .except { margin-left: 10px; white-space: nowrap; }
.map_info_inner .inforow_con .subinfo { color: rgb(170, 170, 170); font-size: 18px; font-weight: 700; margin-bottom: 24px; }
.sns_call_box { display: flex; gap: 10px; }
.sns_call_box a { width: 210px; height: 50px; display: flex; align-items: center; justify-content: center; color: rgb(255, 255, 255); font-size: 18px; font-weight: 700; gap: 14px; }
.sns_call_box a img { width: 30px; }
.sns_call_box a.kakao_box { background: rgb(46, 37, 37); }
.sns_call_box a.tmap_box { background: rgb(76, 164, 235); }
.map_info_inner .right { flex: 1 1 0%; }
.map_info_inner .right .kakaoMapBox { width: 100%; background: none; max-width: 100%; }
.map_info_inner .right .root_daum_roughmap .wrap_controllers, .map_info_inner .right .root_daum_roughmap .cont .section.lst { display: none !important; }
.map_info_inner .right .root_daum_roughmap_landing { max-height: 380px; width: 100% !important; }
.map_info_inner .right .subwayinfo { border: 1px solid rgb(228, 228, 228); display: flex; align-items: center; justify-content: center; color: rgb(33, 40, 60); font-weight: 700; gap: 4px; font-size: 18px; height: 60px !important; }
.map_info_inner .right .subwayinfo .line7 { color: rgb(105, 114, 21); border: 3px solid rgb(105, 114, 21); border-radius: 20px; width: 80px; height: 40px; box-sizing: border-box; display: flex; align-items: center; justify-content: center; }
.map_info_inner .right .subwayinfo .linenewbundang { color: rgb(181, 40, 59); border: 3px solid rgb(181, 40, 59); border-radius: 20px; width: 80px; height: 40px; box-sizing: border-box; display: flex; align-items: center; justify-content: center; }
.parking_info { font-family: Pretendard, sans-serif; margin-top: 143px; margin-bottom: 200px; }
.parking_info h3 { margin-bottom: 28px; color: rgb(34, 34, 34); font-size: 50px; font-weight: 700; line-height: 1; }
.parking_info .subTitle { color: rgb(34, 34, 34); font-size: 18px; font-weight: 300; margin-bottom: 45px; }
.parking_info img { width: 100%; display: block; }
.doctorIntroduce { margin-top: 120px; margin-bottom: 200px; }
.doctorIntroduce .top { text-align: center; position: relative; max-width: 720px; margin: 0px auto 108px; padding: 5px 0px 60px; }
.doctorIntroduce .leftTopBorder { position: absolute; border-top: 2px solid rgb(87, 76, 74); border-left: 2px solid rgb(87, 76, 74); border-image: initial; width: 37px; height: 60px; border-right: none; left: 0px; border-bottom: none; top: 0px; }
.doctorIntroduce .rightBtmBorder { position: absolute; border-right: 2px solid rgb(87, 76, 74); border-bottom: 2px solid rgb(87, 76, 74); border-image: initial; width: 37px; height: 60px; border-left: none; right: 0px; border-top: none; bottom: 0px; }
.doctorIntroduce .top img { width: 230px; margin-bottom: 26px; }
.doctorIntroduce .top .ment { font-family: "Noto Serif Korean"; font-size: 36px; }
.doctorIntroduce .btm { display: flex; gap: 70px; padding-left: 100px; }
.doctorIntroduce .btm img { width: 600px; }
.doctorIntroduce .careerBox h3 { font-size: 36px; font-weight: 700; margin-bottom: 96px; }
.doctorIntroduce .careerTit { color: #cdbd8b; font-size: 22px; margin-bottom: 16px; font-weight: 700; }
.doctorIntroduce .careerLists { margin-bottom: 50px; }
.doctorIntroduce .careerLists li { font-size: 22px; font-weight: 400; line-height: 1.6; }
.gallery_section { padding: 160px 0px 200px; background: rgb(255, 255, 255); }
.gallery_main { overflow: hidden; max-width: 1200px; margin: 0px auto 80px; }
.galleryMain { width: 100%; height: 700px; }
.galleryMain .swiper-slide { display: flex; align-items: center; justify-content: center; background: rgb(248, 248, 248); }
.galleryMain .swiper-slide img { width: 100%; height: 100%; object-fit: contain; }
.gallery_thumbs { position: relative; padding: 0px; margin: 0px auto; }
.galleryThumbs { max-width: 1200px; height: 140px; width: 100%; }
.galleryThumbs .swiper-slide { cursor: pointer; transition: opacity 0.3s; overflow: hidden; }
.galleryThumbs .swiper-slide-thumb-active { opacity: 1; border: 5px solid #cdbd8b; box-sizing: border-box; }
.galleryThumbs .swiper-slide img { width: 100%; height: 100%; object-fit: cover; display: block; }
.gallery_section .swiper-button-prev, .gallery_section .swiper-button-next { width: 16px; top: 50%; height: 29px; transform: translateY(7px); background: url("../images/sub/ico_arrow_left.png") no-repeat; }
.gallery_section .swiper-button-prev { left: 0px; }
.gallery_section .swiper-button-next { right: 0px; background: url("../images/sub/ico_arrow_right.png") no-repeat; }
.gallery_section .swiper-button-prev::after, .gallery_section .swiper-button-next::after { font-size: 18px; color: rgb(51, 51, 51); font-weight: bold; display: none; }
.form_wrapper { font-family: Pretendard, sans-serif; margin-top: 112px; color: rgb(33, 40, 60); }
.form_wrapper .center-container { padding: 0px 20px; }
.form_wrapper .noti_box { background: rgb(244, 244, 244); display: flex; padding: 30px 0px 30px 60px; margin-bottom: 60px; }
.form_wrapper .noti_box .title { font-size: 30px; line-height: 1; color: rgb(33, 40, 60); margin-right: 155px; font-weight: 600; }
.form_wrapper .noti_box .noti_lists li { font-size: 18px; line-height: 1.7; color: rgb(33, 40, 60); }
.form_wrapper .noti_box .noti_lists li.emphasis { font-weight: 700; }
.form_wrapper .grey_btn { background: rgb(153, 153, 153); color: rgb(255, 255, 255); border-radius: 5px; font-size: 16px; width: 95px; height: 28px; }
.form_wrapper form .step { display: flex; padding-bottom: 50px; position: relative; justify-content: space-between; }
.form_wrapper form .step::after { content: ""; position: absolute; width: 2px; height: 100%; background:#c1a571; z-index: -1; left: 24px; transition: 0.4s; }
.form_wrapper form .step_03::after { width: 0px; height: 0px; }
.form_wrapper form .step .numbering { display: flex; }
.form_wrapper form .step .numbering .circle { width: 50px; height: 50px; border-radius: 50%; border: 2px solid #cdbd8b; display: flex; align-items: center; justify-content: center; font-size: 16px; color: #cdbd8b; background: rgb(255, 255, 255); margin-right: 20px; transition: 0.4s; }
.form_wrapper form .step:hover .circle { border: 2px solid #cdbd8b; background-color: #cdbd8b; color: rgb(255, 255, 255); }
.form_wrapper form .step:hover::after { background:#c1a571; }
.form_wrapper form .step .numbering .text { font-size: 30px; font-weight: 600; }
.form_wrapper form .step .input_box_wrapper { width: 900px; background: rgb(244, 244, 244); padding: 30px; display: flex; justify-content: space-between; }
.form_wrapper form .step .input_box_wrapper .input_box { display: flex; flex-wrap: wrap; justify-content: space-between; width: 410px; }
.form_wrapper form .step_01 .input_box_wrapper .input_box { width: 100%; }
.form_wrapper form .step .input_box_wrapper .input_box label { display: block; font-size: 16px; margin-bottom: 10px; align-items: center; }
.form_wrapper form .step .input_box_wrapper .input_box label.required_field { position: relative; }
.form_wrapper form .step .input_box_wrapper .input_box label.required_field::after { content: "*"; color: rgb(235, 116, 29); margin-left: 3px; }
.form_wrapper form .step .input_box_wrapper .input_box .common_input { border: 1px solid rgb(255, 255, 255); border-radius: 5px; height: 46px; padding: 10px; width: 100%; outline: 0px; font-size: 16px; }
.form_wrapper form .step .input_box_wrapper .input_box .common_input:focus { border: 1px solid #cdbd8b; }
.form_wrapper form .step .input_box_wrapper .input_box .common_input::placeholder { color: rgb(207, 207, 207); font-size: 16px; }
.form_wrapper form .step .input_box_wrapper .input_box textarea.common_input { resize: none; height: 90px; }
.form_wrapper form .step_01 .input_box_wrapper .input_box .input { width: 50%; max-width: 410px; margin-bottom: 24px; }
.form_wrapper .step_02 .check_wrapper { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 5px; }
.form_wrapper input[type="checkbox"], .form_wrapper input[type="radio"] { display: none; }
.form_wrapper .check_wrapper .check_item input + label { transition: background-color 0.4s, color 0.4s; height: 46px; background: rgb(255, 255, 255); margin-bottom: 0px; border-radius: 5px; cursor: pointer; line-height: 46px; text-align: center; }
.form_wrapper .check_wrapper .check_item input:checked + label { background:#c1a571; color: rgb(255, 255, 255); }
.form_wrapper .step_02 .check_wrapper .check_item .show_ico_check_box + label { text-align: left; padding: 0px 15px; }
.form_wrapper .step_02 .check_wrapper .check_item .show_ico_check_box:checked + label { background-image: url("../images/sub/reserve_check.png"); background-repeat: no-repeat; background-position: 90% center; }
.form_wrapper .step_02 .select_doctor_wrap { flex-direction: column; flex-shrink: 0; margin-left: 26px; width: 410px !important; justify-content: flex-start !important; }
.form_wrapper .step_02 .select_doctor_wrap .select_doctor_box_wrapper { position: relative; }
.form_wrapper .step_02 .select_doctor_wrap .select_doctor_box_wrapper .select_doctor_box { border: 1px solid #cdbd8b; border-radius: 5px; background: rgb(255, 255, 255); display: flex; justify-content: space-between; height: 46px; padding: 0px 10px; align-items: center; position: relative; z-index: 20; }
.form_wrapper .step_02 .select_doctor_wrap .select_doctor_box_wrapper .select_doctor_box .name { color: rgb(102, 102, 102); font-size: 16px; }
.form_wrapper .step_02 .select_doctor_wrap .select_doctor_box_wrapper .select_doctor_box .choice_btn { width: 65px; }
.form_wrapper .step_02 .select_doctor_wrap .select_doctor_box_wrapper .select_lists { background: rgb(255, 255, 255); border-radius: 0px 0px 5px 5px; padding: 12px 10px 10px; font-size: 16px; transform: translateY(-5px); z-index: 10; position: absolute; width: 100%; display: none; }
.form_wrapper .step_02 .select_doctor_wrap .select_doctor_box_wrapper .select_lists .item { cursor: pointer; margin-bottom: 5px; }
.doctor { background: rgb(255, 255, 255); border-radius: 5px; display: flex; padding-top: 18px; padding-left: 17px; padding-right: 21px; cursor: pointer; align-items: center; }
.doctor .doctor_info .doc_name { font-size: 24px; font-weight: bold; line-height: 1; margin-bottom: 10px; }
.doctor .doctor_info .expert { display: flex; }
.doctor .doctor_info .expert .tit { font-size: 14px; color: #cdbd8b; font-weight: bold; margin-right: 16px; word-break: keep-all; }
.doctor .doctor_info .expert .cont { word-break: initial; color: rgb(102, 102, 102); font-size: 14px; font-weight: bold; }
.doctor .doctor_info .btn_wrap { margin-top: 1px; }
.selected_doctor .doctor_result_wrap { height: 100%; }
.doctor_result_wrap .doctor .doctor_info .btn_wrap button { margin-right: 6px; }
.call_consult_check_wrap { background: rgb(255, 255, 255); border-radius: 5px; margin-top: 24px; display: flex; justify-content: center; flex-direction: column; cursor: pointer; align-items: center; padding: 10px; }
.selected_doctor .call_consult_check_wrap { width: 100%; height: 100%; margin: 0px; }
.call_consult_check_wrap .tit { font-size: 17px; color: rgb(33, 40, 60); text-align: center; }
.call_consult_check_wrap .tit span { color: rgb(153, 153, 153); font-size: 14px; vertical-align: bottom; display: block; margin-top: 1px; margin-bottom: 5px; word-break: keep-all; }
.call_consult_check_wrap #isCallConsult + label { width: 65px; text-align: center; margin: 5px 0px 0px; cursor: pointer; transition: 0.4s; display: flex; align-items: center; justify-content: center; }
.call_consult_check_wrap #isCallConsult:checked + label { background: rgb(33, 40, 60); }
.selected_doctor .doctor { display: flex; height: 100%; border: 1px solid rgb(33, 40, 60); margin-top: 0px !important; }
.check_wrapper.one .check_item { width: 100%; }
.check_wrapper.two .check_item { width: calc(50% - 5px); max-width: 200px; }
.check_wrapper.three .check_item { width: 33.3333%; max-width: 130px; margin-bottom: 10px; }
.form_wrapper form .step_03 .input_box_wrapper .input_box { flex-direction: column; justify-content: flex-start; }
.form_wrapper .step_03 .selected_doctor { width: 100%; height: 172px; border-radius: 5px; background: rgb(255, 255, 255); margin-bottom: 30px; }
.form_wrapper .step_03 .check_wrapper { display: flex; flex-wrap: wrap; gap: 10px; }
.form_wrapper .step_03 .time_select_box .check_item label { transition: background-color 0.4s, color 0.4s; height: 46px; background: rgb(255, 255, 255); margin-bottom: 0px; border-radius: 5px; cursor: pointer; line-height: 46px; text-align: center; }
.form_wrapper .step_03 .time_select_box .check_item { width: calc(25% - 7.5px); max-width: 95px; }
.form_wrapper input[disabled] + label { color: rgb(102, 102, 102); background: rgb(232, 232, 232) !important; cursor: not-allowed !important; }
.form_wrapper .agree_box { border: 1px solid rgb(228, 228, 228); padding: 35px 108px 50px 66px; display: flex; }
.form_wrapper .agree_box .tit { font-size: 30px; width: 200px; flex-shrink: 0; margin-right: 150px; position: relative; word-break: keep-all; }
.form_wrapper .agree_box .tit::after { content: "*"; color: rgb(235, 116, 29); margin-left: 3px; }
.form_wrapper .agree_box .cont { color: rgb(0, 0, 0); font-size: 14px; line-height: 1.5; word-break: keep-all; }
.form_wrapper .form_dtn_wrap { text-align: center; margin: 80px 0px 130px; }
.form_wrapper .form_dtn_wrap .btn { width: 200px; height: 46px; background: none; border: none; cursor: pointer; }
.form_wrapper .form_dtn_wrap .btn_reset { background: rgb(214, 214, 214); color: rgb(33, 40, 60); font-size: 16px; font-weight: bold; margin-right: 7px; }
.form_wrapper .form_dtn_wrap .btn_submit { background: rgb(51, 44, 42); color: rgb(255, 255, 255); font-size: 18px; font-weight: bold; }
.container-checkbox { display: block; position: relative; padding-left: 35.002px; cursor: pointer; font-size: 21.997px; user-select: none; }
.container-checkbox input { position: absolute; opacity: 0; cursor: pointer; }
.container-checkbox .checkmark { position: absolute; top: 3px; left: 0px; height: 20px; width: 20px; background-color: rgb(238, 238, 238); }
.container-checkbox:hover input ~ .checkmark { background-color: rgb(204, 204, 204); }
.container-checkbox input:checked ~ .checkmark { background-color: #cdbd8b; }
.container-checkbox .checkmark::after { content: ""; position: absolute; display: none; }
.container-checkbox input:checked ~ .checkmark::after { display: block; }
.container-checkbox .checkmark::after { left: 6px; top: 1.998px; width: 9px; height: 12.998px; border-style: solid; border-color: white; border-image: initial; border-width: 0px 3px 3px 0px; transform: rotate(45deg); }
.doctor_list_selected { border: 1px solid rgb(33, 40, 60); }
.datepicker_wrap { position: relative; }
.datepicker_wrap .datepicker_layer { position: absolute; inset: 0px; background: rgba(0, 0, 0, 0.7); color: rgb(255, 255, 255); display: flex; align-items: center; justify-content: center; font-size: 20px; }
#wrap .ui-widget.ui-widget-content { border: none; background: none; width: 100%; }
#wrap .ui-datepicker .ui-datepicker-header { background: none; border: none; }
#wrap .ui-datepicker .ui-datepicker-title { margin: 0px 2.3em; font-size: 16px; color: rgb(51, 51, 51); font-weight: normal; }
#wrap .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { border: none; background: none; appearance: none; width: auto !important; font-size: 16px !important; }
#wrap .ui-datepicker .ui-datepicker-prev { left: 130px; top: 3px; }
#wrap .ui-datepicker .ui-datepicker-next { right: 130px; top: 3px; }
#wrap .ui-datepicker .ui-datepicker-prev span { background: url("../images/sub/reserve_date_arrow.png") center center / 8px 13px no-repeat; }
#wrap .ui-datepicker .ui-datepicker-next span { background: url("../images/sub/reserve_date_arrow.png") center center / 8px 13px no-repeat; transform: scaleX(-1); }
#wrap .ui-datepicker th { font-size: 16px; font-weight: normal; }
.call_consult_check_wrap.active { border: 1px solid rgb(33, 40, 60); }
.doctor_schedule_4 { display: none; }
#wrap .ui-datepicker-other-month { opacity: 0; }
#wrap .ui-state-default, #wrap .ui-widget-content .ui-state-default, #wrap .ui-widget-header .ui-state-default, #wrap .ui-button, #wrap .ui-button.ui-state-disabled:hover, #wrap .ui-button.ui-state-disabled:active { border: none; text-align: center; font-size: 16px; color: rgb(51, 51, 51); background: none; height: 36px; width: 36px; margin: 0px auto; border-radius: 50%; display: flex; align-items: center; justify-content: center; }
#wrap .ui-state-active, #wrap .ui-widget-content .ui-state-active { color: rgb(255, 255, 255); background:#c1a571;n display: flex; align-items: center; justify-content: center; }
.subinfotxt { color: rgb(153, 153, 153); font-size: 14px; font-weight: 400; }
.promotion_lists { margin-top: 150px; margin-bottom: 200px; }
.promotion_lists .promotion_content { display: flex; flex-wrap: wrap; gap: 110px 70px; }
.promotion_lists ul.promotion_content li { width: calc(33.3333% - 46.6667px); display: flex; }
.promotion_lists ul.promotion_content li a { display: flex; width: 100%; flex-direction: column; align-items: flex-start; }
.promotion_img_box { width: 100%; display: block; position: relative; flex: 1 1 0%; background: rgb(239, 239, 239); }
.promotion_img_box img { width: 100%; height: 100%; object-fit: contain; }
.promotion_txt_box { text-align: center; margin-top: 37px; color: rgb(51, 51, 51); width: 100%; }
.promotion_txt_box > p { font-size: 24px; font-weight: 700; margin-bottom: 23px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.promotion_txt_box > span { font-size: 18px; font-weight: 400; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block; }
.promotion_content + .common_paging { margin-top: 160px; display: flex; justify-content: center; gap: 5px; flex-wrap: wrap; }
.common_paging > li { border: 1px solid rgb(51, 44, 42); width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; font-size: 18px; font-weight: 700; }
.common_paging > li > a { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; }
.common_paging > li.active { background: rgb(51, 44, 42); color: rgb(255, 255, 255); }
.gramMedicine { text-align: center; }
.gramSubCon { padding: 150px 0px; }
.gramSubCon.brownTheme { background: #574b49; }
.rightSideInner { max-width: 640px; display: flex; flex-direction: column; margin-left: auto; margin-right: 70px; }
.subCon_title_sml { color: rgb(93, 93, 93); font-size: 20px; display: block; margin-bottom: 17px; font-weight: 300; }
.subCon_title_sml2 { font-size: 16px; font-weight: 400; }
.subCon_title_sml strong { font-weight: 700; }
.gramSubCon.brownTheme .subCon_title_sml, .gramSubCon.brownTheme .subCon_subTitle { color: #c2b2ae; }
.subCon_mainTitle { color: rgb(21, 21, 21); font-size: 48px; font-weight: 700; margin-bottom: 32px; display: block; }
.subCon_mainTitle .thinFont { font-weight: 300; }
.subCon_mainTitle.white { color: rgb(255, 255, 255); }
.subCon_mainTitle strong { color: #cdbd8b; }
.subCon_subTitle { color: rgb(21, 21, 21); font-size: 22px; font-weight: 500; }
.subCon_subTitle.thinFont { font-weight: 400; }
.subCon_subTitle02 { display: block; margin-top: 20px; font-size: 14px; }
.subCon_subTitle strong { font-weight: 700; }
.subCon_title.leftSide { text-align: center; max-width: 800px; }
.subCon_title.rightSide { text-align: center; max-width: 800px; }
.medicineBox { margin-top: 70px; display: flex; justify-content: center; gap: 38px; }
.medicineBox img { margin-bottom: 50px; width: 100%; display: block; }
.medicineBox > div > div { width: calc(100% - 40px); margin: 0px auto; }
.medicineBox > div > div p { font-size: 26px; font-weight: 700; margin-bottom: 10px; }
.medicineBox > div > div span { font-size: 18px; position: relative; display: block; padding-top: 16px; word-break: keep-all; }
.medicineBox > div > div span::before { content: ""; height: 1px; width: 150px; position: absolute; top: 0px; left: 50%; transform: translateX(-50%); background: rgb(160, 160, 160); }
.medicineBox > div > div span strong { font-weight: 700; }
.medicineBasic { background: url("../images/sub/sub09_content03.jpg") 70% center / cover; padding-left: 50px; }
.subCon_paragraph { font-size: 22px; margin-bottom: 40px; }
.subCon_paragraph strong { font-weight: 700; }
.subCon_paragraph2 { font-size: 20px; }
.subCon_paragraph2 strong { font-weight: 700; }
.subCon_paragraph3 { font-weight: 400; font-size: 18px; }
.effectDiv { margin-bottom: 30px; }
.effectDivTag { display: inline-block; color: rgb(191, 179, 162); background: rgb(21, 21, 21); border-radius: 17px; font-size: 22px; font-weight: 700; margin-bottom: 16px; padding: 2px 17px; }
.medicinePremium .effectDivTag { color: rgb(255, 255, 255); flex-shrink: 0; }
.effectDivLists li { font-size: 18px; font-weight: 500; position: relative; padding-left: 24px; margin-bottom: 12px; }
.effectDivLists li::before { content: ""; position: absolute; left: 0px; top: 50%; transform: translateY(-50%); width: 20px; height: 20px; background-image: url("../images/sub/sub09_checker_dark.png"); background-size: contain; background-repeat: no-repeat; }
.mainEffectBox li { display: inline-flex; width: 160px; height: 75px; border-radius: 37px; background: rgba(255, 255, 255, 0.14); justify-content: center; line-height: 75px; border: 1px solid rgb(21, 21, 21); margin-right: -24px; align-items: center; margin-bottom: 5px; gap: 20px; }
.mainEffectBox li.pink { border: 1px solid rgb(181, 99, 158); }
.mainEffectBox li span { font-size: 18px; font-weight: 700; }
.medicinePremium { background: url("../images/sub/sub09_content04.jpg") 60% center / cover; padding-left: 50px; }
.effectDivRow { display: flex; align-items: baseline; gap: 10px; }
.effectDivSub { color: rgb(125, 125, 125); font-size: 16px; font-weight: 400; }
.medicineGraph { background: rgb(87, 75, 73); text-align: center; }
.medicineGraph .subCon_title_sml { color: rgb(195, 179, 175); }
.medicineGraph .subCon_title_sml strong { color: #cdbd8b; }
.medicineGraph img { width: calc(100% - 100px); display: block; margin: 40px auto 0px; max-width: fit-content; }
.medicineGraph .subCon_subTitle { color: rgb(194, 178, 174); }
.medicineGraph .graph_txt { margin-top: 32px; color: rgb(194, 178, 174); font-size: 14px; font-weight: 400; }
.medicinePackage { background: rgb(250, 250, 250); text-align: center; }
.medicinePackage .subCon_title_sml strong { color: rgb(92, 92, 92); }
.medicinePackage img { display: block; margin: 30px auto 0px; width: calc(100% - 100px); max-width: 1275px; }
.packageGuide { border: 3px solid rgb(45, 45, 45); background: rgb(255, 255, 255); padding: 68px 0px 90px; max-width: 1340px; margin: 0 auto; }
.packageGuide > span { color: rgb(186, 186, 186); font-size: 20px; font-weight: 700; margin-bottom: 16px; display: block; }
.packageGuide > p { font-size: 40px; font-weight: 700; margin-bottom: 40px; }
.packageGuide > p strong { color: rgb(213, 137, 196); }
.packageGuide ul { display: inline-block; text-align: left; }
.packageGuide ul li { font-weight: 400; font-size: 22px; padding-bottom: 12px; position: relative; margin-bottom: 12px; border-bottom: 1px solid rgb(223, 223, 223); padding-left: 40px; }
.packageGuide ul li::before { content: ""; background-color: rgb(213, 137, 196); width: 8px; height: 8px; border-radius: 50%; position: absolute; left: 14px; top: 12px; }
.packageLink { margin-top: 33px; display: block; border-radius: 60px; background: rgb(45, 45, 45); color: rgb(255, 255, 255); height: 120px; max-width: 1340px; margin: 33px auto 0; }
.packageLink span { display: flex; align-items: center; justify-content: center; font-size: 40px; height: 100%; font-weight: 300; flex-wrap: wrap; }
.packageLink span strong { font-weight: 700; color: rgb(213, 137, 196); }
.packageLink span img { width: auto; margin: 0px; transform: translateX(20px); }
.root_daum_roughmap .cont .section.lst { display: none; }
.decoction { text-align: center; }
.decoction > div > div { display: flex; gap: 92px; margin-top: 70px; justify-content: center; }
.decoction .imgContents img { width: 100%; display: block; max-width: fit-content; }
.decoction .textContents { text-align: left; padding-top: 60px; }
.decoctionSpecial { background: #574b49; text-align: center; }
.decoctionSpecial * { color: #c2b2ae; }
.decoctionSpecial img { max-width: 642px; width: 100%; display: block; margin: 70px auto 0; }
.decoctionStep { text-align: center; color: #151515; padding-bottom: 0; }
.decoctionStep * { color: #151515; }
.decoctionStepBox { display: flex; margin-top: 96px; justify-content: space-between; margin-bottom: 150px; }
.decoctionStepBox .lftCon { text-align: left; min-width: 400px; flex: 1 1 auto; }
.step_tag { display: flex; border: 1px solid #8f8f8f; border-radius: 16px; font-size: 16px; width: 156px; height: 32px; align-items: center; justify-content: center; margin-bottom: 30px; }
.step_tag span { color: #8f8f8f; }
.step_tag strong { color: #8f8f8f; font-weight: 700; }
.materialLists { width: 100%; }
.materialLists li { display: inline-flex; width: 36%; flex-direction: column; align-items: center; margin-right: -43px; }
.materialLists li img { display: block; width: 100%; }
.materialLists li span { margin-top: 28px; font-size: 18px; color: #000; font-weight: 500; }
.decoctionStepBox02 { background: #fafafa; padding-top: 150px; margin-bottom: 0; padding-bottom: 150px; }
.decoctionStepBox01 .lftCon, .decoctionStepBox02 .lftCon { min-width: 353px; }
.decoctionStepBox02 .inner { display: flex; }
.decoctionStepBox02 .careLists { display: flex; }
.decoctionStepBox02 .careLists li { display: inline-flex; width: 38%; flex-direction: column; margin-right: -54px; align-items: center; }
.decoctionStepBox02 .careLists li img { width: 100%; display: block; }
.decoctionStepBox02 .careLists li span { margin-top: 28px; font-size: 18px; color: #000; font-weight: 500; }
.decoctionStepBox03 { margin: 0; background: url("../images/sub/sub10_content4.jpg") center / cover no-repeat; height: 625px; padding-top: 150px; }
.decoctionRecommend { background: #574b49; }
.decoctionRecommend .inner { max-width: 1030px; margin: 0 auto; color: #fff; display: flex; }
.decoctionRecommend .subCon_title_sml2 { text-transform: uppercase; }
.decoctionRecommendLists { width: 100%; max-width: 610px; margin-left: auto; }
.decoctionRecommendLists li { width: 100%; border: 1px solid #fff; font-size: 22px; display: flex; border-radius: 26px; height: 52px; word-break: keep-all; align-items: center; padding-left: 54px; margin-bottom: 7px; position: relative; }
.decoctionRecommendLists li:before { content: ""; position: absolute; width: 20px; height: 19px; background: url("../images/sub/ico_checker_lightpink.png"); left: 22px; }
.medicineTypes01 { position: relative; aspect-ratio: 128 / 77; text-align: center; max-height: 1155px; width: 100%; }
.medicineTypes01 .bgimg { position: absolute; width: 100%; height: 100%; z-index: -1; }
.medicineTypes01 .bgimg img { position: absolute; width: 100%; height: 100%; left: 0; aspect-ratio: 128 / 77; object-fit: cover; object-position: center bottom; }
.medicineTypes01 .subCon_title { padding-top: 150px; }
.medicineTypes01 .subCon_title_sml { color: #151515; }
.medicineTypes02 { background: #574b49; text-align: center; color: #c2b2ae; }
.medicineTypes02 ul { display: flex; align-items: center; justify-content: center; gap: 48px; margin-top: 60px; }
.medicineTypes02 ul li { border-radius: 50%; border: 1px solid #fff; width: 350px; height: 350px; display: flex; flex-direction: column; gap: 40px; align-items: center; justify-content: center; }
.medicineTypes02 ul li div { height: 150px; display: flex; align-items: center; justify-content: center; }
.medicineTypes02 ul li div img { max-width: 50%; }
.medicineTypes02 ul li span { color: #fff; font-size: 20px; font-weight: 500; }
.medicineTypes03 { text-align: center; }
.medicineTypes03 * { color: #332b29; }
.formulation-type-lists { margin-top: 90px; display: flex; flex-wrap: wrap; gap: 40px 30px; }
.formulation-type-lists > li.formulation-types { background: #fafafa; }
.formulation-type-lists > li.endlist { background: #fafafa; padding-top: 28px; padding-bottom: 100px; }
.formulation-type-lists > li.endlist div img { display: block; width: 100%; max-width: 314px; margin: 0 auto; }
.formulation-type-lists > li.endlist div p { font-size: 24px; font-weight: 400; margin-top: -34px; }
.formulation-type-lists > li.endlist div p strong { color: #c27ab2; font-weight: 900; }
.formulation-type-lists > li { width: calc((100% - 60px) / 3); }
.formulation-type-lists > li .thumb { width: 100%; }
.formulation-type-lists > li .thumb img { width: 100%; display: block; }
.formulation-type-lists > li .detail { padding: 44px 44px 50px; }
.formulation-type-lists > li .detail .detail-title { font-size: 24px; font-weight: 700; margin-bottom: 20px; }
.formulation-type-lists > li .detail > span { margin-bottom: 40px; display: block; }
.medicineTypes03 .detail-status { display: flex; flex-direction: column; gap: 20px; }
.medicineTypes03 .detail-status > li { display: flex; gap: 28px; align-items: center; }
.detail-status-tit { font-size: 18px; font-weight: 500; text-align: center; width: 50px; flex-shrink: 0; }
.detail-status-bar { background: #ededed; border-radius: 17px; display: flex; padding: 4px; gap: 5px; flex: 1; }
.detail-status-bar > span { font-size: 14px; background: #d2d2d2; height: 27px; display: inline-block; flex: 1; border-radius: 13px; font-weight: 500; display: flex; align-items: center; justify-content: center; }
.detail-status-bar > span.easy.on { background: #ecd3e3; }
.detail-status-bar > span.normal.on { background: #e4a7cf; }
.detail-status-bar > span.hard.on { background: #c87aad; }
.medicineTypes04 { background: #fafafa; text-align: center; }
.medicineTypes04 ul { margin-top: 28px; display: flex; gap: 10px; }
.medicineTypes04 ul li { width: calc(50% - 10px); }
.medicineTypes04 ul li div img { display: block; width: 100%; }
.medicineTypes04 ul li span { font-size: 22px; font-weight: 700; margin-top: 30px; display: block; }
/* 洹몃옩而� �쎌묠 */
.acupuncture_content01 { background: linear-gradient( 360deg, rgba(255, 255, 255, 1) 0%, rgba(232, 227, 227, 1) 100% ); text-align: center; }
.acupuncture_content01 .subCon_mainTitle { font-size: 70px; color: #554c4a; margin-bottom: 70px; }
.acupuncture_content01 .subCon_subTitle strong { color: #554c4a; }
.acupuncture_content01 ul { margin-top: 84px; max-width: 1000px; display: flex; margin: 84px auto 0; justify-content: space-between; }
.acupuncture_content01 ul li .thumb img { width: 100%; display: block; }
.acupuncture_content01 ul li .name { background: #554c4a; color: #fff; font-size: 28px; padding: 20px 0; }
.acupuncture_content01 ul li .name strong { font-weight: 700; }
.acupuncture_content01 .medicineImg { max-width: 1000px; width: 100%; margin: 0 auto; }
.acupuncture_content01 .solution { border: 1px solid #574b49; max-width: 1000px; margin: 0 auto; display: flex; border-radius: 80px; font-size: 30px; align-items: center; justify-content: center; flex-direction: column; padding: 39px 0; }
.acupuncture_content01 .solution span strong { color: #554c4a; font-weight: 700; }
.acupuncture_content02 { background: url("../images/sub/sub12_contentbg.jpg") center / cover no-repeat; text-align: center; }
.subCon_engTitle { display: block; font-size: 24px; font-weight: 500; color: #000; margin-bottom: 0; }
.subCon_engTitle.white { color: #fff; }
.subCon_bigTitle { color: #fff; font-size: 60px; font-weight: 400; display: flex; flex-wrap: wrap; justify-content: center; }
.subCon_bigTitle span { margin-right: 10px; display: flex; }
.subCon_bigTitle strong { font-weight: 600; }
.dotFont { position: relative; }
.dotFont:before { content: ""; position: absolute; width: 7px; height: 7px; background: #fff; border-radius: 50%; left: 50%; transform: translateX(-50%); }
.acupuncture_content02 ul { margin-top: 100px; color: #554c4a; display: flex; max-width: 1300px; width: 100%; gap: 26px; margin: 100px auto 0; }
.acupuncture_content02 ul li { background: #e8e3e3; border-radius: 153px; display: flex; flex-direction: column; flex: 1; }
.acupuncture_content02 ul li > div { display: flex; padding-top: 80px; flex-direction: column; padding-bottom: 30px; }
.acupuncture_content02 ul li:last-child > div { padding-top: 46px; }
.acupuncture_content02 ul .title { font-size: 26px; font-weight: 700; margin-bottom: 20px; }
.acupuncture_content02 ul img { width: 162px; margin: 0 auto 52px; }
.acupuncture_content02 ul .txt { font-weight: 400; font-size: 20px; }
.acupuncture_content02 ul .txt strong { font-weight: 700; }
.acupuncture_content02 ul .txt + p { font-size: 30px; font-weight: 700; margin-bottom: 18px; }
.acupuncture_content03 { text-align: center; background: #fbfbfb; }
.acupuncture_content03 .stepBox { margin-top: 60px; display: flex; justify-content: center; gap: 25px; }
.acupuncture_content03 .subCon_bigTitle { color: #000; margin-bottom: 54px; }
.acupuncture_content03 .stepBox > div {
}
.acupuncture_content03 .stepBox > div img { width: 100%; display: block; }
.acupuncture_content03 .stepBox > div > div {
}
.acupuncture_content03 .stepBox > div > div p { margin-top: 30px; background: #554c4a; color: #fff; border-radius: 20px; font-size: 26px; padding: 3px 0; font-weight: 700; margin-bottom: 10px; }
.acupuncture_content03 .stepBox > div > div span { font-size: 22px; word-break: keep-all; }
.acupuncture_content03 .stepBox > .nextArrow { align-self: baseline; margin-top: 120px; }
.acupuncture_content03 .researchBox { margin-top: 106px; border-top: 2px solid #cecece; width: 100%; max-width: 1000px; margin: 106px auto 0; padding-top: 80px; }
.acupuncture_content03 .researchBox p { color: #000; font-size: 40px; margin-bottom: 70px; }
.acupuncture_content03 .researchBox p strong { font-weight: 700; }
.acupuncture_content03 .researchBox img { width: 100%; display: block; max-width: fit-content; margin: 0 auto; }
.acupuncture_content04 { text-align: center; }
.acupuncture_content04 .subCon_bigTitle { color: #000; display: block; }
.acupuncture_content04 ul { margin-top: 100px; display: flex; justify-content: center; max-width: 1150px; margin: 100px auto 0; justify-content: space-between; }
.acupuncture_content04 ul li { border: 1px solid #c0c0c0; border-radius: 50%; display: flex; flex-direction: column; align-items: center; justify-content: center; width: 252px; height: 252px; }
.acupuncture_content04 ul li img {
}
.acupuncture_content04 ul li strong { color: #c291ba; font-size: 28px; font-weight: 700; margin-top: 20px; }
.acupuncture_content04 ul li p { color: #000; font-size: 18px; margin-top: 12px; word-break: keep-all; }
.acupuncture_content04 ul li span { color: #969696; font-size: 17px; margin-top: 5px; }
@media (max-width:1700px) {
  .before_and_after .mentBox > div { margin-left: auto; }
  .before_and_after .beforeafterSwiper { margin-left: -390px; width: calc(100% + 390px); }
  .main_middle_content .rightCon > img { width: 980px; }
  .main_middle_content .topContent { gap: 40px; }
  .main_middle_content .emptyBox { width: 500px; height: 500px; }
  .main_middle_content .emptyBox + img { width: 500px; }
  .main_middle_content .rightCon > img { transform: translate(0px, 30px); }
  .main_middle_content .mentBox { max-width: 100%; }
  .main_middle_content .mentBox p { font-size: 30px; }
  .before_and_after .swiper-button-prev { left: -478px; }
  .before_and_after .mentBox { justify-content: flex-start; padding: 40px; }
  .before_and_after .mentBox p { font-size: 35px; }
  .before_and_after .mentBox img { width: 400px; }
  .beforeafterSwiperWrap { transform: translateY(107px) !important; }
}
@media (max-width:1400px) {
  .acupuncture_content04 ul li { width: 230px; height: 230px; }
  .acupuncture_content02 ul .txt { font-size: 18px; }
  .medicineTypes03 .detail-status > li { gap: 10px; }
  .medicineTypes01 { aspect-ratio: 400 / 387; }
  .medicineTypes01 .bgimg img { aspect-ratio: 400 / 387; }
  .medicineTypes02 ul li div img { max-width: 40%; }
  .medicineTypes02 ul { gap: 20px; }
  .medicineTypes02 ul li { width: 300px; height: 300px; }
  .sub_spirit .spirit_content { gap: 40px; }
  .sub_spirit .keyword_box .keyword_subtxt { font-size: 16px; }
  .graduation_checklists { padding-left: 56px; }
  .make_history_lists { margin-right: 0px; }
  .sub_gram_special .content_txt_01 { font-size: 22px; }
  .special_content_icolists > li > span { font-size: 14px; }
  .special_content_icolists > li { width: 200px; height: 200px; gap: 15px; }
  .special_content_icolists > li > img { width: 50px; }
  .special_content02 .special_content_icolists > li > img, .special_content02 .special_content_icolists > li:last-child > img { width: 60px; }
  .special_content_icolists > li:nth-child(2) > img { width: 50px; }
  .sub_spirit .oriental_character > img { max-width: 80%; }
  .sub_spirit .img_box.radius_left_top, .sub_spirit .img_box.radius_right_top { width: 450px; }
  .form_wrapper form .step::after { left: 19px; }
  #wrap .ui-datepicker .ui-datepicker-prev { right: 65%; transform: translateX(50%); left: auto; }
  #wrap .ui-datepicker .ui-datepicker-next { left: 65%; transform: translateX(-50%); right: auto; }
  .form_wrapper .step_02 .check_wrapper.two { gap: 10px; }
  .check_wrapper.two .check_item { width: calc(50% - 5px); max-width: 100%; }
  .form_wrapper .step_03 .selected_doctor { min-height: 68px; height: auto; }
  .doctor img { width: 100px; }
  .form_wrapper .step_02 .select_doctor_wrap { flex: 0 1 auto; width: auto !important; }
  .form_wrapper form .step .numbering .text { font-size: 25px; width: 160px; }
  .form_wrapper form .step .numbering .circle { width: 40px; height: 40px; margin-right: 10px; margin-left: 0px; }
  .form_wrapper form .step .input_box_wrapper { width: 100%; flex: 1 1 0%; gap: 15px; }
  .form_wrapper form .step .input_box_wrapper .input_box { width: 100%; justify-content: flex-start; flex: 1 1 0%; column-gap: 15px; }
  .form_wrapper .step_02 .select_doctor_wrap { margin-left: 0px; }
  .form_wrapper .noti_box { padding: 30px; }
  .form_wrapper .noti_box .title, .form_wrapper .agree_box .tit { margin-right: auto; }
  .form_wrapper form .step_01 .input_box_wrapper .input_box .input { width: calc(50% - 10px); max-width: 100%; }
  .promotion_lists .promotion_content { gap: 60px 30px; }
  .promotion_lists ul.promotion_content li { width: calc(33.3333% - 20px); }
  #gnb .depth1 > li { margin-right: 30px; }
  .kakaoMapBox { width: 27%; }
  .ctaForm form { margin-left: 50px; margin-right: 50px; }
  .subitro01 .inner > img.inner_left, .subitro03 .inner .inner_right { max-width: 600px; }
  .doctorIntroduce .btm img { width: 100%; max-width: 480px; }
  .map_info_inner { gap: 30px; }
  .map_info_inner .inforow { gap: 10px; }
  .map_info_inner .right .subwayinfo { font-size: 16px; padding: 20px; word-break: keep-all; }
  .map_info_inner .right .subwayinfo .line7, .map_info_inner .right .subwayinfo .linenewbundang { width: 60px; height: 34px; }
}
@media (max-width:1024px) {
  .acupuncture_content04 ul li { width: 44.9219vw; height: 44.9219vw; }
  .acupuncture_content04 ul { flex-wrap: wrap; justify-content: center; gap: 30px; }
  .acupuncture_content03 .researchBox img { max-width: 596px; }
  .acupuncture_content03 .researchBox { margin: 60px auto 0; padding-top: 40px; }
  .acupuncture_content03 .researchBox p { font-size: 38px; word-break: keep-all; margin-bottom: 40px; }
  .acupuncture_content03 .stepBox > .nextArrow { margin-top: 20vw; }
  .acupuncture_content03 .stepBox > div > div span { font-size: 18px; }
  .acupuncture_content03 .stepBox > div > div p { max-width: 160px; margin-left: auto; margin-right: auto; font-size: 20px; }
  .acupuncture_content03 .stepBox > div { width: calc(50% - 50px); }
  .acupuncture_content03 .stepBox { flex-wrap: wrap; gap: 60px 35px; }
  .acupuncture_content03 .subCon_bigTitle { margin-bottom: 30px; }
  .acupuncture_content02 { background: url("../images/sub/mo_sub12_contentbg.jpg") center left / cover no-repeat; }
  .acupuncture_content02 ul img { max-width: 156px; width: 100%; margin-bottom: 20px; }
  .acupuncture_content02 ul li > div { padding-bottom: 50px; min-height: 534px; }
  .acupuncture_content02 ul li { width: calc(50% - 15px); flex: 0 0 auto; border-radius: 240px; }
  .acupuncture_content02 ul { flex-wrap: wrap; gap: 56px 30px; }
  .subCon_bigTitle { font-size: 5.8594vw; }
  .subCon_engTitle { font-size: 20px; margin-bottom: 10px; }
  .acupuncture_content01 .solution span { font-size: 2.9297vw; }
  .acupuncture_content01 ul { gap: 30px; margin: 40px auto 0; }
  .acupuncture_content01 ul li { flex: 1; }
  .acupuncture_content01 ul li .name { font-size: 2.5vw; padding: 1.9531vw 0; }
  .acupuncture_content01 .solution { padding: 26px 0; flex-direction: row; gap: 6px; }
  .materialInfo li:first-child img { width: 28px; }
  .materialInfo li:nth-child(2) img { width: 17px; }
  .materialInfo li:nth-child(3) img { width: 20px; }
  .materialInfo li:nth-child(4) img { width: 30px; }
  .mainEffectBox li span { font-size: 16px; }
  .mainEffectBox li, .mainEffectBox li { width: 113px; height: 46px; margin-right: -11px; }
  .medicineTypes04 ul li span { font-size: 18px; margin-top: 15px; }
  .medicineTypes04 ul { flex-wrap: wrap; gap: 30px; }
  .medicineTypes04 ul li { width: 100%; }
  .medicineTypes03 .detail-status > li { justify-content: center; }
  .detail-status-bar { max-width: 300px; }
  .formulation-type-lists > li.endlist { padding-bottom: 80px; }
  .formulation-type-lists { padding: 0 9vw; margin-top: 50px; }
  .formulation-type-lists > li { width: 100%; }
  .medicineTypes02 .picto { max-width: 681px; width: 100%; margin: 40px auto 0; }
  .medicineTypes02 .picto img { display: block; width: 100%; }
  .medicineTypes01 .subCon_title { padding-top: 14vw; }
  .decoctionRecommendLists li { font-size: 20px; }
  .decoctionRecommend { padding: 120px 0 !important; }
  .decoctionRecommend .inner { flex-direction: column; padding: 0 20px; }
  .decoctionStepBox03 { background: url("../images/sub/mo_sub10_content4.jpg") center / cover no-repeat; height: auto; margin-bottom: 0 !important; padding: 120px 0 300px; }
  .decoctionRecommendLists { max-width: 100%; }
  .decoctionStepBox02 { padding: 120px 0; margin-bottom: 0 !important; }
  .decoctionStepBox02 .inner { gap: 34px; }
  .decoctionStepBox01 .lftCon, .decoctionStepBox02 .lftCon { min-width: 200px; width: auto; max-width: fit-content; }
  .decoctionStepBox02 .rhtCon { width: 400px; }
  .decoctionStepBox02 .careLists li { width: 100%; }
  .decoctionStepBox02 .careLists { flex-direction: column; gap: 30px; }
  .materialLists li { margin-right: 0; margin: -40px; gap: 20px; width: auto; }
  .materialLists li span { margin: 0px; }
  .materialLists li:first-child { width: 100%; flex-direction: column-reverse; margin: -40px; }
  .materialLists li img { width: 350px; }
  .decoctionStepBox { flex-direction: column; gap: 20px; margin-bottom: 120px; }
  .decoction > div > div { flex-direction: column-reverse; align-items: center; margin: 0; gap: 70px; }
  .decoction .textContents { text-align: center; padding: 0; }
  .before_and_after:before { width: 100%; height: 50%; }
  .subitro01 .inner > .inner_right img { max-width: 165px; margin-bottom: 40px; }
  .sub_gram_special .content_txt_02 { font-size: 14px; }
  .rightImg { margin: 0px; padding: 0px; }
  .packageLink { height: 70px; }
  .packageLink span { margin-top: 60px; font-size: 23px; margin-bottom: 80px; }
  .packageGuide > span { font-size: 18px; }
  .packageGuide ul li { font-size: 18px; padding-right: 20px; word-break: keep-all; }
  .packageGuide > p { font-size: 30px; }
  .packageGuide { padding: 35px 0px 43px; }
  .medicineGraph img, .medicinePackage img { width: calc(100% - 50px); }
  .effectDivSub { color: rgb(21, 21, 21); }
  .rightSideInner { margin: 0px; }
  .subCon_paragraph { font-size: 20px; margin-bottom: 30px; }
  .subCon_title { max-width: 100% !important; }
  .medicineBox > div > div p { font-size: 22px; }
  .medicineBox > div > div span { font-size: 16px; }
  .medicineBox { gap: 0px; }
  .medicineBox .left { margin-right: -20px; }
  .medicineBox .right { margin-left: -20px; }
  .subCon_title_sml { font-size: 16px; }
  .subCon_mainTitle { font-size: 40px; }
  .subCon_subTitle { font-size: 18px; }
  .gramSubCon { padding: 120px 0px 0; }
  .gramMedicine, .medicineGraph, .medicineTypes04, .acupuncture_content01, .acupuncture_content02, .acupuncture_content03, .acupuncture_content04 { padding-bottom: 120px; }
  .medicineTypes03 { padding-bottom: 120px; }
  .medicinePackage { padding: 120px 0; }
  .decoctionSpecial { padding: 120px 0; }
  .medicineBasic { background: url("../images/sub/mo_sub09_content03.jpg") right 90% / cover no-repeat; padding-bottom: 200px; background-size: cover; }
  .medicinePremium { background: url("../images/sub/mo_sub09_content04.jpg") right 86% / cover no-repeat; padding-bottom: 200px !important; }
  .recommendImg { max-width: 741px; width: 100%; padding-bottom: 100px; }
  .recommend_lists li span { top: 25px; }
  .recommend_lists li { font-size: 18px; background-size: 20px; padding-left: 76px; height: auto; flex-wrap: wrap; align-items: flex-start; background-position-y: 15px; padding-top: 11px; padding-bottom: 27px; }
  .recommend_target .graduation_numbering .numberingMent { padding-top: 100px; }
  .special_graduation_package { padding-bottom: 100px; }
  .compareImg > img { max-width: 753px; }
  .graduation_numbering .numberingMent .ment4 { font-size: 16px; }
  .special_graduation_package .numberingMent { padding-top: 60px; }
  .system_txt { font-size: 20px; }
  .capImgTotal { width: 100%; height: 100%; }
  .system_lists_capture ul > li .capImg { max-width: fit-content; }
  .system_lists_capture ul > li:first-child { order: 2; }
  .system_lists_capture ul > li.center { order: 1; }
  .system_lists_capture ul > li:last-child { order: 3; }
  .medicineTypes02 { padding-bottom: 120px; }
  .system_lists_capture ul { flex-wrap: wrap; justify-content: center; width: 100%; }
  .system_lists_capture ul > li { flex: 0 0 auto; width: 100%; margin: -42px !important; }
  .system_lists_capture { padding: 0px; }
  .picture_info { flex: 1 1 0%; max-width: 330px; }
  .graduation_checklists { display: flex; flex-direction: column; align-items: flex-start; }
  .sub_graduation03 .graduation_step_lists > li { flex: 1 1 0%; }
  .graduation_step_lists > li .stepTxt { width: 22%; }
  .sub_graduation03 .graduation_step_lists > li .stepTxt { width: 100%; }
  .sub_graduation02 .subContainer, .sub_graduation03 .subContainer { padding: 0px 20px; }
  .graduation_step_lists > li .stepTxt .title { font-size: 22px; }
  .graduation_step_lists > li .stepTxt .subTxt { font-size: 16px; }
  .graduation_step_lists > li div.picture img { max-width: 320px; min-width: 193px; }
  .graduation_step_lists > li { display: flex; align-items: center; justify-content: center; gap: 36px; }
  .graduation_step_lists { flex-direction: column; }
  .graduation_numbering .numberingMent .mentImg { margin-bottom: 50px; }
  .graduation_numbering .numberingMent .ment1 { font-size: 28px; }
  .graduation_numbering .imgBox .numberingImg { width: 82px; }
  .graduation_numbering .imgBox .capImg { width: 58px; }
  .graduation_numbering .imgBox, .graduation_numbering { margin-top: 50px; }
  .graduation_title_content .txt2, .graduation_numbering .numberingMent > span { font-size: 20px; }
  .graduation_title_content h2 { font-size: 50px; margin-bottom: 20px; }
  .sub_graduation02, .sub_graduation03, .sub_graduation04 { padding-top: 100px; margin-top: 0px; }
  .graduation_title_content .txt1 { font-size: 25px; }
  .sub_graduation01 .packagePicto ul { flex-wrap: wrap; width: 56%; padding-top: 0px; }
  .sub_graduation01 .packagePicto ul li { width: 23.4375vw; height: 23.4375vw; font-size: 20px; margin: 0px -13px -13px 0px; }
  .sub_graduation01 .packageBox .ment3 { margin-bottom: 60px; }
  .sub_graduation01 .packageBox .ment2 { font-size: 20px; margin-bottom: 10px; }
  .sub_graduation01 .packageBox .ment { font-size: 30px; margin-bottom: 40px; }
  .sub_graduation01 .packageBox { padding-top: 80px; max-width: 100%; padding-bottom: 0px; }
  .sub_graduation01 .packagePicto p { font-size: 30px; }
  .sub_graduation01 { aspect-ratio: 200 / 228; min-height: 900px; }
  .sub_content_title .title2 { font-size: 38px; }
  .sub_spirit .keyword_box { width: 100%; }
  .make_history_lists { margin-top: 50px; }
  .make_history_lists > li > span { font-size: 16px; }
  .sub_gram_special .special_content { padding: 120px 0px 90px; }
  .sub_gram_special .subContainer { padding: 0px 30px; }
  .sub_gram_special .special_content01 { padding-bottom: 100px; }
  .special_content_icolists { justify-content: center; margin-top: 70px; }
  .sub_gram_special .special_content .special_content_box { flex-direction: column; }
  .sub_content_title .title3 { font-size: 16px; }
  .sub_content_title .title1 { gap: 12px; font-size: 17px; }
  .sub_spirit > div { padding-bottom: 78px; }
  .sub_spirit .spirit01::after, .sub_spirit .spirit02::after { display: none; }
  .sub_spirit .spirit_content.rotation { flex-direction: column-reverse; padding: 0px 30px; }
  .sub_spirit .keyword_box .keyword_subtxt { margin-top: 40px; width: 100%; font-size: 14px; padding-left: 10px; }
  .sub_spirit .oriental_character > div { position: relative; }
  .sub_spirit .keyword_box { margin-top: 0px; }
  .sub_spirit .img_box.radius_left_top, .sub_spirit .img_box.radius_right_top { width: 100%; margin-top: 20px; }
  .sub_spirit .spirit_content { padding: 0px 30px; flex-direction: column-reverse; gap: 30px; }
  .form_wrapper .form_dtn_wrap .btn { width: 100%; max-width: 150px; }
  .form_wrapper .agree_box .tit { width: 100%; font-size: 25px; margin-bottom: 15px; }
  .form_wrapper .agree_box table th, .form_wrapper .agree_box table td { font-size: 14px; word-break: keep-all; }
  .container-checkbox .checkmark::after { width: 6px; height: 10px; }
  .container-checkbox .checkmark { width: 20px; height: 20px; }
  .container-checkbox { font-size: 15px; padding-top: 4px; }
  .form_wrapper .agree_box { padding: 20px 30px; flex-direction: column; }
  .form_wrapper form .step:last-child { padding-bottom: 100px; }
  .call_consult_check_wrap { flex-flow: wrap; justify-content: flex-start; }
  .call_consult_check_wrap .tit { text-align: left; margin-right: 30px; }
  .doctor .doctor_info .doc_name { font-size: 20px; }
  .doctor .doctor_info .btn_wrap { flex-wrap: wrap; gap: 5px; display: flex; }
  .datepicker_wrap { width: 100%; }
  .form_wrapper form .step .input_box_wrapper .input_box label { font-size: 15px; }
  .form_wrapper .grey_btn { width: 90px; font-size: 15px; }
  .check_wrapper.one .check_item { width: calc(50% - 5px); }
  .form_wrapper form .step_01 .input_box_wrapper .input_box .input { width: 100%; }
  .form_wrapper form .step .input_box_wrapper .input_box { flex-direction: column; }
  .form_wrapper form .step .input_box_wrapper { width: calc(100% - 51px); margin-left: auto; flex-direction: column; padding: 35px 24px; }
  .form_wrapper form .step { flex-direction: column; }
  .form_wrapper .noti_box .title { font-size: 25px; }
  .form_wrapper .noti_box { width: 100vw; transform: translateX(-20px); flex-direction: column; gap: 15px; }
  .form_wrapper { margin-top: 70px; }
  .common_paging > li { width: 30px; height: 30px; font-size: 14px; }
  .promotion_lists ul.promotion_content li { width: calc(50% - 15px); }
  .hospital_map_info { margin-top: 165px; }
  .promotion_txt_box { margin-top: 28px; }
  .promotion_txt_box > p { font-size: 20px; margin-bottom: 17px; }
  .promotion_txt_box > span { font-size: 16px; }
  .gallery_section { padding: 60px 0px; }
  .galleryMain { height: auto; }
  .galleryThumbs { height: 100%; }
  .gallery_thumbs { padding: 0px 30px; }
  .gallery_thumbs .swiper-button-prev::after, .gallery_thumbs .swiper-button-next::after { font-size: 16px; }
  .map_info_inner .right .subwayinfo { margin: 0px; width: 100% !important; }
  .parking_info .subTitle { font-size: 20px; margin-bottom: 40px; }
  .parking_info h3 { font-size: 38px; margin-bottom: 20px; }
  .parking_info { margin-top: 110px; }
  .map_info_inner .right .kakaoMapBox { padding: 0px; }
  .map_info_inner .inforow_con .subinfo { font-size: 20px; }
  .map_info_inner .inforow_con .timeline > span { font-size: 20px; width: 100%; margin-right: 14px; }
  .map_info_inner .inforow_con > span { font-size: 20px; }
  .map_info_inner .inforow_tit { font-size: 20px; }
  .map_info_inner .inforow { margin-bottom: 40px; }
  .map_info_inner { flex-direction: column; gap: 55px; }
  .phone01 { width: 100%; max-width: 161px; }
  .phone02 { width: 100%; max-width: 349px; }
  .phone03 { width: 100%; max-width: 348px; }
  .phone04 { width: 100%; max-width: 349px; }
  .phone05 { width: 100%; max-width: 349px; }
  .phone06 { width: 100%; max-width: 348px; }
  .map_info_inner .inforow { gap: 15px; }
  .gallery_main { margin-bottom: 40px; }
  .doctorIntroduce .careerTit { font-size: 20px; margin-bottom: 10px; }
  .doctorIntroduce .careerLists li { font-size: 20px; }
  .doctorIntroduce .careerBox h3 { font-size: 30px; margin-bottom: 80px; }
  .doctorIntroduce .careerBox { max-width: 600px; width: 100%; }
  .doctorIntroduce .btm img { max-width: 600px; margin: 0px auto; }
  .doctorIntroduce .btm { flex-direction: column; padding: 0px; }
  .doctorIntroduce .top { padding-bottom: 40px; margin-bottom: 80px; }
  .doctorIntroduce .top .ment { font-size: 22px; padding: 0; word-break: keep-all; }
  .doctorIntroduce .top img { width: 200px; margin-bottom: 20px; }
  .sub_banner .inner { height: 100%; }
  .sub_banner .inner img { object-fit: cover; }
  .sub_banner.sml { aspect-ratio: 800 / 1089; }
  .subitro03 .inner .inner_left p { font-size: 40px; margin-bottom: 50px; }
  .subitro03 .inner .inner_left span { font-size: 20px; }
  .subitro03 .inner .inner_left { width: 100%; padding: 0px 16px; margin-top: 11%; }
  .subitro03 .rightGrayBox { height: 60%; }
  .subitro03 { margin-top: 23px; }
  .subitro03 .inner { flex-direction: column-reverse; }
  .subitro02 .centerGrayBox { display: none; }
  .subitro02 ul li:nth-child(2) { margin-top: 0px; flex-direction: row-reverse; }
  .subitro02 ul li span { padding: 0px; }
  .subitro02 ul li img { margin-bottom: 0px; }
  .subitro02 ul { flex-direction: column; }
  .subitro02 ul li { display: flex; gap: 32px; align-items: flex-end; text-align: left; }
  .subitro02 { margin-top: 260px; }
  .subitro02 .subintroTitle { font-size: 40px; margin-bottom: 100px; }
  .subitro01 .inner > .inner_right p { word-break: keep-all; font-size: 15px; }
  .subitro01 .inner > .inner_right p strong { display: block; }
  .subitro01 .inner > .inner_right p br { display: none; }
  .subitro01 .inner > .inner_right p br.mobile_show { display: block; }
  header + main { margin-top: 70px; }
  .main_speciality { margin-top: 100px; }
  .main_speciality img { width: 300px; margin-bottom: 40px; }
  .pc_ver { display: none !important; }
  .mo_ver { display: block !important; }
  .mo_ver.flexBox { display: flex !important; }
  header { height: 70px; }
  header h1 { padding: 19px 0px 0px; }
  .headerBg { height: 70px; }
  .allMenuBox { margin-top: 26px; }
  .main_banner_video { height: 100vh; max-height: 91vh; }
  .main_banner_video .banner_tit_wrap { bottom: 130px; }
  .main_banner_video .banner_tit { font-size: 38px; margin-bottom: 20px; }
  .main_banner_video .banner_subtit { font-size: 20px; }
  .main_middle_content { margin-top: 80px; }
  .main_middle_content .titTag { display: none; }
  .main_middle_content .topContent { flex-direction: column; justify-content: center; align-items: center; }
  .main_middle_content .btmContent { margin-top: 0px; flex-direction: column-reverse; gap: 0px; }
  .main_middle_content .emptyBox + img { width: 100%; max-width: fit-content; }
  .main_middle_content .emptyBox { width: 100%; height: auto; aspect-ratio: 500 / 500; }
  .main_middle_content .topContent { padding-left: 32px; padding-right: 30px; gap: 0px; }
  .pageContainer02.rightSpace { padding: 0px; }
  .main_middle_content .emptyBox { left: -16px; top: 16px; }
  .main_middle_content .rightCon { padding-top: 35px; }
  .main_middle_content .btmContent .rightCon { padding-top: 100px; }
  .main_middle_content .mentBox { width: calc(-58px + 100vw); max-width: 100%; margin: 0px auto; }
  .main_middle_content .mentBox p { font-size: 23px; margin-bottom: 20px; }
  .main_middle_content .mentBox span { margin-bottom: 30px; font-size: 18px; }
  .main_middle_content .mentBox a { padding: 10px 20px; font-size: 16px; }
  .main_middle_content .rightCon > img { transform: none; width: 100%; }
  .main_middle_content .btmContent .leftCon { padding-top: 50px; }
  .before_and_after { margin-top: 100px; }
  .before_and_after .pageContainer03 { flex-direction: column; }
  .before_and_after .mentBox { width: 100%; padding-top: 60px; padding-bottom: 100px; height: auto; }
  .before_and_after .mentBox > div { margin: 0px auto; text-align: center; }
  .before_and_after .mentBox p { font-size: 25px; }
  .before_and_after .mentBox img { width: 300px; }
  .before_and_after .pageContainer03 { padding: 0px; }
  .beforeafterSwiperWrap { transform: translateY(-50px) !important; width: 87%; }
  .before_and_after .beforeafterSwiper { margin: 0px; width: 100%; }
  .before_and_after .swiper-button-prev { left: -7%; background-size: 30px; width: 30px; height: 30px; }
  .before_and_after .swiper-button-next { right: -7%; background-size: 30px; width: 30px; height: 30px; }
  .main_speciality .panel { flex-wrap: wrap; }
  .main_speciality .panel li { width: 50%; margin: -1px 0px; }
  .main_speciality .panel li a strong { font-size: 26px; bottom: 110px; }
  .main_speciality .panel li a p { font-size: 18px; bottom: 30px; }
  .main_speciality .panel li a strong::after { bottom: -16px; }
  .main_event_swiperbox { margin-top: 0px; padding-top: 60px; padding-bottom: 40px; }
  .main_event_swiperbox > img { width: 300px; }
  .main_event_swiperbox .intro { font-size: 16px; margin-bottom: 20px; }
  .main_event_swiperbox .eventSwiper { width: calc(100% - 40px); padding: 0px 40px; }
  .main_event_swiperbox .eventSwiper .swiper-slide .event_date { font-size: 16px; margin-top: 20px; margin-bottom: 16px; }
  .main_event_swiperbox .eventSwiper .swiper-slide .event_title { font-size: 20px; }
  .main_event_swiperbox .eventSwiper .swiper-button-prev { width: 20px; background-image: url("../images/main/mo_swiper_bold_left.png"); left: 0px; }
  .main_event_swiperbox .eventSwiper .swiper-button-next { width: 20px; background-image: url("../images/main/mo_swiper_bold_right.png"); right: 0px; }
  .main_gramAbility { height: auto; }
  .main_gramAbility .pageContainer02 { flex-direction: column; }
  .main_gramAbility .tabBox { width: 100%; height: auto; }
  .main_gramAbility .tabBox > img { width: 100px; margin-top: 50px; margin-bottom: 20px; }
  .main_gramAbility .tabBox ul { display: flex; flex-wrap: wrap; }
  .main_gramAbility .tabBox ul li { padding: 15px 20px; width: 50%; outline: rgba(255, 255, 255, 0.2) solid 1px; height: auto; }
  .main_gramAbility .tabBox ul li a { border: none; font-size: 16px; }
  .main_gramAbility .fadeinoutImg > div img { position: relative; padding-top: 214px; min-height: 706px; object-fit: cover; object-position: right center; }
  .main_gramAbility .fadeinoutImg { position: relative; }
  .main_gramAbility .mentBox { padding-top: 10%; padding-left: 6%; }
  .main_gramAbility .mentBox .tagMent { font-size: 22px; padding-top: 40px; margin-bottom: 20px; }
  .main_gramAbility .mentBox > div > strong { font-size: 30px; margin-bottom: 20px; }
  .main_gramAbility .mentBox .tagMent2 { font-size: 16px; }
  .main_gramAbility .tabBox ul li.active a { background-image: none; }
  .hospitalInfo .pageContainer04 { flex-direction: column; }
  .kakaoMapBox { padding-top: 80px; padding-bottom: 100px; color: rgb(255, 255, 255); max-width: 100%; width: 100%; height: auto; background-color: rgb(51, 44, 42); text-align: center; }
  .kakaoMapBox .addressBox > p { font-size: 30px; font-weight: 500; margin-bottom: 30px; }
  .kakaoMapBox .addressBox > div { display: flex; justify-content: center; gap: 24px; align-items: center; margin-bottom: 22px; flex-wrap: wrap; }
  .kakaoMapBox .addressBox > div > span { font-size: 20px; font-weight: 700; }
  .kakaoMapBox .addressBox > div > p { font-size: 18px; font-weight: 400; }
  .kakaoMapBox > div { margin: 0px auto; width: calc(100% - 80px) !important; }
  .callcenter { width: 100%; padding: 75px 0px 58px; }
  .ctaForm { width: 100%; padding-bottom: 70px; }
  .root_daum_roughmap .cont { display: none; }
  footer { padding: 55px 36px; }
  footer .footer_logo img { width: 100px; }
  footer .footer_link01 li { padding-right: 15px; }
  footer .footer_link01 li a { font-size: 14px; }
  footer .footer_link01 li::after { right: 7px; }
  footer .footer_link01 li:last-child { padding-right: 0px; }
  footer .footer_link01 li:last-child::after { display: none; }
  footer .footer_link01 { margin-bottom: 25px; }
  footer .footer_infolist { font-size: 16px; }
  footer .sns_list li { width: 60px; height: 60px; flex: 0 0 auto; }
  footer .sns_list li a img { width: 28px; }
  footer .sns_list { margin-bottom: 35px; }
  footer .copyright, footer .fee_link { font-size: 12px; }
  .sub_banner { aspect-ratio: 800 / 1089; max-height: 100vh; height: auto; width: 100%; }
  .sub_banner.doctor_banner { max-height: 100%; }
  .sub_banner .subContainer { align-items: flex-end; padding-bottom: 100px; }
  .sub_banner .sub_banner_txt .txt1 { font-size: 18px; margin-bottom: 10px; }
  .sub_banner .sub_banner_txt .txt2 { margin-bottom: 26px; font-size: 40px; }
  .sub_banner .sub_banner_txt .txt3 { font-size: 15px; }
  .sub_banner02 { aspect-ratio: 800 / 1088; max-height: 120vh; }
  .sub_banner02 .inner { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; }
  .sub_banner02 .inner img { width: 100%; height: 100%; object-fit: cover; }
  .bannerTxtBox { text-align: center; max-width: 100%; align-items: center; justify-content: flex-start; top: 15vw; height: auto; }
  .bannerTxtBox .txt1 { font-size: 40px; margin-bottom: 35px; }
  .bannerTxtBox .txt2 { font-size: 20px; }
  .subitro01 { margin-top: 65px; padding-bottom: 0px; }
  .subitro01 .inner { flex-direction: column; }
  .subitro01 .leftGrayBox { width: 45%; height: 60%; }
  .subitro01 .inner > img.inner_left, .subitro03 .inner .inner_right { max-width: fit-content; }
  .subitro01 .inner > .inner_right { width: 100%; margin-top: 70px; }
}
@media (max-width:730px) {
  .acupuncture_content04 ul li img { width: 35px; }
  .acupuncture_content04 ul { gap: 10px; margin-top: 40px; }
  .acupuncture_content04 ul li { width: 30vw; height: 30vw; min-width: 154px; min-height: 154px; }
  .acupuncture_content04 ul li strong { font-size: 20px; margin-top: 10px; }
  .acupuncture_content04 ul li p { font-size: 16px; margin-top: 3px; }
  .acupuncture_content04 ul li span { font-size: 14px; }
  .acupuncture_content03 .researchBox p { font-size: 30px; }
  .acupuncture_content03 .stepBox > .nextArrow { width: 18px; }
  .acupuncture_content03 .stepBox > div > div p { font-size: 16px; margin-bottom: 4px; margin-top: 16px; max-width: 90px; }
  .acupuncture_content03 .stepBox > div > div span { font-size: 14px; }
  .acupuncture_content03 .stepBox > div { width: calc(50% - 33px); }
  .acupuncture_content03 .stepBox { gap: 30px 18px; margin-top: 40px; }
  .acupuncture_content02 ul .txt + p { font-size: 20px; }
  .acupuncture_content02 ul li > div { min-height: 500px; padding-left: 10px; word-break: keep-all; padding-right: 10px; }
  .acupuncture_content02 ul .title { font-size: 20px; }
  .acupuncture_content02 ul img { max-width: 100px; }
  .acupuncture_content02 ul .txt { font-size: 15px; }
  .acupuncture_content02 ul .txt br { display: none; }
  .dotFont:before { width: 4px; height: 4px; }
  .acupuncture_content02 ul { margin-top: 50px; }
  .acupuncture_content01 { padding: 100px 0; }
  .acupuncture_content01 .subCon_mainTitle { font-size: 8vw; margin-bottom: 40px; }
  .acupuncture_content01 .subCon_subTitle { font-size: 15px; word-break: keep-all; }
  .acupuncture_content01 .subCon_subTitle br { display: none; }
  .acupuncture_content01 ul { gap: 15px; }
  .acupuncture_content01 ul li .name { font-size: 13px; }
  .acupuncture_content01 .solution { padding: 13px; flex-wrap: wrap; word-break: keep-all; }
  .acupuncture_content01 .solution span { font-size: 22px; }
  .subitro02 ul li img { max-width: 300px; }
  .subitro02 ul li span, .subitro02 ul li .hashtag { font-size: 16px; }
  .graduation_checklists { padding-left: 0px; }
  .sub_graduation01 .packagePicto ul li { width: 150px; height: 150px; }
  .graduation_numbering .numberingMent .mentImg { width: 340px; }
  .graduation_step_lists > li { gap: 10px; }
  .picture_info, .graduation_step_lists > li .stepTxt { max-width: 200px; }
  .graduation_checklists > li { font-size: 13px; }
  .sub_graduation01 .packagePicto p { margin-bottom: 20px; }
}
@media (max-width:600px) {
  .acupuncture_content03 .researchBox p { font-size: 22px; }
  .acupuncture_content03 .subCon_subTitle br { display: none; }
  .acupuncture_content03 .subCon_subTitle { word-break: keep-all; }
  .formulation-type-lists > li.endlist div p { font-size: 20px; }
  .formulation-type-lists > li.endlist { padding-bottom: 40px; }
  .formulation-type-lists > li .detail .detail-title { font-size: 20px; }
  .formulation-type-lists > li .detail > span { font-size: 14px; }
  .detail-status-tit { font-size: 14px; }
  .formulation-type-lists > li.endlist div img { max-width: 41vw; min-width: 160px; }
  .formulation-type-lists > li .detail { padding: 30px 20px; }
  .formulation-type-lists { padding: 0 10px; gap: 20px; }
  .medicinePackage { padding: 80px 0 !important; }
  .decoctionStepBox02 { padding: 60px 0; }
  .decoctionStepBox { margin-top: 50px; }
  .decoctionRecommend { padding: 80px 0 !important; }
  .decoctionRecommend .inner { padding: 0; }
  .decoctionRecommendLists li { font-size: 16px; height: 40px; }
  .step_tag { font-size: 14px; width: 130px; height: 26px; }
  .decoctionStepBox02 .careLists li span { font-size: 15px; }
  .decoctionStepBox02 .inner { gap: 17px; }
  .decoctionStepBox02 .careLists li span { margin-top: 20px; }
  .decoctionStepBox01 .lftCon, .decoctionStepBox02 .lftCon { min-width: 160px; }
  .materialLists li img { width: 38vw; min-width: 217px; }
  .subCon_mainTitle { font-size: 30px; }
  .subCon_paragraph2 { font-size: 15px; }
  .subitro03 .inner .inner_left p { margin-bottom: 25px; font-size: 24px; }
  .subitro03 .inner .inner_left span { font-size: 15px; }
  .recommend_lists li { font-size: 15px; }
  .system_txt { font-size: 15px; }
  .sub_graduation04 .ment2 { font-size: 23px; }
  .graduation_numbering .numberingMent .ment2 { font-size: 35px; margin-bottom: 32px; }
  .sub_graduation01 .packagePicto ul li { width: 134px; height: 134px; }
  .sub_graduation02, .sub_graduation03, .sub_graduation04 { padding-bottom: 50px; }
  .graduation_step_lists > li .stepTxt .subTxt { font-size: 13px; }
  .graduation_step_lists > li .stepTxt .title { font-size: 14px; margin-bottom: 10px; }
  .graduation_step_lists > li div.picture img { width: 200px; min-width: auto; }
  .graduation_step_lists > li { gap: 18px; }
  .graduation_step_lists > li .stepTxt .txtTag { width: 72px; font-size: 13px; }
  .graduation_step_lists > li .stepTxt .txtTag strong { font-size: 13px; }
  .graduation_step_lists > li .stepTxt { margin-top: 0px; max-width: 150px; width: 100%; }
  .graduation_numbering .numberingMent { margin-bottom: 35px; }
  .graduation_numbering .numberingMent .mentImg { width: 256px; margin-bottom: 30px; }
  .graduation_numbering .numberingMent .ment1 { font-size: 18px; margin-bottom: 13px; }
  .graduation_numbering .imgBox .capImg { width: 44px; margin-bottom: 10px; }
  .graduation_numbering .imgBox .numberingImg { width: 62px; }
  .graduation_numbering .imgBox, .graduation_numbering { margin-top: 35px; margin-bottom: 32px; }
  .graduation_title_content .txt2, .graduation_numbering .numberingMent > span { font-size: 13px; }
  .sub_graduation02 { padding-top: 57px; }
  .sub_graduation04, .sub_graduation03 { padding-top: 15px; }
  .graduation_title_content .txt1 { font-size: 15px; }
  .graduation_title_content h2 { font-size: 35px; }
  .sub_graduation01 .packagePicto ul { width: 340px; }
  .sub_graduation01 .packageBox .ment { font-size: 26px; }
  .sub_graduation01 .packageBox { padding-top: 60px; }
  .special_content_icolists { flex-wrap: wrap; }
  .special_content_icolists > li { width: 180px; height: 180px; flex: 0 1 auto; margin: -14px !important; }
  #wrap .ui-datepicker .ui-datepicker-next { left: 100%; }
  #wrap .ui-datepicker .ui-datepicker-prev { right: 100%; }
  .check_wrapper.one .check_item { width: 100%; }
  .form_wrapper form .step .check_wrapper.one .check_item label { margin-bottom: 5px; }
  .subitro02 ul li img { width: 170px; }
  .phone01 { max-width: 120px; }
  .phone02, .phone03, .phone04, .phone05, .phone06 { max-width: 232px; }
  .map_info_inner .inforow_con .timeline > span { width: auto; }
  .sns_call_box { position: absolute; left: 50%; transform: translateX(-50%); }
  .map_info_inner .inforow_tit { font-size: 15px; }
  .map_info_inner .inforow_tit { min-width: 80px; }
  .map_info_inner .inforow_con > span, .map_info_inner .inforow_con .timeline > span, .map_info_inner .inforow_con .subinfo { font-size: 15px; }
  .sub_graduation01 .bgInner > img { object-position: right bottom; }
}
@media (max-width:500px) {
  .decoctionRecommendLists li:before { left: 13px; width: 13px; height: 12px; background-size: cover; }
  .decoctionRecommendLists li { font-size: 14px; padding-left: 29px; }
  .subitro01 .inner > .inner_right img { width: 115px; margin-bottom: 30px; }
  .subitro01 .inner > .inner_right p { font-size: 13px; }
  .sub_banner .bannerTxtBox .txt1 { font-size: 30px; margin-bottom: 20px; }
  .sub_banner .bannerTxtBox .txt2 { font-size: 15px; }
  .sub_spirit .spirit_content, .sub_spirit .spirit_content.rotation { padding: 0px; }
  .packageLink span { font-size: 20px; }
  .packageLink span img { transform: translateX(6px); width: 30px; }
  .graduation_step_lists > li div.picture img { width: 150px; }
  .hospital_map_info { margin-top: 90px; }
  .map_info_inner .inforow { gap: 5px; }
  .phone01 { max-width: 80px; }
  .phone02, .phone03, .phone04, .phone05, .phone06 { max-width: 174px; }
  .sns_call_box a { font-size: 14px; width: 158px; height: 38px; }
  .sns_call_box a img { width: 24px; }
  .map_info_inner .right .subwayinfo .line7, .map_info_inner .right .subwayinfo .linenewbundang { font-size: 13px; height: 28px; width: 48px; flex: 0 0 auto; }
  .map_info_inner .right .subwayinfo > p { font-size: 13px; }
  .map_info_inner .right .subwayinfo { padding: 0px; }
  .parking_info { margin-top: 56px; margin-bottom: 100px; }
  .parking_info h3 { font-size: 25px; margin-bottom: 16px; }
  .parking_info .subTitle { font-size: 15px; }
}
@media (max-width:400px) {
  .acupuncture_content04 ul li strong { font-size: 16px; }
  .acupuncture_content04 ul li p { font-size: 13px; }
  .acupuncture_content03 .researchBox p { font-size: 16px; }
  .subCon_bigTitle { font-size: 25px; }
  .acupuncture_content02 ul { gap: 28px 16px; }
  .acupuncture_content02 ul li { width: calc(50% - 8px); }
  .acupuncture_content01 .solution span { font-size: 14px; }
  .acupuncture_content01 .solution { flex-wrap: wrap; }
  .acupuncture_content01 ul li { display: flex; flex-direction: column; }
  .acupuncture_content01 ul { gap: 8px; }
  .acupuncture_content01 ul li .name { font-size: 12px; padding: 0; display: flex; flex-direction: column; height: 100%; align-items: center; justify-content: center; padding: 3px 0; }
  .acupuncture_content01 .subCon_mainTitle { margin-bottom: 25px; }
  .acupuncture_content01 .subCon_subTitle { font-size: 13px; }
  .formulation-type-lists { padding: 0; }
  .decoctionRecommendLists li { font-size: 13px; padding-right: 10px; }
  .decoctionSpecial { padding-bottom: 60px !important; }
  .decoctionStepBox03 { padding: 0 0 200px; }
  .decoctionStepBox01 .lftCon, .decoctionStepBox02 .lftCon { min-width: auto; }
  .decoctionStepBox02 .careLists li span { font-size: 13px; }
  .decoctionStepBox02 .careLists { gap: 15px; }
  .materialLists li { margin: -25px; }
  .materialLists li span { font-size: 14px; }
  .subCon_paragraph3 { font-size: 14px; }
  .materialLists li img { min-width: 180px; }
  .subCon_paragraph2 { font-size: 13px; }
  .mo_hide { display: none; }
  .sub_graduation01 { min-height: 607px; }
  .sub_graduation01 .packagePicto ul { width: 287px; }
  .medicineGraph img, .medicinePackage img { width: 100%; }
  .packageLink span img { width: 22px; transform: translateX(5px); }
  .packageLink { height: 60px; margin-top: 16px; }
  .packageLink span { margin-top: 30px; font-size: 15px; margin-bottom: 40px; }
  .packageGuide ul li::before { width: 6px; height: 6px; top: 6px; }
  .packageGuide ul li { font-size: 14px; padding-left: 28px; }
  .packageGuide > p { font-size: 20px; margin-bottom: 20px; }
  .packageGuide > span { font-size: 13px; margin-bottom: 8px; }
  .packageGuide { padding: 34px 0px 45px; }
  .medicineGraph .graph_txt { font-size: 12px; }
  .materialInfo { display: flex; }
  .materialInfo li { gap: 4px; }
  .materialInfo li:first-child img { width: 26px; }
  .materialInfo li:nth-child(2) img { width: 15px; }
  .materialInfo li:nth-child(3) img { width: 18px; }
  .materialInfo li:nth-child(4) img { width: 24px; }
  .materialInfo img { width: 30px; }
  .medicineBasic, .medicinePremium { padding-bottom: 150px !important; }
  .mainEffectBox li { width: 80px; height: 38px; line-height: normal; margin-right: -12px; }
  .mainEffectBox li span { font-size: 13px; }
  .effectDiv { margin-bottom: 15px; }
  .effectDivLists li { font-size: 15px; margin-bottom: 6px; }
  .effectDivTag { font-size: 13px; margin-bottom: 10px; }
  .subCon_paragraph br { display: none; }
  .subCon_paragraph { font-size: 14px; }
  .medicineBox > div > div span { padding-top: 8px; font-size: 13px; }
  .medicineBox > div > div p { font-size: 14px; }
  .medicineBox img { margin-bottom: 25px; }
  .subCon_title_sml { font-size: 12px; margin-bottom: 10px; }
  .subCon_mainTitle { font-size: 24px; margin-bottom: 16px; }
  .subCon_subTitle { font-size: 13px; }
  .gramSubCon { padding: 60px 0px 0; }
  .gramMedicine, .medicineGraph, .medicineTypes04, .acupuncture_content01, .acupuncture_content02, .acupuncture_content03, .acupuncture_content04 { padding: 60px 0; }
  .recommendImg { padding-bottom: 50px; }
  .recommend_target .graduation_numbering .numberingMent { padding-top: 50px; }
  .recommend_target .graduation_numbering .numberingMent { padding-top: 60px; }
  .special_graduation_package { padding-bottom: 58px; }
  .graduation_numbering .numberingMent .ment4 { font-size: 13px; }
  .system_txt { font-size: 13px; }
  .sub_graduation01 .packagePicto ul li { width: 110px; font-size: 13px; height: 110px; }
  .sub_graduation01 .packagePicto p { font-size: 20px; margin-top: 36px; }
  .sub_graduation01 .packageBox .ment2, .sub_graduation01 .packageBox .ment3 { font-size: 13px; margin-bottom: 3px; word-break: keep-all; }
  .sub_graduation01 .packageBox .ment { font-size: 24px; margin-bottom: 25px; }
  .make_history_lists > li > span { margin-top: 12px; font-size: 13px; }
  .make_history_lists { gap: 8px; }
  .special_content02 .special_content_icolists > li > img, .special_content02 .special_content_icolists > li:last-child > img { width: 48px; }
  .medicineTypes02 { padding-bottom: 60px; }
  .sub_gram_special .special_content02 .special_content_icolists > li > span { font-size: 13px; }
  .sub_gram_special .special_content { padding: 60px 0px 48px; }
  .special_content_icolists > li > span { font-size: 13px; }
  .special_content_icolists > li > img { width: 36px; margin-top: 15px; }
  .special_content_icolists > li:nth-child(2) > img { width: 40px; }
  .special_content_icolists > li { width: 158px; height: 158px; gap: 16px; }
  .sub_gram_special .content_txt_02 { font-size: 14px; }
  .sub_gram_special .content_txt_01 { font-size: 16px; margin-bottom: 15px; }
  .sub_gram_special .special_content_txt .tag { font-size: 12px; margin-bottom: 17px; }
  .sub_gram_special .special_content_txt .tag em { font-size: 16px; }
  .sub_gram_special .special_content .special_content_box { margin-top: 30px; }
  .sub_content_title .title3 { font-size: 13px; }
  .sub_gram_special .special_content03 .special_content_box { margin-top: 0px; }
  .sub_content_title .title2 { font-size: 24px; margin-bottom: 10px; word-break: keep-all; }
  .sub_content_title .title1 { font-size: 14px; margin-bottom: 15px; }
  .sub_gram_special .special_content01 { padding-top: 75px; }
  .sub_spirit .spirit_content.rotation { margin-top: 46px; }
  .sub_spirit .keyword_box .keyword_subtxt { margin-top: 20px; font-size: 13px; }
  .sub_spirit .keyword_box .keyword { font-size: 14px; }
  .sub_spirit .img_box.radius_left_top, .sub_spirit .img_box.radius_right_top { margin-top: 0px; }
  .sub_spirit .spirit_content { margin-top: 0px; }
  .sub_spirit .oriental_character span { font-size: 13px; }
  .sub_spirit .oriental_character > div { margin-top: 12px; }
  .sub_spirit .oriental_character > img { width: 70%; }
  .sub_spirit .oriental_character p { font-size: 20px; margin-bottom: 5px; }
  .sub_spirit > div { padding-top: 25px; padding-bottom: 50px; }
  .form_wrapper .form_dtn_wrap .btn { height: 38px; }
  .form_wrapper .agree_box .tit { font-size: 20px; }
  .form_wrapper .agree_box { padding: 15px 20px; }
  .form_wrapper .agree_box table th, .form_wrapper .agree_box table td { font-size: 13px !important; }
  #wrap .ui-state-default, #wrap .ui-widget-content .ui-state-default, #wrap .ui-widget-header .ui-state-default, #wrap .ui-button, #wrap .ui-button.ui-state-disabled:hover, #wrap .ui-button.ui-state-disabled:active { font-size: 13px; width: 28px; height: 28px; }
  #wrap .ui-datepicker th { font-size: 13px; padding: 0px; }
  .datepicker_wrap .datepicker_layer { font-size: 15px; }
  .form_wrapper form .step { padding-bottom: 34px; }
  .doctor { padding: 10px 10px 0px; }
  .form_wrapper .grey_btn { font-size: 13px; width: 72px; height: 24px; margin-right: 0px !important; }
  .doctor .doctor_info .doc_name { font-size: 18px; }
  .form_wrapper form .step .check_wrapper.one .check_item label, .form_wrapper .step_02 .check_wrapper .check_item .show_ico_check_box + label { height: 35px; line-height: 35px; font-size: 14px; }
  .form_wrapper form .step_01 .input_box_wrapper .input_box .input { margin-bottom: 20px; }
  .form_wrapper form .step .input_box_wrapper .input_box .common_input { height: 35px; font-size: 14px; }
  .form_wrapper form .step .input_box_wrapper { width: calc(100% - 28px); margin-top: 8px; }
  .form_wrapper form .step .numbering .text { font-size: 18px; }
  .form_wrapper form .step::after { left: 15px; }
  .form_wrapper form .step .numbering .circle { width: 30px; height: 30px; font-size: 13px; }
  .form_wrapper .noti_box .noti_lists li { font-size: 14px; }
  .form_wrapper .noti_box { padding: 20px 25px; margin-bottom: 47px; }
  .form_wrapper { margin-top: 57px; }
  .form_wrapper .noti_box .title { font-size: 18px; }
  .form_dtn_wrap { display: flex; }
  .form_wrapper .form_dtn_wrap .btn { width: 100%; max-width: 150px; font-size: 15px; }
  .promotion_lists .promotion_content { gap: 50px; }
  .promotion_lists { margin-top: 50px; margin-bottom: 100px; }
  .promotion_txt_box > p { font-size: 18px; }
  .promotion_txt_box > span { font-size: 14px; }
  .promotion_lists .promotion_content { flex-direction: column; }
  .medicineTypes03 { padding-bottom: 60px; }
  .promotion_lists ul.promotion_content li { width: 100%; }
  .gallery_section { padding: 40px 0px; }
  .galleryMain { height: 300px; }
  .galleryThumbs { height: 100px; }
  .gallery_thumbs { padding: 0px 40px; }
  .gallery_thumbs .swiper-button-prev, .gallery_thumbs .swiper-button-next { width: 30px; height: 30px; }
  .gallery_thumbs .swiper-button-prev::after, .gallery_thumbs .swiper-button-next::after { font-size: 14px; }
  .sns_call_box a { width: 135px; }
  .map_info_inner .inforow_con .timeline { flex-direction: column; align-items: flex-start; gap: 9px; margin-left: 10px; }
  .doctorIntroduce .careerLists { margin-bottom: 30px; }
  .doctorIntroduce .careerTit { font-size: 14px; }
  .doctorIntroduce .careerLists li { font-size: 13px; }
  .doctorIntroduce .careerBox h3 { font-size: 20px; margin-bottom: 47px; }
  .doctorIntroduce .btm { gap: 60px; }
  .doctorIntroduce .top { padding-bottom: 30px; margin-bottom: 50px; }
  .doctorIntroduce .top .ment { font-size: 18px; }
  .doctorIntroduce .leftTopBorder, .doctorIntroduce .rightBtmBorder { width: 18px; height: 30px; }
  .doctorIntroduce .top img { width: 130px; margin-bottom: 13px; }
  .doctorIntroduce { margin-top: 100px; margin-bottom: 100px; }
  .subitro03 .inner .inner_left span { font-size: 13px; }
  .subitro03 .inner .inner_left { margin-top: 50px; padding: 0 8px; }
  .subitro01 { padding-top: 50px; }
  .subitro03 { padding: 50px 0px; margin-bottom: 100px; }
  .subitro02 .subintroTitle { font-size: 24px; margin-bottom: 70px; }
  .subitro02 { margin-top: 130px; }
  .subitro02 ul li .hashtag { font-size: 14px; margin-bottom: 15px; }
  .subitro02 ul li span { font-size: 14px; }
  .subitro02 ul li img { width: 125px; }
  .subitro02 ul li { gap: 16px; }
  .subitro01 .inner > .inner_right { margin-top: 60px; }
  .subitro01 .inner > .inner_right img { width: 115px; margin-bottom: 30px; }
  .subitro01 .inner > .inner_right p { font-size: 13px; }
  .bannerTxtBox .txt1 { font-size: 30px; margin-bottom: 20px; }
  .bannerTxtBox .txt2 { font-size: 15px; }
  .before_and_after .mentBox { padding-bottom: 80px; }
  .before_and_after { margin-top: 80px; }
  .before_and_after .mentBox p { font-size: 21px; }
  .before_and_after .mentBox img { width: 240px; }
  .main_middle_content .mentBox p { font-size: 18px; margin-bottom: 13px; }
  .main_middle_content .mentBox span { font-size: 12px; }
  .main_banner_video .banner_tit { font-size: 30px; }
  .main_banner_video .banner_subtit { font-size: 16px; }
  .main_banner_video { height: 100vh; }
  .main_banner_video .banner_tit_wrap { bottom: 40px; }
  .moGnb__title span { font-size: 14px; }
  .moGnb__submenu li a { font-size: 13px; margin-left: 10px; padding: 24px 10px; }
  .moGnb__title, .moGnbMenu__body::after { width: 130px; }
  .moGnb__submenu { width: calc(100% - 130px); left: 130px; }
  .main_middle_content .mentBox a { font-size: 13px; padding: 9px 14px; }
  .main_middle_content .mentBox a > img { width: 24px; }
  .main_middle_content .btmContent .rightCon { padding-top: 58px; }
  .main_middle_content .btmContent .leftCon { padding-top: 35px; }
  .main_middle_content .mentBox { width: calc(-46px + 100vw); }
  .main_speciality { margin-top: 0px; }
  .main_speciality img { width: 235px; }
  .main_speciality .panel li a strong { font-size: 17px; bottom: 80px; }
  .main_speciality .panel li a strong::after { bottom: -10px; }
  .main_speciality .panel li a p { font-size: 13px; bottom: 20px; }
  .main_event_swiperbox { margin-top: 0px; padding-top: 40px; }
  .main_event_swiperbox > img { width: 170px; }
  .main_event_swiperbox .intro { font-size: 14px; margin-bottom: 20px; }
  .main_event_swiperbox .eventSwiper { width: 100%; padding: 0px 40px; }
  .main_event_swiperbox .eventSwiper .swiper-button-prev { width: 14px; left: 10px; }
  .main_event_swiperbox .eventSwiper .swiper-button-next { width: 14px; right: 10px; }
  .main_event_swiperbox .eventSwiper .swiper-slide .event_date { font-size: 13px; margin-top: 16px; margin-bottom: 10px; }
  .main_event_swiperbox .eventSwiper .swiper-slide .event_title { font-size: 16px; }
  .main_gramAbility .tabBox > img { margin-top: 35px; margin-bottom: 20px; width: 80px; }
  .main_gramAbility .tabBox ul li { padding: 11px 15px; }
  .main_gramAbility .tabBox ul li a { font-size: 13px; }
  .main_gramAbility .fadeinoutImg > div img { padding-top: 166px; min-height: 545px; }
  .main_gramAbility .mentBox { padding-top: 70px; padding-left: 17px; }
  .main_gramAbility .mentBox .tagMent { font-size: 14px; padding-top: 26px; margin-bottom: 17px; }
  .main_gramAbility .mentBox > div > strong { font-size: 25px; margin-bottom: 15px; }
  .main_gramAbility .mentBox .tagMent2 { font-size: 14px; }
  .kakaoMapBox { padding-top: 35px; padding-bottom: 60px; }
  .kakaoMapBox .addressBox > p { font-size: 20px; margin-bottom: 25px; }
  .kakaoMapBox > div { width: calc(100% - 40px) !important; }
  .kakaoMapBox .addressBox > div > span { font-size: 13px; }
  .kakaoMapBox .addressBox > div > p { font-size: 13px; }
  .kakaoMapBox .addressBox > div { margin-bottom: 20px; }
  .callcenter > img { width: 37px; margin-bottom: 25px; }
  .callcenter > .calltitle { font-size: 14px; margin-bottom: 22px; }
  .callcenter > a { font-size: 24px; margin-bottom: 45px; }
  .callcenter .workdate .timerow { justify-content: flex-end; }
  .callcenter .workdate .timerow .time { font-size: 14px; }
  .callcenter .workdate .timerow .yoil > span { font-size: 12px; width: 20px; height: 20px; }
  .callcenter .workdate .workdate_notify { font-size: 13px; }
  .ctaForm { padding-top: 35px; padding-bottom: 50px; }
  .ctaForm form { margin-left: 33px; margin-right: 33px; }
  .ctaForm .ctatitle { font-size: 20px; padding-bottom: 13px; }
  .ctaForm .formBox div label { width: 70px; white-space: nowrap; font-size: 14px; }
  .ctaForm .formBox div input[type="text"] { width: calc(100% - 70px); height: 28px; font-size: 14px; max-width: calc(100% - 70px); }
  .ctaForm .formBox div.radioGroup { height: 28px; }
  .ctaForm .formBox div select { height: 28px; font-size: 14px; }
  .ctaForm .formBox .submitBtn { margin-top: 25px; height: 38px; font-size: 15px; margin-bottom: 12px; }
  .ctaForm .formBox .main_terms div label { font-size: 13px; }
  .ctaForm .formBox .main_terms .viewTerms { font-size: 13px; }
  footer { padding-left: 20px; padding-right: 20px; }
  footer .footer_logo { margin-bottom: 40px; }
  footer .footer_logo img { width: 82px; }
  footer .footer_link01 li a { font-size: 12px; }
  footer .footer_infolist { font-size: 14px; margin-bottom: 35px; }
  .sub_banner .subContainer { padding-bottom: 75px; }
  .sub_banner .sub_banner_txt .txt1 { font-size: 13px; margin-bottom: 8px; }
  .sub_banner .sub_banner_txt .txt2 { font-size: 30px; margin-bottom: 20px; }
  .sub_banner .sub_banner_txt .txt3 { font-size: 11px; }
}




/* ===== 기본 ===== */
.form_wrapper {
  font-family: Pretendard, sans-serif;
  margin-top: 5px;
  color: rgb(33, 40, 60);
}
.form_wrapper .center-container {
  padding: 0px 20px;
}
.form_wrapper .noti_box {
  background: rgb(244, 244, 244);
  display: flex;
  padding: 30px 0px 30px 60px;
  margin-bottom: 60px;
}
.form_wrapper .noti_box .title {
  font-size: 30px;
  line-height: 1;
  color: rgb(33, 40, 60);
  margin-right: 155px;
  font-weight: 600;
}
.form_wrapper .noti_box .noti_lists li {
  font-size: 18px;
  line-height: 1.7;
  color: rgb(33, 40, 60);
}
.form_wrapper .noti_box .noti_lists li.emphasis {
  font-weight: 700;
}
.form_wrapper .grey_btn {
  background: rgb(153, 153, 153);
  color: rgb(255, 255, 255);
  border-radius: 5px;
  font-size: 16px;
  width: 95px;
  height: 28px;
}
.form_wrapper form .step {
  display: flex;
  padding-bottom: 50px;
  position: relative;
  justify-content: space-between;
}
.form_wrapper form .step::after {
  content: "";
  position: absolute;
  width: 2px;
  height: 100%;
  background: #c1a571;
  z-index: -1;
  left: 24px;
  transition: 0.4s;
}
.form_wrapper form .step_03::after {
  width: 0px;
  height: 0px;
}
.form_wrapper form .step .numbering {
  display: flex;
}
.form_wrapper form .step .numbering .circle {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  border: 2px solid #c1a571;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  color: #c1a571;
  background: rgb(255, 255, 255);
  margin-right: 20px;
  transition: 0.4s;
}
.form_wrapper form .step:hover .circle {
  border: 2px solid #c1a571;
  background-color: #c1a571;
  color: rgb(255, 255, 255);
}
.form_wrapper form .step:hover::after {
  background: #c1a571;
}
.form_wrapper form .step .numbering .text {
  font-size: 30px;
  font-weight: 600;
}
.form_wrapper form .step .input_box_wrapper {
  width: 900px;
  background: rgb(244, 244, 244);
  padding: 30px;
  display: flex;
  justify-content: space-between;
}
.form_wrapper form .step .input_box_wrapper .input_box {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 410px;
}
.form_wrapper form .step_01 .input_box_wrapper .input_box {
  width: 100%;
}
.form_wrapper form .step .input_box_wrapper .input_box label {
  display: block;
  font-size: 16px;
  margin-bottom: 10px;
  align-items: center;
}
.form_wrapper form .step .input_box_wrapper .input_box label.required_field {
  position: relative;
}
.form_wrapper form .step .input_box_wrapper .input_box label.required_field::after {
  content: "*";
  color: rgb(235, 116, 29);
  margin-left: 3px;
}
.form_wrapper form .step .input_box_wrapper .input_box .common_input {
  border: 1px solid rgb(255, 255, 255);
  border-radius: 5px;
  height: 46px;
  padding: 10px;
  width: 100%;
  outline: 0px;
  font-size: 16px;
}
.form_wrapper form .step .input_box_wrapper .input_box .common_input:focus {
  border: 1px solid #c1a571;
}
.form_wrapper form .step .input_box_wrapper .input_box .common_input::placeholder {
  color: rgb(207, 207, 207);
  font-size: 16px;
}
.form_wrapper form .step .input_box_wrapper .input_box textarea.common_input {
  resize: none;
  height: 90px;
}
.form_wrapper form .step_01 .input_box_wrapper .input_box .input {
  width: 50%;
  max-width: 410px;
  margin-bottom: 24px;
}
.form_wrapper .step_02 .check_wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 5px;
}
.form_wrapper input[type="checkbox"],
.form_wrapper input[type="radio"] {
  display: none;
}
.form_wrapper .check_wrapper .check_item input + label {
  transition: background-color 0.4s, color 0.4s;
  height: 46px;
  background: rgb(255, 255, 255);
  margin-bottom: 0px;
  border-radius: 5px;
  cursor: pointer;
  line-height: 46px;
  text-align: center;
}
.form_wrapper .check_wrapper .check_item input:checked + label {
  background: #c1a571;
  color: rgb(255, 255, 255);
}
.form_wrapper .step_02 .check_wrapper .check_item .show_ico_check_box + label {
  text-align: left;
  padding: 0px 15px;
}
.form_wrapper .step_02 .check_wrapper .check_item .show_ico_check_box:checked + label {
  background-image: url("../images/sub/reserve_check.png");
  background-repeat: no-repeat;
  background-position: 90% center;
}
.form_wrapper .step_02 .select_doctor_wrap {
  flex-direction: column;
  flex-shrink: 0;
  margin-left: 26px;
  width: 410px !important;
  justify-content: flex-start !important;
}
.form_wrapper .step_02 .select_doctor_wrap .select_doctor_box_wrapper {
  position: relative;
}
.form_wrapper .step_02 .select_doctor_wrap .select_doctor_box_wrapper .select_doctor_box {
  border: 1px solid #c1a571;
  border-radius: 5px;
  background: rgb(255, 255, 255);
  display: flex;
  justify-content: space-between;
  height: 46px;
  padding: 0px 10px;
  align-items: center;
  position: relative;
  z-index: 20;
}
.form_wrapper .step_02 .select_doctor_wrap .select_doctor_box_wrapper .select_doctor_box .name {
  color: rgb(102, 102, 102);
  font-size: 16px;
}
.form_wrapper .step_02 .select_doctor_wrap .select_doctor_box_wrapper .select_doctor_box .choice_btn {
  width: 65px;
}
.form_wrapper .step_02 .select_doctor_wrap .select_doctor_box_wrapper .select_lists {
  background: rgb(255, 255, 255);
  border-radius: 0px 0px 5px 5px;
  padding: 12px 10px 10px;
  font-size: 16px;
  transform: translateY(-5px);
  z-index: 10;
  position: absolute;
  width: 100%;
  display: none;
}
.form_wrapper .step_02 .select_doctor_wrap .select_doctor_box_wrapper .select_lists .item {
  cursor: pointer;
  margin-bottom: 5px;
}
.form_wrapper form .step_03 .input_box_wrapper .input_box {
  flex-direction: column;
  justify-content: flex-start;
}
.form_wrapper .step_03 .selected_doctor {
  width: 100%;
  height: 172px;
  border-radius: 5px;
  background: rgb(255, 255, 255);
  margin-bottom: 30px;
}
.form_wrapper .step_03 .check_wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.form_wrapper .step_03 .time_select_box .check_item label {
  transition: background-color 0.4s, color 0.4s;
  height: 46px;
  background: rgb(255, 255, 255);
  margin-bottom: 0px;
  border-radius: 5px;
  cursor: pointer;
  line-height: 46px;
  text-align: center;
}
.form_wrapper .step_03 .time_select_box .check_item {
  width: calc(25% - 7.5px);
  max-width: 95px;
}
.form_wrapper input[disabled] + label {
  color: rgb(102, 102, 102);
  background: rgb(232, 232, 232) !important;
  cursor: not-allowed !important;
}
.form_wrapper .agree_box {
  border: 1px solid rgb(228, 228, 228);
  padding: 35px 108px 50px 66px;
  display: flex;
}
.form_wrapper .agree_box .tit {
  font-size: 30px;
  width: 200px;
  flex-shrink: 0;
  margin-right: 150px;
  position: relative;
  word-break: keep-all;
}
.form_wrapper .agree_box .tit::after {
  content: "*";
  color: rgb(235, 116, 29);
  margin-left: 3px;
}
.form_wrapper .agree_box .cont {
  color: rgb(0, 0, 0);
  font-size: 14px;
  line-height: 1.5;
  word-break: keep-all;
}
.form_wrapper .form_dtn_wrap {
  text-align: center;
  margin: 80px 0px 130px;
}
.form_wrapper .form_dtn_wrap .btn {
  width: 200px;
  height: 46px;
  background: none;
  border: none;
  cursor: pointer;
}
.form_wrapper .form_dtn_wrap .btn_reset {
  background: rgb(214, 214, 214);
  color: rgb(33, 40, 60);
  font-size: 16px;
  font-weight: bold;
  margin-right: 7px;
}
.form_wrapper .form_dtn_wrap .btn_submit {
  background: rgb(51, 44, 42);
  color: rgb(255, 255, 255);
  font-size: 18px;
  font-weight: bold;
}

/* ===== @media (max-width: 1400px) ===== */
@media (max-width: 1400px) {
  .form_wrapper form .step::after {
    left: 19px;
  }
  .form_wrapper .step_02 .check_wrapper.two {
    gap: 10px;
  }
  .form_wrapper .step_02 .select_doctor_wrap {
    flex: 0 1 auto;
    width: auto !important;
  }
  .form_wrapper form .step .numbering .text {
    font-size: 25px;
    width: 160px;
  }
  .form_wrapper form .step .numbering .circle {
    width: 40px;
    height: 40px;
    margin-right: 10px;
    margin-left: 0px;
  }
  .form_wrapper form .step .input_box_wrapper {
    width: 100%;
    flex: 1 1 0%;
    gap: 15px;
  }
  .form_wrapper form .step .input_box_wrapper .input_box {
    width: 100%;
    justify-content: flex-start;
    flex: 1 1 0%;
    column-gap: 15px;
  }
  .form_wrapper .step_02 .select_doctor_wrap {
    margin-left: 0px;
  }
  .form_wrapper .noti_box {
    padding: 30px;
  }
  .form_wrapper .noti_box .title,
  .form_wrapper .agree_box .tit {
    margin-right: auto;
  }
  .form_wrapper form .step_01 .input_box_wrapper .input_box .input {
    width: calc(50% - 10px);
    max-width: 100%;
  }
}

/* ===== @media (max-width: 1024px) ===== */
@media (max-width: 1024px) {
  .form_wrapper {
    margin-top: 70px;
  }
  .form_wrapper .noti_box {
    width: 100vw;
    transform: translateX(-20px);
    flex-direction: column;
    gap: 15px;
  }
  .form_wrapper .noti_box .title {
    font-size: 25px;
  }
  .form_wrapper form .step {
    flex-direction: column;
  }
  .form_wrapper form .step .input_box_wrapper {
    width: calc(100% - 51px);
    margin-left: auto;
    flex-direction: column;
    padding: 35px 24px;
  }
  .form_wrapper form .step .input_box_wrapper .input_box {
    flex-direction: column;
  }
  .form_wrapper form .step_01 .input_box_wrapper .input_box .input {
    width: 100%;
  }
  .form_wrapper form .step .input_box_wrapper .input_box label {
    font-size: 15px;
  }
  .form_wrapper .grey_btn {
    width: 90px;
    font-size: 15px;
  }
  .form_wrapper .step_03 .selected_doctor {
    min-height: 68px;
    height: auto;
  }
  .form_wrapper .agree_box {
    padding: 20px 30px;
    flex-direction: column;
  }
  .form_wrapper .agree_box .tit {
    width: 100%;
    font-size: 25px;
    margin-bottom: 15px;
  }
  .form_wrapper .agree_box table th,
  .form_wrapper .agree_box table td {
    font-size: 14px;
    word-break: keep-all;
  }
  .form_wrapper form .step:last-child {
    padding-bottom: 100px;
  }
  .form_wrapper .form_dtn_wrap .btn {
    width: 100%;
    max-width: 150px;
  }
}

/* ===== @media (max-width: 600px) ===== */
@media (max-width: 600px) {
  /* 해당 범위에서 form_wrapper 직접 선언된 속성 없음
     (하위 선택자는 400px에서 처리) */
  .form_wrapper {
    margin-top: 0;
  }
  .form_wrapper .noti_box .title {
    font-size: 20px;
  }
  .form_wrapper .noti_box .noti_lists {
    padding:0;
  }
  .form_wrapper .noti_box .noti_lists li {
    font-size: 14px;
  }
  .form_wrapper form .step .numbering .circle {
    width: 30px;
    height: 30px;
    font-size: 13px;
  }
  .form_wrapper form .step .numbering .text {
    font-size: 18px;
  }
  .form_wrapper form .step .input_box_wrapper {
    width: calc(100% - 28px);
    margin-top: 8px;
  }
  .form_wrapper form .step .input_box_wrapper .input_box .common_input {
    height: 35px;
    font-size: 14px;
  }
  .form_wrapper form .step_01 .input_box_wrapper .input_box .input {
    margin-bottom: 20px;
  }
  .form_wrapper form .step .check_wrapper.one .check_item label,
  .form_wrapper .step_02 .check_wrapper .check_item .show_ico_check_box + label {
    height: 35px;
    line-height: 35px;
    font-size: 14px;
  }
  .form_wrapper .grey_btn {
    font-size: 12px;
    width: 72px;
    height: 24px;
    margin-right: 0px !important;
  }
  .form_wrapper .agree_box {
    padding: 15px 20px;
  }
  .form_wrapper .agree_box .tit {
    font-size: 20px;
  }
  .form_wrapper .agree_box table th,
  .form_wrapper .agree_box table td {
    font-size: 13px !important;
  }
  .form_dtn_wrap {
    display: flex;
  }
  .form_wrapper .form_dtn_wrap .btn {
    width: 100%;
    max-width: 150px;
    font-size: 15px;
    height: 38px;
  }
}

/* ===== @media (max-width: 400px) ===== */
@media (max-width: 400px) {
  .form_wrapper {
    margin-top: 0;
  }
  .form_wrapper .noti_box {
    padding: 20px 25px;
    margin-bottom: 47px;
  }
  .form_wrapper .noti_box .title {
    font-size: 18px;
  }
  .form_wrapper .noti_box .noti_lists li {
    font-size: 14px;
  }
  .form_wrapper form .step {
    padding-bottom: 34px;
  }
  .form_wrapper form .step::after {
    left: 15px;
  }
  .form_wrapper form .step .numbering .circle {
    width: 30px;
    height: 30px;
    font-size: 13px;
  }
  .form_wrapper form .step .numbering .text {
    font-size: 18px;
  }
  .form_wrapper form .step .input_box_wrapper {
    width: calc(100% - 28px);
    margin-top: 8px;
  }
  .form_wrapper form .step .input_box_wrapper .input_box .common_input {
    height: 35px;
    font-size: 14px;
  }
  .form_wrapper form .step_01 .input_box_wrapper .input_box .input {
    margin-bottom: 20px;
  }
  .form_wrapper form .step .check_wrapper.one .check_item label,
  .form_wrapper .step_02 .check_wrapper .check_item .show_ico_check_box + label {
    height: 35px;
    line-height: 35px;
    font-size: 14px;
  }
  .form_wrapper .grey_btn {
    font-size: 12px;
    width: 72px;
    height: 24px;
    margin-right: 0px !important;
  }
  .form_wrapper .agree_box {
    padding: 15px 20px;
  }
  .form_wrapper .agree_box .tit {
    font-size: 20px;
  }
  .form_wrapper .agree_box table th,
  .form_wrapper .agree_box table td {
    font-size: 13px !important;
  }
  .form_dtn_wrap {
    display: flex;
  }
  .form_wrapper .form_dtn_wrap .btn {
    width: 100%;
    max-width: 150px;
    font-size: 15px;
    height: 38px;
  }
}

.subContainer05 { max-width: 1280px; width: 100%; margin: 0px auto; padding: 0px 20px; }

/* ===== Datepicker 강제 스타일 덮어쓰기 ===== */
.ui-datepicker {
    background: #fff !important;
    border: 1px solid #ddd !important;
    border-radius: 8px !important;
    padding: 16px !important;
    font-family: inherit !important;
    box-shadow: 0 4px 16px rgba(0,0,0,0.1) !important;
    width: auto !important;
}

/* 헤더 (년월 + 화살표) */
.ui-datepicker-header {
    background: #fff !important;
    border: none !important;
    padding: 0 0 12px 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    position: relative !important;
}

.ui-datepicker-title {
    font-size: 15px !important;
    font-weight: 600 !important;
    color: #222 !important;
    line-height: 1 !important;
}

/* 이전/다음 화살표 */
.ui-datepicker-prev,
.ui-datepicker-next {
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    cursor: pointer !important;
    background: none !important;
    border: none !important;
    width: 24px !important;
    height: 24px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}
.ui-datepicker-prev { left: 0 !important; }
.ui-datepicker-next { right: 0 !important; }

.ui-datepicker-prev span,
.ui-datepicker-next span {
    display: none !important; /* 기본 텍스트 숨김 */
}
.ui-datepicker-prev::after { content: "‹" !important; font-size: 20px !important; color: #555 !important; }
.ui-datepicker-next::after { content: "›" !important; font-size: 20px !important; color: #555 !important; }

/* 달력 테이블 */
.ui-datepicker-calendar {
    width: 100% !important;
    border-collapse: collapse !important;
}

/* 요일 헤더 */
.ui-datepicker-calendar thead th {
    font-size: 13px !important;
    font-weight: 500 !important;
    color: #888 !important;
    padding: 6px 0 !important;
    text-align: center !important;
    background: none !important;
    border: none !important;
}

/* 날짜 셀 */
.ui-datepicker-calendar td {
    padding: 2px !important;
    text-align: center !important;
    border: none !important;
    background: none !important;
}

.ui-datepicker-calendar td a,
.ui-datepicker-calendar td span {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 32px !important;
    height: 32px !important;
    border-radius: 50% !important;
    font-size: 13px !important;
    color: #333 !important;
    text-decoration: none !important;
    background: none !important;
    border: none !important;
    padding: 0 !important;
}

/* 호버 */
.ui-datepicker-calendar td a:hover {
    background: #f0f0f0 !important;
    color: #222 !important;
}

/* 오늘 날짜 */
.ui-datepicker-calendar .ui-datepicker-today a {
    background: #d2c09d !important;
    color: #fff !important;
    font-weight: 600 !important;
}

/* 선택된 날짜 */
.ui-datepicker-calendar .ui-state-active {
    background: #b68a5a !important;
    color: #fff !important;
    font-weight: 600 !important;
}

/* 비활성 날짜 */
.ui-datepicker-calendar .ui-state-disabled span,
.ui-datepicker-calendar .ui-state-disabled a {
    color: #ccc !important;
    cursor: not-allowed !important;
}

/* 타 월 날짜 */
.ui-datepicker-calendar .ui-datepicker-other-month span {
    color: #bbb !important;
}

/* 년도/월 select 박스 스타일 */
.ui-datepicker .ui-datepicker-header{
    background:#fff !important;
    border:none !important;
}

/* 년/월 select 박스 테두리 제거 */
.ui-datepicker .ui-datepicker-year,
.ui-datepicker .ui-datepicker-month{
    border:none !important;
    outline:none !important;
    box-shadow:none !important;
    background:transparent !important;
    appearance:none !important;
    -webkit-appearance:none !important;
    -moz-appearance:none !important;

    font-size:18px !important;   /* 글씨 크게 */
    font-weight:700 !important;
    color:#111 !important;

    padding:0 !important;
    margin:0 !important;
    width:auto !important;
}

/* 헤더 타이틀 전체 정렬 */
.ui-datepicker .ui-datepicker-title{
    font-size:18px !important;
    font-weight:700 !important;
    line-height:1.4 !important;
	padding:10px 0 0 0;
}