.inner, .container {max-width: 720px; margin: 0 auto; padding: 0 1.6rem;}
.not_scroll {overflow: hidden;}
img {width: 100%; height: 100%;}
a {text-decoration: none; color: inherit;}
main {background: #f2f6fc;}
#header {display: flex; align-items: center; height: 5rem; box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px; position: fixed; top: 0; left: 0; width: 100%; background: #fff; z-index: 2;}
#header .inner {margin: 0;}
#header .inner a {display: flex; justify-content: flex-start;}
#header img {width: 13rem;}
header img {height: auto;}
.footer, .footer .container, footer {background: #fff;}
.pointer_none {pointer-events: none;}

#main_wrap {padding-top: 8rem;}
#main_wrap #section1 {padding-bottom: 4rem;}
#main_wrap #section2 {padding-bottom: 4rem;}
#main_wrap #section2 .inner {}
#main_wrap #section2 .inner .title_wrap {margin-bottom: 2rem;}
#main_wrap #section2 .inner .title_wrap h2 {font-size: 2rem; font-weight: 700; letter-spacing: -1.5px; color: #0e1218;}
#main_wrap #section2 .inner ul {display: grid; grid-template-columns: repeat(2, 1fr); gap: 1.5rem; margin-bottom: 1.5rem;}
#main_wrap #section2 .inner ul li {}
#main_wrap #section2 .inner ul li a {background: #fff; box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px; display: flex; flex-direction: column; padding: 2.5rem 1.5rem 1.5rem 1.5rem; border-radius: 10px; position: relative; height: 11.7rem; justify-content: space-between;}
#main_wrap #section2 .inner ul li a h3 {font-size: 1.8rem; font-weight: 600; letter-spacing: -1.2px; margin-bottom: 1rem;}
#main_wrap #section2 .inner ul li a p {font-size: 1.5rem; color: #7c7d7d; margin-bottom: 1rem; line-height: 1.3;}
#main_wrap #section2 .inner ul li a img {width: 4rem; margin-left: auto; height: 4rem;}
#main_wrap #section2 .inner .recommend_wrap {display: flex; align-items: center; background: #027CE2; padding: 1.7rem; justify-content: space-between; border-radius: 15px;}
#main_wrap #section2 .inner .recommend_wrap .recommend {display: flex; align-items: center; gap: 1rem;}
#main_wrap #section2 .inner .recommend_wrap .recommend img {width: 2.8rem;}
#main_wrap #section2 .inner .recommend_wrap .recommend p {font-size: 1.6rem; color: #fff; font-weight: 600;}
#main_wrap #section2 .inner .recommend_wrap .arrow {width: 1rem;}

#popup {width: 100%; height: 100%; position: fixed; top: 0; left: 0; background: #fff; z-index: 1000000; padding: 2.4rem 0; overflow-y: auto; padding-top: 0;}
#popup.popup-hidden {display: none;}
#popup .inner {}
#popup .cancel_wrap {display: flex; justify-content: center; align-items: center; height: 5rem; position: relative; margin-bottom: 3rem;}
#popup .cancel_wrap h2 {font-size: 1.8rem; font-weight: 600; letter-spacing: -1px;}
#popup .cancel_wrap .cancel {width: 1.5rem; filter: brightness(0); position: absolute; top: 50%; right: 1.6rem; height: auto; transform: translateY(-50%);}
#popup .inner .content_wrap .img_wrap {}
#popup .inner ul {margin-top: 2.5rem; margin-bottom: 7rem;}
#popup .inner ul li {display: flex; align-items: center; gap: 1rem; border-bottom: 1px solid #ddd; padding-bottom: 1.5rem; padding-top: 1.3rem;}
#popup .inner ul li:last-child {border: 0;}
#popup .inner ul li img {width: 4.5rem;}
#popup .inner ul li .txt_wrap {display: flex; flex-direction: column; gap: 1rem;}
#popup .inner ul li .txt_wrap h3 {font-size: 1.8rem; font-weight: 700; letter-spacing: -1px;}
#popup .inner ul li .txt_wrap p {font-size: 1.4rem; letter-spacing: -1px; color: #9b9b9b;}
#popup .inner .move_wrap {display: flex; flex-direction: column; gap: 1.5rem; margin-bottom: 5rem;}
#popup .inner .move_wrap .diagnosis {width: 100%; background: #027CE2; display: flex; color: #fff; font-size: 1.6rem; justify-content: center; font-weight: 600; padding: 1.8rem 0; border-radius: 10px;}
#popup .inner .move_wrap .skip {display: flex; justify-content: center; font-size: 1.4rem; color: #a6a7ac; border-bottom: 1px solid #a6a7ac; width: fit-content; margin: 0 auto;}

#bohum_type_wrap {padding-top: 5rem;}
#bohum_type_wrap #section1 {padding-top: 4rem; margin-bottom: 2.5rem;}
#bohum_type_wrap #section1 {}
#bohum_type_wrap #section1 .title_wrap {display: flex; flex-direction: column; gap: 1rem; margin-bottom: 2rem;}
#bohum_type_wrap #section1 .title_wrap p {font-size: 1.8rem; color: #0E82E3; font-weight: 500;}
#bohum_type_wrap #section1 .title_wrap .txt_wrap {display: flex; align-items: center; gap: 1rem; justify-content: space-between; align-items: flex-end;}
#bohum_type_wrap #section1 .title_wrap .txt_wrap h2 {font-size: 2.5rem; font-weight: 700; letter-spacing: -1px;}
#bohum_type_wrap #section1 .title_wrap .txt_wrap .video {width: 3rem; height: calc(3rem * (65 / 89));}
#bohum_type_wrap #section1 .swiper {position: relative; padding: 0 1.6rem; max-width: 720px;}
#bohum_type_wrap #section1 .swiper .swiper-wrapper {margin-bottom: 1.5rem; position: relative;}
#bohum_type_wrap #section1 .swiper .swiper-wrapper .swiper-slide .video {position: absolute; top: 2rem; right: 2rem; width: 3rem; height: calc(3rem * (65 / 89)); z-index: 1000; background: #fff;}
#bohum_type_wrap #section1 .swiper .swiper-wrapper .swiper-slide {width: 100%; background: #fff; box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px; border-radius: 15px; display: flex; flex-direction: column; align-items: center; justify-content: center; box-sizing: border-box; flex-shrink: 0; border-radius: 20px; overflow: hidden;}
#bohum_type_wrap #section1 .swiper .swiper-wrapper .swiper-slide h2 {font-size: 2.4rem; font-weight: 700; margin-bottom: 2rem; text-align: center; color: #0e1218;}
#bohum_type_wrap #section1 .swiper .swiper-wrapper .swiper-slide img {width: auto; height: auto; max-width: 100%;}

#bohum_type_wrap #section1 .swiper .swiper-button-prev,
#bohum_type_wrap #section1 .swiper .swiper-button-next {width: 3.5rem; height: 3.5rem; background: #ccc; border-radius: 50%; color: #fff; margin-top: 0; top: 50%; transform: translateY(-100%); z-index: 10;}
#bohum_type_wrap #section1 .swiper .swiper-button-prev::after, #bohum_type_wrap #section1 .swiper .swiper-button-next::after {font-size: 1.3rem;}

#bohum_type_wrap #section1 .swiper .swiper-pagination {}
#bohum_type_wrap #section1 .swiper .swiper-pagination-fraction {width: 8rem; height: 3.2rem; border-radius: 1.6rem; background: #919497; color: #bebebf; font-size: 1.4rem; font-weight: 600; display: flex; align-items: center; justify-content: center; line-height: 3.2rem; position: relative;}
#bohum_type_wrap #section1 .swiper .swiper-pagination-fraction .swiper-pagination-current {color: #fff; font-weight: 700;}
#bohum_type_wrap #section1 .swiper .swiper-pagination-fraction .swiper-pagination-total {color: #bebebf; font-weight: 400;}
#bohum_type_wrap #section1 .swiper-button-next:after, #bohum_type_wrap #section1 .swiper-buftton-prev:after {color: #fff; font-size: 1.3rem;}
#bohum_type_wrap #section1 .swiper-button-next {right: 1rem; width: 3.5rem ; height: 3.5rem; display: flex; background: rgba(1, 1, 1, 0.5); border-radius: 100%;}
#bohum_type_wrap #section1 .swiper-button-prev {background: rgba(1, 1, 1, 0.5); left: 1rem; width: 3.5rem ; height: 3.5rem; display: flex; background: rgba(1, 1, 1, 0.5); border-radius: 100%;}
#bohum_type_wrap #section1 .swiper-horizontal>.swiper-pagination-bullets, #bohum_type_wrap #section1 .swiper-pagination-bullets.swiper-pagination-horizontal, #bohum_type_wrap #section1 .swiper-pagination-custom, #bohum_type_wrap #section1 .swiper-pagination-fraction {position: relative; top: auto; bottom: auto; left: auto; right: auto; margin: 0 auto;}
#bohum_type_wrap #section1 .swiper-pagination-lock {display: block; top: auto; bottom: auto; left: auto; right: auto; background: #919497; width: fit-content; margin: 0 auto; border-radius: 100px; padding: 0.8rem 2.5rem; font-size: 1.5rem; color: #d0cfcf; display: flex; justify-content: center;}
#bohum_type_wrap #section1 .swiper-pagination-current {color: #fff; font-weight: 700; font-size: 1.8rem;}

#bohum_type_wrap #section2 {padding-bottom: 3rem;}
#bohum_type_wrap #section2 .inner {}
#bohum_type_wrap #section2 .inner .title_wrap {margin-bottom: 2rem;}
#bohum_type_wrap #section2 .inner .title_wrap h2 {font-size: 1.7rem; font-weight: 700;}
#bohum_type_wrap #section2 .inner ul {background: #fff; border-radius: 10px; height: 15.5rem; overflow-y: scroll;}
#bohum_type_wrap #section2 .inner ul li {}
#bohum_type_wrap #section2 .inner ul li a {display: flex; align-items: center; justify-content: space-between; margin: 0rem 2rem; border-bottom: 1px solid #ddd; padding: 1.5rem 0;}
#bohum_type_wrap #section2 .inner ul li:last-child a {border: none;}
#bohum_type_wrap #section2 .inner ul li p {font-size: 1.4rem; color: #999; letter-spacing: -1px;}
#bohum_type_wrap #section2 .inner ul li.on a p {color: #000; font-weight: 700;}
#bohum_type_wrap #section2 .inner ul li img {width: 0.8rem;}



.video-modal {display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); z-index: 10000; justify-content: center; align-items: center;}
.video-modal-content {position: relative; max-width: 100%; display: flex; flex-direction: column; width: 100%; max-width: 720px;}
.video-modal-content .txt_wrap {padding: 2rem; display: flex; align-items: center; justify-content: space-between; gap: 1rem; background: #fff; position: relative; border-bottom: 1px solid #ddd;}
.video-modal-content .txt_wrap .txt_content {display: flex; flex-direction: column; gap: 0.5rem; flex: 1;}
.video-modal-content .txt_wrap p {color: #0E82E3; font-size: 1.4rem; font-weight: 500; margin: 0;}
.video-modal-content .txt_wrap h2 {color: #0e1218; font-size: 2rem; font-weight: 700; letter-spacing: -1px; margin: 0;}
.video-wrapper {position: relative; width: 100%; overflow: visible; background: #000; display: flex; align-items: center; justify-content: center;}
.video-player {width: 100%; height: auto; display: block; max-width: 100%; max-height: 60vh; object-fit: contain;}
.video-bottom-space {width: 100%; height: 4rem; background: #fff;}
.video-btn-wrap {width: 100%; padding: 2rem; display: flex; justify-content: center; box-sizing: border-box;}
.video-btn-wrap .video-btn {display: flex; align-items: center; justify-content: space-between; background: #292929; color: #fff; font-size: 1.6rem; font-weight: 600; padding: 1.8rem 2rem; border-radius: 10px; width: fit-content; text-decoration: none; gap: 0.5rem;}
.video-btn-wrap .video-btn img {width: 2rem;}
.video-modal-title {color: #e0e0e0; font-size: 1.6rem; font-weight: 500;}
.video-modal-content .txt_wrap .video-close-btn {background: transparent; border: none; padding: 0; cursor: pointer; z-index: 10001; width: fit-content; flex-shrink: 0; display: flex; align-items: center; justify-content: center; margin-left: auto;}
.video-modal-content .txt_wrap .video-close-icon {width: 1.5rem; height: 1.5rem; display: block;}
.video-close-icon {width: 1.2rem; height: 1.2rem; display: block;}

#hot_info_wrap {padding-top: 9rem; padding-bottom: 3rem;}
#hot_info_wrap #section1 {}
#hot_info_wrap #section1 .inner {}
#hot_info_wrap #section1 .inner .title_wrap {margin-bottom: 2.5rem;}
#hot_info_wrap #section1 .inner .title_wrap h2 {font-size: 2.2rem; font-weight: 600; margin-bottom: 1rem;}
#hot_info_wrap #section1 .inner .title_wrap p {font-size: 1.5rem; color: #979898; line-height: 1.3; letter-spacing: -1px;}
#hot_info_wrap #section1 .inner ul {display: flex; flex-direction: column; gap: 2.3rem; margin-bottom: 2.5rem;}
#hot_info_wrap #section1 .inner ul li {}
#hot_info_wrap #section1 .inner ul li .img_wrap {display: flex; align-items: center; justify-content: flex-start; margin-bottom: 1rem; gap: 0.5rem; letter-spacing: -1px;}
#hot_info_wrap #section1 .inner ul li .img_wrap img {width: 3rem;}
#hot_info_wrap #section1 .inner ul li .img_wrap span {font-size: 1.4rem; color: #c0c4d2;}
#hot_info_wrap #section1 .inner ul li h3 {font-size: 1.8rem; font-weight: 600;}
#hot_info_wrap #section1 .inner ul li p {font-size: 1.4rem; color: #8a8c8d; line-height: 1.3; background: #f2f6fc; border-radius: 10px; padding: 2rem 2rem;}
#hot_info_wrap #section1 .inner .move_btn {display: flex; align-items: center; background: #027CE2; border-radius: 10px; color: #fff; padding: 2rem; justify-content: space-between; font-weight: 600;}
#hot_info_wrap #section1 .inner .move_btn .img_wrap {display: flex; align-items: center; gap: 1rem;}
#hot_info_wrap #section1 .inner .move_btn .img_wrap img {width: 2.5rem;}
#hot_info_wrap #section1 .inner .move_btn .img_wrap p {font-size: 1.8rem;}
#hot_info_wrap #section1 .inner .move_btn .arrow {width: 0.8rem;} 

#case_wrap {padding-top: 8rem; padding-bottom: 3rem;}
#case_wrap #section1 {}
#case_wrap #section1 .inner {}
#case_wrap #section1 .inner ul {display: flex; flex-direction: column; gap: 1.5rem;}
#case_wrap #section1 .inner ul li {background: #fff; padding: 2.5rem 1.5rem; border-radius: 10px; transition: 0.3s;}
#case_wrap #section1 .inner ul li .title_wrap {display: flex; align-items: center; justify-content: space-between; gap: 3rem;}
#case_wrap #section1 .inner ul li .title_wrap .txt_wrap {}
#case_wrap #section1 .inner ul li .title_wrap .txt_wrap span {font-size: 1.5rem; font-weight: 500; color: #027CE2; margin-bottom: 0.8rem; display: inline-block; position: relative; display: flex; align-items: center; gap: 0.5rem;}
#case_wrap #section1 .inner ul li .title_wrap .txt_wrap span::before {content: ""; background: url("../Img/sub_icon_07.png") no-repeat center/cover;aspect-ratio: 64 / 48; width: 1.5rem;}
#case_wrap #section1 .inner ul li .title_wrap .txt_wrap p {font-size: 1.8rem; font-weight: 600; line-height: 1.2;}
#case_wrap #section1 .inner ul li .title_wrap img {width: 1rem; transition: transform 0.4s ease;}
#case_wrap #section1 .inner ul li.active .title_wrap img {transform: rotate(180deg);}
#case_wrap #section1 .inner ul li .content_wrap {padding-top: 1.8rem; margin-top: 1.5rem; border-top: 1px solid #ddd; display: none;}
#case_wrap #section1 .inner ul li.active .content_wrap {display: block;}
#case_wrap #section1 .inner ul li .content_wrap.animating {display: block !important;} 
#case_wrap #section1 .inner ul li .content_wrap .txt {margin-bottom: 1.5rem;}
#case_wrap #section1 .inner ul li .content_wrap .txt p {font-size: 1.4rem; line-height: 1.5; color: #777; position: relative; margin-left: 1rem;}
#case_wrap #section1 .inner ul li .content_wrap .txt p::after {content: "-"; position: absolute; top: 0; left: -1rem;}
#case_wrap #section1 .inner ul li .content_wrap .img_txt {display: flex; flex-direction: column; gap: 2rem;}
#case_wrap #section1 .inner ul li .content_wrap .img_txt .img_box {}
#case_wrap #section1 .inner ul li .content_wrap .img_txt .img_box .img_wrap {display: flex; align-items: center; gap: 0.5rem; margin-bottom: 1rem;}
#case_wrap #section1 .inner ul li .content_wrap .img_txt .img_box .img_wrap img {width: 2rem;}
#case_wrap #section1 .inner ul li .content_wrap .img_txt .img_box .img_wrap h2 {font-size: 1.5rem; font-weight: 600;}
#case_wrap #section1 .inner ul li .content_wrap .img_txt .img_box span {font-size: 1.3rem; color: #939393; font-weight: 500; line-height: 1.5; display: block;}

#hot_info_wrap {background: #fff;}
@media (max-width: 500px) {
  html {
    font-size: 10px;
  }
}