@media screen and (max-width: 1790px) {
  .main_community {
    margin-bottom: calc(100vw * (332 / 1240));
  }
  .community_top::after,
  .community_bottom::after {
    left: calc(100vw * (415 / 1240));
  }
  .case_list_wrap {
    margin-bottom: calc(100vw * (14 / 1240));
  }
  .case_list_wrap,
  .review_list_wrap {
    width: calc(100vw * (1016 / 1240));
    gap: calc(100vw * (14 / 1240)) calc(100vw * (30 / 1240));
  }
  .main_case,
  .main_review {
    top: calc(100vw * (80 / 1240));
    margin-right: calc(100vw * (110 / 1240));
    padding: calc(100vw * (40 / 1240)) calc(100vw * (80 / 1240));
    width: calc(100vw * (358 / 1240));
    height: calc(100vw * (981 / 1240));
  }
  .main_case div:first-child,
  .main_review div:first-child {
    margin-bottom: calc(100vw * (40 / 1240));
    font-size: calc(100vw * (50 / 1240));
  }
  .main_case div:nth-child(2),
  .main_review div:nth-child(2) {
    margin-bottom: calc(100vw * (10 / 1240));
    font-size: calc(100vw * (38 / 1240));
  }
  .main_case p,
  .main_review p {
    margin-bottom: calc(100vw * (83 / 1240));
    font-size: calc(100vw * (20 / 1240));
  }
  .community_list > span {
    padding-left: calc(100vw * (82 / 1240));
    margin-bottom: calc(100vw * (20 / 1240));
    font-size: calc(100vw * (18 / 1240));
  }
  .community_list > span::before {
    width: calc(100vw * (67 / 1240));
  }
  .case_list {
    width: calc(100vw * (371 / 1240));
    height: calc(100vw * (540 / 1240));
  }
  .case_list .community_image {
    margin-bottom: calc(100vw * (37 / 1240));
    height: calc(100vw * (328 / 1240));
  }
  .review_list {
    width: calc(100vw * (371 / 1240));
    height: calc(100vw * (540 / 1240));
  }
  .review_list .community_image {
    margin-bottom: calc(100vw * (30 / 1240));
    height: calc(100vw * (328 / 1240));
  }
  .community_txt {
    width: calc(100vw * (286 / 1240));
  }
  .community_txt p {
    margin-bottom: calc(100vw * (15 / 1240));
    font-size: calc(100vw * (18 / 1240));
  }
  .inform_tag span,
  .community_txt span {
    font-size: calc(100vw * (16 / 1240));
  }
  .inform_tag ul {
    margin-top: calc(100vw * (10 / 1240));
    gap: calc(100vw * (10 / 1240));
  }
  .inform_tag li {
    padding: calc(100vw * (4 / 1240)) calc(100vw * (20 / 1240));
    font-size: calc(100vw * (14 / 1240));
  }
  .community_profile {
    width: calc(100vw * (77 / 1240));
    height: calc(100vw * (77 / 1240));
  }
  .main_slider_section .video_slider .slide_inner {
    width: 100%;
    padding-left: 100px;
  }
  .main_slider_section .video_slider .slide_img_wrap {
    width: calc(100vw * (960 / 1920));
    height: calc(100vw * (774 / 1920));
  }
  .main_slider_section .video_slider .swiper_navigation {
    width: 100%;
  }
}
@media screen and (max-width: 1580px) {
  * .pc_br {
    display: none;
  }
  .intro_wrap .inner {
    padding: calc(100vw * (375 / 1240)) 0 calc(100vw * (165 / 1240));
  }
  .intro_wrap .txt_content {
    height: calc(100vw * (140 / 1240));
    margin-bottom: calc(100vw * (244 / 1240));
    font-size: calc(100vw * (56 / 1240));
  }
  .intro_wrap .img_content {
    width: calc(100vw * (78 / 1240));
    height: calc(100vw * (51 / 1240));
  }
  /* !intro page */
  .main_banner {
    height: calc(100vw * (890 / 1240));
  }
  #myVideo {
    height: calc(100vw * (890 / 1240));
  }
  .main_banner_txt {
    top: calc(100vw * (318 / 1240));
  }
  .main_banner_txt div {
    font-size: calc(100vw * (65 / 1240));
  }
  .main_banner_txt div:first-child {
    margin-bottom: calc(100vw * (104 / 1240));
  }
  .main_banner_txt div span {
    margin-top: calc(100vw * (20 / 1240));
    font-size: calc(100vw * (36 / 1240));
  }
  .main_banner > div:last-child {
    bottom: calc(100vw * (33 / 1240));
    width: calc(100vw * (31 / 1240));
    height: calc(100vw * (15 / 1240));
  }
  /* !main banner fin */
  .main_mission {
    padding: calc(100vw * (200 / 1240)) 0 calc(100vw * (250 / 1240));
  }
  .main_mission .title {
    margin-bottom: calc(100vw * (70 / 1240));
  }
  .mission_list {
    width: calc(100vw * (370 / 1240));
  }
  .mission_image {
    width: calc(100vw * (370 / 1240));
    height: calc(100vw * (300 / 1240));
    margin-bottom: calc(100vw * (40 / 1240));
  }
  .mission_title {
    padding-bottom: calc(100vw * (23 / 1240));
    margin-bottom: calc(100vw * (30 / 1240));
    font-size: calc(100vw * (22 / 1240));
  }
  .mission_title span {
    margin-top: calc(100vw * (5 / 1240));
    font-size: calc(100vw * (30 / 1240));
  }
  .mission_txt {
    font-size: calc(100vw * (18 / 1240));
  }
  /* !brand mission fin */
  .main_data {
    padding: calc(100vw * (216 / 1240)) calc(100vw * (60 / 1240))
      calc(100vw * (209 / 1240));
  }
  .data_title {
    width: calc(100vw * (400 / 1240));
    padding-top: calc(100vw * (50 / 1240));
  }
  .data_title h2 {
    margin-bottom: calc(100vw * (33 / 1240));
    font-size: calc(100vw * (38 / 1240));
  }
  .data_title p {
    margin-bottom: calc(100vw * (15 / 1240));
    font-size: calc(100vw * (22 / 1240));
  }
  .data_title span {
    font-size: calc(100vw * (22 / 1240));
  }
  .data_list_wrap {
    width: calc(100vw * (657 / 1240));
  }
  .data_list:first-child {
    margin-bottom: calc(100vw * (30 / 1240));
  }
  .data_list:not(:first-of-type) {
    width: calc(calc(100% - calc(100vw * (70 / 1240))) / 3) !important;
  }
  .data_list:first-child > div:first-child {
    margin-right: calc(100vw * (68 / 1240));
    font-size: calc(100vw * (38 / 1240));
  }
  .data_list:first-child span {
    margin-left: calc(100vw * (5 / 1240));
    font-size: calc(100vw * (36 / 1240));
  }
  .data_list > div:first-of-type {
    margin-bottom: calc(100vw * (17 / 1240));
    font-size: calc(100vw * (20 / 1240));
  }
  .data01 {
    font-size: calc(100vw * (100 / 1240));
  }
  div.data02,
  div.data03,
  div.data04,
  .data_list span {
    font-size: calc(100vw * (36 / 1240));
  }
  /* !data section area */
  .main_staff {
    padding: calc(100vw * (168 / 1240)) 0 0;
  }
  .title_wrap {
    margin-bottom: calc(100vw * (80 / 1240));
  }
  .main_staff .title_wrap .title {
    width: calc(100vw * (970 / 1240));
  }
  .main_staff .title_wrap a {
    margin-bottom: calc(100vw * (10 / 1240));
    background: url("../images/icon/more_arrow.svg") center right /
      calc(100vw * (20 / 1240)) no-repeat;
  }
  .staff_list {
    width: calc(100vw * (336 / 1240));
    height: calc(100vw * (663 / 1240));
  }
  .staff_image {
    height: calc(100vw * (432 / 1240));
  }
  .staff_txt {
    padding: calc(100vw * (30 / 1240)) calc(100vw * (13 / 1240)) 0;
  }
  .staff_txt dl {
    margin-bottom: calc(100vw * (15 / 1240));
  }
  .staff_txt dt {
    margin-bottom: calc(100vw * (5 / 1240));
    font-size: calc(100vw * (18 / 1240));
  }
  .staff_txt dd:nth-child(2) {
    margin-bottom: calc(100vw * (10 / 1240));
    font-size: calc(100vw * (22 / 1240));
  }
  .staff_txt dd:last-child {
    font-size: calc(100vw * (16 / 1240));
  }
  .staff_txt ul {
    padding: calc(100vw * (17 / 1240)) calc(100vw * (18 / 1240)) 0
      calc(100vw * (30 / 1240));
  }
  .staff_txt li:first-child {
    margin-bottom: calc(100vw * (4 / 1240));
  }
  .staff_txt li::before {
    left: calc(100vw * (-10 / 1240));
    font-size: calc(100vw * (16 / 1240));
  }
  .main_staff .swiper-button-prev,
  .main_staff .swiper-button-next {
    display: none;
  }
  /* !meical_staff area */
  .medical_center {
    padding-top: calc(100vw * (100 / 1240));
    margin-bottom: calc(100vw * (163 / 1240));
  }
  .medical_center .title {
    padding-bottom: calc(100vw * (50 / 1240));
  }
  .medical_content {
    padding-top: calc(100vw * (40 / 1240));
  }
  .medical_first {
    margin-bottom: calc(100vw * (40 / 1240));
  }
  .medical_first .swiper-slide {
    font-size: calc(100vw * (22 / 1240));
  }
  .medical_icon {
    width: calc(100vw * (35 / 1240));
    height: calc(100vw * (35 / 1240));
    margin-bottom: calc(100vw * (18 / 1240));
  }
  .medical_txt {
    width: calc(100vw * (676 / 1240));
    padding: calc(100vw * (20 / 1240)) 0 0 calc(100vw * (72 / 1240));
  }
  .medical_txt div:nth-child(2) {
    margin-bottom: calc(100vw * (10 / 1240));
    font-size: calc(100vw * (25 / 1240));
  }
  .medical_txt div:last-of-type {
    width: calc(100vw * (358 / 1240));
    margin-bottom: calc(100vw * (15 / 1240));
    font-size: calc(100vw * (16 / 1240));
  }
  .medical_txt div span {
    margin-top: calc(100vw * (10 / 1240));
    font-size: calc(100vw * (18 / 1240));
  }
  .medical_slide {
    width: 100%;
    height: calc(100vw * (500 / 1240));
  }
  .medical_content .swiper-button-next {
    margin-left: calc(100vw * (480 / 1240));
    top: calc(100vw * (530 / 1240));
    background: url("../images/icon/nav_arrow_right_white.svg") center /
      calc(100vw * (68 / 1240)) no-repeat;
  }
  .medical_content .swiper-button-prev {
    margin-left: calc(100vw * (-480 / 1240));
    top: calc(100vw * (530 / 1240));
    background: url("../images/icon/nav_arrow_left_white.svg") center /
      calc(100vw * (68 / 1240)) no-repeat;
  }
  /* !medical center area fin */
  .main_slider_section {
    margin-bottom: calc(100vw * (263 / 1580));
  }
  .main_slider_section .title_container {
    margin-bottom: calc(100vw * (80 / 1580));
    padding-bottom: calc(100vw * (50 / 1580));
  }
  .main_slider_section .video_slider_pagination {
    gap: calc(100vw * (80 / 1580));
  }
  .main_slider_section .video_slider_pagination .swiper-pagination-bullet {
    font-size: calc(100vw * (22 / 1580));
  }
  .main_slider_section .video_slider .slide_inner {
    width: calc(100% - calc(100vw * (130 / 1580)));
    padding: 0;
  }
  .main_slider_section .video_slider .slide_img_wrap {
    width: calc(100vw * (790 / 1580));
    height: calc(100vw * (637 / 1580));
  }
  .main_slider_section .video_slider .slide_title {
    margin-bottom: calc(100vw * (50 / 1580));
    font-size: calc(100vw * (30 / 1580));
  }
  .main_slider_section .video_slider .slide_title small {
    margin-top: calc(100vw * (10 / 1580));
    font-size: calc(100vw * (20 / 1580));
  }
  .main_slider_section .video_slider .slide_list_wrap,
  .main_slider_section .video_slider .slide_text {
    font-size: calc(100vw * (18 / 1580));
  }
  .main_slider_section .video_slider .slide_list_wrap {
    margin-bottom: calc(100vw * (30 / 1580));
  }
  .main_slider_section .video_slider .slide_text {
    margin-bottom: calc(100vw * (60 / 1580));
  }
  .main_slider_section .video_slider .view_more_button {
    font-size: calc(100vw * (16 / 1580));
  }
  .main_slider_section .video_slider .view_more_button .icon_wrap {
    width: calc(100vw * (20 / 1580));
    height: calc(100vw * (20 / 1580));
    margin-left: calc(100vw * (10 / 1580));
  }
  .main_slider_section .video_slider .swiper-button-next,
  .main_slider_section .video_slider .swiper-button-prev {
    width: calc(100vw * (68 / 1580));
    height: calc(100vw * (68 / 1580));
  }
  .main_slider_section .video_slider .swiper-button-next {
    right: calc(100vw * (30 / 1580));
  }
  .main_slider_section .video_slider .swiper-button-prev {
    left: calc(100vw * (30 / 1580));
  }
  /* !main_slider_section area fin */
  .main_community {
    margin-bottom: calc(100vw * (332 / 1240));
  }
  .community_top::after,
  .community_bottom::after {
    left: 50%;
    margin-left: calc(100vw * (-205 / 1240));
    transform: translateX(-50%);
  }
  .case_list_wrap {
    margin-bottom: calc(100vw * (14 / 1240));
  }
  .case_list_wrap,
  .review_list_wrap {
    width: calc(100vw * (1016 / 1240));
    gap: calc(100vw * (14 / 1240)) calc(100vw * (30 / 1240));
  }
  .main_case,
  .main_review {
    top: calc(100vw * (80 / 1240));
    margin-right: calc(100vw * (110 / 1240));
    padding: calc(100vw * (40 / 1240)) calc(100vw * (80 / 1240));
    width: calc(100vw * (358 / 1240));
    height: calc(100vw * (981 / 1240));
  }
  .main_case div:first-child,
  .main_review div:first-child {
    margin-bottom: calc(100vw * (40 / 1240));
    font-size: calc(100vw * (50 / 1240));
  }
  .main_case div:nth-child(2),
  .main_review div:nth-child(2) {
    margin-bottom: calc(100vw * (10 / 1240));
    font-size: calc(100vw * (38 / 1240));
  }
  .main_case p,
  .main_review p {
    margin-bottom: calc(100vw * (83 / 1240));
    font-size: calc(100vw * (20 / 1240));
  }
  .community_list > span {
    padding-left: calc(100vw * (82 / 1240));
    margin-bottom: calc(100vw * (20 / 1240));
    font-size: calc(100vw * (18 / 1240));
  }
  .community_list > span::before {
    width: calc(100vw * (67 / 1240));
  }
  .case_list {
    width: calc(100vw * (371 / 1240));
    height: calc(100vw * (540 / 1240));
  }
  .case_list .community_image {
    margin-bottom: calc(100vw * (37 / 1240));
    height: calc(100vw * (328 / 1240));
  }
  .review_list {
    width: calc(100vw * (371 / 1240));
    height: calc(100vw * (540 / 1240));
  }
  .review_list .community_image {
    margin-bottom: calc(100vw * (30 / 1240));
    height: calc(100vw * (328 / 1240));
  }
  .community_txt {
    width: calc(100vw * (286 / 1240));
  }
  .community_txt p {
    font-size: calc(100vw * (18 / 1240));
  }
  .inform_tag span,
  .community_txt span {
    font-size: calc(100vw * (16 / 1240));
  }
  .inform_tag ul {
    margin-top: calc(100vw * (10 / 1240));
    gap: calc(100vw * (10 / 1240));
  }
  .inform_tag li {
    padding: calc(100vw * (4 / 1240)) calc(100vw * (20 / 1240));
    font-size: calc(100vw * (14 / 1240));
  }
  .community_profile,
  .board_content .community_profile {
    width: calc(100vw * (77 / 1240));
    height: calc(100vw * (77 / 1240));
  }
  /* !community area fin */
  .quick_menu,
  .top_btn {
    display: none;
  }
  /* ! quick button */
  /* ! main page fin */
  .brand_story .sub_banner {
    gap: calc(100vw * (80 / 1240));
  }
  .story_describe {
    width: calc(100vw * (910 / 1240));
  }
  /* !brand story main banner area */
  .brand_identity {
    margin-bottom: calc(100vw * (200 / 1240));
  }
  .identity_list .txt_content,
  .identity_list .img_content {
    width: calc(100vw * (620 / 1240));
    height: auto;
  }
  .identity_list .txt_content:nth-child(2n-1),
  .identity_list .txt_content:nth-child(2n) {
    padding: calc(100vw * (30 / 1240)) calc(100vw * (50 / 1240));
  }
  .identity_list .txt_content div:first-child {
    margin-bottom: calc(100vw * (50 / 1240));
    font-size: calc(100vw * (65 / 1240));
  }
  .identity_list .txt_content span {
    font-size: calc(100vw * (30 / 1240));
  }
  .identity_list .txt_content li {
    font-size: calc(100vw * (22 / 1240));
  }
  .identity_list .txt_content p {
    font-size: calc(100vw * (22 / 1240));
  }
  .identity_list:last-of-type p {
    margin-top: calc(100vw * (20 / 1240));
    font-size: calc(100vw * (18 / 1240));
  }
  .identity_list .txt_content li:not(:last-child) {
    margin-bottom: calc(100vw * (20 / 1240));
  }
  /* !brand identity area */
  .priciple {
    margin-bottom: calc(100vw * (250 / 1240));
  }
  .priciple .title {
    margin-bottom: calc(100vw * (140 / 1240));
  }
  .priciple_wrap {
    padding-left: calc(100vw * (30 / 1240));
  }
  .priciple_list {
    width: calc(100vw * (446 / 1240));
  }
  .priciple_list .txt_content {
    margin-top: calc(100vw * (30 / 1240));
  }
  .priciple_list .txt_content div {
    margin-bottom: calc(100vw * (18 / 1240));
    padding-bottom: calc(100vw * (16 / 1240));
    font-size: calc(100vw * (26 / 1240));
  }
  .priciple_list .txt_content p {
    font-size: calc(100vw * (20 / 1240));
  }
  .priciple_list .img_content {
    height: calc(100vw * (500 / 1240));
  }
  /* !priciple slide area */
  .greeting {
    padding: calc(100vw * (75 / 1240)) 0 calc(100vw * (72 / 1240));
    margin-bottom: calc(100vw * (200 / 1240));
  }
  .greeting .txt_content {
    width: calc(100vw * (704 / 1240));
  }
  .greeting .title {
    margin-bottom: calc(100vw * (14 / 1240));
  }
  .greeting .describe p:first-child {
    margin-bottom: calc(100vw * (16 / 1240));
    font-size: calc(100vw * (28 / 1240));
  }
  .greeting .describe p:nth-child(2) {
    margin-bottom: calc(100vw * (33 / 1240));
    font-size: calc(100vw * (20 / 1240));
  }
  .greeting .describe p:nth-child(3) {
    margin-bottom: calc(100vw * (35 / 1240));
    font-size: calc(100vw * (18 / 1240));
  }
  .greeting .describe p:nth-child(4) {
    margin-bottom: calc(100vw * (35 / 1240));
  }
  .greeting .img_content {
    width: calc(100vw * (446 / 1240));
    height: auto;
  }
  /* !greeting area */
  /* !brand story page fin*/
  .staff_intro .title,
  .staff_detail .title {
    padding-bottom: calc(100vw * (50 / 1240));
  }
  .staff_intro .wrap {
    padding-top: calc(100vw * (106 / 1240));
    margin-top: calc(100vw * (-106 / 1240));
  }
  .tab_category {
    width: calc(100vw * (857 / 1240));
    padding: calc(100vw * (40 / 1240)) 0;
  }
  .tab_category li {
    font-size: calc(100vw * (22 / 1240));
  }
  .staff_intro_content.active {
    padding-top: calc(100vw * (220 / 1240));
    margin-top: calc(100vw * (-220 / 1240));
  }
  .staff_intro_content .inner {
    margin-bottom: calc(100vw * (200 / 1240));
  }
  .staff_greeting {
    padding: calc(100vw * (112 / 1240)) 0;
  }
  .staff_greeting_txt {
    padding-top: calc(100vw * (60 / 1240));
    width: calc(100vw * (620 / 1240));
  }
  .staff_greeting_txt div:first-child {
    font-size: calc(100vw * (65 / 1240));
  }
  .staff_greeting_txt div:nth-child(2) {
    font-size: calc(100vw * (36 / 1240));
  }
  .staff_greeting_txt p {
    margin-top: calc(100vw * (45 / 1240));
    font-size: calc(100vw * (18 / 1240));
  }
  .staff_greeting_img {
    width: calc(100vw * (420 / 1240));
    height: auto;
  }
  .staff_service .staff_greeting_img {
    height: calc(100vw * (392 / 1240));
  }
  .staff_service .subject_list {
    height: calc(100vw * (275 / 1240));
  }
  .staff_service .medical_subject {
    margin-bottom: calc(100vw * (200 / 1240));
  }
  /* !greeting area */
  .medical_subject {
    margin-bottom: 0;
  }
  .staff_title {
    margin-bottom: calc(100vw * (60 / 1240));
    font-size: calc(100vw * (38 / 1240));
  }
  .staff_title span {
    margin-bottom: calc(100vw * (14 / 1240));
    font-size: calc(100vw * (36 / 1240));
  }
  .subject_list {
    padding-top: calc(100vw * (36 / 1240));
    width: calc(100vw * (238 / 1240));
    height: calc(100vw * (530 / 1240));
  }
  .subject_list div:nth-child(2) {
    margin-bottom: calc(100vw * (20 / 1240));
    font-size: calc(100vw * (30 / 1240));
  }
  .subject_list div:nth-child(3) {
    margin-bottom: calc(100vw * (12 / 1240));
    height: fit-content;
    font-size: calc(100vw * (18 / 1240));
  }
  .subject_list li {
    font-size: calc(100vw * (14 / 1240));
  }
  .subject_icon {
    width: calc(100vw * (67 / 1240));
    height: calc(100vw * (67 / 1240));
    margin-bottom: calc(100vw * (20 / 1240));
  }
  /* !subject area */
  .medical_staff {
    margin-bottom: calc(100vw * (250 / 1240));
  }
  .medical_staff_wrap {
    gap: calc(100vw * (50 / 1240)) calc(100vw * (25 / 1240));
  }
  .medical_staff_list {
    width: calc(100vw * (276 / 1240));
  }
  .medical_staff_list .img_content {
    height: auto;
  }
  .medical_staff_list .detail_more {
    width: 100%;
    padding: calc(100vw * (21 / 1240)) 0 calc(100vw * (21 / 1240))
      calc(100vw * (20 / 1240));
    top: calc(100vw * (-60 / 1240));
    background: url("../images/icon/more_arrow_white.svg") center right
        calc(100vw * (20 / 1240)) / calc(100vw * (20 / 1240)) no-repeat,
      #000048;
  }
  .staff_inform {
    padding: calc(100vw * (21 / 1240)) calc(100vw * (20 / 1240))
      calc(100vw * (35 / 1240));
    background: #000048;
  }
  .staff_inform div,
  .staff_inform a {
    opacity: 1;
    color: #fff;
  }
  .staff_inform div:first-of-type {
    margin-bottom: calc(100vw * (10 / 1240));
    font-size: calc(100vw * (18 / 1240));
  }
  .staff_inform div:nth-child(3) {
    margin-bottom: calc(100vw * (20 / 1240));
    font-size: calc(100vw * (30 / 1240));
  }
  .staff_inform div:nth-child(3) span {
    margin-left: calc(100vw * (8 / 1240));
    font-size: calc(100vw * (18 / 1240));
  }
  .staff_inform div:nth-child(4) {
    margin-bottom: calc(100vw * (15 / 1240));
    font-size: calc(100vw * (18 / 1240));
  }
  .staff_inform div:last-child {
    gap: calc(100vw * (10 / 1240));
  }
  .staff_inform div:last-child span {
    padding: calc(100vw * (3 / 1240)) calc(100vw * (20 / 1240));
    color: #fff;
  }
  /* !medical staff area */
  /* !staff_intro page fin*/
  .staff_detail .wrap {
    padding-bottom: calc(100vw * (250 / 1240));
  }
  .staff_detail_content .inner {
    margin-bottom: calc(100vw * (200 / 1240));
  }
  .staff_detail_txt {
    padding: calc(100vw * (80 / 1240)) 0;
  }
  .staff_detail_txt a {
    margin-bottom: calc(100vw * (62 / 1240));
    padding: calc(100vw * (8 / 1240)) 0 calc(100vw * (8 / 1240))
      calc(100vw * (40 / 1240));
    font-size: calc(100vw * (20 / 1240));
    background: url("../images/icon/icon_back_arrow.svg") center left /
      calc(100vw * (38 / 1240)) no-repeat;
  }
  .staff_detai_title {
    margin-bottom: calc(100vw * (24 / 1240));
    font-size: calc(100vw * (36 / 1240));
  }
  .staff_name div:first-child {
    margin-bottom: calc(100vw * (5 / 1240));
    font-size: calc(100vw * (22 / 1240));
  }
  .staff_name div:nth-child(2) {
    margin-bottom: calc(100vw * (4 / 1240));
    font-size: calc(100vw * (50 / 1240));
  }
  .staff_name div:nth-child(3) {
    margin-bottom: calc(100vw * (23 / 1240));
    font-size: calc(100vw * (28 / 1240));
  }
  .staff_name ul {
    margin-bottom: calc(100vw * (50 / 1240));
    gap: calc(100vw * (10 / 1240));
  }
  .staff_name li {
    padding: calc(100vw * (11 / 1240)) calc(100vw * (34 / 1240));
    font-size: calc(100vw * (18 / 1240));
  }
  .bailiwick,
  .Education {
    margin-bottom: calc(100vw * (26 / 1240));
  }
  .inform_list div:first-of-type {
    font-size: calc(100vw * (22 / 1240));
  }
  .inform_list div:last-of-type {
    margin-top: calc(100vw * (15 / 1240));
  }
  .inform_list textarea {
    font-size: calc(100vw * (16 / 1240));
  }
  .staff_detail_img {
    width: calc(100vw * (630 / 1240));
    height: auto;
  }
  .staff_detail_img img {
    object-fit: cover;
    height: auto;
  }
  /* !staff deatil page fin */
  .sub_banner {
    margin-bottom: calc(100vw * (200 / 1240));
  }
  .sub_banner .inner {
    width: calc(100vw * (1140 / 1240));
  }
  .sub_banner .txt_content {
    padding-bottom: calc(100vw * (48 / 1240));
  }
  .sub_banner .describe li {
    font-size: calc(100vw * (24 / 1240));
  }
  .sub_banner .describe li:not(:last-child) {
    margin-bottom: calc(100vw * (22 / 1240));
  }
  .sub_banner .img_content {
    width: calc(100vw * (700 / 1240));
    height: calc(100vw * (400 / 1240));
  }
  /* !surgery mainBanner area */
  .system {
    padding: calc(100vw * (200 / 1240)) 0;
  }
  .system .title {
    margin-bottom: calc(100vw * (80 / 1240));
  }
  .system_content {
    height: calc(100vw * (316 / 1240));
    margin-bottom: calc(100vw * (30 / 1240));
  }
  .system_img {
    height: auto;
    object-fit: cover;
  }
  .system_wrap {
    top: 42%;
    padding: 0 calc(100vw * (54 / 1240));
  }
  .system_list {
    width: calc(100vw * (150 / 1240));
    font-size: calc(100vw * (26 / 1240));
  }
  .system_describe {
    width: calc(100vw * (777 / 1240));
  }
  .system_describe li {
    font-size: calc(100vw * (30 / 1240));
  }
  .system_describe li:nth-child(2) {
    padding-top: calc(100vw * (20 / 1240));
  }
  /* !surgery system area */
  .strength_list .txt_content,
  .strength_list .img_content {
    width: calc(100vw * (620 / 1240));
    height: auto;
  }
  .strength_list .txt_content:nth-child(2n-1),
  .strength_list .txt_content:nth-child(2n) {
    padding: calc(100vw * (30 / 1240)) calc(100vw * (50 / 1240));
  }
  .strength_list .txt_content div:first-child {
    margin-bottom: calc(100vw * (50 / 1240));
    font-size: calc(100vw * (30 / 1240));
  }
  .strength_list .txt_content div:first-child span {
    font-size: calc(100vw * (55 / 1240));
  }
  .strength_list .txt_content div:last-child {
    font-size: calc(100vw * (50 / 1240));
  }
  .strength_list .txt_content div:last-child p {
    margin-top: calc(100vw * (10 / 1240));
    font-size: calc(100vw * (22 / 1240));
  }
  .strength_list:not(:first-child) .txt_content div:last-child p {
    margin-top: calc(100vw * (30 / 1240));
  }
  /* !surgery strength area */
  .cooperate {
    padding: calc(100vw * (200 / 1240)) 0 calc(100vw * (250 / 1240));
  }
  .cooperate h2 {
    margin: 0 0 calc(100vw * (80 / 1240));
    font-size: calc(100vw * (38 / 1240));
  }
  .cooperate_img {
    width: calc(100vw * (1142 / 1240));
  }
  .cooperate_img div:first-child {
    width: calc(100vw * (550 / 1240));
    height: calc(100vw * (400 / 1240));
  }
  .cooperate_img div:last-child {
    width: calc(100vw * (467 / 1240));
    height: calc(100vw * (562 / 1240));
  }
  /* !cooperate area */
  .surgery_pride {
    margin-bottom: calc(100vw * (200 / 1240));
  }
  .pride_banner {
    height: calc(100vw * (700 / 1240));
  }
  .pride_banner::after {
    width: calc(100vw * (1304 / 1240));
  }
  .surgery_pride .txt_content {
    top: calc(100vw * (120 / 1240));
    margin-left: calc(100vw * (280 / 1240));
  }
  .surgery_pride .title {
    margin-bottom: calc(100vw * (60 / 1240));
  }
  .surgery_pride .describe {
    width: calc(100vw * (600 / 1240));
  }
  .surgery_pride .describe p:first-child {
    margin-bottom: calc(100vw * (40 / 1240));
  }
  .surgery_pride .describe p {
    font-size: calc(100vw * (18 / 1240));
  }
  /* !surgery pride area */
  .another_page {
    padding-bottom: calc(100vw * (204 / 1240));
  }
  .another_page .img_content {
    width: calc(100vw * (380 / 1240));
    height: calc(100vw * (300 / 1240));
    margin-bottom: calc(100vw * (40 / 1240));
  }
  .another_page .txt_content {
    margin-bottom: calc(100vw * (5 / 1240));
    font-size: calc(100vw * (22 / 1240));
  }
  .another_page .txt_content span {
    font-size: calc(100vw * (30 / 1240));
    background: url("../images/icon/more_arrow.svg") center right /
      calc(100vw * (20 / 1240)) no-repeat;
  }
  /* !another page area */
  /* !surgery page fin*/
  .notice_board {
    padding-top: calc(100vw * (80 / 1240));
  }
  .notice_board .news {
    padding-bottom: calc(100vw * (260 / 1240));
  }
  .notice_board .news .title {
    margin-bottom: calc(100vw * (80 / 1240));
  }
  .board_wrap {
    gap: calc(100vw * (50 / 1240));
  }
  .board_list {
    width: calc(100vw * (360 / 1240));
  }
  .board_img {
    height: calc(100vw * (280 / 1240));
    margin-bottom: calc(100vw * (28 / 1240));
  }
  .case .board_img,
  .review .board_img {
    height: calc(100vw * (326 / 1240));
  }
  .board_img span {
    top: calc(100vw * (15 / 1240));
    left: calc(100vw * (15 / 1240));
    width: calc(100vw * (80 / 1240));
    padding: calc(100vw * (5 / 1240)) 0;
    font-size: calc(100vw * (16 / 1240));
    border-radius: calc(100vw * (50 / 1240));
  }
  .board_txt {
    width: calc(100vw * (261 / 1240));
  }
  .news .board_txt span {
    margin-bottom: calc(100vw * (10 / 1240));
    font-size: calc(100vw * (16 / 1240));
  }
  .board_txt p {
    height: calc(100vw * (60 / 1240));
    font-size: calc(100vw * (20 / 1240));
  }
  .write_date {
    font-size: calc(100vw * (16 / 1240));
  }
  /* !news page area fin */
  .shine_contact .sub_banner {
    gap: calc(100vw * (80 / 1240));
  }
  .contact_describe {
    width: calc(100vw * (1060 / 1240));
  }
  .banner_describe li {
    font-size: calc(100vw * (30 / 1240));
  }
  .banner_describe li:nth-child(2) {
    padding-top: calc(100vw * (20 / 1240));
  }
  /* !shine contact main banner area */
  .shine_hours {
    margin-bottom: calc(100vw * (150 / 1240));
  }
  .shine_hours > div {
    width: calc(100vw * (620 / 1240));
  }
  .hours_left {
    padding: calc(100vw * (95 / 1240)) calc(100vw * (100 / 1240))
      calc(100vw * (112 / 1240));
  }
  .shine_hours .title {
    margin-bottom: calc(100vw * (40 / 1240));
  }
  .hours_image {
    margin-left: calc(100vw * (52 / 1240));
    width: calc(100vw * (360 / 1240));
    height: calc(100vw * (360 / 1240));
  }
  .hours_right {
    padding: calc(100vw * (180 / 1240)) 0 calc(100vw * (240 / 1240))
      calc(100vw * (114 / 1240));
  }
  .hours_right div {
    margin-bottom: calc(100vw * (52 / 1240));
    font-size: calc(100vw * (30 / 1240));
  }
  .hours_right ul:nth-child(2) {
    margin-bottom: calc(100vw * (30 / 1240));
  }
  .hours_right ul:nth-child(2) li {
    font-size: calc(100vw * (22 / 1240));
  }
  .hours_right ul:nth-child(2) li:not(:last-child) {
    margin-bottom: calc(100vw * (10 / 1240));
  }
  .hours_right ul:last-child li {
    font-size: calc(100vw * (20 / 1240));
  }
  /* !/shine contact hours area */
  .contact_banner {
    margin-bottom: calc(100vw * (250 / 1240));
  }
  .contact_banner .mb_br {
    display: block;
  }
  .contact_banner ul {
    gap: calc(100vw * (30 / 1240));
  }
  .contact_banner .img_content {
    width: calc(100vw * (373 / 1240));
    height: calc(100vw * (250 / 1240));
    margin-bottom: calc(100vw * (40 / 1240));
  }
  .contact_banner .txt_content {
    font-size: calc(100vw * (22 / 1240));
  }
  .contact_banner .txt_content span {
    margin-top: calc(100vw * (5 / 1240));
    font-size: calc(100vw * (30 / 1240));
    background: url("../images/icon/more_arrow.svg") center right /
      calc(100vw * (20 / 1240)) no-repeat;
  }
  /* !contact banner area */
  .shine_contact .system {
    margin-bottom: calc(100vw * (250 / 1240));
  }
  .system_descibe_wrap {
    padding: 0 calc(100vw * (38 / 1240));
  }
  .system_descibe_wrap span {
    margin-bottom: calc(100vw * (20 / 1240));
    font-size: calc(100vw * (30 / 1240));
  }
  .system_descibe_wrap p {
    font-size: calc(100vw * (18 / 1240));
  }
  /* !contact system area */
  .directions {
    margin-bottom: calc(100vw * (250 / 1240));
  }
  .directions .title {
    margin-bottom: calc(100vw * (60 / 1240));
  }
  .contact_map {
    padding: calc(100vw * (30 / 1240)) calc(100vw * (44 / 1240))
      calc(100vw * (46 / 1240));
    margin-bottom: calc(100vw * (80 / 1240));
  }
  .root_daum_roughmap .wrap_map {
    height: calc(100vw * (412 / 1240)) !important;
  }
  .map_txt {
    margin-top: calc(100vw * (38 / 1240));
    gap: calc(100vw * (33 / 1240));
  }
  .map_txt div:first-child {
    font-size: calc(100vw * (30 / 1240));
  }
  .map_txt div:last-child {
    font-size: calc(100vw * (18 / 1240));
  }
  .parking {
    width: calc(100vw * (650 / 1240));
  }
  .parking_title {
    margin-bottom: calc(100vw * (50 / 1240));
    font-size: calc(100vw * (30 / 1240));
  }
  .parking_img {
    margin-bottom: calc(100vw * (30 / 1240));
    height: calc(100vw * (404 / 1240));
  }
  .parking_describe {
    font-size: calc(100vw * (18 / 1240));
  }
  /* !directions area */
  /* !shine contact page fin */
  .shine_entrance .sub_banner {
    gap: calc(100vw * (80 / 1240));
  }
  .hospitalization {
    margin-bottom: calc(100vw * (250 / 1240));
    padding: calc(100vw * (135 / 1240)) 0;
  }
  .hospitalization .title {
    margin-bottom: calc(100vw * (62 / 1240));
  }
  .hospitalization_wrap {
    margin-bottom: calc(100vw * (80 / 1240));
  }
  .hospitalization_list {
    width: calc(100vw * (321 / 1240));
    padding: 0 calc(100vw * (16 / 1240));
  }
  .hospitalization_list div:first-child {
    width: calc(100vw * (67 / 1240));
    height: calc(100vw * (67 / 1240));
    margin: 0 auto calc(100vw * (22 / 1240));
  }
  .hospitalization_list div:nth-child(2) {
    padding-bottom: calc(100vw * (20 / 1240));
    margin-bottom: calc(100vw * (20 / 1240));
    font-size: calc(100vw * (30 / 1240));
  }
  .hospitalization_list p {
    font-size: calc(100vw * (18 / 1240));
  }
  .kakao_guide_wrap div:first-child {
    margin-bottom: calc(100vw * (60 / 1240));
    font-size: calc(100vw * (30 / 1240));
  }
  .kakao_guide_list {
    width: calc(100vw * (280 / 1240));
  }
  .kakao_guide_list div:first-child {
    margin-bottom: calc(100vw * (20 / 1240));
    height: calc(100vw * (300 / 1240));
  }
  .kakao_guide_list div:last-child {
    font-size: calc(100vw * (18 / 1240));
  }
  .kakao_guide_list div:last-child span {
    margin-bottom: calc(100vw * (8 / 1240));
  }
  /* ! hospitalization area*/
  .facility {
    margin-bottom: calc(100vw * (200 / 1240));
  }
  .facility .title {
    margin-bottom: calc(100vw * (80 / 1240));
  }
  .facility_slide .slide_img,
  .child_slide,
  .child_slide .swiper-slide {
    width: 100%;
    height: calc(100vw * (500 / 1240));
  }
  .slide_txt {
    height: calc(100vw * (500 / 1240));
  }
  .slide_txt .inner > div:first-child {
    margin-bottom: calc(100vw * (10 / 1240));
    font-size: calc(100vw * (30 / 1240));
  }
  .slide_txt .slide_tag {
    gap: calc(100vw * (10 / 1240));
  }
  .slide_txt .slide_tag div {
    margin-bottom: calc(100vw * (50 / 1240));
    padding: calc(100vw * (5 / 1240)) calc(100vw * (30 / 1240));
  }
  .slide_txt p {
    width: calc(100vw * (358 / 1240));
    font-size: calc(100vw * (18 / 1240));
  }
  .facility_slide .slide_txt .inner {
    padding-left: calc(100vw * (72 / 1240));
    width: calc(100vw * (540 / 1240));
  }
  .facility_slide .swiper-button-prev {
    width: calc(100vw * (68 / 1240));
    height: calc(100vw * (68 / 1240));
    margin-left: calc(100vw * (-540 / 1240));
    background: url("../images/icon/nav_arrow_left_white.svg") center /
      calc(100vw * (68 / 1240)) no-repeat;
  }
  .facility_slide .swiper-button-next {
    width: calc(100vw * (68 / 1240));
    height: calc(100vw * (68 / 1240));
    margin-left: calc(100vw * (540 / 1240));
    background: url("../images/icon/nav_arrow_right_white.svg") center /
      calc(100vw * (68 / 1240)) no-repeat;
  }
  .swiper-pagination-child {
    gap: calc(100vw * (16 / 1240));
    bottom: calc(100vw * (50 / 1240)) !important;
  }
  .swiper-pagination-child .swiper-pagination-bullet {
    width: calc(100vw * (10 / 1240));
    height: calc(100vw * (10 / 1240));
    border: calc(100vw * (2 / 1240)) solid #fff;
  }
  /* !facility slide area */
  .meeting {
    margin-bottom: calc(100vw * (250 / 1240));
  }
  .meeting .title {
    margin-bottom: calc(100vw * (80 / 1240));
  }
  .meeting .txt_top {
    margin-bottom: calc(100vw * (60 / 1240));
  }
  .meeting .txt_top p,
  .meeting .txt_content ul {
    margin-top: calc(100vw * (20 / 1240));
  }
  .meeting .txt_content div {
    font-size: calc(100vw * (30 / 1240));
  }
  .meeting .txt_top p,
  .meeting .txt_content li {
    font-size: calc(100vw * (18 / 1240));
  }
  .meeting_content .img_content {
    width: calc(100vw * (700 / 1240));
    height: calc(100vw * (448 / 1240));
  }
  /* !meeting area */
  /* !shine entrance page fin */
  .shine_referral .sub_banner {
    gap: calc(100vw * (80 / 1240));
  }
  .referral_describe {
    width: calc(100vw * (806 / 1240));
  }
  /* !main_banner area */
  .cooperation {
    width: calc(100vw * (1050 / 1240));
    margin: 0 auto calc(100vw * (200 / 1240));
  }
  .cooperation_left {
    width: calc(100vw * (490 / 1240));
    font-size: calc(100vw * (38 / 1240));
  }
  .cooperation_right {
    width: calc(100vw * (467 / 1240));
    height: calc(100vw * (562 / 1240));
  }
  /* !cooperation area */
  .process {
    margin-bottom: calc(100vw * (200 / 1240));
  }
  .process .inner {
    padding: calc(100vw * (131 / 1240)) 0 calc(100vw * (134 / 1240));
    width: calc(100vw * (1050 / 1240));
  }
  .process .title {
    margin-bottom: calc(100vw * (80 / 1240));
  }
  .process_content {
    padding-top: calc(100vw * (70 / 1240));
    margin-bottom: calc(100vw * (100 / 1240));
  }
  .process_left {
    padding: calc(100vw * (74 / 1240)) 0 0 calc(100vw * (50 / 1240));
    width: calc(100vw * (420 / 1240));
  }
  .process_left p {
    font-size: calc(100vw * (18 / 1240));
  }
  .process_right {
    width: calc(100vw * (600 / 1240));
    height: calc(100vw * (403 / 1240));
  }
  .process_wrap {
    margin-bottom: calc(100vw * (13 / 1240));
  }
  .process_wrap::before {
    top: calc(100vw * (10 / 1240));
    left: calc(100vw * (-50 / 1240));
  }
  .process_wrap li {
    font-size: calc(100vw * (22 / 1240));
  }
  .process_wrap li::after {
    left: calc(100vw * (-57 / 1240));
    width: calc(100vw * (14 / 1240));
    height: calc(100vw * (14 / 1240));
  }
  .process_wrap li:not(:last-child) {
    margin-bottom: calc(100vw * (50 / 1240));
  }
  .process_describe {
    width: calc(100vw * (932 / 1240));
  }
  .process_describe li:nth-child(2) {
    padding-top: calc(100vw * (10 / 1240));
  }
  /* ! process area */
  .shine_referral .contact_banner .title {
    margin-bottom: calc(100vw * (80 / 1240));
  }
  .request_fin {
    width: calc(100vw * (1234 / 1240));
    padding: calc(100vw * (35 / 1240)) 0;
    margin: calc(100vw * (80 / 1240)) auto 0;
    font-size: calc(100vw * (22 / 1240));
  }
  /* !shine referral page fin */
  .pancreas .sub_banner .img_content {
    width: calc(100vw * (700 / 1240));
  }
  /* ! pancreas main banner */
  .reason {
    margin-bottom: calc(100vw * (200 / 1240));
  }
  .reason .title {
    margin-bottom: calc(100vw * (80 / 1240));
  }
  .reason_wrap {
    margin-bottom: calc(100vw * (110 / 1240));
  }
  .reason_list {
    width: calc(100vw * (370 / 1240));
  }
  .reason_list .img_content {
    margin-bottom: calc(100vw * (40 / 1240));
    height: calc(100vw * (300 / 1240));
  }
  .reason_list .txt_content div:first-child {
    margin-bottom: calc(100vw * (30 / 1240));
    padding-bottom: calc(100vw * (23 / 1240));
    font-size: calc(100vw * (30 / 1240));
  }
  .reason_list .txt_content div:last-child {
    font-size: calc(100vw * (18 / 1240));
  }
  .reason_fin {
    width: calc(100vw * (1180 / 1240));
    padding: calc(100vw * (35 / 1240)) 0;
    font-size: calc(100vw * (22 / 1240));
  }
  /* ! pancreas reason area */
  .center_staff {
    margin-bottom: calc(100vw * (221 / 1240));
  }
  .center_staff .title {
    margin-bottom: calc(100vw * (80 / 1240));
  }
  .center_staff .swiper-button-prev {
    margin-left: calc(100vw * (-500 / 1240));
    background: url("../images/icon/nav_arrow_left.svg") center /
      calc(100vw * (68 / 1240)) no-repeat;
  }
  .center_staff .swiper-button-next {
    margin-left: calc(100vw * (500 / 1240));
    background: url("../images/icon/nav_arrow_right.svg") center /
      calc(100vw * (68 / 1240)) no-repeat;
  }
  /* ! center_staff area */
  .surgery_guide {
    margin-bottom: calc(100vw * (200 / 1240));
  }
  .surgery_guide .title {
    margin-bottom: calc(100vw * (80 / 1240));
  }
  .surgery_guide .content,
  .program_guide .content {
    gap: calc(100vw * (150 / 1240));
  }
  .surgery_list {
    gap: 0;
    justify-content: space-between;
  }
  .surgery_list .surgery_img {
    width: calc(100vw * (500 / 1240));
    height: calc(100vw * (554 / 1240));
  }
  .surgery_list .surgery_txt {
    width: calc(100vw * (580 / 1240));
    gap: calc(100vw * (40 / 1240));
  }
  .surgery_txt .describe {
    width: calc(100vw * (580 / 1240));
  }
  .surgery_txt .describe span {
    margin-bottom: calc(100vw * (20 / 1240));
    font-size: calc(100vw * (30 / 1240));
  }
  .surgery_txt .describe p {
    font-size: calc(100vw * (18 / 1240));
  }
  .surgery_txt .describe p:not(:last-of-type) {
    margin-bottom: calc(100vw * (20 / 1240));
  }
  /* !shine_surgery guide area */
  .shine_pride {
    margin-bottom: calc(100vw * (200 / 1240));
  }
  .shine_pride .pride_banner {
    height: calc(100vw * (700 / 1240));
  }
  .shine_pride .txt_content {
    top: calc(100vw * (91 / 1240));
  }
  .shine_pride .title {
    margin-bottom: calc(100vw * (50 / 1240));
  }
  .shine_pride .describe {
    width: calc(100vw * (588 / 1240));
  }
  .shine_pride .describe p:not(:last-of-type) {
    margin-bottom: calc(100vw * (40 / 1240));
  }
  .shine_pride .describe p {
    font-size: calc(100vw * (18 / 1240));
  }
  /* !shine pride banner area */
  .pancreas .shine_pride .describe {
    width: calc(100vw * (598 / 1240));
  }
  .pancreas .contact_banner .title {
    width: calc(100vw * (323 / 1240));
  }
  /* !shine pancrease center page */
  .joint .sub_banner .img_content {
    width: calc(100vw * (700 / 1240));
  }
  /* !joint center page */
  .joint .shine_pride .describe {
    width: calc(100vw * (730 / 1240));
  }
  /* !joint shine pride area */
  .joint .contact_banner .title,
  .nerve .contact_banner .title,
  .cancer .contact_banner .title,
  .heart .contact_banner .title {
    width: calc(100vw * (305 / 1240));
  }
  /* !joint page */
  .nerve .shine_pride .describe {
    width: calc(100vw * (746 / 1240));
  }
  /* !nerve page */
  .cancer .shine_pride .txt_content {
    top: calc(100vw * (107 / 1240));
  }
  .cancer .shine_pride .describe {
    width: calc(100vw * (641 / 1240));
  }
  /* !cancer page */
  .heart .shine_pride .describe {
    width: calc(100vw * (670 / 1240));
  }
  /* !cat page */
  .checkup .contact_banner .title {
    width: calc(100vw * (360 / 1240));
  }
  /* !checkup page */
  .cell .shine_pride .describe {
    width: calc(100vw * (623 / 1240));
  }
  .cell .contact_banner .title {
    width: calc(100vw * (372 / 1240));
  }
  /* !cell page */
  .emergency .shine_pride .describe {
    width: calc(100vw * (640 / 1240));
  }
  .emergency .contact_banner .title {
    width: calc(100vw * (291 / 1240));
  }
  /* !emergency page */
  .interventional .shine_pride .describe {
    width: calc(100vw * (540 / 1240));
  }
  .interventional .contact_banner .title {
    width: calc(100vw * (362 / 1240));
  }
  /* !interventional page */
  .hemodialysis .section2 {
    height: calc(100vw * (550 / 1240));
    margin-bottom: calc(100vw * (200 / 1240));
  }
  .hemodialysis .section2 .text_container {
    width: calc(100vw * (540 / 1240));
    height: calc(100vw * (490 / 1240));
    font-size: calc(100vw * (18 / 1240));
    padding: 0 calc(100vw * (56 / 1240));
  }
  .hemodialysis .section2 .text_container h3 {
    margin-bottom: calc(100vw * (46 / 1240));
    font-size: calc(100vw * (26 / 1240));
  }
  .hemodialysis .section2 .text_container h3 b {
    margin-top: calc(100vw * (10 / 1240));
    font-size: calc(100vw * (38 / 1240));
  }
  .hemodialysis .facility_section .text_container {
    font-size: calc(100vw * (18 / 1580));
  }
  .hemodialysis .facility_section .title {
    margin-bottom: calc(100vw * (50 / 1580));
  }
  .hemodialysis .facility_section .list_wrap {
    margin-bottom: calc(100vw * (40 / 1580));
  }
  .hemodialysis .facility_section .img_container {
    width: calc(100vw * (956 / 1580));
  }
  .hemodialysis .facility_section.sub_banner {
    width: 100%;
  }
  .hemodialysis .facility_section.sub_banner .inner {
    gap: calc(100vw * (35 / 1580));
    width: calc(100vw * (1210 / 1240));
    margin-left: 0;
  }
  .hemodialysis .case_section {
    margin-bottom: calc(100vw * (200 / 1240));
  }
  .hemodialysis .case_section .title {
    margin-bottom: calc(100vw * (80 / 1240));
  }
  .hemodialysis .case_section .case_wrap {
    gap: calc(100vw * (39 / 1240));
  }
  .hemodialysis .case_section .case_list .list_title {
    margin: calc(100vw * (15 / 1240)) 0 calc(100vw * (10 / 1240));
    font-size: calc(100vw * (30 / 1240));
  }
  .hemodialysis .case_section .case_list .list_unit {
    font-size: calc(100vw * (18 / 1240));
  }
  .hemodialysis .shine_pride .describe {
    width: calc(100vw * (658 / 1240));
  }
  /* !hemodialysis page */
  .checkup_banner {
    margin-bottom: calc(100vw * (250 / 1240));
  }
  .checkup_banner .img_content {
    width: calc(100vw * (595 / 1240));
    height: auto;
  }
  .checkup_banner .txt_content {
    padding: calc(100vw * (80 / 1240));
  }
  .checkup_banner .title {
    width: calc(100vw * (552 / 1240));
    margin-bottom: calc(100vw * (40 / 1240));
  }
  .checkup_banner li {
    font-size: calc(100vw * (18 / 1240));
  }
  /* !checkup banner */
  .checkup .reason_list .txt_content span {
    margin-bottom: calc(100vw * (5 / 1240));
    font-size: calc(100vw * (22 / 1240));
  }
  .age_check {
    margin-bottom: calc(100vw * (80 / 1240));
  }
  .age_check .title {
    margin-bottom: calc(100vw * (80 / 1240));
  }
  .age_check_wrap {
    margin-bottom: calc(100vw * (110 / 1240));
  }
  .age_check_list {
    width: calc(100vw * (370 / 1240));
  }
  .age_check_list .img_content {
    margin-bottom: calc(100vw * (40 / 1240));
    height: calc(100vw * (300 / 1240));
  }
  .age_check_list .txt_content div:first-child {
    margin-bottom: calc(100vw * (30 / 1240));
    padding-bottom: calc(100vw * (23 / 1240));
    font-size: calc(100vw * (30 / 1240));
  }
  .age_check_list .txt_content div:last-child {
    font-size: calc(100vw * (20 / 1240));
  }
  /* !age_check area */
  .check_list {
    margin-bottom: calc(100vw * (250 / 1240));
    padding: calc(100vw * (47 / 1240)) calc(100vw * (50 / 1240));
    background: url("../images/checkup/water_mark.png") bottom right /
        calc(100vw * (317 / 1240)) no-repeat,
      #fafafa;
  }
  .check_list .mb_br {
    display: block;
  }
  .check_list .txt_content {
    width: calc(100vw * (205 / 1240));
  }
  .check_list .txt_content div:first-child {
    margin-bottom: calc(100vw * (35 / 1240));
    font-size: calc(100vw * (38 / 1240));
  }
  .check_list .txt_content div:last-child {
    font-size: calc(100vw * (18 / 1240));
  }
  .list_content {
    width: calc(100vw * (803 / 1240));
  }
  .list_content li {
    padding: calc(100vw * (17 / 1240)) 0 calc(100vw * (17 / 1240))
      calc(100vw * (80 / 1240));
    font-size: calc(100vw * (18 / 1240));
    background: url("../images/checkup/check_box.jpg") center left
      calc(100vw * (20 / 1240)) / calc(100vw * (17 / 1240)) no-repeat;
  }
  .list_content li::after {
    left: calc(100vw * (60 / 1240));
    height: calc(100vw * (55 / 1240));
  }
  /* !check_list area */
  .program_guide {
    margin-bottom: calc(100vw * (200 / 1240));
  }
  .program_guide .title {
    margin-bottom: calc(100vw * (60 / 1240));
  }
  .program_guide tr:first-child th {
    padding: calc(100vw * (27 / 1240)) 0;
    font-size: calc(100vw * (20 / 1240));
  }
  .program_guide tr:first-child th:nth-child(2) {
    width: calc(100vw * (224 / 1240));
  }
  .program_guide .th {
    width: calc(100vw * (300 / 1240));
  }
  .program_guide .th span {
    margin-bottom: calc(100vw * (10 / 1240));
    font-size: calc(100vw * (22 / 1240));
  }
  .program_guide tr:nth-child(2) .th {
    padding: calc(100vw * (221 / 1240)) 0 calc(100vw * (221 / 1240))
      calc(100vw * (63 / 1240));
  }
  .program_guide tr:nth-child(6) .th {
    padding: calc(100vw * (67 / 1240)) 0 calc(100vw * (67 / 1240))
      calc(100vw * (63 / 1240));
  }
  .program_guide tr:last-child .th {
    padding: calc(100vw * (30 / 1240)) 0 calc(100vw * (30 / 1240))
      calc(100vw * (63 / 1240));
  }
  .program_guide tr:nth-child(5) td:first-child,
  .program_guide tr:nth-child(7) td:first-child {
    height: calc(100vw * (73 / 1240));
  }
  .program_guide td:first-of-type {
    font-size: calc(100vw * (18 / 1240));
  }
  .program_guide td:not(:first-of-type) {
    padding-left: calc(100vw * (20 / 1240));
  }
  .program_guide td:not(:first-of-type) ul {
    padding-left: calc(100vw * (30 / 1240));
  }
  .program_guide td:not(:first-of-type) ul:first-child {
    margin-right: calc(100vw * (10 / 1240));
  }
  .program_guide td:not(:first-of-type) li::before {
    left: calc(100vw * (-17 / 1240));
    width: calc(100vw * (4 / 1240));
    height: calc(100vw * (4 / 1240));
  }
  .checkup .surgery_guide {
    margin-bottom: calc(100vw * (250 / 1240));
  }
  /* !program_guide arae */
  p.check_p {
    margin-top: calc(100vw * (60 / 1240));
    width: calc(100vw * (300 / 1240));
    font-size: calc(100vw * (30 / 1240));
  }
  /* !contact area */
  /* !checkup page */
  .surgery_txt .describe p span {
    font-size: calc(100vw * (30 / 1240));
  }
  /* !cat center page */
  .notice_board .review {
    padding-bottom: calc(100vw * (250 / 1240));
  }
  .notice_board .review .title,
  .notice_board .case .title {
    margin-bottom: calc(100vw * (80 / 1240));
  }
  .board_category {
    margin-bottom: calc(100vw * (33 / 1240));
    gap: calc(100vw * (30 / 1240));
  }
  .board_category li {
    font-size: calc(100vw * (22 / 1240));
  }
  .review .inform_tag ul {
    margin-top: calc(100vw * (13 / 1240));
  }
  /* !review page area fin */
  .notice_board .case {
    padding-bottom: calc(100vw * (214 / 1240));
  }
  .case .board_txt span {
    font-size: calc(100vw * (16 / 1240));
  }
  /* !case page area fin */
  .board_detail {
    padding-bottom: calc(100vw * (250 / 1240));
  }
  .board_detail > a {
    padding-left: calc(100vw * (44 / 1240));
    font-size: calc(100vw * (20 / 1240));
    background: url("../images/icon/nav_arrow_left02.svg") center left /
      calc(100vw * (38 / 1240)) no-repeat;
  }
  .news_detail > a {
    margin-bottom: calc(100vw * (60 / 1240));
  }
  .news_detail .detail_title {
    width: calc(100vw * (560 / 1240));
    padding-top: calc(100vw * (84 / 1240));
  }
  .detail_wrap {
    margin-bottom: calc(100vw * (40 / 1240));
    border-bottom: calc(100vw * (5 / 1240)) solid #f6f6f6;
  }
  .detail_img {
    width: calc(100vw * (360 / 1240));
    height: calc(100vw * (326 / 1240));
  }
  .news_detail .detail_img {
    height: calc(100vw * (280 / 1240));
  }
  .detail_date {
    width: calc(100vw * (200 / 1240));
  }
  .detail_date span {
    margin-bottom: calc(100vw * (10 / 1240));
    font-size: calc(100vw * (20 / 1240));
  }
  .detail_title p {
    margin-bottom: calc(100vw * (10 / 1240));
    font-size: calc(100vw * (36 / 1240));
    word-break: break-all;
  }
  .detail_title > span {
    width: calc(100vw * (554 / 1240));
    font-size: calc(100vw * (20 / 1240));
  }
  .notice_board .detail_content {
    padding: calc(100vw * (50 / 1240));
  }
  .detail_content img {
    width: calc(100vw * (530 / 1240));
  }
  .detail_content span {
    font-size: calc(100vw * (36 / 1240));
  }
  /* !news_detail page area */
  .review_detail > a {
    margin-bottom: calc(100vw * (23 / 1240));
  }
  .review_detail .detail_title {
    padding-top: calc(100vw * (95 / 1240));
    width: calc(100vw * (560 / 1240));
  }
  .review_detail .detail_title p:nth-child(2) {
    margin: calc(100vw * (10 / 1240)) 0 calc(100vw * (10 / 1240));
    font-size: calc(100vw * (20 / 1240));
  }
  /* !review_datail page area */
  .case_detail > a {
    margin-bottom: calc(100vw * (10 / 1240));
  }
  .detail_profile {
    width: calc(100vw * (240 / 1240));
    margin-bottom: calc(100vw * (10 / 1240));
  }
  .detail_profile div {
    width: calc(100vw * (86 / 1240));
    height: calc(100vw * (86 / 1240));
  }
  .detail_profile span {
    font-size: calc(100vw * (20 / 1240));
  }
  .case_detail .detail_title {
    padding-top: calc(100vw * (10 / 1240));
    width: calc(100vw * (560 / 1240));
  }
  .case_detail .detail_title p:nth-child(3) {
    margin: calc(100vw * (10 / 1240)) 0 calc(100vw * (10 / 1240));
    font-size: calc(100vw * (20 / 1240));
  }
  /* !case_detail page fin */
  .gallery_wrap {
    padding-top: calc(100vw * (80 / 1580));
  }
  .gallery_wrap .title h2 {
    margin-bottom: calc(100vw * (14 / 1580));
    font-size: calc(100vw * (36 / 1580));
  }
  .gallery_wrap .title p {
    font-size: calc(100vw * (38 / 1580));
  }
  .gallery .main_tab_list_wrap {
    gap: calc(100vw * (60 / 1580));
    font-size: calc(100vw * (22 / 1580));
  }
  .gallery .section1 {
    margin-bottom: calc(100vw * (200 / 1580));
  }
  .gallery .section1 .title {
    margin-bottom: calc(100vw * (21 / 1580));
  }
  .gallery .section1 .tab_container {
    margin-bottom: calc(100vw * (50 / 1580));
    padding-bottom: calc(100vw * (49 / 1580));
  }
  .gallery .section1 .sub_tab_list_wrap {
    gap: calc(100vw * (38 / 1580));
    font-size: calc(100vw * (20 / 1580));
  }
  .gallery .section1 .slider {
    margin-bottom: calc(100vw * (50 / 1580));
  }
  .gallery .section1 .slider .swiper-slide .img_wrap {
    height: calc(100vw * (675 / 1580));
  }
  .gallery .section1 .slider .swiper-slide .img_text {
    height: calc(100vw * (120 / 1580));
    padding: calc(100vw * (17 / 1580)) calc(100vw * (50 / 1580));
    font-size: calc(100vw * (22 / 1580));
  }
  .gallery .section1 .slider .swiper-button-next,
  .gallery .section1 .slider .swiper-button-prev {
    width: calc(100vw * (62 / 1580));
    height: calc(100vw * (62 / 1580));
  }
  .gallery .section1 .slider .swiper-button-prev {
    left: calc(100vw * (50 / 1580));
  }
  .gallery .section1 .slider .swiper-button-next {
    right: calc(100vw * (50 / 1580));
  }
  .gallery .section1 .thumbnail .swiper-slide {
    width: calc(100vw * (169 / 1580));
    height: calc(100vw * (80 / 1580));
  }
  .gallery .section2 {
    padding-bottom: calc(100vw * (300 / 1580));
  }
  .gallery .section2 .top_container {
    margin-bottom: calc(100vw * (50 / 1580));
    padding-bottom: calc(100vw * (50 / 1580));
  }
  .gallery .section2 .tab_content_list_wrap.active {
    gap: calc(100vw * (100 / 1580)) 0;
    justify-content: space-between;
  }
  .gallery .section2 .tab_content_list {
    width: calc(100vw * (345 / 1580));
  }
  .gallery .section2 .tab_content_list .img_wrap {
    height: calc(100vw * (250 / 1580));
    margin-bottom: calc(100vw * (20 / 1580));
  }
  .gallery .section2 .tab_content_list .content_title {
    margin-bottom: calc(100vw * (15 / 1580));
    font-size: calc(100vw * (26 / 1580));
  }
  .gallery .section2 .tab_content_list .detail_list:not(:last-child) {
    margin-bottom: calc(100vw * (5 / 1580));
  }
  .gallery .section2 .tab_content_list .detail_list {
    font-size: calc(100vw * (18 / 1580));
  }
  /* gallery page */
  .video_center_wrap {
    padding-top: calc(100vw * (80 / 1580));
  }
  .video_center_wrap .sub_banner {
    width: 100%;
  }
  .video_center_wrap .sub_banner .inner {
    width: calc(100vw * (1210 / 1240));
    margin-left: auto;
  }
  .video_center .section1 {
    padding: calc(100vw * (145 / 1580)) 0;
  }
  .video_center .section2 {
    height: calc(100vw * (550 / 1580));
  }
  .video_center .section2 .text_container {
    width: calc(100vw * (540 / 1580));
    height: calc(100vw * (490 / 1580));
    font-size: calc(100vw * (18 / 1580));
    padding: 0 calc(100vw * (56 / 1580));
  }
  .video_center .section2 .text_container h3 {
    margin-bottom: calc(100vw * (46 / 1580));
    font-size: calc(100vw * (26 / 1580));
  }
  .video_center .section2 .text_container h3 b {
    margin-top: calc(100vw * (10 / 1580));
    font-size: calc(100vw * (38 / 1580));
  }
  .video_center .section3 {
    padding: calc(100vw * (200 / 1580)) 0;
  }
  .video_center .section3 .title {
    margin-bottom: calc(100vw * (80 / 1580));
  }
  .video_center .section3 .list {
    width: calc(100vw * (430 / 1580));
  }
  .video_center .section3 .list .img_container {
    height: calc(100vw * (300 / 1580));
    margin-bottom: calc(100vw * (40 / 1580));
  }
  .video_center .section3 .list .list_title {
    font-size: calc(100vw * (30 / 1580));
    margin-bottom: calc(100vw * (30 / 1580));
    padding-bottom: calc(100vw * (23 / 1580));
  }
  .video_center .section3 .list .list_text {
    font-size: calc(100vw * (20 / 1580));
  }
  .video_center .section4 .text_container,
  .video_center .section7 .text_container {
    font-size: calc(100vw * (18 / 1580));
  }
  .video_center .section4 .title,
  .video_center .section7 .title {
    margin-bottom: calc(100vw * (58 / 1580));
  }
  .video_center .section4 .list_wrap,
  .video_center .section7 .list_wrap {
    margin-bottom: calc(100vw * (40 / 1580));
  }
  .video_center .section4 .img_container,
  .video_center .section7 .img_container {
    width: calc(100vw * (956 / 1580));
    height: calc(100vw * (774 / 1580));
  }
  .video_center .section7.sub_banner .inner {
    gap: calc(100vw * (35 / 1580));
    margin-left: 0;
  }
  .video_center .section7 .img_container {
    width: calc(100vw * (960 / 1580));
  }
  .video_center .section5,
  .video_center .section8 {
    padding: calc(100vw * (200 / 1580)) 0;
  }
  .video_center .section5 .title,
  .video_center .section8 .title {
    margin-bottom: calc(100vw * (50 / 1580));
  }
  .video_center .section5 .list,
  .video_center .section8 .list {
    width: calc(100vw * (219 / 1580));
  }
  .video_center .section5 .list .img_container,
  .video_center .section8 .list .img_container {
    width: calc(100vw * (130 / 1580));
    padding-bottom: calc(100vw * (24 / 1580));
    border-bottom: calc(100vw * (3 / 1580)) solid #222;
  }
  .video_center .section5 .list .img_wrap,
  .video_center .section8 .list .img_wrap {
    width: calc(100vw * (67 / 1580));
    height: calc(100vw * (67 / 1580));
  }
  .video_center .section5 .list .list_title,
  .video_center .section8 .list .list_title {
    margin: calc(100vw * (30 / 1580)) 0;
    font-size: calc(100vw * (30 / 1580));
  }
  .video_center .section5 .list .list_title small,
  .video_center .section8 .list .list_title small {
    font-size: calc(100vw * (18 / 1580));
  }
  .video_center .section5 .list .detail_list,
  .video_center .section8 .list .detail_list {
    font-size: calc(100vw * (18 / 1580));
  }
  .video_center .section6,
  .video_center .section9 {
    padding-bottom: calc(100vw * (200 / 1580));
  }
  .video_center .section6 .title,
  .video_center .section9 .title {
    margin-bottom: calc(100vw * (80 / 1580));
  }
  .video_center .section6 .list_wrap,
  .video_center .section9 .list_wrap {
    justify-content: space-between;
    gap: calc(100vw * (70 / 1580)) 0;
  }
  .video_center .section6 .list,
  .video_center .section9 .list {
    width: calc(100vw * (339 / 1580));
  }
  .video_center .section6 .img_container,
  .video_center .section9 .img_container {
    height: calc(100vw * (300 / 1580));
    margin-bottom: calc(100vw * (30 / 1580));
  }
  .video_center .section6 .list_title,
  .video_center .section9 .list_title {
    font-size: calc(100vw * (30 / 1580));
  }
  .video_center .section10 {
    padding-bottom: calc(100vw * (200 / 1580));
  }
  .video_center .section10 .title {
    margin-bottom: calc(100vw * (80 / 1580));
  }
  .video_center .section10 .list_wrap {
    margin-left: calc(100vw * (7 / 1580));
    padding-left: calc(100vw * (50 / 1580));
  }
  .video_center .section10 .list_wrap::before {
    top: calc(100vw * (7 / 1580));
    height: calc(100vw * (701 / 1580));
  }
  .video_center .section10 .list:not(:last-child) {
    margin-bottom: calc(100vw * (52 / 1580));
  }
  .video_center .section10 .list .list_title {
    margin-bottom: calc(100vw * (13 / 1580));
    font-size: calc(100vw * (22 / 1580));
  }
  .video_center .section10 .list .list_title::before {
    left: calc(100vw * (-56 / 1580));
    width: calc(100vw * (14 / 1580));
    height: calc(100vw * (14 / 1580));
  }
  .video_center .section10 .list .list_text {
    font-size: calc(100vw * (18 / 1580));
  }
  .video_center .section10 .img_wrap {
    width: calc(100vw * (625 / 1580));
    height: calc(100vw * (580 / 1580));
  }
  .video_center .section11 {
    height: calc(100vw * (730 / 1580));
  }
  .video_center .section11 .text_container {
    left: calc(50% + calc(100vw * (363 / 1580)));
    font-size: calc(100vw * (18 / 1580));
  }
  .video_center .section11 .title {
    margin-bottom: calc(100vw * (60 / 1580));
  }
  .video_center .section12 {
    padding: calc(100vw * (200 / 1580)) 0 calc(100vw * (143 / 1580));
  }
  .video_center .section12.contact_banner .time_guide .img_content .icon_wrap {
    width: calc(100vw * (130 / 1580));
    height: calc(100vw * (130 / 1580));
  }
  .video_center .section12.contact_banner .time_guide .txt_content span {
    margin-bottom: calc(100vw * (5 / 1580));
  }
  /* ----- cat_center ----- */
  .cat_center .pc_br {
    display: block;
  }
  .cat_center .title h2 {
    margin-bottom: calc(100vw * (14 / 1580));
    font-size: calc(100vw * (36 / 1580));
  }
  .cat_center .title p {
    font-size: calc(100vw * (38 / 1580));
  }
  .cat_center section:not(.section01, .section07, .section11) {
    margin-bottom: calc(100vw * (200 / 1580));
  }
  /* section01 */
  .cat_center .section01 {
    height: calc(100vw * (810 / 1580));
    margin-bottom: calc(100vw * (100 / 1580));
  }
  .cat_center .section01 .banner_text {
    top: calc(100vw * (297 / 1580));
    width: calc(100vw * (1428 / 1580));
  }
  .cat_center .section01 .banner_text .sub_text {
    margin-bottom: calc(100vw * (28 / 1580));
    font-size: calc(100vw * (36 / 1580));
  }
  .cat_center .section01 .banner_text .main_text {
    font-size: calc(100vw * (65 / 1580));
  }
  /* section02 */
  .cat_center .section02 .text {
    gap: calc(100vw * (10 / 1580));
    margin-bottom: calc(100vw * (160 / 1580));
    font-size: calc(100vw * (30 / 1580));
  }
  .cat_center .section02 .staff_container .title {
    margin-bottom: calc(100vw * (30 / 1580));
  }
  .cat_center .section02 .staff_container .description {
    margin-bottom: calc(100vw * (90 / 1580));
    font-size: calc(100vw * (22 / 1580));
  }
  .cat_center .section02 .staff_container .tag {
    margin-bottom: calc(100vw * (11 / 1580));
    padding: calc(100vw * (4 / 1580)) calc(100vw * (18 / 1580));
    border-radius: calc(100vw * (17 / 1580));
    font-size: calc(100vw * (20 / 1580));
  }
  .cat_center .section02 .staff_container .staff_name {
    gap: calc(100vw * (10 / 1580));
    margin-bottom: calc(100vw * (30 / 1580));
    font-size: calc(100vw * (36 / 1580));
  }
  .cat_center .section02 .staff_container .staff_name span {
    font-size: calc(100vw * (20 / 1580));
  }
  .cat_center .section02 .staff_container .career_list_wrap {
    margin-bottom: calc(100vw * (50 / 1580));
  }
  .cat_center .section02 .staff_container .career_list {
    font-size: calc(100vw * (20 / 1580));
  }
  .cat_center .section02 .staff_container .career_list:nth-of-type(2) {
    margin-bottom: calc(100vw * (20 / 1580));
  }
  .cat_center .section02 .staff_container .img_wrap {
    width: calc(100vw * (598 / 1580));
    height: calc(100vw * (942 / 1580));
  }
  .cat_center .section02 .staff_container .img_wrap::after {
    right: calc(100vw * (-246 / 1580));
    width: calc(100vw * (1033 / 1580));
    height: calc(100vw * (700 / 1580));
  }
  /* section03 */
  .cat_center .section03 {
    height: calc(100vw * (550 / 1580));
  }
  .cat_center .section03 .text_container {
    width: calc(100vw * (540 / 1580));
    height: calc(100vw * (490 / 1580));
    font-size: calc(100vw * (18 / 1580));
    padding: 0 calc(100vw * (56 / 1580));
  }
  .cat_center .section03 .text_container h3 {
    margin-bottom: calc(100vw * (40 / 1580));
    font-size: calc(100vw * (26 / 1580));
  }
  .cat_center .section03 .text_container h3 b {
    margin-top: calc(100vw * (10 / 1580));
    font-size: calc(100vw * (38 / 1580));
  }
  /* section04 */
  .cat_center .section04 .title {
    margin-bottom: calc(100vw * (80 / 1580));
  }
  .cat_center .section04 .list {
    width: calc(100vw * (430 / 1580));
  }
  .cat_center .section04 .list .img_container {
    height: calc(100vw * (300 / 1580));
    margin-bottom: calc(100vw * (40 / 1580));
  }
  .cat_center .section04 .list .list_title {
    font-size: calc(100vw * (30 / 1580));
    margin-bottom: calc(100vw * (30 / 1580));
    padding-bottom: calc(100vw * (23 / 1580));
  }
  .cat_center .section04 .list .list_text {
    font-size: calc(100vw * (20 / 1580));
  }
  /* section05 */
  .cat_center .section05 .title_container {
    gap: calc(100vw * (109 / 1580));
    margin-bottom: calc(100vw * (50 / 1580));
  }
  .cat_center .section05 .title_text {
    font-size: calc(100vw * (16 / 1580));
  }
  .cat_center .section05 .grid_container {
    gap: calc(100vw * (28 / 1580));
  }
  .cat_center .section05 .left,
  .cat_center .section05 .right {
    gap: calc(100vw * (28 / 1580));
  }
  .cat_center .section05 .grid_container .img_wrap:not(.first)::after {
    height: calc(100vw * (144 / 1580));
  }
  .cat_center .section05 .grid_container .infrastructuret_text {
    bottom: calc(100vw * (20 / 1580));
    left: calc(100vw * (30 / 1580));
    font-size: calc(100vw * (16 / 1580));
  }
  /* section06 */
  .cat_center .section06 .container:first-child .text_container {
    padding: calc(100vw * (70 / 1580)) calc(100vw * (90 / 1580)) 0
      calc(100vw * (130 / 1580));
  }
  .cat_center .section06 .container:last-child .text_container {
    padding: calc(100vw * (70 / 1580)) calc(100vw * (130 / 1580)) 0
      calc(100vw * (90 / 1580));
  }
  .cat_center .section06 .text_container .title {
    margin-bottom: calc(100vw * (50 / 1580));
  }
  .cat_center .section06 .text_container .list_wrap,
  .cat_center .section06 .text_container .description {
    font-size: calc(100vw * (18 / 1580));
  }
  .cat_center .section06 .text_container .list_wrap {
    margin-bottom: calc(100vw * (40 / 1580));
  }
  .cat_center .section06 .img_wrap {
    width: calc(100vw * (790 / 1580));
    height: calc(100vw * (637 / 1580));
  }
  /* section07 */
  .cat_center .section07 {
    margin-bottom: calc(100vw * (156 / 1580));
  }
  .cat_center .section07 .container:not(:last-child) {
    margin-bottom: calc(100vw * (50 / 1580));
  }
  .cat_center .section07 .title {
    margin-bottom: calc(100vw * (50 / 1580));
  }
  .cat_center .section07 .list_wrap {
    gap: calc(100vw * (20 / 1580));
  }
  .cat_center .section07 .list .img_wrap {
    width: calc(100vw * (67 / 1580));
    height: calc(100vw * (67 / 1580));
    margin-bottom: calc(100vw * (32 / 1580));
  }
  .cat_center .section07 .list .detail_title {
    margin-bottom: calc(100vw * (30 / 1580));
    padding-top: calc(100vw * (33 / 1580));
    font-size: calc(100vw * (30 / 1580));
  }
  .cat_center .section07 .list .detail_title::before {
    width: calc(100vw * (135 / 1580));
    height: calc(100vw * (3 / 1580));
  }
  .cat_center .section07 .list .detail_list {
    font-size: calc(100vw * (18 / 1580));
  }
  /* section08 */
  .cat_center .section08 .title {
    margin-bottom: calc(100vw * (80 / 1580));
  }
  .cat_center .section08 .list_wrap {
    gap: calc(100vw * (70 / 1580)) calc(100vw * (49 / 1580));
  }
  .cat_center .section08 .list {
    width: calc(100vw * (339 / 1580));
  }
  .cat_center .section08 .list .img_wrap {
    width: calc(100vw * (339 / 1580));
    height: calc(100vw * (300 / 1580));
    margin-bottom: calc(100vw * (30 / 1580));
  }
  .cat_center .section08 .list .detail_title {
    font-size: calc(100vw * (30 / 1580));
  }
  /* section09  */
  .cat_center .section09 .pride_banner {
    height: calc(100vw * (700 / 1580));
  }
  .cat_center .section09 .txt_content {
    margin-left: calc(100vw * (-345 / 1580));
  }
  .cat_center .section09 .title {
    margin-bottom: calc(100vw * (60 / 1580));
  }
  .cat_center .section09 .describe {
    width: calc(100vw * (588 / 1580));
  }
  .cat_center .section09 .describe p {
    font-size: calc(100vw * (18 / 1580));
  }
  /* section10 */
  .cat_center .section10 {
    gap: calc(100vw * (71 / 1580));
    height: calc(100vw * (774 / 1580));
  }
  .cat_center .section10 .txt_content {
    padding-right: calc(100vw * (95 / 1580));
  }
  .cat_center .section10 .title {
    margin-bottom: calc(100vw * (30 / 1580));
  }
  .cat_center .section10 .address {
    gap: calc(100vw * (48 / 1580));
    margin-bottom: calc(100vw * (30 / 1580));
    padding: calc(100vw * (24 / 1580)) calc(100vw * (43 / 1580));
  }
  .cat_center .section10 .address li {
    font-size: calc(100vw * (20 / 1580));
  }
  .cat_center .section10 .address li p {
    margin-top: calc(100vw * (10 / 1580));
    font-size: calc(100vw * (16 / 1580));
  }
  .cat_center .section10 .address li:first-of-type {
    width: calc(100vw * (48 / 1580));
    height: calc(100vw * (48 / 1580));
  }
  .cat_center .section10 .address li:first-of-type::after {
    height: calc(100vw * (42 / 1580));
    margin-left: calc(100vw * (48 / 1580));
  }
  .cat_center .section10 .tel {
    margin-bottom: calc(100vw * (20 / 1580));
    font-size: calc(100vw * (65 / 1580));
  }
  .cat_center .section10 .inform > ul {
    gap: calc(100vw * (50 / 1580));
  }
  .cat_center .section10 .inform > ul > li:first-of-type {
    width: calc(100vw * (136 / 1580));
  }
  .cat_center .section10 .first li:first-of-type {
    padding-bottom: calc(100vw * (22 / 1580));
  }
  .cat_center .section10 .first li,
  .cat_center .section10 .third li {
    font-size: calc(100vw * (24 / 1580));
  }
  .cat_center .section10 .second {
    margin-bottom: calc(100vw * (30 / 1580));
  }
  .cat_center .section10 .second li {
    font-size: calc(100vw * (20 / 1580));
  }
  .cat_center .section10 .third .inner li {
    font-size: calc(100vw * (22 / 1580));
  }
  .cat_center .section10 .third .inner li:nth-of-type(3) {
    margin-bottom: calc(100vw * (10 / 1580));
  }
  .cat_center .section10 .third .inner li:nth-of-type(4),
  .cat_center .section10 .third .inner li:last-of-type {
    font-size: calc(100vw * (16 / 1580));
  }
  /* section11 */
  .cat_center .section11 {
    margin-bottom: calc(100vw * (219 / 1580));
    gap: calc(100vw * (80 / 1580));
  }
  .cat_center .section11 .parking {
    width: calc(100vw * (650 / 1580));
  }
  .cat_center .section11 .parking_img {
    height: calc(100vw * (404 / 1580));
    margin-bottom: calc(100vw * (30 / 1580));
  }
  .cat_center .section11 .parking_describe {
    font-size: calc(100vw * (18 / 1580));
  }
  .cat_center .section11 .img_content {
    width: calc(100vw * (607 / 1580));
    height: calc(100vw * (404 / 1580));
    margin-bottom: calc(100vw * (23 / 1580));
  }
  .cat_center .section11 .txt_content {
    font-size: calc(100vw * (22 / 1580));
  }
  .cat_center .section11 .txt_content span {
    margin-top: calc(100vw * (5 / 1580));
    font-size: calc(100vw * (30 / 1580));
    background: url("../images/icon/next_arrow.svg") center right /
      calc(100vw * (40 / 1580)) no-repeat;
  }
}
@media screen and (max-width: 700px) {
  .intro_wrap .inner {
    padding: calc(100vw * (375 / 390)) 0 calc(100vw * (165 / 390));
  }
  .intro_wrap .txt_content {
    height: calc(100vw * (140 / 390));
    margin-bottom: calc(100vw * (244 / 390));
    font-size: calc(100vw * (26 / 390));
  }
  .intro_wrap .img_content {
    width: calc(100vw * (78 / 390));
    height: calc(100vw * (51 / 390));
  }
  /* !intro page */
  .main_banner {
    margin-top: calc(100vw * (80 / 390));
    height: calc(100vw * (567 / 390));
  }
  #myVideo {
    height: calc(100vw * (567 / 390));
  }
  .main_banner_txt {
    width: calc(100vw * (320 / 390));
    margin-left: calc(100vw * (-20 / 390));
    top: calc(100vw * (290 / 390));
    z-index: 1;
  }
  .main_banner_txt div {
    font-size: calc(100vw * (26 / 390));
  }
  .main_banner_txt div:first-child {
    margin-bottom: calc(100vw * (40 / 390));
  }
  .main_banner_txt div span {
    display: none;
  }
  .main_banner > div:last-child {
    bottom: calc(100vw * (35 / 390));
    width: calc(100vw * (20 / 390));
    height: calc(100vw * (10 / 390));
  }
  /* !main banner fin */
  .main_mission {
    padding: calc(100vw * (60 / 390)) 0 calc(100vw * (70 / 390));
  }
  .main_mission .title {
    width: calc(100vw * (307 / 390));
    margin-bottom: calc(100vw * (50 / 390));
  }
  .mission_wrap {
    flex-direction: column;
    gap: calc(100vw * (60 / 390));
  }
  .mission_list {
    width: 100%;
  }
  .mission_image {
    width: 100%;
    height: calc(100vw * (210 / 390));
    margin-bottom: calc(100vw * (30 / 390));
  }
  .mission_title {
    padding-bottom: calc(100vw * (30 / 390));
    margin-bottom: calc(100vw * (30 / 390));
    font-size: calc(100vw * (18 / 390));
  }
  .mission_title span {
    display: inline-block;
    margin: 0 0 0 calc(100vw * (15 / 390));
    font-size: calc(100vw * (22 / 390));
  }
  .mission_txt {
    font-size: calc(100vw * (16 / 390));
  }
  /* !brand mission fin */
  .main_data {
    flex-direction: column;
    padding: calc(100vw * (60 / 390)) calc(100vw * (18 / 390))
      calc(100vw * (70 / 390));
  }
  .data_title {
    width: 100%;
    padding: 0;
    margin-bottom: calc(100vw * (20 / 390));
  }
  .data_title h2 {
    margin-bottom: calc(100vw * (6 / 390));
    font-size: calc(100vw * (30 / 390));
  }
  .data_title p {
    display: none;
  }
  .data_title span {
    display: inline-block;
    font-size: calc(100vw * (16 / 390));
    line-height: 2;
  }
  .data_list_wrap {
    width: 100%;
    justify-content: space-between;
  }
  /*.data_list {*/
  /*  justify-content: ;*/
  /*}*/
  .data_list:first-child {
    margin: 0 auto calc(100vw * (40 / 390));
    order: -4;
    gap: calc(100vw * (20 / 390));
  }
  .data_list:first-child > div:first-child {
    margin: 0 calc(100vw * (28 / 390)) 0 0;
    font-size: calc(100vw * (24 / 390));
    color: #fff;
  }
  .data_list:first-child span {
    margin-left: calc(100vw * (10 / 390));
    font-size: calc(100vw * (24 / 390));
  }
  .data_list:nth-child(2) {
    width: calc(100vw * (137 / 390)) !important;
    order: -3;
  }
  .data_list:nth-child(3) {
    width: calc(100vw * (94 / 390)) !important;
  }
  .data_list:last-child {
    width: calc(100vw * (58 / 390)) !important;
    order: -2;
  }
  .data_list > div:first-of-type {
    margin-bottom: calc(100vw * (10 / 390));
    font-size: calc(100vw * (16 / 390));
  }
  .data01 {
    font-size: calc(100vw * (50 / 390));
  }
  div.data02,
  div.data03,
  div.data04,
  .data_list span {
    font-size: calc(100vw * (22 / 390));
  }
  .data02,
  .data04,
  .data03 {
    width: auto;
  }
  /* !data section area */
  .main_staff {
    padding: calc(100vw * (80 / 390)) 0 calc(100vw * (100 / 390));
  }
  .main_staff .guide_line {
    width: 100%;
  }
  .title_wrap {
    width: calc(100vw * (354 / 390));
    margin: 0 auto calc(100vw * (50 / 390));
  }
  .main_staff .title_wrap .title {
    width: calc(100vw * (314 / 390));
  }
  .main_staff .title_wrap a,
  .main_staff .title_wrap span {
    display: none;
  }
  .staff_list {
    width: calc(100vw * (250 / 390));
    height: calc(100vw * (596 / 390));
  }
  .staff_image {
    height: calc(100vw * (326 / 390));
  }
  .staff_txt {
    height: calc(100vw * (270 / 390));
    padding: calc(100vw * (30 / 390)) calc(100vw * (13 / 390)) 0;
    background: #000048;
  }
  .staff_txt dl {
    margin-bottom: calc(100vw * (20 / 390));
  }
  .staff_txt dt {
    margin-bottom: calc(100vw * (7 / 390));
    font-size: calc(100vw * (16 / 390));
  }
  .staff_list dd,
  .staff_list li {
    color: #fff;
  }
  .staff_txt dd:nth-child(2) {
    margin-bottom: calc(100vw * (12 / 390));
    font-size: calc(100vw * (20 / 390));
  }
  .staff_txt dd:last-child {
    font-size: calc(100vw * (16 / 390));
  }
  .staff_txt ul {
    padding: calc(100vw * (22 / 390)) calc(100vw * (23 / 390)) 0
      calc(100vw * (30 / 390));
    opacity: 1;
    height: calc(100vw * (120 / 390));
  }
  .staff_txt li {
    line-height: 1.4;
  }
  .staff_txt li:first-child {
    margin-bottom: calc(100vw * (4 / 390));
  }
  .staff_txt li::before {
    left: calc(100vw * (-10 / 390));
    font-size: calc(100vw * (16 / 390));
  }
  .main_staff .swiper-button-prev,
  .main_staff .swiper-button-next {
    display: none;
  }
  /* !meical_staff area */
  .medical_center {
    padding-top: calc(100vw * (100 / 390));
    margin-bottom: calc(100vw * (130 / 390));
  }
  .medical_center .title {
    padding-bottom: calc(100vw * (40 / 390));
  }
  .medical_content {
    padding-top: calc(100vw * (20 / 390));
  }
  .medical_first {
    margin-bottom: calc(100vw * (30 / 390));
  }
  .medical_first .swiper-slide {
    font-size: calc(100vw * (18 / 390));
    flex-shrink: 0;
    flex-grow: 0;
  }
  .medical_first .swiper-slide-active {
    color: #222;
  }
  .medical_second .swiper-slide {
    flex-direction: column;
  }
  .medical_icon {
    width: calc(100vw * (35 / 390));
    height: calc(100vw * (35 / 390));
    margin-bottom: calc(100vw * (10 / 390));
  }
  .medical_txt {
    width: 100%;
    height: calc(100vw * (504 / 390));
    padding: calc(100vw * (30 / 390)) calc(100vw * (18 / 390)) 0;
  }
  .medical_txt div:nth-child(2) {
    margin-bottom: calc(100vw * (20 / 390));
    padding-bottom: calc(100vw * (25 / 390));
    font-size: calc(100vw * (20 / 390));
    border-bottom: 1px solid #fff;
  }
  .medical_txt div:last-of-type {
    width: calc(100vw * (358 / 390));
    height: calc(100vw * (264 / 390));
    margin-bottom: calc(100vw * (10 / 390));
    font-size: calc(100vw * (16 / 390));
  }
  .medical_txt div span {
    margin-top: calc(100vw * (10 / 390));
    font-size: calc(100vw * (16 / 390));
  }
  .medical_slide {
    width: 100%;
    height: calc(100vw * (220 / 390));
  }
  .medical_content .swiper-button-next {
    margin-left: calc(100vw * (160 / 390));
    top: calc(100vw * (400 / 390));
    background: url("../images/icon/nav_arrow_right_white.svg") center /
      calc(100vw * (35 / 390)) no-repeat;
  }
  .medical_content .swiper-button-prev {
    margin-left: calc(100vw * (120 / 390));
    top: calc(100vw * (400 / 390));
    background: url("../images/icon/nav_arrow_left_white.svg") center /
      calc(100vw * (35 / 390)) no-repeat;
  }
  /* !medical center arew fin */
  .main_slider_section {
    margin-bottom: calc(100vw * (100 / 390));
    overflow-x: hidden;
  }
  .main_slider_section .title_container {
    margin-bottom: calc(100vw * (50 / 390));
    padding-bottom: 0;
    border: none;
  }
  .main_slider_section .video_slider_pagination {
    display: none;
  }
  .main_slider_section .video_slider .slide_inner {
    flex-direction: column;
    width: 100%;
  }
  .main_slider_section .video_slider .slide_img_wrap {
    width: 100%;
    height: calc(100vw * (247 / 390));
  }
  .main_slider_section .video_slider .swiper-slide-active .pc_img {
    display: none;
  }
  .main_slider_section .video_slider .swiper-slide-active .mb_img {
    display: block;
  }
  .main_slider_section .video_slider .slide_text_container {
    position: relative;
    order: 1;
    padding: calc(100vw * (40 / 390)) calc(100vw * (18 / 390));
  }
  .main_slider_section .video_slider .slide_title {
    margin-bottom: calc(100vw * (40 / 390));
    font-size: calc(100vw * (24 / 390));
  }
  .main_slider_section .video_slider .slide_title small {
    margin-top: calc(100vw * (10 / 390));
    font-size: calc(100vw * (16 / 390));
  }
  .main_slider_section .video_slider .slide_list_wrap,
  .main_slider_section .video_slider .slide_text {
    font-size: calc(100vw * (16 / 390));
    line-height: 1.5;
  }
  .main_slider_section .video_slider .slide_list_wrap {
    margin-bottom: calc(100vw * (40 / 390));
  }
  .main_slider_section .video_slider .slide_text {
    margin-bottom: calc(100vw * (33 / 390));
  }
  .main_slider_section .video_slider .view_more_button {
    font-size: calc(100vw * (14 / 390));
  }
  .main_slider_section .video_slider .view_more_button .icon_wrap {
    width: calc(100vw * (12 / 390));
    height: calc(100vw * (12 / 390));
    margin-left: calc(100vw * (3 / 390));
  }
  .main_slider_section .video_slider .swiper_navigation {
    top: calc(100vw * (283 / 390));
    left: auto;
    right: calc(100vw * (18 / 390));
    transform: translate(0);
    width: calc(100vw * (81 / 390));
  }
  .main_slider_section .video_slider .swiper-button-next,
  .main_slider_section .video_slider .swiper-button-prev {
    width: calc(100vw * (35 / 390));
    height: calc(100vw * (35 / 390));
  }
  .main_slider_section .video_slider .swiper-button-next {
    right: 0;
  }
  .main_slider_section .video_slider .swiper-button-prev {
    right: 0;
  }
  /* !main_slider_section area fin */
  .community_top {
    margin-bottom: calc(100vw * (130 / 390));
  }
  .community_top,
  .community_bottom {
    flex-direction: column;
  }
  .community_top > ul::after,
  .community_bottom > ul::after,
  .community_top::after,
  .community_bottom::after {
    display: none;
  }
  .main_case,
  .main_review {
    position: unset;
    margin-bottom: calc(100vw * (100 / 390));
    padding: calc(100vw * (60 / 390)) calc(100vw * (18 / 390));
    width: 100%;
    height: calc(100vw * (546 / 390));
  }
  .main_community {
    margin-bottom: calc(100vw * (215 / 390));
  }
  .case_list_wrap {
    margin-bottom: calc(100vw * (14 / 390));
  }
  .case_list_wrap,
  .review_list_wrap {
    width: calc(100vw * (354 / 390));
    margin: 0 auto;
    flex-direction: column;
    gap: calc(100vw * (80 / 390));
  }
  .main_case div:first-child,
  .main_review div:first-child {
    margin-bottom: calc(100vw * (10 / 390));
    font-size: calc(100vw * (20 / 390));
  }
  .main_case div:nth-child(2),
  .main_review div:nth-child(2) {
    margin-bottom: calc(100vw * (10 / 390));
    font-size: calc(100vw * (24 / 390));
  }
  .main_case p,
  .main_review p {
    margin-bottom: calc(100vw * (30 / 390));
    font-size: calc(100vw * (16 / 390));
    line-height: 1.5;
  }
  .community_list > span {
    padding-left: calc(100vw * (82 / 390));
    margin-bottom: calc(100vw * (20 / 390));
    font-size: calc(100vw * (18 / 390));
  }
  .community_list > span::before {
    width: calc(100vw * (67 / 390));
  }
  .case_list {
    width: 100%;
    height: calc(100vw * (405 / 390));
  }
  .case_list .community_image {
    margin-bottom: calc(100vw * (20 / 390));
    height: calc(100vw * (276 / 390));
  }
  .review_list {
    width: 100%;
    height: calc(100vw * (435 / 390));
  }
  .review_list .community_image {
    margin-bottom: calc(100vw * (20 / 390));
    height: calc(100vw * (276 / 390));
  }
  .community_txt {
    width: calc(100vw * (244 / 390));
  }
  .community_txt p {
    font-size: calc(100vw * (18 / 390));
  }
  .inform_tag span,
  .community_txt span {
    font-size: calc(100vw * (16 / 390));
  }
  .inform_tag ul {
    margin-top: calc(100vw * (10 / 390));
    gap: calc(100vw * (10 / 390));
  }
  .inform_tag li {
    width: auto;
    padding: 0 calc(100vw * (17 / 390));
    font-size: calc(100vw * (14 / 390));
  }
  .community_profile {
    width: calc(100vw * (65 / 390));
    height: calc(100vw * (65 / 390));
  }
  /* !community area fin */
  .mb_quick_menu {
    position: fixed;
    bottom: 0;
    display: flex;
    width: 100%;
    z-index: 11;
  }
  /*.mb_quick_menu button{width: 50%; height: calc(100vw*(80/390)); padding: calc(100vw*(24/390)) calc(100vw*(40/390)) calc(100vw*(24/390)) calc(100vw*(80/390)); font-size: calc(100vw*(20/390)); color: #fff;}*/
  /*.mb_quick_menu button:first-of-type{position: relative; background: url('../images/icon/icon_talk.svg') center left calc(100vw*(40/390)) / calc(100vw*(33/390)) no-repeat, #000048;}*/
  /*.mb_quick_menu button:first-of-type::after{content: ''; position: absolute; top: 0; right: 0; border-left: 1px solid #fff; opacity: .5; height: calc(100vw*(80/390));}*/
  /*.mb_quick_menu button:last-of-type{background: url('../images/icon/icon_call.svg') center left calc(100vw*(40/390)) / calc(100vw*(33/390)) no-repeat, #000048;}*/
  .mb_quick_menu button {
    width: 50%;
    height: calc(100vw * (80 / 390));
    padding: calc(100vw * (24 / 390)) calc(100vw * (40 / 390))
      calc(100vw * (24 / 390)) calc(100vw * (80 / 390));
    font-size: calc(100vw * (20 / 390));
    color: #fff;
  }
  .mb_quick_menu button {
    position: relative;
    background: url("../images/icon/icon_talk.svg") center left
        calc(100vw * (40 / 390)) / calc(100vw * (33 / 390)) no-repeat,
      #000048;
  }
  .mb_quick_menu button::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    border-left: 1px solid #fff;
    opacity: 0.5;
    height: calc(100vw * (80 / 390));
  }
  .mb_quick_menu a {
    width: 50%;
    height: calc(100vw * (80 / 390));
    padding: calc(100vw * (24 / 390)) calc(100vw * (40 / 390))
      calc(100vw * (24 / 390)) calc(100vw * (80 / 390));
    font-size: calc(100vw * (20 / 390));
    color: #fff;
  }
  .mb_quick_menu a {
    line-height: 1.5;
    background: url("../images/icon/icon_call.svg") center left
        calc(100vw * (40 / 390)) / calc(100vw * (33 / 390)) no-repeat,
      #000048;
  }

  .top_btn {
    display: block;
    top: auto;
    bottom: calc(100vw * (100 / 390));
    width: calc(100vw * (60 / 390));
    height: calc(100vw * (60 / 390));
  }
  .top_btn img:first-child {
    display: none;
  }
  .top_btn img:last-child {
    display: block;
  }
  /* ! quick button */
  /* ! main page fin */
  .brand_story .sub_banner {
    gap: calc(100vw * (50 / 390));
  }
  .story_describe {
    width: calc(100vw * (327 / 390));
    margin: 0 auto;
    align-items: flex-start;
  }
  /* !brand story main banner area */
  .brand_identity {
    margin-bottom: calc(100vw * (100 / 390));
  }
  .identity_list {
    flex-direction: column;
  }
  .identity_list .txt_content {
    width: 100%;
    height: auto;
  }
  .identity_list .img_content {
    width: 100%;
    height: calc(100vw * (305 / 390));
    order: -2;
  }
  .identity_list .txt_content:nth-child(2n-1),
  .identity_list .txt_content:nth-child(2n) {
    padding: calc(100vw * (62 / 390)) calc(100vw * (18 / 390));
  }
  .identity_list .txt_content:last-of-type {
    padding: calc(100vw * (103 / 390)) calc(100vw * (18 / 390));
  }
  .identity_list .txt_content div:first-child {
    margin-bottom: calc(100vw * (40 / 390));
    font-size: calc(100vw * (30 / 390));
  }
  .identity_list .txt_content span {
    display: block;
    margin-bottom: calc(100vw * (10 / 390));
    font-size: calc(100vw * (20 / 390));
  }
  .identity_list .txt_content li {
    font-size: calc(100vw * (20 / 390));
  }
  .identity_list .txt_content p {
    font-size: calc(100vw * (18 / 390));
    line-height: 1.33;
  }
  .identity_list:last-of-type p {
    margin-top: calc(100vw * (10 / 390));
    font-size: calc(100vw * (16 / 390));
    line-height: 1.5;
  }
  .identity_list:last-of-type .txt_content {
    padding: calc(100vw * (50 / 390)) calc(100vw * (18 / 390));
  }
  .identity_list .txt_content li:not(:last-child) {
    margin-bottom: calc(100vw * (20 / 390));
  }
  /* !brand identity area */
  .priciple {
    margin-bottom: calc(100vw * (100 / 390));
  }
  .priciple .title {
    margin-bottom: calc(100vw * (40 / 390));
  }
  .priciple_wrap {
    padding: 0;
  }
  .priciple_list {
    width: calc(100vw * (294 / 390));
    height: calc(100vw * (467 / 390));
  }
  .priciple_list .txt_content {
    margin-top: calc(100vw * (20 / 390));
  }
  .priciple_list .txt_content div {
    margin-bottom: calc(100vw * (15 / 390));
    padding-bottom: calc(100vw * (15 / 390));
    font-size: calc(100vw * (20 / 390));
  }
  .priciple_list .txt_content p {
    font-size: calc(100vw * (14 / 390));
  }
  .priciple_list .img_content {
    height: calc(100vw * (329 / 390));
  }
  /* !priciple slide area */
  .greeting {
    position: relative;
    padding: calc(100vw * (152 / 390)) 0 calc(100vw * (30 / 390));
    margin-bottom: calc(100vw * (100 / 390));
  }
  .greeting > div {
    flex-direction: column-reverse;
  }
  .greeting .txt_content {
    width: 100%;
  }
  .greeting .title {
    position: absolute;
    top: calc(100vw * (50 / 390));
    margin-bottom: calc(100vw * (14 / 390));
  }
  .greeting .describe p:first-child {
    margin-bottom: calc(100vw * (15 / 390));
    font-size: calc(100vw * (22 / 390));
    line-height: 1.23;
  }
  .greeting .describe p:nth-child(2) {
    margin-bottom: calc(100vw * (30 / 390));
    font-size: calc(100vw * (18 / 390));
  }
  .greeting .describe p:nth-child(3) {
    font-size: calc(100vw * (16 / 390));
  }
  .greeting .img_content {
    width: 100%;
    height: calc(100vw * (476 / 390));
    margin-bottom: calc(100vw * (40 / 390));
  }
  /* !greeting area */
  /* !brand story page fin*/
  .page_wrap.staff_intro {
    overflow: auto;
  }
  .staff_intro .title,
  .staff_detail .title {
    padding-bottom: calc(100vw * (30 / 390));
  }
  .staff_intro .title.guide_line {
    width: 100%;
    padding: 0 calc(100vw * (18 / 390)) calc(100vw * (30 / 390));
  }
  .staff_intro .wrap {
    padding-top: calc(100vw * (106 / 390));
    margin-top: calc(100vw * (-106 / 390));
  }
  .tab_category {
    width: 100%;
    padding: calc(100vw * (20 / 390)) calc(100vw * (18 / 390))
      calc(100vw * (30 / 390));
    gap: calc(100vw * (45 / 390));
    overflow-x: scroll;
  }
  .tab_category li {
    display: inline-block;
    flex-grow: 0;
    flex-shrink: 0;
    font-size: calc(100vw * (18 / 390));
  }
  .staff_intro_content.active {
    padding-top: calc(100vw * (220 / 390));
    margin-top: calc(100vw * (-220 / 390));
  }
  .staff_intro_content .inner {
    margin-bottom: calc(100vw * (100 / 390));
  }
  .staff_greeting {
    padding: calc(100vw * (50 / 390)) 0;
    flex-direction: column-reverse;
  }
  .staff_greeting_txt {
    padding-top: calc(100vw * (40 / 390));
    width: 100%;
  }
  .staff_greeting_txt div:first-child {
    margin-bottom: calc(100vw * (40 / 390));
    font-size: calc(100vw * (36 / 390));
  }
  .staff_greeting_txt div:nth-child(2) {
    font-size: calc(100vw * (26 / 390));
  }
  .staff_greeting_txt p {
    margin-top: calc(100vw * (20 / 390));
    font-size: calc(100vw * (16 / 390));
  }
  .staff_greeting_img {
    width: 100%;
    height: calc(100vw * (391 / 390));
    padding: 0;
  }
  .staff_service .staff_greeting_img {
    height: calc(100vw * (250 / 390));
  }
  .staff_service .subject_list {
    height: calc(100vw * (275 / 390));
  }
  .staff_service .medical_subject {
    margin: 0 auto;
  }
  /* !greeting area */
  .medical_subject {
    margin-bottom: 0;
  }
  .staff_title {
    margin-bottom: calc(100vw * (40 / 390));
    font-size: calc(100vw * (24 / 390));
  }
  .staff_title span {
    margin-bottom: calc(100vw * (10 / 390));
    font-size: calc(100vw * (20 / 390));
  }
  .subject_wrap {
    margin-bottom: calc(100vw * (100 / 390));
    width: 100%;
    height: calc(100vw * (300 / 390));
    overflow-x: scroll;
    overflow-y: hidden;
  }
  .subject_list {
    padding: 0;
    width: calc(100vw * (200 / 390));
    flex-grow: 0;
    flex-shrink: 0;
  }
  #tab01 .subject_wrap {
    height: calc(100vw * (420 / 390));
  }
  #tab01 .subject_list {
    height: 100%;
  }
  #tab02 .subject_list {
    height: calc(100vw * (302 / 390));
  }
  #tab03 .subject_list {
    height: calc(100vw * (324 / 390));
  }
  #tab04 .subject_list,
  #tab05 .subject_list {
    height: calc(100vw * (164 / 390));
  }
  .subject_list div:nth-child(2) {
    margin-bottom: calc(100vw * (15 / 390));
    font-size: calc(100vw * (22 / 390));
  }
  .subject_list div:nth-child(3) {
    margin-bottom: calc(100vw * (15 / 390));
    height: fit-content;
    font-size: calc(100vw * (16 / 390));
  }
  .subject_list li {
    font-size: calc(100vw * (14 / 390));
    line-height: 1.57;
  }
  .subject_list ul {
    opacity: 1;
  }
  .subject_icon {
    width: calc(100vw * (67 / 390));
    height: calc(100vw * (67 / 390));
    margin-bottom: calc(100vw * (15 / 390));
  }
  /* !subject area */
  .medical_staff {
    margin-bottom: calc(100vw * (94 / 390));
  }
  .medical_staff_wrap {
    width: calc(100vw * (354 / 390));
    gap: calc(100vw * (40 / 390));
    flex-wrap: unset;
    flex-direction: column;
  }
  .center .medical_staff_wrap {
    height: calc(100vw * (494 / 390));
    flex-direction: row;
    overflow: unset;
  }
  .medical_staff_list {
    width: 100%;
    height: calc(100vw * (585 / 390));
  }
  .center .medical_staff_list {
    width: calc(100vw * (290 / 390));
    height: 100%;
  }
  .medical_staff_list .img_content {
    height: calc(100vw * (405 / 390));
  }
  .center .medical_staff_list .img_content {
    height: calc(100vw * (332 / 390));
  }
  .medical_staff_list .detail_more {
    display: none;
  }
  .staff_inform {
    padding: calc(100vw * (25 / 390)) calc(100vw * (20 / 390));
    background: #000048;
  }
  .staff_inform div,
  .staff_inform a {
    opacity: 1;
    color: #fff;
  }
  .staff_inform div:first-of-type {
    margin-bottom: calc(100vw * (9 / 390));
    font-size: calc(100vw * (14 / 390));
  }
  .staff_inform div:nth-child(3) {
    margin-bottom: calc(100vw * (20 / 390));
    font-size: calc(100vw * (22 / 390));
  }
  .staff_inform div:nth-child(3) span {
    margin-left: calc(100vw * (8 / 390));
    font-size: calc(100vw * (16 / 390));
  }
  .staff_inform div:nth-child(4) {
    margin-bottom: calc(100vw * (15 / 390));
    font-size: calc(100vw * (16 / 390));
  }
  .staff_inform div:last-child {
    gap: calc(100vw * (10 / 390));
  }
  .staff_inform div:last-child span {
    padding: calc(100vw * (3 / 390)) calc(100vw * (20 / 390));
    font-size: calc(100vw * (14 / 390));
    color: #fff;
  }
  /* !medical staff area */
  /* !staff_intro page fin*/
  .staff_detail .wrap {
    padding-bottom: calc(100vw * (150 / 390));
  }
  .staff_detail_content .inner {
    margin-bottom: calc(100vw * (60 / 390));
  }
  .staff_detail_inform {
    flex-direction: column;
  }
  .staff_detail_txt {
    width: 100%;
    padding: calc(100vw * (30 / 390)) 0 calc(100vw * (50 / 390));
  }
  .staff_detail_txt a {
    margin-bottom: calc(100vw * (30 / 390));
    padding: calc(100vw * (8 / 390)) 0 calc(100vw * (8 / 390))
      calc(100vw * (40 / 390));
    font-size: calc(100vw * (16 / 390));
    background: url("../images/icon/icon_back_arrow.svg") center left /
      calc(100vw * (30 / 390)) no-repeat;
  }
  .staff_detai_title {
    margin-bottom: calc(100vw * (24 / 390));
    font-size: calc(100vw * (24 / 390));
  }
  .staff_name div:first-child {
    margin-bottom: calc(100vw * (5 / 390));
    font-size: calc(100vw * (18 / 390));
  }
  .staff_name div:nth-child(2) {
    margin-bottom: calc(100vw * (25 / 390));
    font-size: calc(100vw * (30 / 390));
  }
  .staff_name div:nth-child(3) {
    margin-bottom: calc(100vw * (13 / 390));
    font-size: calc(100vw * (24 / 390));
  }
  .staff_name ul {
    margin-bottom: calc(100vw * (40 / 390));
    gap: calc(100vw * (10 / 390));
  }
  .staff_name li {
    padding: calc(100vw * (8 / 390)) calc(100vw * (20 / 390));
    font-size: calc(100vw * (14 / 390));
  }
  .bailiwick,
  .Education {
    margin-bottom: calc(100vw * (20 / 390));
  }
  .inform_list div:first-of-type {
    font-size: calc(100vw * (18 / 390));
  }
  .inform_list div:last-of-type {
    margin-top: calc(100vw * (10 / 390));
  }
  .inform_list textarea {
    font-size: calc(100vw * (14 / 390));
  }
  .staff_detail_middle {
    margin-bottom: calc(100vw * (40 / 390));
  }
  .staff_detail_img.mb {
    display: block;
    width: calc(100vw * (323 / 390));
    height: calc(100vw * (369 / 390));
    margin: 0 auto;
  }
  .staff_detail_img img {
    object-fit: cover;
    height: auto;
  }
  .staff_detail_img {
    display: none;
  }
  /* !staff deatil page fin */
  .sub_banner {
    margin-bottom: calc(100vw * (60 / 390));
  }
  .center .sub_banner {
    margin-bottom: calc(100vw * (100 / 390));
  }
  .surgery .sub_banner {
    margin-bottom: calc(100vw * (80 / 390));
  }
  .sub_banner .title {
    margin-bottom: calc(100vw * (50 / 390));
  }
  .sub_banner .inner {
    width: 100%;
    flex-direction: column;
  }
  .sub_banner .txt_content {
    width: calc(100vw * (354 / 390));
    margin: 0 auto;
    padding-bottom: calc(100vw * (30 / 390));
  }
  .sub_banner .describe li {
    font-size: calc(100vw * (20 / 390));
    line-height: 1.5;
  }
  .sub_banner .describe li:not(:last-child) {
    margin-bottom: calc(100vw * (2 / 390));
  }
  .sub_banner .img_content {
    width: 100%;
    height: calc(100vw * (210 / 390));
  }
  /* !surgery mainBanner area */
  .system {
    padding: calc(100vw * (60 / 390)) 0;
  }
  .system .title {
    margin-bottom: calc(100vw * (40 / 390));
  }
  .system_content {
    height: auto;
    margin-bottom: calc(100vw * (50 / 390));
  }
  .shine_contact .system_content {
    width: calc(100vw * (180 / 390));
    margin: 0;
  }
  .system_img {
    display: none;
  }
  .system_img.mb {
    display: block;
    width: calc(100vw * (181 / 390));
    height: calc(100vw * (820 / 390));
    margin: 0 auto;
  }
  .system_wrap {
    top: 50%;
    width: 100%;
    height: calc(100vw * (820 / 390));
    padding: 0;
    flex-direction: column;
    justify-content: center;
  }
  .shine_contact .system_wrap {
    width: calc(100vw * (180 / 390));
  }
  .shine_contact .system_img.mb {
    margin: 0;
  }
  .system_list {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    height: calc(100vw * (160 / 390));
    font-size: calc(100vw * (20 / 390));
  }
  .system_describe {
    width: calc(100vw * (302 / 390));
    align-items: flex-start;
  }
  .system_describe li {
    font-size: calc(100vw * (20 / 390));
  }
  .system_describe li:nth-child(2) {
    padding: 0;
    text-align: center;
  }
  /* !surgery system area */
  .strength_list {
    flex-direction: column;
  }
  .surgery .strength_list .txt_content {
    height: calc(100vw * (350 / 390));
  }
  .strength_list .txt_content {
    width: 100%;
    height: auto;
  }
  .strength_list .img_content {
    width: 100%;
    height: calc(100vw * (305 / 390));
    order: -2;
  }
  .strength_list .txt_content:nth-child(2n-1),
  .strength_list .txt_content:nth-child(2n) {
    padding: calc(100vw * (51 / 390)) calc(100vw * (18 / 390));
  }
  .strength_list .txt_content div:first-child {
    margin-bottom: calc(100vw * (30 / 390));
    font-size: calc(100vw * (20 / 390));
  }
  .strength_list .txt_content div:first-child span {
    font-size: calc(100vw * (30 / 390));
  }
  .strength_list .txt_content div:last-child {
    font-size: calc(100vw * (24 / 390));
  }
  .strength_list .txt_content div:last-child p {
    margin-top: calc(100vw * (10 / 390));
    font-size: calc(100vw * (18 / 390));
    line-height: 1.33;
  }
  .strength_list:not(:first-child) .txt_content div:last-child p {
    margin-top: calc(100vw * (30 / 390));
  }
  /* !surgery strength area */
  .cooperate {
    padding: calc(100vw * (100 / 390)) 0;
  }
  .cooperate h2 {
    margin: 0 auto calc(100vw * (40 / 390));
    font-size: calc(100vw * (24 / 390));
    line-height: 1.16;
  }
  .cooperate_img {
    width: calc(100vw * (354 / 390));
    margin: 0 auto;
    flex-direction: column-reverse;
    gap: calc(100vw * (60 / 390));
  }
  .cooperate_img div:first-child {
    display: none;
  }
  .cooperate_img div:last-child {
    width: calc(100vw * (271 / 390));
    height: calc(100vw * (326 / 390));
  }
  .cooperate_img .mb {
    display: block;
    width: 100%;
    height: calc(100vw * (268 / 390));
  }
  /* !cooperate area */
  .surgery_pride {
    margin-bottom: calc(100vw * (100 / 390));
  }
  .pride_banner {
    height: calc(100vw * (780 / 390));
    background: url("../images/surgery/pride_banner_mb.jpg") center top /
        contain no-repeat,
      #010101;
  }
  .pride_banner::after {
    width: 100%;
    height: calc(100vw * (140 / 390));
    top: calc(100vw * (135 / 390));
    background: linear-gradient(360deg, #000000 27.08%, rgba(0, 0, 0, 0) 100%);
  }
  .surgery_pride .txt_content {
    width: calc(100vw * (354 / 390));
    top: calc(100vw * (260 / 390));
    margin: 0;
  }
  .surgery_pride .title {
    margin-bottom: calc(100vw * (40 / 390));
  }
  .surgery_pride .describe {
    width: 100%;
  }
  .surgery_pride .describe p:first-child {
    margin-bottom: calc(100vw * (30 / 390));
  }
  .surgery_pride .describe p {
    font-size: calc(100vw * (16 / 390));
  }
  /* !surgery pride area */
  .another_page {
    padding-bottom: calc(100vw * (150 / 390));
  }
  .another_page ul {
    flex-direction: column;
    gap: calc(100vw * (70 / 390));
  }
  .another_page .img_content {
    width: 100%;
    height: calc(100vw * (247 / 390));
    margin-bottom: calc(100vw * (20 / 390));
  }
  .another_page .txt_content {
    margin: 0;
    font-size: calc(100vw * (18 / 390));
  }
  .another_page .txt_content span {
    margin-top: calc(100vw * (5 / 390));
    font-size: calc(100vw * (22 / 390));
    background: url("../images/icon/more_arrow.svg") center right /
      calc(100vw * (20 / 390)) no-repeat;
  }
  /* !another page area */
  /* !surgery page fin*/
  .notice_board {
    padding-top: calc(100vw * (130 / 390));
  }
  .board_detail.guide_line {
    width: 100%;
  }
  .notice_board .news {
    padding-bottom: calc(100vw * (150 / 390));
  }
  .notice_board .news .title {
    margin-bottom: calc(100vw * (50 / 390));
  }
  .board_wrap {
    gap: calc(100vw * (60 / 390));
  }
  .board_content {
    position: relative;
  }
  .write_date {
    position: absolute;
    top: 0;
    right: 0;
  }
  .board_list {
    width: 100%;
  }
  .board_img {
    height: calc(100vw * (236 / 390));
    margin-bottom: calc(100vw * (20 / 390));
  }
  .case .board_img,
  .review .board_img {
    height: calc(100vw * (276 / 390));
  }
  .board_img span {
    top: calc(100vw * (20 / 390));
    left: calc(100vw * (20 / 390));
    width: calc(100vw * (66 / 390));
    padding: calc(100vw * (3 / 390)) 0;
    font-size: calc(100vw * (14 / 390));
    border-radius: calc(100vw * (50 / 390));
  }
  .board_txt {
    width: 100%;
  }
  .review .board_txt,
  .case .board_txt {
    width: calc(100vw * (250 / 390));
  }
  .review .board_content,
  .case .board_content {
    align-items: flex-end;
  }
  .review .community_profile,
  .case .community_profile {
    margin-bottom: calc(100vw * (4 / 390));
  }
  .board_content .community_profile {
    width: calc(100vw * (73 / 390));
    height: calc(100vw * (73 / 390));
  }
  .news .board_txt span {
    margin-bottom: calc(100vw * (10 / 390));
    font-size: calc(100vw * (16 / 390));
  }
  .board_txt p {
    height: calc(100vw * (25 / 390));
    font-size: calc(100vw * (18 / 390));
    line-height: 1.24;
  }
  .write_date {
    font-size: calc(100vw * (16 / 390));
  }
  /* !news page area fin */
  .shine_contact .sub_banner {
    gap: calc(100vw * (50 / 390));
  }
  .contact_describe {
    width: calc(100vw * (327 / 390));
    align-items: flex-start;
  }
  .banner_describe li {
    font-size: calc(100vw * (20 / 390));
    text-align: center;
  }
  .banner_describe li:nth-child(2) {
    padding-top: 0;
  }
  /* !shine contact main banner area */
  .shine_hours {
    margin-bottom: calc(100vw * (100 / 390));
    flex-direction: column;
  }
  .shine_hours > div {
    width: 100%;
  }
  .hours_left {
    padding: calc(100vw * (48 / 390)) calc(100vw * (18 / 390));
    display: flex;
    justify-content: space-between;
  }
  .shine_hours .title {
    margin-bottom: 0;
  }
  .hours_image {
    margin-left: 0;
    width: calc(100vw * (62 / 390));
    height: calc(100vw * (58 / 390));
  }
  .hours_right {
    padding: calc(100vw * (58 / 390)) calc(100vw * (18 / 390))
      calc(100vw * (67 / 390));
  }
  .hours_right div {
    margin-bottom: calc(100vw * (30 / 390));
    font-size: calc(100vw * (20 / 390));
  }
  .hours_right ul:nth-child(2) {
    margin-bottom: calc(100vw * (30 / 390));
  }
  .hours_right ul:nth-child(2) li {
    font-size: calc(100vw * (18 / 390));
  }
  .hours_right ul:nth-child(2) li:not(:last-child) {
    margin-bottom: calc(100vw * (16 / 390));
  }
  .hours_right ul:last-child li {
    font-size: calc(100vw * (16 / 390));
  }
  /* !/shine contact hours area */
  .contact_banner {
    margin-bottom: calc(100vw * (150 / 390));
    flex-direction: column;
  }
  .contact_banner .title {
    width: 100% !important;
    margin-bottom: calc(100vw * (40 / 390));
  }
  .contact_banner ul {
    gap: calc(100vw * (70 / 390));
    flex-direction: column;
  }
  .contact_banner .img_content {
    width: 100%;
    height: calc(100vw * (247 / 390));
    margin-bottom: calc(100vw * (20 / 390));
  }
  .contact_banner .txt_content {
    font-size: calc(100vw * (18 / 390));
  }
  .contact_banner .txt_content span {
    margin-top: calc(100vw * (5 / 390));
    font-size: calc(100vw * (22 / 390));
    background: url("../images/icon/more_arrow.svg") center right /
      calc(100vw * (20 / 390)) no-repeat;
  }
  /* !contact banner area */
  .shine_contact .system {
    margin-bottom: calc(100vw * (100 / 390));
  }
  .shine_contact .system .title {
    width: 100%;
  }
  .shine_contact .system > div {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .system_descibe_wrap {
    width: calc(100vw * (150 / 390));
    padding: 0;
    flex-direction: column;
    justify-content: space-evenly;
  }
  .system_descibe_wrap li {
    text-align: left;
  }
  .system_descibe_wrap span {
    margin-bottom: calc(100vw * (10 / 390));
    font-size: calc(100vw * (20 / 390));
  }
  .system_descibe_wrap p {
    font-size: calc(100vw * (14 / 390));
  }
  /* !contact system area */
  .directions {
    margin-bottom: calc(100vw * (100 / 390));
  }
  .directions .title {
    margin-bottom: calc(100vw * (23 / 390));
  }
  .contact_map {
    padding: calc(100vw * (10 / 390)) calc(100vw * (10 / 390))
      calc(100vw * (30 / 390));
    margin-bottom: calc(100vw * (80 / 390));
  }
  .root_daum_roughmap .wrap_map {
    height: calc(100vw * (260 / 390)) !important;
  }
  .map_txt {
    margin-top: calc(100vw * (20 / 390));
    gap: calc(100vw * (5 / 390));
    flex-direction: column;
    align-items: flex-start;
  }
  .map_txt div:first-child {
    font-size: calc(100vw * (18 / 390));
  }
  .map_txt div:last-child {
    font-size: calc(100vw * (14 / 390));
  }
  .parking {
    width: 100%;
  }
  .parking_title {
    margin-bottom: calc(100vw * (20 / 390));
    font-size: calc(100vw * (20 / 390));
  }
  .parking_img {
    margin-bottom: calc(100vw * (30 / 390));
    height: calc(100vw * (180 / 390));
  }
  .parking_describe {
    font-size: calc(100vw * (16 / 390));
  }
  /* !directions area */
  /* !shine contact page fin */
  .shine_entrance .sub_banner {
    gap: calc(100vw * (50 / 390));
  }
  .hospitalization {
    margin-bottom: calc(100vw * (67 / 390));
    padding: calc(100vw * (50 / 390)) 0 calc(100vw * (100 / 390));
  }
  .hospitalization .title {
    margin-bottom: calc(100vw * (40 / 390));
  }
  .hospitalization_wrap {
    flex-direction: column;
    margin-bottom: calc(100vw * (100 / 390));
    align-items: center;
    gap: calc(100vw * (50 / 390));
  }
  .hospitalization_list {
    width: calc(100vw * (254 / 390));
    padding: 0;
  }
  .hospitalization_list div:first-child {
    width: calc(100vw * (67 / 390));
    height: calc(100vw * (67 / 390));
    margin: 0 auto calc(100vw * (15 / 390));
  }
  .hospitalization_list div:nth-child(2) {
    padding-bottom: calc(100vw * (15 / 390));
    margin-bottom: calc(100vw * (15 / 390));
    font-size: calc(100vw * (20 / 390));
  }
  .hospitalization_list p {
    font-size: calc(100vw * (16 / 390));
    line-height: 1.5;
  }
  .hospitalization_list span {
    margin-top: calc(100vw * (5 / 390));
  }
  .kakao_guide_wrap div:first-child {
    margin-bottom: calc(100vw * (40 / 390));
    font-size: calc(100vw * (22 / 390));
  }
  .kakao_guide_wrap ul {
    flex-direction: column;
    align-items: center;
    gap: calc(100vw * (50 / 390));
  }
  .kakao_guide_list {
    width: calc(100vw * (326 / 390));
  }
  .kakao_guide_list div:first-child {
    margin-bottom: calc(100vw * (10 / 390));
    height: calc(100vw * (308 / 390));
  }
  .kakao_guide_list div:last-child {
    font-size: calc(100vw * (18 / 390));
  }
  .kakao_guide_list div:last-child span {
    margin-bottom: calc(100vw * (8 / 390));
  }
  /* ! hospitalization area*/
  .facility {
    margin-bottom: calc(100vw * (100 / 390));
  }
  .facility .title {
    margin-bottom: calc(100vw * (40 / 390));
  }
  .checkup .facility .title p {
    display: none;
  }
  .checkup .facility .title p.mb {
    display: block;
  }
  .facility_slide .swiper-slide {
    flex-direction: column;
  }
  .facility_slide .slide_img,
  .child_slide,
  .child_slide .swiper-slide {
    width: 100%;
    height: calc(100vw * (220 / 390));
  }
  .slide_txt {
    width: 100%;
    height: calc(100vw * (420 / 390));
    padding-top: calc(100vw * (35 / 390));
    align-items: flex-start;
  }
  .shine_entrance .slide_txt {
    height: calc(100vw * (380 / 390));
  }
  .slide_txt .inner > div:first-child {
    margin-bottom: calc(100vw * (10 / 390));
    font-size: calc(100vw * (22 / 390));
  }
  .slide_txt .slide_tag {
    margin-bottom: calc(100vw * (20 / 390));
    gap: calc(100vw * (10 / 390));
  }
  .slide_txt .slide_tag div {
    margin: 0;
    padding: calc(100vw * (5 / 390)) calc(100vw * (30 / 390));
    font-size: calc(100vw * (14 / 390));
  }
  .slide_txt p {
    padding-top: calc(100vw * (20 / 390));
    border-top: 1px solid #fff;
    width: calc(100vw * (354 / 390));
    font-size: calc(100vw * (16 / 390));
    line-height: 1.5;
  }
  .facility_slide .slide_txt .inner {
    padding: 0;
    margin: 0 auto;
    width: calc(100vw * (354 / 390));
  }
  .facility_slide .swiper-button-prev {
    top: calc(100vw * (110 / 390));
    width: calc(100vw * (35 / 390));
    height: calc(100vw * (35 / 390));
    margin-left: calc(100vw * (-160 / 390));
    background: url("../images/icon/nav_arrow_left_white.svg") center /
      calc(100vw * (35 / 390)) no-repeat;
  }
  .facility_slide .swiper-button-next {
    top: calc(100vw * (110 / 390));
    width: calc(100vw * (35 / 390));
    height: calc(100vw * (35 / 390));
    margin-left: calc(100vw * (160 / 390));
    background: url("../images/icon/nav_arrow_right_white.svg") center /
      calc(100vw * (35 / 390)) no-repeat;
  }
  .swiper-pagination-child {
    gap: calc(100vw * (16 / 390));
    bottom: calc(100vw * (10 / 390)) !important;
  }
  .swiper-pagination-child .swiper-pagination-bullet {
    width: calc(100vw * (10 / 390));
    height: calc(100vw * (10 / 390));
    border: calc(100vw * (2 / 390)) solid #fff;
  }
  /* !facility slide area */
  .meeting {
    margin-bottom: calc(100vw * (100 / 390));
  }
  .meeting_content {
    flex-direction: column;
  }
  .meeting .title {
    margin-bottom: calc(100vw * (40 / 390));
  }
  .meeting .txt_top {
    margin-bottom: calc(100vw * (30 / 390));
  }
  .meeting .txt_top p,
  .meeting .txt_content ul {
    margin-top: calc(100vw * (15 / 390));
  }
  .meeting .txt_content div {
    font-size: calc(100vw * (16 / 390));
  }
  .meeting .txt_top p,
  .meeting .txt_content li {
    font-size: calc(100vw * (16 / 390));
  }
  .meeting .txt_content li {
    line-height: 1.37;
  }
  .meeting_content .img_content {
    width: 100%;
    height: calc(100vw * (190 / 390));
    margin-bottom: calc(100vw * (40 / 390));
  }
  /* !meeting area */
  /* !shine entrance page fin */
  .shine_referral .sub_banner {
    gap: calc(100vw * (50 / 390));
  }
  .referral_describe {
    width: calc(100vw * (284 / 390));
    align-items: flex-start;
  }
  /* !main_banner area */
  .cooperation {
    width: calc(100vw * (309 / 390));
    margin: 0 auto calc(100vw * (100 / 390));
    flex-direction: column-reverse;
    gap: calc(100vw * (60 / 390));
  }
  .cooperation_left {
    width: 100%;
    font-size: calc(100vw * (24 / 390));
    text-align: center;
    line-height: 1.2;
  }
  .cooperation_right {
    width: calc(100vw * (271 / 390));
    height: calc(100vw * (326 / 390));
  }
  /* !cooperation area */
  .process {
    margin-bottom: calc(100vw * (100 / 390));
  }
  .process .inner {
    padding: calc(100vw * (50 / 390)) calc(100vw * (18 / 390));
    width: 100%;
  }
  .process .title {
    margin-bottom: calc(100vw * (71 / 390));
  }
  .process_content {
    padding-top: 0;
    gap: calc(100vw * (60 / 390));
    margin-bottom: calc(100vw * (60 / 390));
    flex-direction: column-reverse;
  }
  .process_left {
    padding: 0 0 0 calc(100vw * (50 / 390));
    width: 100%;
  }
  .process_left p {
    font-size: calc(100vw * (14 / 390));
  }
  .process_right {
    width: 100%;
    height: calc(100vw * (287 / 390));
  }
  .process_right img:first-of-type {
    display: none;
  }
  .process_right img:last-of-type {
    display: block;
  }
  .process_wrap {
    margin-bottom: calc(100vw * (10 / 390));
  }
  .process_wrap::before {
    top: calc(100vw * (10 / 390));
    left: calc(100vw * (-25 / 390));
  }
  .process_wrap li {
    font-size: calc(100vw * (18 / 390));
  }
  .process_wrap li::after {
    left: calc(100vw * (-32 / 390));
    width: calc(100vw * (14 / 390));
    height: calc(100vw * (14 / 390));
  }
  .process_wrap li:not(:last-child) {
    margin-bottom: calc(100vw * (40 / 390));
  }
  .process_describe {
    width: calc(100vw * (320 / 390));
  }
  .process_describe li:nth-child(2) {
    padding-top: 0;
  }
  /* ! process area */
  .shine_referral .contact_banner .title {
    margin-bottom: calc(100vw * (40 / 390));
  }
  .request_fin {
    width: 100%;
    padding: calc(100vw * (22 / 390)) 0;
    margin: calc(100vw * (50 / 390)) auto 0;
    font-size: calc(100vw * (18 / 390));
  }
  /* !shine referral page fin */
  .pancreas .sub_banner .img_content {
    width: 100%;
  }
  /* ! pancreas main banner */
  .reason {
    margin-bottom: calc(100vw * (100 / 390));
  }
  .reason .title {
    margin-bottom: calc(100vw * (34 / 390));
  }
  .reason .title span {
    display: none;
  }
  .reason_wrap {
    margin-bottom: calc(100vw * (50 / 390));
    flex-direction: column;
    gap: calc(100vw * (60 / 390));
  }
  .reason_list {
    width: 100%;
  }
  .reason_list .img_content {
    margin-bottom: calc(100vw * (20 / 390));
    height: calc(100vw * (247 / 390));
  }
  .reason_list .txt_content div:first-child {
    margin-bottom: calc(100vw * (15 / 390));
    padding-bottom: calc(100vw * (15 / 390));
    font-size: calc(100vw * (22 / 390));
  }
  .reason_list .txt_content div:last-child {
    font-size: calc(100vw * (16 / 390));
    line-height: 1.38;
  }
  .reason_fin {
    width: 100%;
    padding: calc(100vw * (18 / 390)) 0;
    font-size: calc(100vw * (16 / 390));
    line-height: 1.5;
  }
  /* ! pancreas reason area */
  .center_staff {
    margin-bottom: calc(100vw * (100 / 390));
  }
  .center_staff .title {
    margin-bottom: calc(100vw * (40 / 390));
  }
  .checkup .center_staff .title p {
    display: none;
  }
  .checkup .center_staff .title p.mb {
    display: block;
  }
  .center_staff .swiper-button-prev {
    margin-left: calc(100vw * (-500 / 390));
    background: url("../images/icon/nav_arrow_left.svg") center /
      calc(100vw * (68 / 390)) no-repeat;
  }
  .center_staff .swiper-button-next {
    margin-left: calc(100vw * (500 / 390));
    background: url("../images/icon/nav_arrow_right.svg") center /
      calc(100vw * (68 / 390)) no-repeat;
  }
  /* ! center_staff area */
  .surgery_guide {
    margin-bottom: calc(100vw * (100 / 390));
  }
  .surgery_guide .title {
    margin-bottom: calc(100vw * (30 / 390));
  }
  .surgery_guide .title p {
    display: none;
  }
  .surgery_guide .content,
  .program_guide .content {
    gap: calc(100vw * (60 / 390));
  }
  .program_guide .title p.mb {
    display: block;
    margin-top: calc(100vw * (10 / 390));
    font-size: calc(100vw * (16 / 390));
    font-weight: 400;
    line-height: 1.5;
  }
  .surgery_list {
    gap: calc(100vw * (40 / 390));
    justify-content: space-between;
    flex-direction: column;
  }
  .surgery_list:nth-child(2n) {
    flex-direction: column-reverse;
  }
  .surgery_list .surgery_img {
    width: 100%;
    height: calc(100vw * (329 / 390));
  }
  .surgery_list .surgery_txt {
    width: 100%;
    gap: calc(100vw * (30 / 390));
  }
  .surgery_txt .describe {
    width: 100%;
  }
  .surgery_txt .describe span {
    margin-bottom: calc(100vw * (10 / 390));
    font-size: calc(100vw * (20 / 390));
  }
  .surgery_txt .describe p {
    font-size: calc(100vw * (16 / 390));
    line-height: 1.5;
    letter-spacing: -0.02em;
  }
  .surgery_txt .describe p:not(:last-of-type) {
    margin-bottom: calc(100vw * (20 / 390));
  }
  /* !shine_surgery guide area */
  .shine_pride {
    margin-bottom: calc(100vw * (100 / 390));
  }
  .shine_pride .pride_banner {
    height: calc(100vw * (700 / 390));
    background: url("../images/pancreas/pride_banner_mb.jpg") center top /
        contain no-repeat,
      #010101;
  }
  .shine_pride .pride_banner::after {
    width: 100%;
    height: calc(100vw * (140 / 390));
    top: calc(100vw * (135 / 390));
    background: linear-gradient(360deg, #000000 27.08%, rgba(0, 0, 0, 0) 100%);
  }
  .pancreas .shine_pride .pride_banner,
  .cancer .shine_pride .pride_banner {
    height: calc(100vw * (795 / 390));
  }
  .joint .shine_pride .pride_banner {
    height: calc(100vw * (670 / 390));
  }
  .nerve .shine_pride .pride_banner {
    height: calc(100vw * (860 / 390));
  }
  .heart .shine_pride .pride_banner {
    height: calc(100vw * (750 / 390));
  }
  .cell .shine_pride .pride_banner {
    height: calc(100vw * (820 / 390));
  }
  .emergency .shine_pride .pride_banner {
    height: calc(100vw * (740 / 390));
  }
  .interventional .shine_pride .pride_banner {
    height: calc(100vw * (764 / 390));
  }
  /* !shine center pride banner */

  .shine_pride .txt_content {
    width: calc(100vw * (354 / 390));
    top: calc(100vw * (260 / 390)) !important;
    margin: 0 !important;
  }
  .heart .shine_pride .txt_content,
  .cell .shine_pride .txt_content,
  .emergency .shine_pride .txt_content,
  .interventional .shine_pride .txt_content {
    margin-left: 0;
  }
  .shine_pride .title {
    margin-bottom: calc(100vw * (40 / 390));
  }
  .center .shine_pride .describe {
    width: 100%;
  }
  .shine_pride .describe p:not(:last-of-type) {
    margin-bottom: calc(100vw * (30 / 390));
  }
  .shine_pride .describe p {
    font-size: calc(100vw * (16 / 390));
    font-weight: 500;
  }

  .hemodialysis .section2 {
    height: calc(100vw * (580 / 390));
    background: url("../images/hemodialysis/section2_img_mb.jpg") no-repeat
      center bottom / 100% calc(100vw * (210 / 390));
  }
  .hemodialysis .section2 .guide_line {
    width: 100%;
  }
  .hemodialysis .section2 .text_container {
    width: 100%;
    height: calc(100vw * (370 / 390));
    font-size: calc(100vw * (16 / 390));
    padding: 0 calc(100vw * (18 / 390));
  }
  .hemodialysis .section2 .text_container h3 {
    margin-bottom: calc(100vw * (40 / 390));
    font-size: calc(100vw * (20 / 390));
  }
  .hemodialysis .section2 .text_container h3 b {
    margin-top: calc(100vw * (10 / 390));
    font-size: calc(100vw * (24 / 390));
  }
  .hemodialysis .facility_section .text_container {
    order: 1;
    padding: calc(100vw * (49 / 390)) calc(100vw * (18 / 390));
    font-size: calc(100vw * (16 / 390));
    letter-spacing: -0.02em;
    line-height: 1.5;
  }
  .hemodialysis .facility_section .title {
    margin-bottom: calc(100vw * (40 / 390));
  }
  .hemodialysis .facility_section .list_wrap {
    margin-bottom: calc(100vw * (40 / 390));
  }
  .hemodialysis .facility_section .img_container {
    width: 100%;
    height: calc(100vw * (247 / 390));
  }
  .hemodialysis .facility_section.sub_banner .inner {
    gap: 0;
    width: 100%;
  }
  .hemodialysis .facility_section .img_container {
    width: 100%;
  }
  .hemodialysis .case_section {
    margin-bottom: calc(100vw * (100 / 390));
  }
  .hemodialysis .case_section .title {
    margin-bottom: calc(100vw * (34 / 390));
  }
  .hemodialysis .case_section .case_wrap {
    flex-direction: column;
    gap: calc(100vw * (50 / 390));
  }
  .hemodialysis .case_section .case_list .list_title {
    margin: calc(100vw * (15 / 390)) 0 calc(100vw * (10 / 390));
    font-size: calc(100vw * (22 / 390));
  }
  .hemodialysis .case_section .case_list .list_unit {
    font-size: calc(100vw * (16 / 390));
  }
  .hemodialysis .shine_pride .describe {
    width: calc(100vw * (658 / 390));
  }
  .hemodialysis .shine_pride .describe {
    width: 100%;
  }
  .hemodialysis .shine_pride .txt_content {
    transform: translateX(-50%);
  }
  .hemodialysis .shine_pride .pride_banner {
    height: calc(100vw * (870 / 390));
  }
  /* !hemodialysis page */
  /* !shine pride banner area */
  .pancreas .contact_banner .title {
    width: calc(100vw * (323 / 390));
    margin-bottom: calc(100vw * (40 / 390));
  }
  /* !shine pancrease center page */
  .joint .sub_banner .img_content {
    width: 100%;
  }
  /* !joint shine pride area */
  .checkup_banner {
    margin-bottom: calc(100vw * (100 / 390));
    flex-direction: column;
  }
  .checkup_banner .img_content {
    width: 100%;
    height: calc(100vw * (305 / 390));
  }
  .checkup_banner .txt_content {
    padding: calc(100vw * (42 / 390)) calc(100vw * (18 / 390));
  }
  .checkup_banner .title {
    width: calc(100vw * (320 / 390));
    margin-bottom: calc(100vw * (30 / 390));
  }
  .checkup_banner .title p {
    font-size: calc(100vw * (22 / 390));
  }
  .checkup_banner li {
    font-size: calc(100vw * (16 / 390));
  }
  /* !checkup banner */
  .checkup .reason_list .txt_content span {
    margin-bottom: calc(100vw * (5 / 390));
    font-size: calc(100vw * (16 / 390));
  }
  .age_check {
    margin-bottom: 0;
  }
  .age_check .title {
    margin-bottom: calc(100vw * (40 / 390));
  }
  .age_check_wrap {
    margin-bottom: calc(100vw * (100 / 390));
    flex-direction: column;
    gap: calc(100vw * (60 / 390));
  }
  .age_check_list {
    width: 100%;
  }
  .age_check_list .img_content {
    margin-bottom: calc(100vw * (20 / 390));
    height: calc(100vw * (247 / 390));
  }
  .age_check_list .txt_content div:first-child {
    margin-bottom: calc(100vw * (15 / 390));
    padding-bottom: calc(100vw * (15 / 390));
    font-size: calc(100vw * (22 / 390));
  }
  .age_check_list .txt_content div:last-child {
    font-size: calc(100vw * (20 / 390));
  }
  /* !age_check area */
  .check_list {
    margin-bottom: calc(100vw * (100 / 390));
    padding: calc(100vw * (38 / 390)) 0;
    background: url("../images/checkup/water_mark.png") bottom right
        calc(100vw * (-30 / 390)) / calc(100vw * (192 / 390)) no-repeat,
      #fafafa;
    flex-direction: column;
    align-items: flex-start;
  }
  .check_list .txt_content {
    width: calc(100vw * (233 / 390));
    margin-bottom: calc(100vw * (30 / 390));
  }
  .check_list .txt_content div:first-child {
    margin-bottom: calc(100vw * (10 / 390));
    font-size: calc(100vw * (22 / 390));
  }
  .check_list .txt_content div:last-child {
    font-size: calc(100vw * (16 / 390));
  }
  .list_content {
    width: 100%;
  }
  .list_content li {
    display: flex;
    align-items: center;
    height: calc(100vw * (54 / 390));
    padding: 0 0 0 calc(100vw * (65 / 390));
    font-size: calc(100vw * (14 / 390));
    background: url("../images/checkup/check_box.jpg") center left
      calc(100vw * (20 / 390)) / calc(100vw * (17 / 390)) no-repeat;
  }
  .list_content li:first-of-type {
    height: calc(100vw * (44 / 390));
    align-items: flex-start;
  }
  .list_content li::after {
    left: calc(100vw * (52 / 390));
    height: calc(100vw * (54 / 390));
  }
  /* !check_list area */
  .program_guide {
    position: relative;
    margin-bottom: calc(100vw * (50 / 390));
    overflow: scroll;
  }
  .program_guide .title {
    position: sticky;
    top: 0;
    left: 0;
    margin-bottom: calc(100vw * (20 / 390));
  }

  .program_guide table {
    width: calc(100vw * (1147 / 390));
    overflow: scroll;
  }
  .program_guide tr:first-child th {
    padding: calc(100vw * (16 / 390)) 0;
    font-size: calc(100vw * (20 / 390));
  }
  .program_guide tr:first-child th:nth-child(2) {
    width: calc(100vw * (160 / 390));
  }
  .program_guide .th {
    width: calc(100vw * (220 / 390));
    font-size: calc(100vw * (14 / 390));
  }
  .program_guide .th span {
    margin-bottom: calc(100vw * (5 / 390));
    font-size: calc(100vw * (18 / 390));
  }
  .program_guide tr:nth-child(2) .th {
    padding: calc(100vw * (152 / 390)) calc(100vw * (36 / 390))
      calc(100vw * (152 / 390)) calc(100vw * (36 / 390));
  }
  .program_guide tr:nth-child(6) .th {
    padding: calc(100vw * (42 / 390)) calc(100vw * (36 / 390))
      calc(100vw * (42 / 390)) calc(100vw * (36 / 390));
  }
  .program_guide tr:last-child .th {
    padding: calc(100vw * (15 / 390)) calc(100vw * (36 / 390));
  }
  .program_guide tr:nth-child(4) td:first-child {
    height: calc(100vw * (67 / 390));
  }
  .program_guide tr:nth-child(5) td:first-child,
  .program_guide tr:nth-child(7) td:first-child {
    height: calc(100vw * (52 / 390));
  }
  .program_guide tr:last-child td:first-of-type {
    height: calc(100vw * (100 / 390));
  }
  .program_guide td:first-of-type {
    font-size: calc(100vw * (16 / 390));
  }
  .program_guide tr:nth-of-type(2) td:first-of-type {
    height: calc(100vw * (97 / 390));
  }
  .program_guide td:not(:first-of-type) {
    padding-left: calc(100vw * (20 / 390));
  }
  .program_guide td:not(:first-of-type) ul {
    padding-left: calc(100vw * (20 / 390));
  }
  .program_guide td:not(:first-of-type) ul:first-child {
    margin-right: 0;
  }
  .program_guide td:not(:first-of-type) li::before {
    left: calc(100vw * (-17 / 390));
    width: calc(100vw * (4 / 390));
    height: calc(100vw * (4 / 390));
  }
  .checkup .surgery_guide {
    margin-bottom: calc(100vw * (100 / 390));
  }

  /* !program_guide arae */
  p.check_p {
    margin-top: calc(100vw * (30 / 390));
    width: 100%;
    font-size: calc(100vw * (20 / 390));
  }
  /* !contact area */
  /* !checkup page */
  .surgery_txt .describe p span {
    font-size: calc(100vw * (22 / 390));
  }
  /* !cat center page */
  .notice_board .review {
    padding-bottom: calc(100vw * (150 / 390));
  }
  .notice_board .review .title,
  .notice_board .case .title {
    margin-bottom: calc(100vw * (25 / 390));
  }
  .board_category {
    margin-bottom: calc(100vw * (20 / 390));
    gap: calc(100vw * (20 / 390));
  }
  .board_category li {
    font-size: calc(100vw * (16 / 390));
  }
  .review .board_txt p {
    font-weight: 400;
    -webkit-line-clamp: 1;
  }
  .review .inform_tag ul {
    margin-top: calc(100vw * (13 / 390));
  }
  /* !review page area fin */
  .notice_board .case {
    padding-bottom: calc(100vw * (214 / 390));
  }
  .case .board_txt p {
    font-weight: 400;
  }
  .case .board_txt span {
    font-size: calc(100vw * (16 / 390));
  }
  /* !case page area fin */
  .board_detail {
    padding-bottom: calc(100vw * (150 / 390));
  }
  .board_detail > a {
    width: calc(100vw * (354 / 390));
    margin: 0 auto calc(100vw * (30 / 390));
    padding: calc(100vw * (6 / 390)) 0 calc(100vw * (6 / 390))
      calc(100vw * (30 / 390));
    font-size: calc(100vw * (16 / 390));
    background: url("../images/icon/nav_arrow_left02.svg") center left /
      calc(100vw * (30 / 390)) no-repeat;
  }
  .news_detail .detail_title {
    width: 100%;
    padding-top: calc(100vw * (30 / 390));
  }
  .detail_wrap {
    width: 100%;
    margin: 0 auto calc(100vw * (30 / 390));
    flex-direction: column-reverse;
    padding: 0 calc(100vw * (18 / 390)) calc(100vw * (30 / 390));
    border-bottom: calc(100vw * (5 / 390)) solid #f6f6f6;
  }
  .detail_img {
    width: 100%;
    height: calc(100vw * (276 / 390));
  }
  .news_detail .detail_img {
    height: calc(100vw * (236 / 390));
  }
  .detail_date {
    width: calc(100vw * (145 / 390));
  }
  .detail_date span {
    margin-bottom: calc(100vw * (10 / 390));
    font-size: calc(100vw * (16 / 390));
    font-weight: 400;
  }
  .detail_title p {
    margin-bottom: calc(100vw * (10 / 390));
    font-size: calc(100vw * (19 / 390));
    word-break: break-all;
  }
  .detail_title > span {
    width: 100%;
    font-size: calc(100vw * (16 / 390));
  }
  .detail_content img {
    width: 100%;
  }
  .detail_content span {
    font-size: calc(100vw * (36 / 390));
    font-weight: 400;
  }
  /* !news_detail page area */
  .review_detail > a {
    margin-bottom: calc(100vw * (23 / 390));
  }
  .review_detail .detail_title {
    padding-top: calc(100vw * (30 / 390));
    width: 100%;
  }
  .review_detail .detail_title p:nth-child(2) {
    margin: 0 0 calc(100vw * (20 / 390));
    font-size: calc(100vw * (16 / 390));
  }
  /* !review_datail page area */
  .case_detail > a {
    margin-bottom: calc(100vw * (30 / 390));
  }
  .detail_profile {
    display: none;
    width: calc(100vw * (190 / 390));
    margin-bottom: calc(100vw * (20 / 390));
  }
  .detail_profile.mb {
    display: flex;
  }
  .detail_profile div {
    width: calc(100vw * (60 / 390));
    height: calc(100vw * (60 / 390));
  }
  .detail_profile span {
    font-size: calc(100vw * (18 / 390));
  }
  .case_detail .detail_title {
    padding-top: calc(100vw * (20 / 390));
    width: 100%;
  }
  .case_detail .detail_title p:nth-child(3) {
    margin: 0 0 calc(100vw * (20 / 390));
    font-size: calc(100vw * (16 / 390));
  }
  /* !case_detail page fin */
  .gallery_wrap {
    padding-top: calc(100vw * (130 / 390));
  }
  .gallery.guide_line {
    width: 100%;
  }
  .gallery_wrap .title h2 {
    margin-bottom: calc(100vw * (10 / 390));
    font-size: calc(100vw * (20 / 390));
  }
  .gallery_wrap .title p {
    font-size: calc(100vw * (24 / 390));
  }
  .gallery .main_tab_list_wrap {
    gap: calc(100vw * (20 / 390));
    font-size: calc(100vw * (18 / 390));
  }
  .gallery .section1 {
    margin-bottom: calc(100vw * (100 / 390));
  }
  .gallery .section1 .title {
    width: calc(100vw * (354 / 390));
    margin: 0 auto calc(100vw * (30 / 390));
  }
  .gallery .section1 .tab_container {
    flex-direction: column;
    align-items: flex-start;
    width: calc(100vw * (354 / 390));
    margin: 0 auto calc(100vw * (30 / 390));
    padding-bottom: calc(100vw * (30 / 390));
  }
  .gallery .section1 .main_tab_list_wrap {
    margin-bottom: calc(100vw * (25 / 390));
  }
  .gallery .section1 .sub_tab_list_wrap {
    gap: calc(100vw * (25 / 390));
    font-size: calc(100vw * (16 / 390));
  }
  .gallery .section1 .slider {
    width: calc(100vw * (354 / 390));
    margin: 0 auto calc(100vw * (20 / 390));
  }
  .gallery .section1 .slider .swiper-slide .img_wrap {
    width: calc(100vw * (354 / 390));
    height: calc(100vw * (167 / 390));
  }
  .gallery .section1 .slider .swiper-slide .img_text {
    height: calc(100vw * (30 / 390));
    padding: calc(100vw * (6 / 390)) calc(100vw * (15 / 390));
    font-size: calc(100vw * (14 / 390));
  }
  .gallery .section1 .slider .swiper-button-next,
  .gallery .section1 .slider .swiper-button-prev {
    width: calc(100vw * (24 / 390));
    height: calc(100vw * (24 / 390));
  }
  .gallery .section1 .slider .swiper-button-prev {
    left: calc(100vw * (15 / 390));
  }
  .gallery .section1 .slider .swiper-button-next {
    right: calc(100vw * (15 / 390));
  }
  .gallery .section1 .thumbnail .swiper-slide {
    width: calc(100vw * (92 / 390));
    height: calc(100vw * (42 / 390));
  }
  .gallery .section2 {
    width: calc(100vw * (354 / 390));
    margin: 0 auto;
    padding-bottom: calc(100vw * (212 / 390));
  }
  .gallery .section2 .top_container {
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: calc(100vw * (30 / 390));
    padding-bottom: calc(100vw * (30 / 390));
  }
  .gallery .section2 .top_container .title {
    margin-bottom: calc(100vw * (30 / 390));
  }
  .gallery .section2 .top_container .tab_container {
    width: 100%;
    overflow: auto;
  }
  .gallery .section2 .top_container .tab_container::-webkit-scrollbar {
    display: none;
  }
  .gallery .section2 .main_tab_list_wrap {
    gap: calc(100vw * (39 / 390));
  }
  .gallery .section2 .tab_content_list_wrap.active {
    gap: calc(100vw * (60 / 390));
  }
  .gallery .section2 .tab_content_list {
    width: 100%;
  }
  .gallery .section2 .tab_content_list .img_wrap {
    height: calc(100vw * (256 / 390));
    margin-bottom: calc(100vw * (18 / 390));
  }
  .gallery .section2 .tab_content_list .content_title {
    margin-bottom: calc(100vw * (10 / 390));
    font-size: calc(100vw * (20 / 390));
  }
  .gallery .section2 .tab_content_list .detail_list:not(:last-child) {
    margin-bottom: calc(100vw * (3 / 390));
  }
  .gallery .section2 .tab_content_list .detail_list {
    font-size: calc(100vw * (16 / 390));
  }
  /* gallery page */
  .video_center_wrap {
    padding-top: calc(100vw * (120 / 390));
    overflow: hidden;
  }
  .video_center_wrap .title h2 {
    margin-bottom: calc(100vw * (10 / 390));
    font-size: calc(100vw * (20 / 390));
  }
  .video_center_wrap .title p {
    font-size: calc(100vw * (24 / 390));
  }
  .video_center_wrap .sub_banner .inner {
    width: 100%;
  }
  .video_center .section1 {
    padding: 0 0 calc(100vw * (100 / 390));
  }
  .video_center .section2 {
    height: calc(100vw * (580 / 390));
    background: url("../images/video_center/section2_img_mb.png") no-repeat
      center bottom / 100% calc(100vw * (210 / 390));
  }
  .video_center .section2 .guide_line {
    width: 100%;
  }
  .video_center .section2 .text_container {
    width: 100%;
    height: calc(100vw * (370 / 390));
    font-size: calc(100vw * (16 / 390));
    padding: 0 calc(100vw * (18 / 390));
  }
  .video_center .section2 .text_container h3 {
    margin-bottom: calc(100vw * (40 / 390));
    font-size: calc(100vw * (20 / 390));
  }
  .video_center .section2 .text_container h3 b {
    margin-top: calc(100vw * (10 / 390));
    font-size: calc(100vw * (24 / 390));
  }
  .video_center .section3 {
    padding: calc(100vw * (100 / 390)) 0;
  }
  .video_center .section3 .title {
    margin-bottom: calc(100vw * (34 / 390));
  }
  .video_center .section3 .list_wrap {
    flex-direction: column;
    gap: calc(100vw * (60 / 390));
  }
  .video_center .section3 .list {
    width: 100%;
  }
  .video_center .section3 .list .img_container {
    height: calc(100vw * (247 / 390));
    margin-bottom: calc(100vw * (20 / 390));
  }
  .video_center .section3 .list .list_title {
    font-size: calc(100vw * (22 / 390));
    margin-bottom: calc(100vw * (15 / 390));
    padding-bottom: calc(100vw * (15 / 390));
  }
  .video_center .section3 .list .list_text {
    font-size: calc(100vw * (16 / 390));
  }
  .video_center .section4 .text_container,
  .video_center .section7 .text_container {
    order: 1;
    padding: calc(100vw * (49 / 390)) calc(100vw * (18 / 390));
    font-size: calc(100vw * (16 / 390));
    letter-spacing: -0.02em;
    line-height: 1.5;
  }
  .video_center .section4 .title,
  .video_center .section7 .title {
    margin-bottom: calc(100vw * (40 / 390));
  }
  .video_center .section4 .list_wrap,
  .video_center .section7 .list_wrap {
    margin-bottom: calc(100vw * (40 / 390));
  }
  .video_center .section4 .img_container,
  .video_center .section7 .img_container {
    width: 100%;
    height: calc(100vw * (247 / 390));
  }
  .video_center .section7.sub_banner .inner {
    gap: 0;
  }
  .video_center .section7 .img_container {
    width: 100%;
  }
  .video_center .section5,
  .video_center .section8 {
    padding: calc(100vw * (100 / 390)) 0;
  }
  .video_center .section5.guide_line,
  .video_center .section8.guide_line {
    width: 100%;
  }
  .video_center .section5 .title,
  .video_center .section8 .title {
    margin: 0 calc(100vw * (18 / 390)) calc(100vw * (34 / 390));
  }
  .video_center .section5 .list_wrap,
  .video_center .section8 .list_wrap {
    gap: calc(100vw * (18 / 390));
    padding: 0 calc(100vw * (18 / 390));
    overflow: auto;
  }
  .video_center .section5 .list,
  .video_center .section8 .list {
    flex-shrink: 0;
    width: calc(100vw * (151 / 390));
  }
  .video_center .section5 .list .img_container,
  .video_center .section8 .list .img_container {
    width: calc(100vw * (90 / 390));
    padding-bottom: calc(100vw * (12 / 390));
    border-bottom: calc(100vw * (3 / 390)) solid #222;
  }
  .video_center .section5 .list .img_wrap,
  .video_center .section8 .list .img_wrap {
    width: calc(100vw * (50 / 390));
    height: calc(100vw * (50 / 390));
  }
  .video_center .section5 .list .list_title,
  .video_center .section8 .list .list_title {
    margin: calc(100vw * (25 / 390)) 0 calc(100vw * (15 / 390));
    font-size: calc(100vw * (22 / 390));
  }
  .video_center .section5 .list .list_title small,
  .video_center .section8 .list .list_title small {
    font-size: calc(100vw * (16 / 390));
  }
  .video_center .section5 .list .detail_list,
  .video_center .section8 .list .detail_list {
    font-size: calc(100vw * (16 / 390));
    line-height: 1.37;
  }
  .video_center .section6,
  .video_center .section9 {
    padding-bottom: calc(100vw * (100 / 390));
  }
  .video_center .section6 .title,
  .video_center .section9 .title {
    margin-bottom: calc(100vw * (34 / 390));
  }
  .video_center .section6 .list_wrap,
  .video_center .section9 .list_wrap {
    flex-direction: column;
    gap: calc(100vw * (60 / 390));
  }
  .video_center .section6 .list,
  .video_center .section9 .list {
    width: 100%;
  }
  .video_center .section6 .img_container,
  .video_center .section9 .img_container {
    height: calc(100vw * (312 / 390));
    margin-bottom: calc(100vw * (20 / 390));
  }
  .video_center .section6 .list_title,
  .video_center .section9 .list_title {
    font-size: calc(100vw * (22 / 390));
  }
  .video_center .section10 {
    padding-bottom: calc(100vw * (100 / 390));
  }
  .video_center .section10 .title {
    margin-bottom: calc(100vw * (70 / 390));
  }
  .video_center .section10 .text_container {
    flex-direction: column;
    gap: calc(100vw * (60 / 390));
  }
  .video_center .section10 .list_wrap {
    order: 1;
    margin-left: calc(100vw * (26 / 390));
    padding-left: calc(100vw * (22 / 390));
  }
  .video_center .section10 .list_wrap::before {
    top: calc(100vw * (7 / 390));
    height: calc(100vw * (683 / 390));
  }
  .video_center .section10 .list:not(:last-child) {
    margin-bottom: calc(100vw * (40 / 390));
  }
  .video_center .section10 .list .list_title {
    margin-bottom: calc(100vw * (10 / 390));
    font-size: calc(100vw * (18 / 390));
  }
  .video_center .section10 .list .list_title::before {
    left: calc(100vw * (-29 / 390));
    width: calc(100vw * (14 / 390));
    height: calc(100vw * (14 / 390));
  }
  .video_center .section10 .list .list_text {
    font-size: calc(100vw * (14 / 390));
    line-height: 1.42;
  }
  .video_center .section10 .img_wrap {
    width: 100%;
    height: calc(100vw * (330 / 390));
  }
  .video_center .section11 {
    height: calc(100vw * (535 / 390));
    background: url("../images/video_center/section11_img_mb.png") no-repeat
      center / cover;
  }
  .video_center .section11 .text_container {
    top: auto;
    bottom: 0;
    left: 0;
    transform: translate(0);
    padding: calc(100vw * (35 / 390)) calc(100vw * (18 / 390));
    font-size: calc(100vw * (16 / 390));
    line-height: 1.5;
  }
  .video_center .section11 .title {
    margin-bottom: calc(100vw * (40 / 390));
  }
  .video_center .section12 {
    padding: calc(100vw * (100 / 390)) 0 calc(100vw * (150 / 390));
  }
  .video_center .section12.contact_banner .time_guide .img_content .icon_wrap {
    width: calc(100vw * (100 / 390));
    height: calc(100vw * (100 / 390));
  }
  .video_center .section12.contact_banner .time_guide .txt_content {
    line-height: 1.44;
  }
  .video_center .section12.contact_banner .time_guide .txt_content span {
    margin-bottom: 0;
  }
  /* video_center page */
  /* ----- cat_center ----- */
  .page_wrap.cat_center {
    padding-top: calc(100vw * (81 / 390));
  }
  .cat_center .pc_br {
    display: none;
  }
  .cat_center .title h2 {
    margin-bottom: calc(100vw * (10 / 390));
    font-size: calc(100vw * (20 / 390));
  }
  .cat_center .title p {
    font-size: calc(100vw * (24 / 390));
  }
  .cat_center section:not(.section01, .section07, .section11) {
    margin-bottom: calc(100vw * (100 / 390));
  }
  /* section01 */
  .cat_center .section01 {
    height: calc(100vw * (567 / 390));
    margin-bottom: calc(100vw * (60 / 390));
  }
  .cat_center .section01 .banner_text {
    top: auto;
    bottom: calc(100vw * (168 / 390));
    width: calc(100vw * (320 / 390));
  }
  .cat_center .section01 .banner_text .sub_text {
    margin-bottom: calc(100vw * (15 / 390));
    font-size: calc(100vw * (20 / 390));
  }
  .cat_center .section01 .banner_text .main_text {
    font-size: calc(100vw * (26 / 390));
  }
  /* section02 */
  .cat_center .section02 .text {
    gap: calc(100vw * (10 / 390));
    margin-bottom: calc(100vw * (60 / 390));
    font-size: calc(100vw * (20 / 390));
    text-align: center;
    line-height: 1.3;
  }
  .cat_center .section02 .text > div {
    margin-top: calc(100vw * (-5 / 390));
  }
  .cat_center .section02 .staff_container {
    position: relative;
    flex-direction: column;
  }
  .cat_center .section02 .staff_container .title {
    margin-bottom: calc(100vw * (20 / 390));
  }
  .cat_center .section02 .staff_container .description {
    margin-bottom: calc(100vw * (499 / 390));
    font-size: calc(100vw * (16 / 390));
  }
  .cat_center .section02 .staff_container .tag {
    margin-bottom: calc(100vw * (10 / 390));
    padding: calc(100vw * (4 / 390)) calc(100vw * (14 / 390));
    border-radius: calc(100vw * (14 / 390));
    font-size: calc(100vw * (16 / 390));
  }
  .cat_center .section02 .staff_container .staff_name {
    gap: calc(100vw * (10 / 390));
    margin-bottom: calc(100vw * (20 / 390));
    font-size: calc(100vw * (24 / 390));
  }
  .cat_center .section02 .staff_container .staff_name span {
    font-size: calc(100vw * (16 / 390));
  }
  .cat_center .section02 .staff_container .career_list_wrap {
    margin-bottom: calc(100vw * (30 / 390));
    letter-spacing: -0.02em;
  }
  .cat_center .section02 .staff_container .career_list {
    font-size: calc(100vw * (16 / 390));
  }
  .cat_center .section02 .staff_container .career_list:nth-of-type(2) {
    margin-bottom: calc(100vw * (20 / 390));
  }
  .cat_center .section02 .staff_container .img_wrap {
    position: absolute;
    top: calc(100vw * (238 / 390));
    left: 50%;
    transform: translateX(-50%);
    width: calc(100vw * (272 / 390));
    height: calc(100vw * (429 / 390));
  }
  .cat_center .section02 .staff_container .img_wrap::after {
    left: 50%;
    right: auto;
    transform: translateX(-50%);
    width: calc(100vw * (390 / 390));
    height: calc(100vw * (264 / 390));
  }
  /* section03 */
  .cat_center .section03 {
    height: calc(100vw * (628 / 390));
    background: url("../images/cat/img_section03_mb.png") no-repeat center
      bottom / 100% calc(100vw * (210 / 390));
  }
  .cat_center .section03 .guide_line {
    width: 100%;
  }
  .cat_center .section03 .text_container {
    width: 100%;
    height: calc(100vw * (418 / 390));
    font-size: calc(100vw * (16 / 390));
    padding: 0 calc(100vw * (18 / 390));
  }
  .cat_center .section03 .text_container h3 {
    margin-bottom: calc(100vw * (40 / 390));
    font-size: calc(100vw * (20 / 390));
  }
  .cat_center .section03 .text_container h3 b {
    margin-top: calc(100vw * (10 / 390));
    font-size: calc(100vw * (24 / 390));
  }
  /* section04 */
  .cat_center .section04 .title {
    margin-bottom: calc(100vw * (40 / 390));
  }
  .cat_center .section04 .list_wrap {
    flex-direction: column;
    gap: calc(100vw * (71 / 390));
  }
  .cat_center .section04 .list {
    width: 100%;
  }
  .cat_center .section04 .list .img_container {
    height: calc(100vw * (247 / 390));
    margin-bottom: calc(100vw * (20 / 390));
  }
  .cat_center .section04 .list .list_title {
    font-size: calc(100vw * (22 / 390));
    margin-bottom: calc(100vw * (15 / 390));
    padding-bottom: calc(100vw * (15 / 390));
  }
  .cat_center .section04 .list .list_text {
    font-size: calc(100vw * (16 / 390));
  }
  /* section05 */
  .cat_center .section05 .title_container {
    flex-direction: column;
    align-items: flex-start;
    gap: calc(100vw * (30 / 390));
    margin-bottom: calc(100vw * (40 / 390));
  }
  .cat_center .section05 .title_text {
    font-size: calc(100vw * (14 / 390));
  }
  .cat_center .section05 .grid_container {
    flex-direction: column;
    gap: calc(100vw * (14 / 390));
  }
  .cat_center .section05 .left,
  .cat_center .section05 .right {
    flex-direction: column;
    gap: calc(100vw * (14 / 390));
  }
  .cat_center .section05 .grid_container .img_wrap:not(.first)::after {
    height: calc(100vw * (50 / 390));
  }
  .cat_center .section05 .grid_container .infrastructuret_text {
    bottom: calc(100vw * (17 / 390));
    left: calc(100vw * (20 / 390));
    font-size: calc(100vw * (14 / 390));
  }
  /* section06 */
  .cat_center .section06 .container {
    flex-direction: column;
  }
  .cat_center .section06 .container:first-child {
    flex-direction: column-reverse;
  }
  .cat_center .section06 .container .text_container {
    width: 100%;
    letter-spacing: -0.02em;
  }
  .cat_center .section06 .container:first-child .text_container {
    padding: calc(100vw * (49 / 390)) calc(100vw * (18 / 390));
  }
  .cat_center .section06 .container:last-child .text_container {
    padding: calc(100vw * (49 / 390)) calc(100vw * (18 / 390));
  }
  .cat_center .section06 .text_container .title {
    margin-bottom: calc(100vw * (40 / 390));
  }
  .cat_center .section06 .text_container .list_wrap,
  .cat_center .section06 .text_container .description {
    font-size: calc(100vw * (16 / 390));
    line-height: 1.5;
  }
  .cat_center .section06 .text_container .list_wrap {
    margin-bottom: calc(100vw * (40 / 390));
  }
  .cat_center .section06 .img_wrap {
    width: 100%;
    height: calc(100vw * (247 / 390));
  }
  /* section07 */
  .cat_center .section07 {
    margin-bottom: calc(100vw * (100 / 390));
  }
  .cat_center .section07 .container:not(:last-child) {
    margin-bottom: calc(100vw * (100 / 390));
  }
  .cat_center .section07 .title {
    margin-bottom: calc(100vw * (34 / 390));
  }
  .cat_center .section07 .list_wrap {
    gap: calc(100vw * (20 / 390));
    overflow: auto;
  }
  .cat_center .section07 .list {
    flex: none;
    width: calc(100vw * (170 / 390));
  }
  .cat_center .section07 .list .img_wrap {
    width: calc(100vw * (50 / 390));
    height: calc(100vw * (50 / 390));
    margin-bottom: calc(100vw * (5 / 390));
  }
  .cat_center .section07 .list .detail_title {
    margin-bottom: calc(100vw * (15 / 390));
    padding-top: calc(100vw * (28 / 390));
    font-size: calc(100vw * (22 / 390));
  }
  .cat_center .section07 .list .detail_title::before {
    width: calc(100vw * (70 / 390));
    height: calc(100vw * (3 / 390));
  }
  .cat_center .section07 .list .detail_list {
    font-size: calc(100vw * (16 / 390));
  }
  /* section08 */
  .cat_center .section08 .title {
    margin-bottom: calc(100vw * (40 / 390));
  }
  .cat_center .section08 .list_wrap {
    gap: calc(100vw * (60 / 390));
  }
  .cat_center .section08 .list {
    width: 100%;
  }
  .cat_center .section08 .list .img_wrap {
    width: 100%;
    height: calc(100vw * (313 / 390));
    margin-bottom: calc(100vw * (20 / 390));
  }
  .cat_center .section08 .list .detail_title {
    font-size: calc(100vw * (22 / 390));
  }
  /* section09  */
  .cat_center .section09 .pride_banner {
    height: calc(100vw * (616 / 390));
    background: url("../images/pancreas/pride_banner_mb.jpg") center top /
        contain no-repeat,
      #010101;
  }
  .cat_center .section09 .pride_banner::after {
    width: 100%;
    height: calc(100vw * (140 / 390));
    top: calc(100vw * (135 / 390));
    background: linear-gradient(360deg, #000000 27.08%, rgba(0, 0, 0, 0) 100%);
  }
  .cat_center .section09 .txt_content {
    top: auto;
    bottom: calc(100vw * (40 / 390));
    transform: translateX(-50%);
    width: calc(100vw * (354 / 390));
    margin: 0;
  }
  .cat_center .section09 .title {
    margin-bottom: calc(100vw * (40 / 390));
  }
  .cat_center .section09 .describe {
    width: 100%;
  }
  .cat_center .section09 .describe p {
    font-size: calc(100vw * (16 / 390));
  }
  /* section10 */
  .cat_center .section10 {
    flex-direction: column;
    gap: 0;
    height: auto;
  }
  .cat_center .section10 .root_daum_roughmap {
    width: 100% !important;
  }
  .cat_center .section10 .root_daum_roughmap .wrap_map {
    width: 100%;
    height: calc(100vw * (220 / 390)) !important;
  }
  .cat_center .section10 .txt_content {
    width: 100%;
    padding: calc(100vw * (40 / 390)) calc(100vw * (18 / 390));
  }
  .cat_center .section10 .title {
    margin-bottom: calc(100vw * (30 / 390));
  }
  .cat_center .section10 .title p {
    font-size: calc(100vw * (24 / 390));
  }
  .cat_center .section10 .address {
    width: 100%;
    gap: calc(100vw * (36 / 390));
    padding: calc(100vw * (21 / 390)) calc(100vw * (5 / 390));
    margin-bottom: calc(100vw * (30 / 390));
  }
  .cat_center .section10 .address li {
    font-size: calc(100vw * (18 / 390));
  }
  .cat_center .section10 .address li:last-of-type {
    width: calc(100vw * (259 / 390));
  }
  .cat_center .section10 .address li p {
    margin-top: calc(100vw * (9 / 390));
    font-size: calc(100vw * (16 / 390));
    line-height: 1.5;
  }
  .cat_center .section10 .address li:first-of-type {
    width: calc(100vw * (48 / 390));
    height: calc(100vw * (48 / 390));
  }
  .cat_center .section10 .address li:first-of-type::after {
    height: calc(100vw * (47 / 390));
    margin-left: calc(100vw * (40 / 390));
  }
  .cat_center .section10 .tel {
    margin-bottom: calc(100vw * (30 / 390));
    font-size: calc(100vw * (34 / 390));
  }
  .cat_center .section10 .inform > ul {
    gap: calc(100vw * (35 / 390));
  }
  .cat_center .section10 .inform > ul > li:first-of-type {
    width: calc(100vw * (113 / 390));
  }
  .cat_center .section10 .inform .third {
    flex-direction: column;
    gap: calc(100vw * (20 / 390));
  }
  .cat_center .section10 .first li:first-of-type {
    padding-bottom: calc(100vw * (10 / 390));
  }
  .cat_center .section10 .first li,
  .cat_center .section10 .third li {
    font-size: calc(100vw * (20 / 390));
  }
  .cat_center .section10 .second {
    margin-bottom: calc(100vw * (30 / 390));
  }
  .cat_center .section10 .second li {
    font-size: calc(100vw * (16 / 390));
  }
  .cat_center .section10 .third .inner li {
    font-size: calc(100vw * (20 / 390));
  }
  .cat_center .section10 .third .inner li:nth-of-type(3) {
    margin-bottom: calc(100vw * (10 / 390));
  }
  .cat_center .section10 .third .inner li:nth-of-type(4),
  .cat_center .section10 .third .inner li:last-of-type {
    font-size: calc(100vw * (16 / 390));
  }
  /* section11 */
  .cat_center .section11 {
    margin: 0 auto calc(100vw * (152 / 390));
    gap: calc(100vw * (60 / 390));
    flex-direction: column;
  }
  .cat_center .section11 .parking {
    width: 100%;
  }
  .cat_center .section11 .parking_img {
    margin-bottom: calc(100vw * (20 / 390));
    height: calc(100vw * (220 / 390));
  }
  .cat_center .section11 .parking_describe {
    font-size: calc(100vw * (16 / 390));
  }
  .cat_center .section11 .img_content {
    width: 100%;
    height: calc(100vw * (220 / 390));
    margin-bottom: calc(100vw * (17 / 390));
  }
  .cat_center .section11 .txt_content {
    font-size: calc(100vw * (16 / 390));
  }
  .cat_center .section11 .txt_content span {
    margin-top: calc(100vw * (10 / 390));
    font-size: calc(100vw * (24 / 390));
    background: url("../images/icon/next_arrow.svg") center right /
      calc(100vw * (35 / 390)) no-repeat;
  }
}