@charset "utf-8";


.main .visual_sect {overflow: hidden; position: relative; width: 100%; height: 100vh; }
.main .visual_sect .bg_tit {display: flex; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); font-size: 8.65vw; font-weight: 700; color: rgba(0, 129, 108, 0.2); font-family: "Outfit", sans-serif; text-transform: uppercase;}
.main .visual_sect .bg_tit span {display: block; opacity: 0; filter: blur(15px); transform: translateY(100px); transition-property: opacity, transform, filter; transition-timing-function: ease-in-out; transition-duration: 0.8s}
.main .visual_sect .bg_tit span:nth-child(2) { transition-delay: 0.05s; }
.main .visual_sect .bg_tit span:nth-child(3) { transition-delay: 0.1s; }
.main .visual_sect .bg_tit span:nth-child(4) { transition-delay: 0.15s; }
.main .visual_sect .bg_tit span:nth-child(5) { transition-delay: 0.2s; }
.main .visual_sect .bg_tit span:nth-child(6) { transition-delay: 0.25s; }
.main .visual_sect .bg_tit span:nth-child(7) { transition-delay: 0.3s; }
.main .visual_sect .bg_tit span:nth-child(8) { transition-delay: 0.35s; }
.main .visual_sect .bg_tit span:nth-child(9) { transition-delay: 0.4s; }
.main .visual_sect .bg_tit span:nth-child(10) { transition-delay: 0.45s; }
.main .visual_sect .bg_tit span:nth-child(11) { transition-delay: 0.55s; }
.main .visual_sect .bg_tit span:nth-child(12) { transition-delay: 0.6s; }
.main .visual_sect .bg_tit span:nth-child(13) { transition-delay: 0.65s; }
.main .visual_sect .bg_tit span:nth-child(14) { transition-delay: 0.7s; }
.main .visual_sect .txt_box {position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); max-width: 100%; width: 204rem; padding: 0 5rem; margin-top: 21vh; font-size: 4rem; font-weight: 700; }
.main .visual_sect .txt_box .txt {overflow: hidden}
.main .visual_sect .txt_box .txt + .txt {margin-top: 2rem}
.main .visual_sect .txt_box .txt p {overflow: hidden}
.main .visual_sect .txt_box .txt span {display: block;transform: translateY(100%); transition: transform 0.5s ease-in-out 0.5s}
.main .visual_sect .txt_box .txt + .txt span {transition: transform 0.5s ease-in-out 0.6s}
.main .visual_sect .txt_box .txt + .txt p + p span {transition: transform 0.5s ease-in-out 0.7s}
.main .visual_sect .video {position: fixed; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 50%; z-index: 3; margin-top:0; opacity: 0; transition:opacity 1.5s ease-in-out 0.2s}
.main .visual_sect .video video {width: 100%;}
.main .visual_sect .video.hide {opacity: 0!important; pointer-events: none; transition: opacity 0.3s ease-in-out}


.main .visual_sect.active .bg_tit span {opacity: 1; filter: blur(0); transform: unset}
.main .visual_sect.active .txt_box span {transform: unset}
.main .visual_sect.active .video {margin-top: 0; opacity: 1}


.main .visual_sect.active.out {}
.main .visual_sect.active.out .bg_tit {margin-top: -50vh; transition: margin-top 0.75s ease-in-out 0.4s}
.main .visual_sect.active.out .bg_tit span {opacity: 0; filter: blur(15px); transition-delay: 0.3s !important;}
.main .visual_sect.active.out .txt_box {top: 0%; opacity: 0; filter: blur(15px); transition: top 0.75s ease-in-out 0.55s, opacity 0.5s ease-in-out 0.4s , filter 0.5s ease-in-out 0.4s}

.main .visual_slide { position: relative; width: 100%; height: 100vh; touch-action: pan-y; /*transition: margin-top 1s ease-in-out 1s;*/}
.main .visual_sect.active + .visual_slide {margin-top: -100vh; }
.main .visual_slide .swiper-slide,
.main .visual_slide .swiper-wrapper,
.main .visual_slide .swiper-container {height: 100%}
.main .visual_slide .cont { position: relative; padding: calc(var(--hd_h) + 6rem) 5rem 3rem; height: 100%; }
.main .visual_slide .cont .img {overflow: hidden; position: relative; width: 100%; height: 100%; border-radius: 2rem}
.main .visual_slide .cont .img:before {content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.25); z-index: 1}
.main .visual_slide .cont .img.non_bg:before { display: none; }
.main .visual_slide .cont .img > * {position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-position: center; object-fit: cover;}

.main .visual_slide .cont .txt_box {position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);color: #fff;width: 164rem;height: auto;padding: 0 40px;z-index: 3;max-width: 100%;}
.main .visual_slide .cont .txt_box .tit {font-size: 6rem; font-weight: 800}
.main .visual_slide .cont .txt_box .txt {font-size: 2.5rem; font-weight: 500; margin-top: 2rem;}
.main .visual_slide .cont .txt_box .com_btn {border-color: #fff; margin-top: 6rem}
.main .visual_slide .cont .txt_box .com_btn svg {fill: #fff}




.main .visual_slide.active .swiper-button-next,
.main .visual_slide.active .swiper-button-prev {opacity: 1}
.main .visual_slide.active .card_slide .card_move_btn {opacity: 1}

.main .visual_slide.card_on .swiper-button-prev .ico svg,
.main .visual_slide.card_on .swiper-button-next .ico svg{fill: #000;}

.main .visual_slide.card_on .slide_move {color: #000 !important;}
.main .visual_slide.card_on .slide_move .swiper-pagination .btn svg {position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 1rem; fill: #000}
.main .visual_slide.card_on .slide_move .swiper-pagination .btn svg rect {fill: #000}

.main .visual_slide.card_on .swiper-progress-bar .slide_progress-bar.bg {background: #000;}
.main .visual_slide.card_on .swiper-progress-bar .slide_progress-bar.loading {background: #000;}

.main .visual_slide .slide_move { position: absolute; padding: 0 var(--inPd) ;bottom: 5rem; left: 50%; transform: translateX(-50%); display: flex; align-items: center; justify-content: flex-end; z-index: 20; color: #fff; max-width: 100%}
.main .visual_slide.solo .slide_move { display: none!important; }
.main .visual_slide .slide_move .swiper-pagination { display: flex; align-items: center; justify-content: center; font-size: 13px; font-weight: 600; text-align: left; position: static; margin: 0 15px}
.main .visual_slide .slide_move .swiper-pagination .num {font-size: 16px; font-weight: 700}
.main .visual_slide .slide_move .swiper-pagination .btn {width: 16px; height: 16px; margin-left: 20px ;display: inline-block; position: relative;}
.main .visual_slide .slide_move .swiper-pagination .btn.play svg.stop{ display: none}
.main .visual_slide .slide_move .swiper-pagination .btn.play svg.play{ display: block}
.main .visual_slide .slide_move .swiper-pagination .btn svg {position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 1rem; fill: #fff}
.main .visual_slide .slide_move .swiper-pagination .btn svg rect {fill: #fff}
.main .visual_slide .slide_move .swiper-pagination .btn svg.play {display: none}

.main .visual_slide .swiper-button-next,
.main .visual_slide .swiper-button-prev {width: 2rem; height: 2rem; margin-top: 0; color: inherit; opacity: 0; transition: opacity 0.3s ease-in-out}
.main .visual_slide .swiper-button-next {right: 10rem}
.main .visual_slide .swiper-button-prev {left: 10rem}
.main .visual_slide .swiper-button-next .ico,
.main .visual_slide .swiper-button-prev .ico {width: 100%; height: 100%;}
.main .visual_slide .swiper-button-prev .ico svg,
.main .visual_slide .swiper-button-next .ico svg {width: 100%; height: 100%; fill: #fff; transition: opacity 0.3s ease-in-out , color 0.3s ease-in-out}


.main .visual_slide .slide_move .arr { position: static; display: flex; align-items: center; justify-content: flex-start; background:none; z-index: 10; cursor: pointer;}
.main .visual_slide .slide_move .arr.swiper-button-disabled {opacity: 0.15}
.main .visual_slide .slide_move .arr .swiper_btn { display: flex; align-items: center; justify-content: center; cursor: pointer; margin-left: 6rem}
.main .visual_slide .slide_move .arr .swiper_btn + .swiper_btn { margin-left: 13px; }
.main .visual_slide .slide_move .arr .swiper_btn svg .cls-1 { stroke-width: 0px; fill: none}
.main .visual_slide .slide_move .arr .swiper_btn svg .cls-2 { fill: none; stroke: #fff; stroke-miterlimit: 10; stroke-width: 10px; transition: stroke .3s}
.main .visual_slide .slide_move .swiper-pagination-current {min-width: 0.7em}
.main .visual_slide .swiper-progress-bar{display: block; position: relative; z-index: 1; width:20rem; height: 2px; margin: 0 15px}
.main .visual_slide .swiper-progress-bar .slide_progress-bar {position: absolute; height: 2px;  width: auto; clear: both;  left: 0; right: 0; top: 50%; transform: translateY(-50%); transition: background .3s}
.main .visual_slide .swiper-progress-bar .slide_progress-bar.bg {background: #fff; opacity: 0.2}
.main .visual_slide .swiper-progress-bar .slide_progress-bar.loading { left: 0; right: auto; background: #fff; height: 2px; width: 0; transition: 0s 0.1s width linear;}
.main .visual_slide .swiper-progress-bar .slide_progress-bar.loading.no_ani {width: 0 !important; transition: none !important;}
.main .visual_slide .swiper-progress-bar.animate .slide_progress-bar.loading {width: 100%; transition-delay: unset; transition: width var(--transition-duration, 0s) linear;}
.main .visual_slide .swiper-progress-bar.animate .slide_progress-bar.loading { transition: width var(--transition-duration, 0s) linear;}

.mv_list video{width:100%; margin:0 auto}

.scroll_animation { position: absolute; bottom: 0; right: 10rem; height: 180px; color: #fff; z-index: 70; transform: translateX(-50%); }
.scroll_animation > span { display: block; transform: rotate(90deg); font-size: 14px; }
.scroll_animation > .bg { position: relative; height: 100%; width: 1px; margin: 30px auto 0; background: rgba(255,255,255,0.2); }
.scroll_animation > .bg .animation { width: 100%; background:#fff; animation-name: updown; animation-iteration-count: infinite; animation-duration: 3s; animation-timing-function: ease-in-out; }

.visual.only_pc video,
.visual.only_m video{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.main .visual_slide .swiper-button-next, .main .visual_slide .swiper-button-prev {
  width: 48px; height: 48px;
  border-radius: 50%;
  background: rgba(0,0,0,0.4);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background 0.3s ease;
}

.main .visual_slide .swiper-button-next:hover, .main .visual_slide .swiper-button-prev:hover {
  background: rgba(0,0,0,0.6);
}

.main .visual_slide .swiper-button-next::after, .main .visual_slide .swiper-button-prev::after {
  font-size: 18px;
  font-weight: bold;
}

/* Ãʱ⿡´Â ¹è°æÀ» ¼û±è */
.main .card-slide {
    background: none !important;
    transition: background 1s ease;
}

/* visual_slide°¡ active µÇ¸é ¹è°æ È°¼ºÈ­ */
.main .visual_slide.active .card-slide {
    background: url('/assets/images/main/mv1_bg.jpg') no-repeat center/cover !important;
}

.main .visual_slide .swiper-button-prev:after, .swiper-container-pop-rtl .swiper-button-next:after{content:initial}
.main .visual_slide .swiper-button-next:after, .swiper-container-pop-rtl .swiper-button-prev:after{content:initial}
.main .card_slide .bg_txt {position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); white-space: nowrap; font-size: 22vw; font-weight: 600; font-family: "Cormorant Garamond", sans-serif;line-height: 1; color: #f2e5e1; }
.main .card_slide .card_wrap {position: absolute;left: 50%; top: 46%; transform: translate(-50%,-50%); width: 50%; height: 100% ;transform-style: preserve-3d;}
.main .card_slide .card_wrap .visual_card {width: 100%; height: 100%; position: absolute; left: 0; top: 0; opacity: 0; transform-style: preserve-3d;}
.main .card_slide .card_wrap .visual_card:nth-child(1) {transform: translateX(0)  translateZ(0); transition: transform 1s, opacity 0.6s, filter 1s, margin-top 1s cubic-bezier(0.7, 0.03, 0.39, 0.97) }
.main .card_slide .card_wrap .visual_card:nth-child(2) {transform: translateX(-40%) translateZ(-50px) scale(0.4); filter: blur(15px); transition:transform 1s, opacity 0.6s 0s, filter 1s, margin-top 0.6s ease-in-out 0s}
.main .card_slide .card_wrap .visual_card:nth-child(3) {transform: translateX(0%) translateZ(-50px) scale(0.4); filter: blur(15px); transition:transform 1s, opacity 0.6s 0.2s, filter 1s, margin-top 0.6s ease-in-out 0.2s}
.main .card_slide .card_wrap .visual_card:nth-child(4) {transform: translateX(40%) translateZ(-50px) scale(0.4); filter: blur(15px); transition:transform 1s, opacity 0.6s 0.2s, filter 1s, margin-top 0.6s ease-in-out 0.2s}
.main .card_slide .card_wrap .visual_card .video {height: 100%; display: flex; align-items: center; justify-content: center}
.main .card_slide .card_wrap .visual_card:nth-child(1) video {width: 80%}
.main .card_slide .card_wrap .visual_card:nth-child(2) video {width: 80%}
.main .card_slide .card_wrap .visual_card:nth-child(3) video {width: 70%}
.main .card_slide .card_wrap .visual_card:nth-child(4) video {width: 80%}

.main .card_slide .card_wrap .visual_card .video_box {display: flex; align-items: center; justify-content: center}


/*̧̫*/
.main .card_slide .card_wrap .visual_card:nth-child(1) img {width: auto; height: 58vh}
/*°üÀý*/
.main .card_slide .card_wrap .visual_card:nth-child(2) img {width: auto; height: 58vh}
/*½ÉÀå*/
.main .card_slide .card_wrap .visual_card:nth-child(3) img {width: auto; height: 53vh}
/*³ú*/
.main .card_slide .card_wrap .visual_card:nth-child(4) img {width: auto; height: 50vh}



.main .card_slide .card_txt_wrap {position: absolute; left: 50%; bottom: 18%; transform: translate(-50%,0); width: 100%; opacity: 0; filter: blur(15px); transition: opacity 0.5s ease-in-out, filter 0.5s ease-in-out}
.main .card_slide .card_txt_wrap .txt_box {position: absolute; left: 50%; bottom: 50%; transform: translate(-50%,0); width: 100%; text-align: center;}
.main .card_slide .card_txt_wrap .txt_box .tit {font-size: 4rem; font-weight: 800; transform: translateY(50px); opacity: 0;}
.main .card_slide .card_txt_wrap .txt_box .txt { margin-top: 30px; transform: translateY(50px); opacity: 0; font-weight: 500}
.main .card_slide .card_txt_wrap .txt_box.active .tit {transform: unset; opacity: 1; transition: transform 0.6s ease-in-out , opacity 0.6s ease-in-out}
.main .card_slide .card_txt_wrap .txt_box.active .txt {transform: unset; opacity: 1; transition: transform 0.6s ease-in-out , opacity 0.6s ease-in-out}

.main .card_slide .card_move_btn {position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 75%; padding: 0 20px; display: flex; justify-content: space-between; opacity: 0; transition: 0.3s ease-in-out; background:none}
.main .card_slide .card_move_btn .btn {width:6rem; height: 6rem; display: flex; align-items: center; justify-content: center; border: 1px solid #666; border-radius: 50%; transition: 0.3s ease-in-out; background:none}
.main .card_slide .card_move_btn .btn svg {width: 3rem; height: 3rem; fill: #666; transition: 0.3s ease-in-out}


.main .visual_sect.active + .visual_slide .bg_txt {opacity: 1; filter: blur(0)}

.main .visual_slide.active .card_txt_wrap {opacity: 1; filter: blur(0px)}
.main .visual_slide.active .visual_card:nth-child(1){opacity: 1;}
.main .visual_slide.active .visual_card:nth-child(2){opacity: 1;}
.main .visual_slide.active .visual_card:nth-child(3){opacity: 1;}
.main .visual_slide.active .visual_card:nth-child(4){opacity: 1;}

.pink2{color:#5e2d2e}
.pink3{color:#684b14}
.wblue{color:#a4b2e5}
#mv_wrap {position:relative;}
#mv_wrap .mv_list_wrap {margin-bottom: 0;overflow:hidden;}
#mv_wrap .mv_list_wrap .slick-dots {bottom: 30%;}
#mv_wrap .mv_list_wrap .slick-dots li {width: auto; height: auto; margin: 0 3px; }
#mv_wrap .mv_list_wrap .slick-dots li button {width: 18px; height: 18px; border-radius:20px; padding: 0; background: none; border: 2px solid #ccc;  transition:.25s; }
#mv_wrap .mv_list_wrap .slick-dots li.slick-active button {width: 65px; border: 2px solid #fff; }
#mv_wrap .mv_list_wrap .slick-dots li button:before {display: none;}
#mv_wrap .mv_list_wrap .mv_list {position: relative; overflow: hidden; height:980px;}
#mv_wrap .mv_list_wrap .mv_list .visual { width: 100%; height: 100%; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover;transform: scale(1.15);}
#mv_wrap .mv_list_wrap .mv_list .visual { animation:mvBgScale 3.5s forwards; }
#mv_wrap .mv_list_wrap .mv_list1 .visual {background-image: url('/assets/images/main/mv1.jpg');}
#mv_wrap .mv_list_wrap .mv_list2 .visual {background-image: url('/assets/images/main/mv2.jpg');}
#mv_wrap .mv_list_wrap .mv_list3 .visual {background-image: url('/assets/images/main/mv3.jpg');}
#mv_wrap .mv_list_wrap .mv_list4 .visual {background-image: url('/assets/images/main/mv4.jpg');}
#mv_wrap .mv_list_wrap .mv_list5 .visual {background-image: url('/assets/images/main/mv5.jpg');}
#mv_wrap .mv_list_wrap .mv_list6 .visual {background-image: url('/assets/images/main/mv6.jpg');}
#mv_wrap .mv_list_wrap .mv_list .txt_wrap {position:absolute;left:50%;top:47%;transform:translate(-50%, -50%); width: 100%;	 text-align: center; letter-spacing: -2px; overflow: hidden;}
#mv_wrap .mv_list_wrap .mv_list.slick-active .txt_wrap > div { animation:mvTxt 1s 1.2s forwards; opacity: 0; transform:translateY(50px); }
#mv_wrap .slick-slide img { display: inline-block;}

/* ÅؽºÆ® ÄÁÆ®·Ñ ¹Ú½º ½ºÅ¸ÀÏ Á¶Á¤ */
.custom-controls {
    position: absolute; /* ºÎ¸ð ¿ä¼Ò¸¦ ±âÁØÀ¸·Î À§Ä¡ ÁöÁ¤ */
    top: calc(62% + 120px); /* ÅؽºÆ® ¾Æ·¡·Î À̵¿ (ÅؽºÆ® À§Ä¡¿¡ µû¶ó Á¶Á¤) */
    left: 17%; /* Áß¾Ó Á¤·Ä ±âÁØ */
    transform: translate(-50%, 0); /* °¡·Î Áß¾Ó Á¤·Ä */
    display: flex;
    gap: 15px; /* ¹öÆ° °£ °£°Ý */
    align-items: center;
    justify-content: center;
    z-index: 10;
}

/* ÆäÀÌÁö º¼·¿ ½ºÅ¸ÀÏ */
.custom-controls .bullet-container {
    display: flex;
    gap: 8px; /* º¼·¿ °£°Ý */
}

.custom-controls .bullet {
    width: 10px;
    height: 10px;
    border-radius: 50%; /* ¿øÇü */
    transition: background-color 0.3s ease;
    cursor: pointer;
	border:1px solid #666;
}

.custom-controls .bullet.active {
    background-color: #666; /* È°¼ºÈ­µÈ »ö»ó */
}

/* Àç»ý/ÀϽÃÁ¤Áö ¹öÆ° ½ºÅ¸ÀÏ */
.custom-controls .play-pause-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border: 2px solid #ccc;
    border-radius: 50%;
    cursor: pointer;
    transition: background-color 0.3s ease, border-color 0.3s ease;
}

.custom-controls .play-pause-btn:hover {
    background-color: #f5f5f5;
    border-color: #666;
}

.custom-controls .play-icon,
.custom-controls .pause-icon {
    width: 18px;
    height: 18px;
    fill: none;
    stroke: #666;
    stroke-width: 2;
    display: block;
}

.custom-controls .play-icon {
    display: none; /* ±âº»°ªÀ¸·Î ¼û±è */
}

.custom-controls.paused .play-icon {
    display: block; /* Àç»ý ¹öÆ° Ç¥½Ã */
}

.custom-controls.paused .pause-icon {
    display: none; /* ÀϽÃÁ¤Áö ¹öÆ° ¼û±è */
}

/* ÀÌÀü/´ÙÀ½ ¹öÆ° */
.custom-controls button {
    background: none;
    border: none;
    cursor: pointer;
    padding: 5px;
}

.custom-controls button svg {
    width: 24px;
    height: 24px;
    stroke: #666;
    transition: stroke 0.3s ease;
}

.custom-controls button:hover svg {
    stroke: #333;
}

@keyframes mvBgScale {
    0% {
        transform: scale(1.15);
    }
    100% {
        transform: scale(1);
    }
}
@keyframes mvTxt {
    0% {
        transform:translateY(50px);
        opacity:0;
    }
    100% {
        transform:translateY(0);
        opacity:1;
    }
}
.doctor_logo div{padding-right:10px}

.shorts {padding-bottom:140px}

.m1 .m1_slid_con{padding:10px}
.m1 .m1_slid_img img{border-radius:20px}
.m1 .event_box1{border:1px solid #ef7291; border-radius:10px; padding:5px 10px; width:30%}
.m1 .event_box2{border:1px solid #32618d; border-radius:10px; padding:5px 10px; width:30%}
.m1 .event_box3{border:1px solid #3eceb3; border-radius:10px; padding:5px 10px; width:30%}
.original_price {
    text-decoration: line-through; /* °¡¿îµ¥ ¼± */
    color: #aaa; /* ¿ø·¡ °¡°Ý »ö»ó */
    margin-right: 5px; /* ¿À¸¥ÂÊ ¿©¹é */
}
.m1_slid {
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    position: relative;
}

.m1_slid_con {
    transition: transform 0.3s ease, opacity 0.3s ease;
    opacity: 0.6;
    transform: scale(0.9);
}

.m1_slid_con.slick-center {
    opacity: 1;
    transform: scale(1.1); /* È°¼ºÈ­µÈ ½½¶óÀ̵å Å©±â Á¶Á¤ */
}

.m1_slid_img img {
    width: 100%;
    height: auto;
    transition: transform 0.3s ease;
	cursor:pointer;
}

.m1_slid_con.slick-center .m1_slid_img img {
    transform: scale(1.05); /* È°¼ºÈ­µÈ À̹ÌÁö Ãß°¡ È®´ë */
}

.slick-center .m1_slid_img{padding:20px; padding-top:40px; }
.slick-center .event_txt {padding-bottom:20px}



/* Æ˾÷ ±âº» ½ºÅ¸ÀÏ */
.shortspopup {
    display: none; /* Ãʱ⿡´Â ¼û±è */
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    justify-content: center;
    align-items: center;
    z-index: 1000;
}

/* Æ˾÷ ³»¿ë */
.shortspopup .popup-content {
    position: relative;
    border-radius: 10px;
    padding: 20px;
    max-width: 570px;
    width: 90%;
    text-align: center;
}

/* ´Ý±â ¹öÆ° */
.shortspopup .close-btn {
    position: absolute;
    top: 10px;
    right: 20px;
    font-size: 35px;
    font-weight: bold;
    cursor: pointer;
    color: #fff;
}

.shortspopup video {
    width: 100%;
    height: auto;
    border-radius: 10px;
}


.m1 .w1600 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
}

.text-container {
    flex: 1;
}

.m1 .arrow-buttons {
    display: flex;
    gap: 10px;
	align-self:end;
}

.m1 .arrow-btn {
    background-color: transparent;
    border: none;
    cursor: pointer;
    padding: 20px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background-color 0.3s ease;
	border:1px solid #c7c7c7;
}

.m1 .arrow-btn:hover {
    background-color: #eee;
}

.m1 .arrow-btn svg {
    stroke: #333;
    width: 20px;
    height: 20px;
}

.m1 .rolling-text {
    transition: transform 0.5s ease;
    white-space: nowrap;
    overflow: hidden;
}

.m2 { display: flex; justify-content: center; position: relative; height: auto; }
.m2 .btnArrow { margin-top: 1.375rem; background-color: #fff; }
.m2 .btnArrow:after { background-color: #222; }
.m2 .bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; }
.m2 .bg video { position: absolute; left: 50%; top: 0; transform: translateX(-50%); min-width: 100%; min-height: 100%; }
.m2 .inner { display: flex; position: relative; overflow: hidden; z-index: 10; width: 90rem; padding: 0rem 1.25rem; min-height: 41.25rem; }
.itemBody{width:100%}
.m2 .inner .titleHead70 { font-size: 4.375rem; line-height: 1.1; color: #fff; }
.m2 .inner .item { display: flex; justify-content: flex-end; flex: 1; }
.m2 .inner .item:nth-of-type(1) { flex-direction: column; justify-content: center; }
.m2 .inner .item__btn { display: flex; flex-wrap: wrap; max-width: 25rem; gap: 0.625rem; margin-top: 1.5rem; }
.m2 .inner .item__btn .btnRound { min-width: 11.125rem; justify-content: space-between; background: none; border-color: #fff; }
.m2 .inner .item__btn .btnRound:hover, .m2 .inner .item__btn .btnRound:focus-visible { color: #fff; background: #222; border-color: #222; }
.m2 .inner .itemBox { display: flex; flex-wrap: wrap; position: relative; background-color: rgba(255, 255, 255, 0.1); width: 12.5rem; transition: width 1s ease; border-right: 1px solid rgba(255, 255, 255, 0.1); }
.m2 .inner .itemBox:nth-child(1) { border-left: 1px solid rgba(255, 255, 255, 0.1); }
.m2 .inner .itemBox:nth-child(1) .btnArrow:after { background-image: url(/assets/images/main/ico_visual01.png); }
.m2 .inner .itemBox:nth-child(1).isActive { background: url('/assets/images/main/bg_visual_itembody01.png') no-repeat 0 0/cover; }
.m2 .inner .itemBox:nth-child(2) .btnArrow:after { background: url('/assets/images/main/bg_visual_itembody01.png') no-repeat 0 0/cover; }
.m2 .inner .itemBox:nth-child(2).isActive { background: url('/assets/images/main/bg_visual_itembody01.png') no-repeat 0 0/cover; }
.m2 .inner .itemBox:nth-child(3) .btnArrow:after { background-image: url(/assets/images/ho/mp/ico_visual03.png); }
.m2 .inner .itemBox:nth-child(3).isActive {background: url('/assets/images/main/bg_visual_itembody01.png') no-repeat 0 0/cover;  }
.m2 .inner .itemBox .itemBody .itemCell { align-items: center; justify-content: center; flex: 1; }
.m2 .inner .itemBox .itemBody .itemCell:nth-of-type(1) { max-height: 10.3125rem; }
.m2 .inner .itemBox .itemBody .itemCell:nth-of-type(2) { display: none;  }
.m2 .inner .itemBox .itemBody .itemCell .btnArrow { display: flex; flex-direction: column; justify-content: center; align-items: center; font-size: 1rem; color: #fff; background-color: #fff; margin: 0 auto; }
.m2 .inner .itemBox .itemBody .itemCell .btnArrow:after { width: 3rem; height: 3rem; background-color: transparent; background-repeat: no-repeat; background-position: 0 0; background-size: 100% auto; mask: inherit; }
.m2 .inner .itemBox .itemBody .itemCell .btnArrow:hover, .m2 .inner .itemBox .itemBody .itemCell .btnArrow:focus-visible { background-color: #be8226; }
.m2 .inner .itemBox .itemBody .itemCell .btnArrow ~ .btnArrow { display: none; margin-top: 0.75rem; }
.m2 .inner .itemBox .itemBody .itemCell .detph01 > li { font-size: 1.5rem; margin-top: 0.75rem; color: #222; font-weight: 600; }
.m2 .inner .itemBox .itemBody .itemCell .detph01 > li:first-of-type { margin-top: 0; }
.m2 .inner .itemBox .itemBody .itemCell .detph01 > li a { font-size: 1.25rem; }
.m2 .inner .itemBox .itemBody .itemCell .detph01 li a, .m2 .inner .itemBox .itemBody .itemCell .detph02 li a { position: relative; }
.m2 .inner .itemBox .itemBody .itemCell .detph01 li a:after, .m2 .inner .itemBox .itemBody .itemCell .detph02 li a:after { width: 0; bottom: -0.125rem; border-top: 1px solid #222; transition: all 0.5s ease; }
.m2 .inner .itemBox .itemBody .itemCell .detph01 li a:hover:after, .m2 .inner .itemBox .itemBody .itemCell .detph01 li a:focus-visible:after, .m2 .inner .itemBox .itemBody .itemCell .detph02 li a:hover:after, .m2 .inner .itemBox .itemBody .itemCell .detph02 li a:focus-visible:after { width: 100%; }
.m2 .inner .itemBox .itemBody .itemCell .depth02 { padding-bottom: 1.75rem; }
.m2 .inner .itemBox .itemBody .itemCell .depth02 > li { margin-top: 0.25rem; }
.m2 .inner .itemBox .itemBody .itemCell .depth02 > li a { color: #222; }
.m2 .inner .itemBox .titleText20 { text-align: center; color: #fff; margin-bottom: 1.5625rem;}
.m2 .inner .itemBox .titleText20 strong { display: block; color: #fff; font-size: 1.75rem; }
.m2 .inner .itemBox .titleText10 { text-align: center; color: #fff; }
.m2 .inner .itemBox .adBanner { position: absolute; left: 1.0625rem; right: 1.0625rem; bottom: 1.5625rem; }
.m2 .inner .itemBox .adBanner a { display: block; }
.m2 .inner .itemBox .adBanner a:focus-visible { outline: auto !important; }
.m2 .inner .itemBox .adBanner img { width: 0; height: 6.5625rem; transition: all 1s ease; }
.m2 .inner .itemBox.isActive { width: 25rem; }
.m2 .inner .itemBox.isActive .titleText10 { color: #222; }
.m2 .inner .itemBox.isActive .titleText20 { color: #222; }
.m2 .inner .itemBox.isActive .titleText20 strong { color: #222; }
.m2 .inner .itemBox.isActive .adBanner img { width: 100%; }
.m2 .inner .itemBox.isActive .itemCell:nth-of-type(2) { display: block; }
.m2 .inner .itemBox.isActive .itemCell .btnArrow { background-color: #222; }
.m2 .inner .itemBox.isActive .itemCell .btnArrow:after { position: relative; width: 1.4375rem; height: 1rem; margin-top: 0.1875rem; mask: url(/assets/images/ho/common/ico_arrow_23.svg) no-repeat 0 0/100% auto; background: #fff; }
.m2 .inner .itemBox.isActive .itemCell .btnArrow ~ .btnArrow { display: flex; }

.m2_icon {
  position: relative;
  width: 48px;
  height: 48px;
  margin:0 auto;
  background:#fff;
  border-radius:50%
}

.m2_icon .icon-default, .m2_icon .icon-arrow {
  width: 100%;
  height: 100%;
  display: block;
}

.itemBox.isActive .m2_icon .icon-default {
  display: none !important; /* ±âº» ¾ÆÀÌÄÜ ¼û±è */
}

.itemBox.isActive .m2_icon .icon-arrow {
  display: block !important; /* È­»ìÇ¥ ¾ÆÀÌÄÜ Ç¥½Ã */
    width: 38px;
	height:38px;
	background:#fff;
	border-radius:50%;
}
.m2_icon .icon-arrow {
  width: 24px; /* È­»ìÇ¥ Å©±â Á¶Á¤ */
  height: 24px;
  margin: auto; /* Áß¾Ó Á¤·Ä */
  padding-top:10px;
}


.itemBody {
  display: inline-grid;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  align-content: center;
}


.red{color:#df3c39}
.red2{color:#e1807e}

.m3 .doctor_con ul {overflow: hidden;}
.m3 .doctor_con li {float: left;width: 33.333333%;padding:15px; position: relative;cursor: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="44" height="44" viewBox="0 0 24 24"><circle cx="12" cy="12" r="11" stroke="black" fill="none"/><line x1="12" y1="6" x2="12" y2="18" stroke="black"/><line x1="6" y1="12" x2="18" y2="12" stroke="black"/></svg>') 30 30, auto; /* "+" Ä¿¼­ */}
.m3 .doctor_con li img { width: 100%; filter: grayscale(100%);transition: filter 0.3s ease; }
.m3 .doctor_con li:hover img {filter: grayscale(0); }

.bio-popup {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  max-width: 1600px;
  background-color: #fff;
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
  border-radius: 8px;
  z-index: 1000;
}

.bio-content {
  padding: 150px;
  text-align: left;
  display: flex;
  align-items: flex-start;
  gap: 20px;
  position: relative;
}

.bio-content .close-popup {
  position: absolute;
  top: 15px;
  right: 15px;
  font-size: 40px;
  cursor: pointer;
  color: #aaa;
}



.bio-content .doctor-bio {
  font-size: 16px;
  line-height: 1.6;
}

.bio-content .doctor-image img {
  width: 150px;
  height: 150px;
  object-fit: cover;
  border-radius: 8px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.doctor-list{width:40%}
.doctor-image{width:60%}

.main__section-inner{display:flex;}

.main__section-left{background:#f8f8f8; padding:100px}
.main__section-right{padding:100px}
.event-banner {
    position: relative;
    width: 100%;
    max-width: 600px; /* ÀûÀýÇÑ ³Êºñ·Î Á¶Á¤ */
    margin: 0 auto;
}

.event-banner__image {
    display: block;
    width: 100%;
    height: auto;
}

.event-banner__text {
    position: absolute;
    bottom: 0%; 
    left: 0%; 
    color: white;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.0); 
    z-index:9999;
    background: rgba(0, 0, 0, 0.3);
    width: 68%;
    height: 200px;
	padding:50px
}

.event-banner__eyebrow {
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 8px;
}

.event-banner__title {
    font-size: 24px;
    font-weight: bold;
    line-height: 1.2;
}
.review:after {content:''; display: block; width: 100%; height: 100%;background: url('/assets/images/common/case_slide_bg.jpg') 50% 100% no-repeat; background-size:100% auto; position: absolute; bottom: -100%; left: 0; transition:1s; z-index: -1;}


.count_sect .main_tit_wrap { width: 43%; }
.count_sect .cont { margin-top: -5rem; }
.count_sect { position: relative; width: 100%; height: calc(100vh - var(--hdH)); color: #333; overflow: hidden; background:url('/assets/images/main/m3_bg.jpg') no-repeat;}
.count_sect .bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #000; opacity: 0; z-index: 10; }
.count_sect .bg_wrap { position: absolute; left: 50%; top: 50%; width: 40%; margin: 0 auto; transform: translate(-50%, -50%); }
.count_sect .bg_video { position: relative; left: 50%; top: 0; width: 100%; padding-top: 35vh; transform: translateX(-50%); }
.count_sect .bg_video video { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; } 

.count_sect .main_tit_wrap .tit .gradient { background: linear-gradient(90deg, #333, #333, #65A9DF, #65A9DF); background-size: 400% 400%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.count_sect .main_tit_wrap .tit {color:#333}
.count_sect .wrap { position: relative; display: flex; justify-content: center; height: calc(100vh - var(--hdH)); z-index: 15; }

.count_sect .cont { display: grid; grid-template-columns: repeat(2, 1fr); gap: 0 2rem; width: 60%; margin-left: auto; margin-top: 2rem;color:#333 }
.count_sect .cont .count_box { position: relative; padding: 2rem 2rem; border-top: 1px solid #c7c7c7; }
.count_sect .cont .count_box:before { content: ''; position: absolute; left: 0; top: 0; width: 0; height: 2px; background-color: #fff; transition: none; }
.count_sect .cont .count_box.active:before { width: 100%; transition: width 4s linear; }
.count_sect .cont .count_box .ico { display: flex; align-items: center; justify-content: flex-start; margin-bottom: 1em; fill: #65A9DF; font-size: 1rem; }
.count_sect .cont .count_box .num_box {  font-weight: 500; }
.count_sect .cont .count_box .num_box .num { display: inline-block; transition: all 0.3s; }

.Msection6 {height:90vh;}
.Msection6 .list_wrap{position:relative; z-index:999; float:left; top:89% ;}
.Msection6 {background:url("/assets/images/main/Msection6_bg.jpg")no-repeat center; background-size:cover; overflow:hidden;}
.Msection6 .title {text-align:center;}
.Msection6 .doctorList { position:relative;}
.Msection6 .doctorList .space {justify-content:space-evenly;}
.Msection6 .rightTxt {width:44%;}
.Msection6 .rightTxt h4 {color:#fff;
font-family: var(--korean01);
font-weight: 400;
font-size: 40px;
leading-trim: Cap height;
line-height: 55px;
letter-spacing: -0.05em;
}
.Msection6 .rightTxt p {
color:#fff;

}
.docText p{line-height:1.8 !important}
.Msection6 .list_wrap ul {display:flex;margin-top:20px;justify-self: right;}

.Msection6 .list_wrap li { transition:background 0.5s;width:79px; height:80px; background-color:#fff; border-radius:50%; background-repeat:no-repeat; background-position:center; text-indent:-9999px; overflow:hidden; background-size:cover;}
.Msection6 .list_wrap li:hover {transition:background 0.5s;}
.Msection6 .list_wrap li + li {margin-left:5px;}
.Msection6 .list_wrap .doctor1 {background-image:url("/assets/images/main/tab_img1.png");}
.Msection6 .list_wrap .doctor2 {background-image:url("/assets/images/main/tab_img2.png");}
.Msection6 .list_wrap .doctor3 {background-image:url("/assets/images/main/tab_img3.png");}

.Msection6 .list_wrap .doctor1:hover {background-image:url("/assets/images/main/tab_img1_on.png");}
.Msection6 .list_wrap .doctor2:hover {background-image:url("/assets/images/main/tab_img2_on.png");}
.Msection6 .list_wrap .doctor3:hover {background-image:url("/assets/images/main//tab_img3_on.png");}

.Msection6 .list_wrap .doctor1.active {background-image:url("/assets/images/main/tab_img1_on.png");}
.Msection6 .list_wrap .doctor2.active {background-image:url("/assets/images/main/tab_img2_on.png");}
.Msection6 .list_wrap .doctor3.active {background-image:url("/assets/images/main//tab_img3_on.png");}

.Msection6 .list_wrap li:nth-child(1) {transform:translateX(0)}
.Msection6 .list_wrap li:nth-child(2) {transform:translateX(-50px)}
.Msection6 .list_wrap li:nth-child(3) {transform:translateX(-100px)}
.Msection6 .list_wrap li:nth-child(4) {transform:translateX(-150px)}
.Msection6 .list_wrap li:nth-child(5) {transform:translateX(-200px)}
.Msection6 .list_wrap li:nth-child(6) {transform:translateX(-250px)}
.Msection6 .list_wrap li:nth-child(7) {transform:translateX(-300px)}

.Msection6 .leftImg.aos-animate .list_wrap li:nth-child(2) {transform:translateX(0px); transition:transform 1s 1.2s;}
.Msection6 .leftImg.aos-animate .list_wrap li:nth-child(3) {transform:translateX(0px); transition:transform 1s 1.2s;}
.Msection6 .leftImg.aos-animate .list_wrap li:nth-child(4) {transform:translateX(0px); transition:transform 1s 1.2s;}
.Msection6 .leftImg.aos-animate .list_wrap li:nth-child(5) {transform:translateX(0px); transition:transform 1s 1.2s;}
.Msection6 .leftImg.aos-animate .list_wrap li:nth-child(6) {transform:translateX(0px); transition:transform 1s 1.2s;}
.Msection6 .leftImg.aos-animate .list_wrap li:nth-child(7) {transform:translateX(0px); transition:transform 1s 1.2s;}

.Msection6 .leftImg {width:50%; padding:41px 0 0; position:relative; height:50vh;}
.Msection6 .leftImg .bg {position:absolute; top:0; left:0;}

.Msection6 .leftImg .center_img {position:relative; z-index:10; margin-left:166px;}

.Msection6 .leftImg .center_img .img {position:absolute; top:10%; left:0; opacity:0; transition:all 0.5s;}
.Msection6 .leftImg .center_img .img.active {opacity:1; transition:all 0.5s;}
.Msection6 .leftImg .center_img .tttxt_wrap strong {
color:#CDA269;
font-family: var(--korean02);
font-weight: 500;
font-size: 14px;
leading-trim: Cap height;
line-height: 10px;
letter-spacing: 0;
display:block;
margin-top:26px;
}
.Msection6 .leftImg .center_img .tttxt_wrap p {
color:#fff;
font-family: var(--korean01);
font-weight: 400;
font-size: 28px;
leading-trim: Cap height;
line-height: 26px;
letter-spacing: -0.05em;
margin-top:15px;
}
.Msection6 .leftImg .center_img .tttxt_wrap p span {font-family: var(--korean01);color:#C3C3C3;}


.Msection6 .leftImg .center_img .tttxt_wrap {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 3;
  padding: 20px;
 
  box-sizing: border-box;
}
.doctorHover {cursor:pointer;}
.flex-box {display:flex;}

.dc_logo ul{overflow:hidden;}
.dc_logo li{float:left; padding-right:20px}

.Msection6 .list_wrap li {
  position: relative;
  text-indent: 0; /* ±âÁ¸ÀÇ -9999px Á¦°Å */
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  font-weight: bold;
  color: #111;
}

.Msection6 .list_wrap li span {
  z-index: 2;
  color:#fff;
}

.Msection6 .list_wrap li::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  z-index: 1;
}


.Msection3 {padding:140px 0 0; background:#f2f2f2;}
.Msection3 #default {position:relative;}
.Msection3 #default .hidden_txt {display:none;color:rgba(54 54 54 / 30%);font-size:50px; line-height:70px; font-family: 'Noto Serif KR', serif;text-align:center;
position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); z-index:1;}
.Msection3 #default .hidden_txt span {color:rgba(129 113 155 / 30%);font-size:50px; line-height:70px; font-family: 'Noto Serif KR', serif;}
.Msection3 .marquee_wrap {position:relative; z-index:2;}
.Msection3 .marquee_wrap:after {content:''; display:block; clear:both;}
.Msection3 .portfolio_list {width:100%; display:flex;}
.Msection3 .portfolio_list li {display:flex; align-items:center; justify-content:center;position:relative;width:283px;height:408px; margin:0 20px; transition:all .2s; background:url("/new/images/main/Msection3_default_bg.png")no-repeat center; background-size:cover;padding:10px 0; overflow:hidden;}
.Msection3 .portfolio_list li.on {margin-top:-25px; background:url("/new/images/main/Msection3_default_bg_active.png")no-repeat center; background-size:cover;}
.Msection3 .portfolio_list li.on:after {content:''; display:block; height:115px; background:rgba(255 255 255 / 60%);;
position:absolute; bottom:12px; left:12px; width:calc(100% - 24px); z-index:1;border-radius: 0 0 15px 15px;}
.Msection3 .portfolio_list li .explain {display:none; background-color: rgba(255 255 255 / 40%);
	backdrop-filter: blur(10px);
	height:115px;
	border-radius: 0 0 15px 15px;
	padding:20px 30px;	
	 z-index:2;
	position:absolute; bottom:12px; left:12px; width:calc(100% - 24px);}
.Msection3 .portfolio_list li .txt {font-weight:700; color:#969696; font-size:14px; letter-spacing:-0.02em; padding-bottom:5px; line-height:1;}
.Msection3 .portfolio_list li .thumb img { filter:grayscale(1);max-width:300px;}
.Msection3 .portfolio_list li .title {font-weight:700; font-size:20px; letter-spacing:-0.02em;}
.Msection3 .portfolio_list li .keyword_box {position:absolute; right:25px; top:25px;z-index:2;}
.Msection3 .portfolio_list li .keyword {display:inline-block; font-size:12px; color:#fff;font-weight:700; background:#ccc; padding:5px 15px; border-radius:30px; letter-spacing:-0.08em;}
.Msection3 .portfolio_list li.on .keyword {background:#fff;color:#81719b;}
.Msection3 .portfolio_list li.on .explain {display:block;}
.Msection3 .portfolio_list li.on .thumb img { filter:grayscale(0);}

.Msection3 .tab_wrap{display:flex; justify-content:center; padding:40px 0 80px;}
.Msection3 .tab_wrap .tab {display:flex;}
.Msection3 .tab button {display:flex; flex-direction:column; align-items:center;background-color: transparent;border: none;outline: none; cursor: pointer; font-size:15px; letter-spacing:-0.08em; color:#c4c0ca; font-weight:500;}
.Msection3 .tab button + button {margin-left:20px;}
.Msection3 .tab button.active {font-weight:700; color:#719b96;}
.Msection3 .tab button .icon_wrap {width:84px; height:95px;margin-bottom:10px; display:flex; justify-content:center; align-items:center;}
.Msection3 .tab button .img_on {display:none;}
.Msection3 .tab button .icon_wrap img {padding-bottom:10px;}
.Msection3 .tab button.active  .icon_wrap {background:url("/assets/images/main/Msection3_tab_bg.png")no-repeat center;/*padding-bottom:13px;*/}
.Msection3 .tab button.active .img {display:none;}
.Msection3 .tab button.active .img_on {display:block;}

.Msection3 .equipmentList {height:630px;position:relative;}
.Msection3 .equipmentList .swiper-button-prev:after,.equipmentList .swiper-button-next:after {display:none;}
.Msection3 .equipmentList .swiper-button-prev,.equipmentList .swiper-button-next {display:block; width:77px; height:77px;}
.Msection3 .equipmentList .swiper-button-prev {background:url("/assets/images/main/m4_prev.png")no-repeat center;}
.Msection3 .equipmentList .swiper-button-next {background:url("/assets/images/main/m4_next.png")no-repeat center;}
.Msection3 .equipmentList .swiper-slide {position:relative; width:436px !important;}
.Msection3 .equipmentList .swiper-slide:before {content:''; display:none; width:364px; height:364px; background:#eae8e8; border-radius:50%; position:absolute; left:50%; transform:translateX(-50%);}
.Msection3 .equipmentList .swiper-slide-active:before {width:436px; height:436px; background:#81719b; border-radius:50%;}
.Msection3 .equipmentList .swiper-slide .slideWrap_txt {position:relative; width:434px; height:434px; margin:60px auto 0; }
.Msection3 .equipmentList .swiper-slide .slideWrap_txt img {position:absolute; left:50%; transform:scale(0.7) translateX(-70%); top:-60px;}
.Msection3 .equipmentList .swiper-slide-active .slideWrap_txt {width:436px; height:405px;}
.Msection3 .equipmentList .swiper-slide-active .slideWrap_txt img {transform:scale(1.0) translateX(-50%);}
.Msection3 .equipmentList .swiper-slide:before {top:60px;}
.Msection3 .equipmentList .swiper-slide-active:before {top:0;}
.Msection3 .equipmentList .swiper-slide .txt {display:none;}
.Msection3 .equipmentList .swiper-slide-active .txt {display:block; position:absolute; bottom:-30px; margin:0 auto; width:100%;}
.Msection3 .equipmentList .swiper-slide-active .txt span {font-weight:600;font-size:30px; display:none}
.Msection3 .equipmentList .swiper-slide-active .txt h2 { font-weight:600;font-size:22px; text-align:center;}
.Msection3 .equipmentList .sweiper---btn {width:750px; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); margin-top:-100px; z-index:5;}
.Msection3 .all_txt_wrap {padding:0px 0 60px; text-align:center;}
.Msection3 .equipmentList .swiper-slide .slideWrap_txt img {background:#eae8e8; border-radius:50%; overflow:hidden;}
.Msection3 .equipmentList .swiper-slide-active .slideWrap_txt img {background:#73d0c9;}

.Msection3 .tabcontent {
  display: none;
}

.Msection3 .tabcontent.active {
  display: block;
}


@media all and (max-width:1800px){
	
}



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



    .main .visual_sect .txt_box { font-size: 3rem; }

  
    /*̧̫*/
    .main .card_slide .card_wrap .visual_card:nth-child(1) img {width: 30vw; height: auto}
    /*°üÀý*/
    .main .card_slide .card_wrap .visual_card:nth-child(2) img {width: 22vw; height: auto}
    /*½ÉÀå*/
    .main .card_slide .card_wrap .visual_card:nth-child(3) img {width: 34vw; height: auto}
    /*³ú*/
    .main .card_slide .card_wrap .visual_card:nth-child(4) img {width:  34vw; height: auto}


    .main .card_slide .card_move_btn  {width: 90%}





}

@media all and (max-width:1430px){
	
	#main .con1 .con1_slide_list .list .img img {max-width:none;}
	#main .con1 .circle_logo_box img {width: 350px;}
	#main .con2 .con2_slide_box {}
	#main .con2 .con2_slide_list .list {margin: 0 10px;}
	#main .con2 .slick-prev {left: 15px; margin-left: 0; z-index: 1;}
	#main .con2 .slick-next {right: 15px; margin-right: 0;}
}
@media all and (max-width:1230px){
	#main .con2 .con2_slide_list .list .txt_wrap {left: 50%;}
	#main .con2 .slick-prev,
	#main .con2 .slick-next {width: 40px; height: 40px; background-size:cover;}
}
@media all and (max-width:820px){
	#main > div {padding: 70px 0;}
	#mv_wrap .mv_list_wrap .mv_list{height:800px}
	#mv_wrap .mv_list_wrap .mv_list1 .visual {background-image: url('/assets/images/main/mv1_m.png'); background-position: 50% 50%; height:100%}
	#mv_wrap .mv_list_wrap .mv_list4 .visual {background-image: url('/assets/images/main/mv2_m.png'); background-position: 50% 50%;height:100%}
	#mv_wrap .mv_list_wrap .mv_list5 .visual {background-image: url('/assets/images/main/mv5_m.png'); background-position: 50% 50%;height:100%}
	#mv_wrap .mv_list_wrap .mv_list6 .visual {background-image: url('/assets/images/main/mv6_m.png'); background-position: 50% 50%;height:100%}
	#mv_wrap .mv_list_wrap .mv_list .txt_wrap {top: 31%;}
	#mv_wrap .mv_list_wrap .slick-dots {bottom: auto; top: 65%;}
	#mv_wrap .mv_list_wrap .slick-dots li button {width: 12px; height: 12px;}
	#mv_wrap .mv_list_wrap .slick-dots li.slick-active button {width: 40px;}
	 #mv_wrap .mv_list_wrap .mv_list .visual,
	  #mv_wrap .mv_list_wrap .mv_list video {
		width: 100%;
		height: 100%;
		object-fit: cover; /* ºñÀ² À¯ÁöÇÏ¸ç ²Ë Â÷°Ô */
	  }
	#main .con1 .tit_box {z-index: 1;}
	#main .con1 .con1_slide_list .list_in {padding: 140px 15px 0;}
	#main .con1 .con1_slide_list .list {min-height:auto;}
	#main .con1 .con1_slide_list .list .tit_wrap {min-height: 250px;}
	#main .con1 .con1_slide_list .list .img {position: static; width: 100%;}
	#main .con1 .con1_slide_list .list .img img {max-width:100%;}
	#main .con1 .circle_logo_box {top: 45%; right: 5px;}
	#main .con1 .circle_logo_box img {width: 200px;}
	#main .con2 .con2_slide_list .list .txt_wrap {left: 40%; width: calc(60% - 15px);}
	#main .con2 .con2_slide_list .list .txt_wrap .ff_felix {margin-bottom: 15px !important;}

	.main .visual_sect,
    .main .visual_slide { height: 100vh; }
    .main .visual_sect.active + .visual_slide { margin-top: -70vh; }
    .main .visual_slide .slide_move .swiper-pagination .num { font-size: 11px; }
    .main .visual_slide .swiper-progress-bar { width: 90px; height: 1px; }

    .main .card_slide .card_move_btn .btn { width: 4rem; height: 4rem}
    .main .card_slide .card_move_btn .btn  svg{width: 2rem;height: 2rem;}

    .main .sect_tit_box .tit{font-size: 26px;}
    .main .sect_tit_box .txt br{display: none;}
    .main .sect_tit_box .desc { margin-bottom: 2rem; }
    .main .sect_tit_box .com_btn{position: static; margin-top: 2em; font-size: var(--smTxt); line-height: 4rem;}
    .com_btn svg{margin-left: 2rem;}


    .main .visual_sect .txt_box{padding: 0 25px; font-size: 16px;}
    .main .visual_slide .card_txt_wrap .txt_box .tit{font-size: 36px;}
    .main .visual_slide .cont .txt_box{padding: 0 25px;}
    .main .visual_slide .cont .txt_box .tit{font-size: 28px;}
    .main .visual_slide .cont .txt_box .txt{font-size: 14px;}
    .main .card_slide .card_txt_wrap .txt_box .txt{font-size: 14px;}

	.count_sect .wrap{display:block}
	.count_sect .main_tit_wrap{width:100%}
	.count_sect .cont{width:100%}
	.count_sect .cont .count_box{padding:1rem 0rem;}

	.flex-box{display:block}
	.Msection6 .rightTxt{width:100%}
	.Msection6 .leftImg .center_img{margin-left:0}
	.Msection6{height:auto}
	.Msection6 .leftImg{width:100%}

	.shorts{padding-bottom:80px}
	.Msection3 .tab_wrap .tab{width:100%}
	 .Msection3 .tab_wrap .tab button {
		flex: 1 1 calc(22% - 10px); /* 4°³¾¿ */
		max-width: calc(22% - 10px);
		font-size:13px;
	  }
	  .Msection3 .tab_wrap .tab{place-content: center;}

	.m2 .inner{display:block}
	.m2{padding-top:80px; padding-bottom:80px}
	.m2 .inner .item{display:block}
	.m2 .inner .itemBox{width:100%}
	.m2 .inner .itemBox .itemBody .itemCell:nth-of-type(2){display:block}
	.m2 .inner .itemBox{margin-top:30px}
	.itemBody{padding:20px}
	.m2 .inner .itemBox.isActive{width:100%}
	.detph01{color:#fff}
	.Msection3{padding:80px 0 0 0}

	.Msection3 .equipmentList .swiper-slide-active .slideWrap_txt {width: 300px;height: 272px;}
	.Msection3 .equipmentList{height:auto}

	
	
}
@media all and (max-width:680px){
	#main .con2 .slide_tab_wrap {margin-bottom: 0;}
	#main .con2 .con2_slide_list .list {max-width: 500px;}
	#main .con2 .con2_slide_list .list .txt_wrap {width: 100%; position: static; padding: 30px 20px 80px; background-color: rgba(207,157,109,0.3); border-radius:15px 15px 0 0; transform:translateY(40px); margin-bottom: 25px; min-height:300px;}
	#main .con2 .con2_slide_list .list .img {position: relative; z-index: 2; border-radius:0 0 15px 15px; overflow: hidden;}
	/* #main .con2 .con2_slide_list .list .txt_wrap .beige1 {color: #ffeede;} */
	#main .con2 .con2_slide_list .list .txt_wrap h4,
	#main .con2 .con2_slide_list .list .txt_wrap .txt {color: #000;}
}
@media all and (max-width:520px){
	#main .con1 .circle_logo_box {top: 55%;}
	#main .con1 .circle_logo_box img {width: 150px;}
	#main .con1 .con1_slide_list .list_in {padding: 100px 15px 0;}
	#main .con1 .con1_slide_list .list .tit_wrap {min-height: 200px;}
	#main .con2 .slide_tab_wrap .slide_tab .list p:after {width: 16px; height: 16px;  margin: -8px; background-size:cover;}
	#main .con2 .slide_tab_wrap .slide_tab .list p {padding-top: 30px; font-size: 11px;}
	#main .con2 .con2_slide_list .list {max-width: 340px; }
	#main .con2 .con2_slide_list .list .txt_wrap {min-height:230px;}
	#main .con2 .con2_slide_list .list .txt_wrap h4 {font-size: 21px;}
	#main .con2 .con2_slide_list .list .txt_wrap p {font-size: 16px;}
	#main .con2 .con2_slide_list .list .txt_wrap .txt {font-size: 12px;}
	#main .con2 .slick-prev,
	#main .con2 .slick-next {width: 30px; height: 30px;}
	
}