.wrap[max="1360"]{max-width: 1360px;}
.wrap[max="1098"]{max-width: 1098px;}
.wrap[max="1710"]{max-width: 1710px;}


.pc_block{display: block;}
.pc_none{display: none;}

.block_768{display: block;}
.none_768{display: none;}

@media screen and (max-width: 600px) {
  .pc_block{display: none;}
  .pc_none{display: block;}
}

@media screen and (max-width: 768px) {
    .block_768{display: none;}
    .none_768{display: block;}
}

/* #header.wh_port_sec{background: rgba(255, 255, 255, 0.8);}
#header.wh_port_sec .gnb > li > a{color: #4b4b4b;} */

.port_fixed_group{position: absolute;top: 0;left: 0;width: 100%;z-index: 1;height: 100%;}
.port_fixed_round_group{width: 100%;height: 100%;overflow: hidden;}
.round_group_line_group{height: calc(100% / 6);}
.round_group_line_group_con{display: flex;height: 100%;width: 100%;}
.line_bx_con{width: calc(100% / 34);display: flex;position: relative;}
.line_bx{opacity: 0; position: absolute;height: 20%;bottom: 0;left: 0; width: 100%;background-color: #070606;border-radius: 50px 50px 0 0;}
.line_bx_con:nth-child(2n) .line_bx{height: 100%; top: auto;bottom: 0;}


.round_group_line_group:nth-child(1) .line_bx_con:nth-child(2n) .line_bx{border-radius: 0 ;}
.round_group_line_group:nth-child(2n-1) .line_bx{}

.round_group_line_group:nth-child(2n-1) .line_bx_con:nth-child(2n) .line_bx{transition: 1s ease-in-out;}
.port_on .round_group_line_group:nth-child(2n-1) .line_bx_con:nth-child(2n) .line_bx{opacity: 1;}

.round_group_line_group:nth-child(2n-1) .line_bx_con:nth-child(2n-1) .line_bx{transition: 1s ease-in-out;}
.port_on .round_group_line_group:nth-child(2n-1) .line_bx_con:nth-child(2n-1) .line_bx{height: 130%;opacity: 1;}

.round_group_line_group:nth-child(2n) .line_bx{border-radius: 0px 0px 50px 50px;height: 100%;}

.round_group_line_group:nth-child(2n) .line_bx_con:nth-child(2n) .line_bx{transition: 1s ease-in-out; height: 20%;bottom: auto;top: 0;border-radius: 0 0 50px 50px;}
.port_on .round_group_line_group:nth-child(2n) .line_bx_con:nth-child(2n) .line_bx{height: 130%;opacity: 1;}

.round_group_line_group:nth-child(2n) .line_bx_con:nth-child(2n-1) .line_bx{transition: 1s ease-in-out;}
.port_on .round_group_line_group:nth-child(2n) .line_bx_con:nth-child(2n-1) .line_bx{opacity: 1;}

.round_group_line_group:last-child  .line_bx_con:nth-child(2n-1) .line_bx{border-radius: 0 ;}

/* .port_fixed_txt_group{animation: port_fixed_txt_ani 1s ease-in-out  2s 1  forwards;  position: absolute;width: 100%; display: flex;align-items: center; flex-direction: column;gap: 20px; position: absolute;top: 50%;transform: translateY(-50%);z-index: 2;color: #070606;} */
.port_fixed_txt_group_mb_parent {width: 100%;height: 100%;position: absolute;}

.port_fixed_txt_group{ transition: 1s ease-in-out; position: sticky;width: 100%; display: flex;align-items: center; flex-direction: column;gap: 20px; top: 50%;transform: translateY(-50%);z-index: 2;color: #070606;}
.twosecond .port_fixed_txt_group{width: 50%;}


@keyframes port_fixed_txt_ani {
    100%{width: 50%;}
  }


html{transition: 1s ease-in-out;}
html.port_on{background-color: #070606;}




/* .port_logo{transform: rotate(180deg);opacity: 0;animation: logo_ani 0.8s ease-out  0s 1  forwards;} */
.port_logo{transform: rotate(180deg);opacity: 0;transition: 0.8s ease-in-out;}
.port_on .port_logo{opacity: 1;transform: rotate(0deg);}
/* .port_logo_img{animation: logo_ani2 1s ease-in-out  1.3s 1  forwards, logo_ani3 1s ease-in-out 2s 1  forwards;} */
.port_logo_img{transition: 1s ease-in-out;}
.logo_ani2 .port_logo_img{opacity: 0.4;}
.logo_ani3 .port_logo_img{ transform: translateX(-135%);}


@keyframes op1 {
    100%{opacity: 1;}
  }
  @keyframes h125 {
    100%{height: 130%;opacity: 1;}
  }





  @keyframes logo_ani {
    100%{opacity: 1;transform: rotate(0deg);}
  }
  @keyframes logo_ani2 {
    100%{opacity: 0.4;}
  }
  @keyframes logo_ani3 {
    100%{transform: translateX(-135%);}
  }




/* .port_tit{animation: port_tit_ani1 1s ease-in-out  0s 1  forwards,port_tit_ani2 0.8s ease-in-out  1.3s 1  forwards; position: relative; height: 160px;color: #070606;font-family: 'GmarketSans';width: 100%;display: flex;flex-direction: column;gap: 10px;overflow: hidden;} */
.port_tit{ transition: height 1s, margin 0.8s 1.3s;position: relative; height: 160px;color: #070606;font-family: 'GmarketSans';width: 100%;display: flex;flex-direction: column;gap: 10px;overflow: hidden;}
.port_on .port_tit{height: 160px;margin-top: -80px;}

@keyframes port_tit_ani1 {
    100%{height: 60px;}
}

@keyframes port_tit_ani2 {
    100%{height: 160px;margin-top: -80px;}
  }





/* .port_tit1{animation: port_tit1_ani 1s ease-in-out  0s 1  forwards, af_s3_port_tit1 1s ease-in-out  1.5s 1  forwards; position: absolute;white-space: nowrap; top: 5px;left: 50%;transform: translateX(-50%);  font-size: 154px;font-weight: 600;} */
.port_tit1{transition: 1s, color 1s, transform 1s 1.5s ; position: absolute;white-space: nowrap; top: 5px;left: 50%;transform: translateX(-50%);  font-size: 154px;font-weight: 600;}
.port_on .port_tit1{font-size: 60px;color: #fff;transform: translateX(-56%);}


@keyframes port_tit1_ani {
    100%{font-size: 60px;color: #fff;}
  }
  @keyframes af_s3_port_tit1 {
    100%{transform: translateX(-56%);}
  }

  
/* .port_tit1_img{animation:  port_tit1_img_ani 0.5s ease-in-out  1.5s 1  forwards, port_tit1_img_ani2 1s ease-in-out  2s 1  forwards; position: absolute;top: 45%;transform: translateY(-50%);right: calc(100% + 15px);width: 46px;height: 46px; opacity: 0;} */
.port_tit1_img{transition: 1s ease-in-out; position: absolute;top: 45%;transform: translateY(-50%);right: calc(100% + 15px);width: 46px;height: 46px; opacity: 0;}
.port_tit1_img_ani .port_tit1_img{opacity: 1;}
.logo_ani3 .port_tit1_img{transform: translateY(-50%) rotate(-360deg);}

@keyframes port_tit1_img_ani {
    100%{opacity: 1;}
}

@keyframes port_tit1_img_ani2 {
    100%{transform: translateY(-50%) rotate(-360deg);}
}



/* .port_tit2{animation: op1 0.2s ease-in-out  1s 1  forwards;opacity: 0; top: 90px; position: relative; font-size: 16px;color: #fff;display: flex;flex-direction: column;gap: 10px;} */
.port_tit2{transition: 0.2s ease-in-out; opacity: 0; top: 90px; position: relative; font-size: 16px;color: #fff;display: flex;flex-direction: column;gap: 10px;}
.onesecond .port_tit2{opacity: 1;}
.port_tit2>div{position: absolute;}
/* .port_tit2_1{width: max-content; left: 50%; transform: translateX(-50%);top: 0px;animation: af_s3_port_tit2_1 1s ease-in-out  2s 1  forwards;} */
.port_tit2_1{ transition: 1s ease-in-out; width: max-content; left: 50%; transform: translateX(-50%);top: 0px;}
.twosecond .port_tit2_1{transform: translateX(-63%);}


/* .port_tit2_2{width: max-content; left: 50%; transform: translateX(-50%);top: 30px;animation: af_s3_port_tit2_2 1s ease-in-out  2s 1  forwards;} */
.port_tit2_2{transition: 1s ease-in-out; width: max-content; left: 50%; transform: translateX(-50%);top: 30px;}
.twosecond .port_tit2_2{transform: translateX(-85%);}
  
@keyframes af_s3_port_tit2_1 {
    100%{transform: translateX(-63%);}
  }
  @keyframes af_s3_port_tit2_2 {
      100%{transform: translateX(-85%);}
  }


.port_nav_group{transition: 1s ease-in-out; margin-top: 100px; width: max-content;color: #484848;border-radius: 50px;overflow: hidden;background-color: #0000002a;position: relative;}
/* .port_round_bx{animation: round_bx_ani 1s ease-in-out  0s 1  forwards; border-radius: 50px; transition: 0.4s; position: absolute;top: 0;left: 0;height: 56px;background-color: #484848;z-index: 1;} */
.port_round_bx{border-radius: 50px; transition: 0.4s; position: absolute;top: 0;left: 0;height: 56px;background-color: #484848;z-index: 1;}
.port_on .port_round_bx{ background-color: #fff;transition: 1s ease-in-out; }


@keyframes round_bx_ani {
    100%{background-color: #fff ;}
    
  }
  
.port_nav_con{display: flex;position: relative;z-index: 2;}
.port_nav_list{transition: 1s; font-family: var(--pretendard); cursor: pointer; height: 56px;display: flex;align-items: center;justify-content: center;font-weight: 500;transition: 0.4s;}
.port_nav_con{}
.port_nav_list:nth-child(1){width: 160px;}
.port_nav_list:nth-child(2){width: 160px;}
.port_nav_list:nth-child(3){width: 160px;}
.port_nav_list:nth-child(4){width: 147px;}
.on1 .port_nav_list:nth-child(1){color: #fff;}
.on2 .port_nav_list:nth-child(2){color: #fff;}
.on3 .port_nav_list:nth-child(3){color: #fff;}
.on4 .port_nav_list:nth-child(4){color: #fff;}
.on1 .port_round_bx{left: 0;width: 160px;}
.on2 .port_round_bx{left: 160px;width: 160px;}
.on3 .port_round_bx{left: calc(160px + 160px);width: 160px;}
.on4 .port_round_bx{left: calc(160px + 160px + 160px);width: 160px;}

.ani_on .port_nav_group{margin-top: 0;background-color: #ffffff2d;}
.ani_on .port_nav_list{color: #fff;}
.ani_on .on1 .port_nav_list:nth-child(1){color: #000;}
.ani_on .on2 .port_nav_list:nth-child(2){color: #000;}
.ani_on .on3 .port_nav_list:nth-child(3){color: #000;}
.ani_on .on4 .port_nav_list:nth-child(4){color: #000;}

/* html{overflow: hidden;}
html.ani_on2{overflow: visible;} */

.port_sec1_right{transition: 1s;z-index: 2; width: 717px;position: relative;right: 10%;margin: 190px 0; transform: translateY(0);overflow: hidden;display: flex;align-items: start;    height: 100%;}
.ani_on2 .port_sec1_right{transform: translateY(0)}
/* .port_sec1_right_con{ animation: op1 1s ease-in-out  2s 1  forwards; opacity: 0;width: 100%;display: flex;flex-direction: column;gap: 130px;} */
.port_sec1_right_con{transition: opacity 1s ease-in-out;  opacity: 0;width: 100%;display: flex;flex-direction: column;gap: 130px;overflow: hidden;}
.twosecond .port_sec1_right_con{ opacity: 1;}

.port_sec1_right_con{}
.port_sec1_list{ cursor: pointer; font-family: var(--pretendard);display: flex;flex-direction: column;gap: 24px;align-items: center;overflow: hidden;}
.port_sec1_list_img_group{position: relative;transition: 0.4s; border-radius: 16px;overflow: hidden;width: 100%;aspect-ratio: 717/403;}
.port_sec1_list_img{transition: 0.8s;}
.port_sec1_list:hover .port_sec1_list_img_group{border-radius: 150px 0 150px 0;}
.port_sec1_list:hover .port_sec1_list_img{transform: scale(1.1);}
.hover_filter{opacity: 0; position: absolute;top: 0;right: 0;left: 0;bottom: 0;color: #fff; background-color: #000000ab;transition: 0.4s;}
.hover_filter_con{transition: 0.4s; transform:  translate(-50%, -50%);  width: max-content;position: absolute;top: 50%;left: 50%;display: flex;align-items: center; flex-direction: column;gap: 30px;}
.hover_filter_logo{transform: scale(1.2);transition: 0.4s;max-width: 300px;width: 90%;}

.hover_filter_txt_group{display: flex;gap: 16px;align-items: center;}
.hover_filter_txt{font-size: 16px;cursor: pointer;opacity: 0.6;transition: 0.4s;}
.hover_filter_txt_group>div{opacity: 0;transition: 0.4s;transform: translateY(15px);}
.port_sec1_list:hover .hover_filter_txt_group>div:nth-child(1){transform: translateY(0);opacity: 1; transition-delay: 0s;}
.port_sec1_list:hover .hover_filter_txt_group>div:nth-child(2){transform: translateY(0);opacity: 1; transition-delay: 0.1s;}
.port_sec1_list:hover .hover_filter_txt_group>div:nth-child(3){transform: translateY(0);opacity: 1; transition-delay: 0.2s;}
.hover_filter_txt:hover{opacity: 1;}
.hover_filter_bar{background-color: #fff;width: 1px;height: 16px;}
.port_sec1_list:hover .hover_filter{opacity: 1;}
.port_sec1_list:hover .hover_filter_logo{transform: scale(1);}

.port_sec1_list_img {width: 100%;height: 100%;object-fit: cover;}
.port_sec1_list_txt_group{color: #fff;display: flex;flex-direction: column;gap: 15px;align-items: center;}
.port_sec1_list_txt1{font-size: 24px;font-weight: 700;}
.port_sec1_list_txt2{font-size: 16px;opacity: 0.3;}

.ani_on{}
.ani_on{}
.ani_on{}
.ani_on{}






.port_sec1{position: relative; height: auto;display: flex;justify-content: right;}
/* .port_on .port_sec1{background-color: #070606;} */
@keyframes port_sec1_bg {
    100%{background-color: #070606;}
  }

#footer.sub{position: relative;z-index: 2;background-color: #fff;}



/* 
@keyframes txt_ani1 {
  100%{color: #fff;}
} */






.port_sec1{min-height: 100vh;}
.circle {
    width: 30px; height: 30px;
    background-color: yellow;
    position: fixed;
    top: 10px; left: 15px;
    mix-blend-mode: difference; 
    border-radius: 50%;
    will-change: transform;
    z-index: 99999;
    transition: 0.1s;
    pointer-events: none;
   
  }
  
  
  .circle.on{width: 60px;height: 60px;}

/* 모바일 */





@media screen and (max-width:1500px) {
    .port_sec1_right{right: 5%;}
}

@media screen and (max-width:1400px) {
   .port_sec1_right{width: 650px;}
}

@media screen and (max-width:1300px) {
    .port_tit1{font-size: 100px;}
    .port_nav_list{font-size: 16px;height: 40px;}
    .port_nav_list:nth-child(1){width: 70px;}
    .port_nav_list:nth-child(2){width: 136px;}
    .port_nav_list:nth-child(3){width: 87px;}
    .port_nav_list:nth-child(4){width: 127px;}
    .on1 .port_round_bx{left: 0;width: 70px;}
    .on2 .port_round_bx{left: 70px;width: 136px;}
    .on3 .port_round_bx{left: calc(70px + 136px);width: 87px;}
    .on4 .port_round_bx{left: calc(70px + 136px + 87px);width: 127px;}
    .port_round_bx{height: 40px;}
    .port_sec1_right{width: 600px;right: 3%;}
}

@media screen and (max-width:1150px) {
    .port_sec1_right{width: 500px;}
    .port_tit1{font-size: 60px;}
}

@media screen and (max-width:1024px) {
    /* .port_fixed_txt_group{animation: port_fixed_txt_ani_m 1s ease-in-out  2s 1  forwards;} */
    .port_fixed_txt_group{position: absolute;}
    .twosecond .port_fixed_txt_group{width: 100%;transform: translateY(0);top: 160px;}

    .port_tit1{}
    .port_sec1{height: auto;flex-direction: column;}
    .port_sec1_right{position: relative;top: auto;right: auto;z-index: 2;margin: 0 auto;}
    .port_fixed_txt_group_mb_parent{transition: 1s; height: 100vh;position: relative;width: 100%;}
    .ani_on2 .port_sec1_right{top: auto;}
    .ani_on2 .port_fixed_txt_group_mb_parent{height: 280px;padding-top: 160px;}

    /* .port_tit1{font-size: 60px;animation: port_tit1_ani_m 1s ease-in-out  0s 1  forwards;} */
    .port_tit1{font-size: 35px;transition: 1s ease-in-out;}
    .port_on .port_tit1{font-size: 24px;transform: translateX(-50%);}
    
    .port_tit2{font-size: 12px;top: 40px;}
    .port_tit2_1{animation: none;}
    .twosecond .port_tit2_1{transform: translateX(-50%);}
    .port_tit2_2{top: 20px;animation: none;}
    .twosecond .port_tit2_2{transform: translateX(-50%);}

    /* .port_tit{animation: port_tit_ani1_m 1s ease-in-out  0s 1  forwards,port_tit_ani2_m 0.8s ease-in-out  1.3s 1  forwards; height: 80px;} */
    .port_tit{ height: 35px;transition: 1s ease-in-out;}
    .port_on .port_tit{height: 35px;margin-top: 0;}
    .port_on.logo_ani3 .port_tit{height: 80px;margin-top: -40px;}

    /* .port_on .port_tit{height: 160px;margin-top: -80px;} */

    .port_tit1_img{width: 20px;height: 20px;}
    .port_logo_img{width: 71px;}
    .logo_ani3 .port_logo_img{ transform: translateX(0);}

    html{overflow: hidden;}
    html.ani_on2{overflow: visible;}
    .port_sec1_right{padding-bottom: 80px;}
    

    
}

/* 모바일 애니부분 */
@keyframes port_fixed_txt_ani_m {
    100%{transform: translateY(0);top: 160px;}
    
}

@keyframes port_tit1_ani_m {
    100%{font-size: 24px;color: #fff;}
  }



  @keyframes port_tit_ani1_m {
    100%{height: 35px;}
  }
  @keyframes port_tit_ani2_m {
    100%{height: 80px;margin-top: -40px;}
  }



@media screen and (max-width:767px) {

    .pc_n{display: none;}

    .line_bx_con{width: calc(100% / 17);}
    .line_bx_con:nth-child(18) ~ .line_bx_con{display: none;}
    .circle{display: none;}

    .port_sec1_right_con{gap: 30px;}
    .port_sec1_list{gap: 17px;}
    .port_sec1_list_txt_group{gap: 5px;}
    .port_sec1_list_txt1{font-size: 16px;}
    .port_sec1_list_txt2{font-size: 12px;}
    .port_sec1_list_img_group{border-radius: 16px;aspect-ratio: 347/195;}
    .port_sec1_right{max-width: 90%;}

    .port_sec1_list:hover .port_sec1_list_img_group{border-radius: 60px 0 60px 0;}
}


@media screen and (max-width:460px) {
    .port_nav_list{font-size: 10px;height: 35px;}
    .port_nav_list:nth-child(1){width: 95px;}
    .port_nav_list:nth-child(2){width: 95px;}
    .port_nav_list:nth-child(3){width: 95px;}
    .port_nav_list:nth-child(4){width: 92px;}
    .on1 .port_round_bx{left: 0;width: 95px;}
    .on2 .port_round_bx{left: 95px;width: 95px;}
    .on3 .port_round_bx{left: calc(95px + 95px);width: 95px;}
    .on4 .port_round_bx{left: calc(95px + 95px + 95px);width: 95px;}
    .port_round_bx{height: 35px;}
}



@media screen and (min-width:821px) {
    #header .gnb{color: #fff;} 
    #header.on .gnb{color: #222;}
  /* #header.on{background-color: transparent;}
  #header .gnb{color: #fff;} */
}


@keyframes animeTurn {
  to{
    transform: rotate(360deg);
  }
}











/* portfolio_view */

.port_view{font-family: var(--pretendard);background-color: #fff;}

.port_view_sec1{background-color: #070606;padding: 190px 0 120px;color: #fff;}
.port_view_sec1_con{display: flex;align-items: center;}
.port_view_sec1_con>div{width: 50%;}
.port_view_sec1_left{}
.port_view_sec1_left_con{display: flex;flex-direction: column;gap: 32px;width: max-content;margin: 0 auto;}

.port_view_sec1_hospital_name{font-family: var(--gmarket);font-size: 60px;font-weight: 600;}
.port_view_sec1_hospital_subtxt{max-width: 455px;line-height: 1.5;font-size: 16px;}
.port_view_sec1_hospital_btn{transition: 0.4s; cursor: pointer;width: 171px;height: 56px;display: flex;align-items: center;justify-content: center;border-radius: 50px;font-size: 16px;font-weight: 500;background-color: #ffffff33;}
.port_view_sec1_hospital_btn:hover{filter: brightness(0.8);}
.port_view_hover_img_group{width: 838px;max-width: 80%;aspect-ratio: 838/471;overflow: hidden;border-radius: 16px;}
.port_view_hover_img{}
.port_view_hover_img img{display: block;width: 100%; transition: 3s ease-in-out;}
.port_view_hover_img img:hover{transition: 10s ease-in-out;}

.port_view_hover_txt{transition: 0.4s; opacity: 0.4; width: 838px;max-width: 80%; display: flex;align-items: center;justify-content: center;gap: 8px;font-size: 16px;margin-top: 24px;}
.port_view_hover_img_group:hover + .port_view_hover_txt{opacity: 1;}

.over_1100{}
.over_767{display: none;}
.down_767{display: none;}
@media screen and (max-width:1100px) {
    .over_1100{display: none;}
    .over_767{display: block;}
    .down_767{display: none;}
}
@media screen and (max-width:767px) {
    .over_1100{display: none;}
    .over_767{display: none;}
    .down_767{display: block;}
}

.port_view_sec2{margin-top: -1px; background: linear-gradient(to bottom,#070606 70%, #fff);}
.port_view_sec2 img{width: 100%;}

.port_view_sec3{}
.port_view_module_group{padding: 112px 0; line-height: 1.5;color: #3F3F3F; display: flex;flex-direction: column;align-items: center;text-align: center;}
.port_view_module_txt1{font-size: 24px;font-weight: 700;}
.port_view_module_txt2{font-size: 40px;font-weight: 800;}
.port_view_module_txt3{font-size: 16px; margin-top: 40px;color: #3f3f3f94;}
.port_view_module_txt3 .emp{color: #3f3f3f;font-weight: 800;}


.port_view_sec4{background-color: #F5F5F5;}

.port_view_sec5{ }
.font_section_group{padding: 117px 0;max-width: 1350px;margin: 0 auto;display: flex;gap: 226px; }
.font_section_group>div{display: flex;flex-direction: column;gap: 64px;}
.font_section_tit{font-size: 24px;font-weight: 700;}
.font_section_left_img_group{display: flex;flex-direction: column;gap: 48px;}

.keywords_section{padding: 114px 0;background: #F5F5F5;}
.keywords_section_con{display: flex;flex-direction: column;gap: 40px;align-items: center;}
.keywords_section_tit{font-size: 24px;font-weight: 700;line-height: 1.5;}
.keywords_section_list_group{display: flex;align-items: center;}
.keywords_section_list{padding-top: 98px;box-sizing: border-box; width: 360px;height: 360px;border-radius: 50%;box-shadow: 0 10px 10px #00000017;background-color: #fff; display: flex;gap: 16px;color: #3f3f3f; line-height: 1.5; flex-direction: column;align-items: center;text-align: center;}
.keywords_section_list_tit{font-size: 32px;font-weight: 600;}
.keywords_section_list_en_tit{font-size: 24px;}
.keywords_section_list_txt{font-size: 16px;}
.keyword_section_line{width: 80px;height: 0px;border-top: 1px dashed #ACACAC;}

.color_section{display: flex;}
.color_section>div{width: 50%;}
.main_color_con{display: flex;justify-content: flex-end;}
.color_txt_group{line-height: 1.5; display: flex;flex-direction: column;padding-top: 48px;padding-bottom: 90px;gap: 218px;}
.main_color_txt_group{width: 25%;}
.color_tit_group{text-align: center;display: flex;flex-direction: column;}
.color_tit1{font-size: 24px;font-weight: 600;}
.color_tit2{font-size: 16px;font-weight: 200;}
.color_rgb_group{display: flex;flex-direction: column;align-items: center;font-size: 16px;}
.color_rgb_list{display: flex;gap: 8px;width: 41px;}

.sub_color_con{display: flex;}
.sub_color_list{width: 25%;}

.port_view_sec8{overflow: hidden;}
.site_img{}

.bottom_btn_section{color: #fff;font-size: 16px;font-weight: 500; display: flex;align-items: center;justify-content: center;height: 172px;background-color: #070606;}
.bottom_btn_group{display: flex;overflow: hidden;border-radius: 50px;}
.bottom_btn{height: 56px;display: flex;align-items: center;cursor: pointer;transition: 0.4s; justify-content: center; padding: 0 32px;background-color: #ffffff42;}
.bottom_btn:hover{filter: brightness(0.8);}

.m_n{display: none;}


@media screen and (max-width:1280px) {
    .keywords_section_list_group{}
    .keywords_section_list{width: 300px;height: 300px;padding-top: 60px;}
    .keyword_section_line{width: 40px;}
    
    .font_section_group{gap: 100px;max-width: 80%;}
    
    
    
    
}


@media screen and (max-width:1024px) {
    .port_view_sec1_con{justify-content: center;}
    .port_view_sec1_con>div{width: 100%;}
    .port_view_sec1_right{display: none;}
    .port_view_sec1_left_con{align-items: center;}
    
    .keywords_section_list_group {flex-direction: column;}
    .keyword_section_line{width: 1px;height: 80px;border-right: 1px dashed #ACACAC;border-top: none;}
    
    .color_section{flex-direction: column;}
    .color_section>div{width: 100%;flex-direction: column;justify-content: flex-start;}
    .main_color_con{}
    .sub_color_list,.main_color_txt_group{width: 100%;}
    .color_txt_group{flex-direction: row;gap: 59px;padding: 56px 0;justify-content: center;}


    
    
}

@media screen and (max-width:767px) {
    .pc_n{display: none;}
    .m_n{display: block;}

    .port_view_sec1{padding: 100px 0 70px;}
    .port_view_sec1_logo{width: 109px;}
    .port_view_sec1_hospital_name{font-size: 24px;}
    .port_view_sec1_hospital_subtxt{text-align: center;font-size: 12px;}
    .port_view_sec1_left_con{gap: 8px;width: auto;max-width: 80%;}
    .port_view_sec1_hospital_btn{margin-top: 7px;width: 103px;height: 35px;font-size: 9px;}
    
    .port_view_module_group{padding: 85px 0;max-width: 80%;margin: 0 auto;}
    .port_view_module_txt1{font-size: 16px;}
    .port_view_module_txt2{font-size: 32px;}
    .port_view_module_txt3{margin-top: 20px;}
    
    .font_section_group{flex-direction: column;gap: 80px;padding: 80px 0;}
    .font_section_group>div{align-items: center;gap: 32px;}
    .font_left_img{width: 245px;}
    .font_right_img{}
    .font_section_tit{font-size: 16px;}

    .keywords_section{padding: 80px 0;}
    .keywords_section_tit{font-size: 16px;}
    .keywords_section_list{width: 280px;height: 280px;padding-top: 64px;gap: 10px;}
    .keywords_section_list_tit{font-size: 24px;}
    .keywords_section_list_en_tit{font-size: 24px;}
    .keywords_section_list_txt{}

    .bottom_btn_section{height: 158px;}
    .bottom_btn{font-size: 12px;padding: 0 24px;height: 42px;}
    
}