@charset "utf-8";

@import url('//fonts.googleapis.com/css2?family=Oswald&display=swap');


@charset "utf-8";
#header #gnb_wrap .dep1_con {font-family: 'Futura Std', sans-serif !important;}
.all_menu_wrap .dep1_con .dep1{font-family: 'Futura Std', sans-serif !important;}


.grid{position:relative;height:600px}
.grid-item{position:absolute}
.grid-item1{left:0%; top:0px}
.grid-item2{left:20.1342%; top:0px}
.grid-item3{left:40.2685%; top:0px}
.grid-item4{left:60.4027%; top:0px}
.grid-item5{left:80.5369%; top:0px}
.grid-item6{left:80.5369%; top:300px}
.grid-item7{left:0%; top:300px}
.grid-item8{left:40.2685%; top:300px}
.grid-item9{left:60.4027%; top:300px}
.grid-item10{left:20.1342%; top:300px}
.grid-item11{left:80.5369%; top:300px}
.grid-item12{left:0%; top:600px}
.grid-item13{left:40.2685%; top:600px}
.grid-item14{left:60.4027%; top:600px}
.grid-item15{left:80.5369%; top:600px}
.grid-item16{left:20.1342%; top:600px}

.con3_bg { background:#bfbdb8 url('/en/img/bg_info.jpg') 50% 50% no-repeat; background-attachment:fixed;  background-size:cover;}
.con3_bg .gr {width: 100%; padding: 250px 0; background-image: linear-gradient(45deg,rgba(0,0,0,0.2) 0%, rgba(0,0,0,.9));}  


#mv_wrap {position: relative;}
#mv_wrap .mv_list_wrap {margin-bottom: 0; background-image: url('/en/img/mv1.jpg');}

#mv_wrap .mv_list_wrap .mv_list {position: relative; overflow: hidden; height:993px !important;}
#mv_wrap .mv_list_wrap .mv_list video { position: absolute; left: 50%; top: 50%; width: 100vw; min-width: 177.77vh; height: 56.25vw; min-height: 100vh; transform:translate(-50%,-50%); object-fit:cover; }
#mv_wrap .mv_list_wrap h3 {color: #222;}
#mv_wrap .mv_list_wrap .herapoint{color: #d24f83;}
#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.swiper-slide-active .visual { animation:mvBgScale 3.5s forwards; }
#mv_wrap .mv_list_wrap .mv_list1 .visual {background-image: url('/en/img/mv1.jpg');}
#mv_wrap .mv_list_wrap .mv_list2 .visual {background-image: url('/img/main/visual/slide-bg/2.jpg');}
#mv_wrap .mv_list_wrap .mv_list3 .visual {background-image: url('/img/main/visual/slide-bg/3.jpg');}
#mv_wrap .mv_list_wrap .mv_list4 .visual {background-image: url('/img/main/visual/slide-bg/4.jpg');}
#mv_wrap .mv_list_wrap .mv_list5 .visual {background-image: url('/img/main/visual/slide-bg/5.jpg');}
#mv_wrap .mv_list_wrap .mv_list .txt_wrap {position:absolute;left:12%;top:47%;transform:translate(0, -50%); width: 100%; padding: 0 15px;	 color: #fff; letter-spacing: 0; overflow: hidden;  word-break:keep-all;}
#mv_wrap .mv_list_wrap .mv_list .txt_wrap .tit { letter-spacing:0px;}
#mv_wrap .mv_list_wrap .mv_list .txt_wrap .txt { letter-spacing:0px;}

#mv_wrap .mv_list_wrap .mv_list.swiper-slide-active .txt_wrap > div { animation:mvTxt 1s 1s forwards; opacity: 0; transform:translateY(50px); }
#mv_wrap .mv_list_wrap .mv_list.swiper-slide-active .txt_wrap > div:nth-child(2) {animation-delay:1.5s;}
#mv_wrap .mv_list_wrap .mv_list.swiper-slide-active .txt_wrap > div:nth-child(3) {animation-delay:1.8s;}
#mv_wrap .slick-slide img { display: inline-block;}

#mv_wrap .slider_navi {position: absolute; bottom: 20%; right: 50%; margin-right: -150px; z-index: 1; display: flex; align-items:center;}
#mv_wrap .slider_navi .swiper-pagination {display: flex; justify-content:center; align-items:center; position: static;}
#mv_wrap .slider_navi .swiper-pagination-bullet {width: 42px; height: 42px; margin: 0 5px; background-color: transparent; position: relative; opacity: 1;}
#mv_wrap .slider_navi .swiper-pagination-bullet button {background-color: transparent; border: none;}
/* button style */
#mv_wrap .slider_navi .circle_btn { position: relative; display: flex; justify-content: center; align-items: center; width: 40px; height: 40px;  background-color: transparent; border-radius: 50%; cursor: pointer; opacity: .6; transition: 0.3s; }
#mv_wrap .slider_navi .circle_btn span {  position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-indent: -9999px; width: 8px; height: 8px; border-radius:50%; background-color: #fff;}

/* button circle */
#mv_wrap .slider_navi .progress { transform: rotate(-90deg); }
#mv_wrap .slider_navi .circle-border { fill: transparent; stroke: rgba(255,255,255,.6); stroke-width: 2px; stroke-linecap: round; stroke-dasharray: 125.664px; stroke-dashoffset: 125.664px; }
#mv_wrap .slider_navi .circle-origin { fill: transparent; stroke: transparent; stroke-width: 2px; stroke-linecap: round; stroke-dasharray: 125.664px; stroke-dashoffset: 125.664px; }

#mv_wrap .slider_navi .swiper-pagination-bullet-active {opacity: 1;}
#mv_wrap .slider_navi .swiper-pagination-bullet-active span {background-color: transparent;}
#mv_wrap .slider_navi .swiper-pagination-bullet-active .circle-origin { stroke:#fff; animation: progress 9s; }

#mv_wrap .slider_navi .swiper-pagination-bullet .btn.off{display: none}
#mv_wrap .slider_navi .swiper-pagination-bullet .btn {display: flex;position: absolute;left: 50%; top: 50%; transform: translate(-50%,-50%); opacity: 0; z-index: 3; margin: -1px 0 0 -1px;}
#mv_wrap .slider_navi .swiper-pagination-bullet .btn span {display: block; width: 3px; height: 13px; border-radius: 50px; background-color: #fff}
#mv_wrap .slider_navi .swiper-pagination-bullet .btn span + span {margin-left: 5px}
#mv_wrap .slider_navi .swiper-pagination-bullet .btn svg {fill: #fff; height: 12px;}

#mv_wrap .slider_navi .swiper-pagination-bullet-active .btn {opacity: 1}

#mv_wrap .slider_navi .swiper-counter {width: 75px; text-align: right; font-family:"Noto Sans SC", serif; color: #fff; font-size: 16px; font-weight: normal;  transform:translateY(-5px); }
#mv_wrap .slider_navi .swiper-counter .count {font-size: 1.8rem;}

#mv_wrap .scroll_down{position: absolute;bottom:0;left:50%;transform:translate(-47%);cursor:pointer; z-index:1;}
#mv_wrap .scroll_down span{display: block;position: relative;font-size:16px;color:#fff;font-weight:400;font-family:"Noto Sans SC", serif;padding-bottom:84px;letter-spacing:0.02em;}
#mv_wrap .scroll_down span:before{width:1px;height:70px;content:"";background: #fff;opacity:0.5;position: absolute;bottom:0;left:calc(50% - 1px);}
#mv_wrap .scroll_down span:after{width:10px;height:10px;content:"";box-sizing:border-box;border-radius:100%;background: #f2838f;position: absolute;left:49%;bottom:20%;transform:translate(-50%);animation:scroll 2s ease-in Infinite Alternate;}

@keyframes scroll{
	0%{bottom:60%;}
	50%{bottom:7%;}
	100%{bottom:60%;}
}


@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; }
}

#mc_special { position:relative; height:870px; overflow:hidden; background:#fff; max-width:1920px; margin:0 auto; overflow:hidden }
#mc_special:after { content:''; top:0; left:50%; margin-left:-960px; position:absolute; width:1920px; height:870px; border:1px solid #f00; z-index:1; display:none }

#box_fade { top:0; left:0; position:absolute; width:100%; height:100%; background:#fff; z-index:1; display:none !important }

#mc_special .swiper-container { width:100%; height:100%; position:relative }

#mc_special .swiper-slide { width:100%; overflow:hidden }
#mc_special .swiper-slide .container { position:relative; left:50%; margin-left:-960px; width:1920px; height:870px; overflow:hidden }
#mc_special .swiper-slide .container .wrap { position:relative; top:50%; left:50%; margin:-535px 0 0 -1060px; width:2120px; height:1070px; overflow:hidden;}

/* vimeo */
#mc_special .swiper-slide .container_vimeo { }
#mc_special .swiper-slide .container_vimeo iframe { top:0; left:0; position:absolute; width:100%; height:100% }
#mc_special .swiper-slide .container_vimeo .bg_poster { top:0; left:0; position:absolute }
#mc_special .swiper-slide .container_vimeo .typo { top:0; left:0; position:absolute }
#mc_special .swiper-slide .container_vimeo .poster { top:0; left:0; position:absolute; /*transition:all ease-in-out .5s*/ }
#mc_special .swiper-slide .container_vimeo .poster.fadeOut { opacity:0 }

.paused { animation-play-state:paused }
.running { animation-play-state:running }

/* gp_bg1 --------------------------------------------------------------------- */
#mc_special .swiper-slide .gp_bg1 { position:absolute; top:0; left:0; animation:mvTxt2 3.5s 0s forwards; }
#mc_special .swiper-slide .gp_bg1 img { transition:all ease-out 1.5s 1.5s; transform:scale(1) translateX(0); filter:blur(0) grayscale(0); opacity:0 }


/* gp_bg2 --------------------------------------------------------------------- */
#mc_special .swiper-slide .gp_bg2 { position:absolute; top:0; left:0; animation:sv-bg-change 5s infinite }
#mc_special .swiper-slide .gp_bg2 img { transition:all ease-out 1.5s 1.5s; transform:scale(1) translateX(0); filter:blur(0) grayscale(0) }

/* gp_typo --------------------------------------------------------------------- */
#mc_special .swiper-slide .gp_typo { position:absolute; top:0; left:0; animation:mvTxt 3.5s 0s forwards; }
#mc_special .swiper-slide .gp_typo img { transition:all ease-out 1.5s 1.5s; transform:scale(1) translateX(0); filter:blur(0) grayscale(0) }

/* ------------------------------------------------------------------------------------------------------------------------------------------------------------ */
/* prev/next */
#mc_special .btn_pn { top:50%; margin-top:-50px; position:absolute; width:100px; height:100px; background:rgba(0,0,0,0); border-radius:50px; overflow:hidden; cursor:pointer; z-index:1; border:1px solid rgba(255,255,255,0); transition:all ease-out .3s }
#mc_special .btn_prev { left:120px }
#mc_special .btn_prev .arrow { top:50%; left:50%; transform:translate(-50%,-50%) rotate(135deg); position:relative; margin-left:10px }
#mc_special .btn_next { right:120px }
#mc_special .btn_next .arrow { top:50%; left:50%; transform:translate(-50%,-50%) rotate(-45deg); position:relative; margin-left:-10px }
#mc_special .arrow { border:solid rgba(0,0,0,.2); border-width:0 1px 1px 0; display:inline-block; vertical-align:middle; padding:24px }



.custom-pagination {position:absolute;bottom: 15% !important;left:0;display: flex;padding:0 1em;box-sizing:border-box;justify-content:center;align-items:center; color:#fff;font-size:1em; z-index:2;}
.progress__bar {position:relative;width:50%;height:1px; margin:0 20px;background-color:#fff;}
.progress__fill {position:absolute;inset:0; display:block;height: 100%; background-color:#c7c7c7; }
.current {color:#f4e5db}
.wpb_row{position:relative;}
.wpb_row .row-bg-wrap{
	 width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
	}
.material .wpb_row{margin-bottom:0px}
.nectar-shape-divider-wrap{position:absolute;top:auto;bottom:0;left:0;right:0;width:100%;height:100%;z-index:3;transform:translateZ(0);top:auto;bottom:120px;left:0;right:0;width:100%;height:150px;z-index:3;transform:translateZ(0);}
.only_m{display:none}


@keyframes sv-bg-change {
	0% {-webkit-transform: scale(1);animation-timing-function: ease-in;}
	50% {-webkit-transform: scale(1.1); animation-timing-function: ease-out;}
	100% {-webkit-transform: scale(1); }
}

@keyframes sv-bg-change {
	0% {transform: scale(1);  animation-timing-function: ease-in;}
	50% {transform: scale(1.1);  animation-timing-function: ease-out;}
	100% {transform: scale(1); }
}

@keyframes mvTxt2 {
    0% {
        transform:translateX(-200px);
        opacity:1;
    }
    100% {
        transform:translateX(0);
        opacity:1;
    }
}
/* selfi */
.mc_selfie_container { max-width:1490px; margin:0 auto; position:relative }
#about_hera .grid img { width:100% }
#about_hera .grid-sizer { width:calc((100% - 40px)/5) }
.gutter-sizer { width:10px }
#about_hera .grid-item { width:calc((100% - 40px)/5); overflow:hidden; margin-bottom:10px; cursor:pointer; overflow:hidden; transition:all 1s cubic-bezier(0.22, 1, 0.36, 1); border-radius: 10px; }
#about_hera .grid-item .wrap { width:100%; position:relative; overflow:hidden; background:#fff }
#about_hera .grid-item .wrap .default { position:relative; width:100%; transition:all .5s cubic-bezier(0.33, 1, 0.68, 1) }
#about_hera .grid-item .wrap .active { top:0; left:0; position:absolute; width:100%; height:100%; opacity:0; /*transform:scale(1.2);*/ transition:all ease-in-out .4s }
#about_hera .grid-item .wrap .active .swiper-container { position:relative; width:100%; height:100%; background:rgba(255,0,0,.5) }
#about_hera .grid-item .wrap .active .swiper-container .swiper-wrapper { }
#about_hera .grid-item .wrap .active .swiper-container .swiper-wrapper .swiper-slide { position:relative }
#about_hera .grid-item .wrap .active .swiper-container .swiper-wrapper .swiper-slide .t_before { top:5px; left:5px; position:absolute; font-size:10px; line-height:1; color:#ccc; padding:5px 7px; background:rgba(0,0,0,.8); border-radius:5px; z-index:100 }
#about_hera .grid-item .wrap .active .swiper-container .swiper-wrapper .swiper-slide .t_after { top:5px; left:5px; position:absolute; font-size:10px; line-height:1; color:#ccc; padding:5px 7px; background:rgba(0,0,0,.8); border-radius:5px; z-index:100 }
#about_hera .grid-item .wrap .active .swiper-container .swiper-wrapper .swiper-slide .square { top:0; left:0; position:absolute; width:100%; height:100%; background:rgba(0,0,0,.4) }

#about_hera .grid-item .wrap > div .video { width:100%; height:100%; object-fit:cover }
#about_hera .grid-item .wrap > div img { width:100%; height:100%; object-fit:cover }

#about_hera .grid-item .wrap_fix { width:100%; height:0; position:relative; overflow:hidden; background:#fff /*padding-bottom:calc((1000/752)*100%)*/ }
#about_hera .grid-item .wrap_fix .default { top:0; left:0; position:absolute; width:100%; height:100%; transition:all .5s cubic-bezier(0.33, 1, 0.68, 1) }
#about_hera .grid-item .wrap_fix .active { top:0; left:0; position:absolute; width:100%; height:100%; /*opacity:0; transform:scale(1.2);*/ transition:all ease-in-out .4s }
#about_hera .grid-item .wrap_fix > div .video { width:100%; height:100%; object-fit:cover }
#about_hera .grid-item .wrap_fix > div img { width:100%; height:100%; object-fit:cover }

#about_hera .grid-item .square { top:0; left:0; position:absolute; width:100%; height:100%; background:rgba(0,0,0,0); cursor:auto; transition:all .5s cubic-bezier(0.33, 1, 0.68, 1) }

#about_hera .grid-item .info_wrap { position:absolute; bottom:0; left:0; position:absolute; width:100%; height:40px; background:rgba(255,255,255,1); transition:all .5s cubic-bezier(0.33, 1, 0.68, 1); display:none }
#about_hera .grid-item .info_wrap > div { height:100%; display:flex; justify-content:flex-end; align-items:center }
#about_hera .grid-item .info_wrap > div .name { font-size:10px; line-height:1; color:#555; text-transform:uppercase; padding-right:15px; position:relative }
#about_hera .grid-item .info_wrap > div .name:before { content:''; top:1px; right:0; position:absolute; width:1px; height:calc(100% - 2px); background:#ccc }
#about_hera .grid-item .info_wrap > div .heart { width:40px; height:30px; display:flex; justify-content:center; align-items:center }
#about_hera .grid-item .info_wrap > div .heart img { width:auto }

#about_hera .grid-item .data_wrap { top:0; left:0; position:absolute; width:100%; height:100%; padding-bottom:20px; display:flex; justify-content:center; align-items:flex-end }
#about_hera .grid-item .data_wrap p { opacity:0; transform:translateY(-50px); text-align:center;  font-size:14px; line-height:1.6; color:#fff; transition:all .5s cubic-bezier(0.33, 1, 0.68, 1) }

#about_hera .grid-item .more_wrap { top:0; left:0; position:absolute; width:100%; height:100%; display:flex; flex-direction:column; justify-content:center; align-items:center }
#about_hera .grid-item .more_wrap .logo { opacity:0; transform:translateY(50px); width:auto; transition:all .5s cubic-bezier(0.33, 1, 0.68, 1) .2s}
#about_hera .grid-item .more_wrap .title { opacity:0; transform:translateY(50px); line-height:1; letter-spacing:1px; color:rgba(255,255,255,.7); margin-top:5px; transition:all .5s cubic-bezier(0.33, 1, 0.68, 1) .3s }
#about_hera .grid-item .more_wrap .icon { opacity:0; transform:scale(2); margin-top:20px; width:60px; height:60px; border-radius:50%; border:1px solid rgba(255,255,255,.2); transition:all .5s cubic-bezier(0.34, 1.56, 0.64, 1) }
#about_hera .grid-item .more_wrap .icon:before { content:''; top:50%; left:50%; margin-top:-12px; position:absolute; width:1px; height:24px; background:rgba(227,199,186,9) }
#about_hera .grid-item .more_wrap .icon:after { content:''; top:50%; left:50%; margin-left:-12px; position:absolute; width:24px; height:1px; background:rgba(227,199,186,9) }

/*#about_hera .grid-item .idx { top:0%; left:0%; position:absolute; font-family:'Oswald-regular'; font-size:20px; line-height:1; color:#fff; padding:10px; background:#00f; display:none }*/


/* more */
#about_hera .btn_more_wrap { display:flex; justify-content:center; align-items:center; margin-top:0px; transition:all .2s ease-in-out; overflow:hidden; display:none !important }
#about_hera .btn_more_wrap.off { opacity:0 }
#about_hera .btn_more { border-radius:6px; overflow:hidden; box-sizing:border-box; border:10px solid #333; cursor:pointer; position:relative; /*display:none*/ }
#about_hera .btn_more p { font-size:36px; font-weight:bold; line-height:1; color:#333; padding:34px 60px 26px 60px; box-sizing:border-box }
#about_hera .btn_more .icon { top:50%; left:30px; margin-top:-15px; position:absolute; width:30px; height:30px; transform:rotate(-180deg) scale(0); transition:all ease-out .3s }
#about_hera .btn_more .icon.on { transform:rotate(0deg) scale(1) }
#about_hera .btn_more .icon:before { content:''; top:calc(50% - 1px); left:0; position:absolute; width:100%; height:2px; background:#0475f4 }
#about_hera .btn_more .icon:after { content:''; top:0; left:calc(50% - 1px); position:absolute; width:2px; height:100%; background:#0475f4 }

.txt18{font-size:18px;line-height: 25px !important;}

/* 헤라 소개 250702 추가*/
.pinkbox {max-width:1000px ; margin:0 auto ; background-color: #f9ebf1; border-radius: 30px; padding: 20px;}
.graybox {width: 100%; background-color: #f6f6f6;}
.doctorimgbox {display: flex; justify-content: space-between;}
.doctorimgbox img {border-radius: 20px;}

.roundwrap { display: grid; gap: 80px; grid-template-columns: repeat(3, 1fr); cursor:pointer;}
.roundwrap2 { display: grid; gap: 20px; grid-template-columns: repeat(4, 1fr); cursor:pointer;}
.roundbox {position: relative; border: #d45789 1px solid; border-radius: 60px; height: 480px; background-repeat: no-repeat;background-size: cover; background-position: center;}
.roundbox.img1_01{background-image: url('/en/img/newequpimg01.jpg'); }
.roundbox.img1_02{background-image: url('/en/img/newequpimg02.jpg'); }
.roundbox.img1_03{background-image: url('/en/img/newequpimg03.jpg'); }
.roundbox.img1_04{background-image: url('/en/img/newequpimg04.jpg'); }
.roundbox.img1_05{background-image: url('/en/img/newequpimg05_250820.jpg'); }
.roundbox.img1_06{background-image: url('/en/img/newequpimg06_250820.jpg'); }

.roundbox.img2_01{background-image: url('/en/img/filler01.jpg'); }
.roundbox.img2_02{background-image: url('/en/img/filler02.jpg'); }
.roundbox.img2_03{background-image: url('/en/img/filler03.jpg'); }
.roundbox.img2_04{background-image: url('/en/img/filler04.jpg'); }
.roundbox.img2_05{background-image: url('/en/img/filler05.jpg'); }
.roundbox.img2_06{background-image: url('/en/img/filler06.jpg'); }
.roundbox.img2_07{background-image: url('/en/img/filler07.jpg'); }
.roundbox.img2_08{background-image: url('/en/img/filler08.jpg'); }

.roundbox.img3_01{background-image: url('/en/img/newequpimg03_1.jpg'); }
.roundbox.img3_02{background-image: url('/en/img/newequpimg03_2.jpg'); }
.roundbox.img3_03{background-image: url('/en/img/newequpimg03_3.jpg'); }
.roundbox.img3_04{background-image: url('/en/img/newequpimg03_4.jpg'); }

.roundbox.img4_01{background-image: url('/en/img/equipment11.jpg'); }
.roundbox.img4_02{background-image: url('/en/img/equipment12.jpg'); }
.roundbox.img4_03{background-image: url('/en/img/equipment13_02.jpg'); }
.roundbox.img4_04{background-image: url('/en/img/equipment14.jpg'); }

.roundtitle {position: absolute; bottom:-5px; background-color: #f9ebf1; border: #d45789 1px solid;  border-radius: 100px; width: 100%; height: 80px; z-index: 2; line-height: 80px; }
.roundtitle2 {position: absolute; bottom:-5px; background-color: #f9ebf1; border: #d45789 1px solid;  border-radius: 100px; width: 100%; height: 80px; z-index: 2; line-height: 26px; padding: 10px 0; }

.modal { display: none; position: fixed; z-index: 1000; left: 0; top: 0;  width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.6);}
/* .modal-content {position: relative; margin: 5% auto; width: 90%; max-width: 700px; height: 700px; border-radius: 20px; background-size: cover; background-position: center; overflow: hidden; display: flex; align-items: flex-end; border: #d45789 1px solid; justify-content: center; padding-bottom: 180px;}
.modal-text {width: 100%; background-color: rgba(210, 79, 131, 0.8); color: #fff; padding: 30px 20px; box-sizing: border-box;}
.modal-text h2 {margin: 0 0 10px 0; font-size: 24px; color: #fff;}
.modal-text p {margin: 0; font-size: 16px; line-height: 1.5; color: #fff;}
.close {position: absolute; top: 15px; right: 20px; font-size: 30px; color: #fff; cursor: pointer; z-index: 2; background-color: #d45789; padding:0 7px 3px 7px; border-radius: 100%;}
#modal-video {max-width: 100%; max-height: 100%; display: none; }   */
.modal-content {position: relative; margin: 5% auto; width: 90%; max-width: 700px; height: 700px; border-radius: 20px;
	background-size: cover;background-position: center;overflow: hidden; display: flex; flex-direction: column;
	justify-content: center; background-color: #000; align-items: center; border: #d45789 1px solid; padding-bottom: 120px; }
#modal-video {max-width: 100%;max-height: 100%;display: none;}
.modal-text {	position: absolute;bottom: 0;left: 0;width: 100%;background-color: rgba(210, 79, 131, 0.8);color: #fff;padding: 30px 20px;
	box-sizing: border-box;z-index: 2;}
.modal-text h2 {margin: 0 0 10px 0;font-size: 24px;color: #fff; }
.modal-text p {margin: 0;font-size: 16px;line-height: 1.5;color: #fff;}
.close {position: absolute;top: 15px;right: 20px;font-size: 30px;color: #fff;cursor: pointer;z-index: 3;background-color: #d45789;
	padding: 0 7px 3px 7px;border-radius: 100%;}
  



/* 의료진소개*/
.page_top_wrap .inner {display: flex; width: 100%; align-items: flex-start  ; background-image: linear-gradient(45deg,rgba(75,49,49,0.7) 0%, rgba(75,49,49,.9));}
.page_top_wrap .inner > div {width: 50%;}
.page_top_wrap .txt_box {display: flex;justify-content:flex-end; }
.page_top_wrap .txt_box > div {width: 850px; padding:100px 10% 0 0;}
.page_top_wrap .txt_box1 > div {width: 850px; padding:100px 0 0 10%;}
.page_top_wrap .img_box {overflow: hidden;}
.page_top_wrap .img_bg {width: 100%; height:880px; background-repeat: no-repeat; background-position: 50% 50%; background-size:cover; transition: 0.25s;}
/* .page_top_wrap .txt_box  .box {padding:20px 30px; background-color:#fff; color:#333;}
.page_top_wrap .txt_box1  .box {padding:20px 30px; background-color:#fff; color:#333;} */
.pl20 { padding-left:20px !important;}

.doctors_txt p {color: rgba(255,255,255,.6);}
.doctor-details {
    display: none; /* �⺻������ ��� ������ ���� */
}

.doctor-details.active {
    display: flex !important; /* �켱���� ���� ���� */
}

.s_tab3 ul {
    overflow: hidden;
    display: flex;
    justify-content: center;
}

.s_tab3 li {
    cursor: pointer;
    border: 1px solid #d9d9d9;
	border-bottom: none;
    border-radius: 20px 20px 0 0;
    padding: 15px 30px;
    margin: 0 10px;
    transition: all 0.3s ease;
}

.s_tab3 li.active {
    border: 1px solid #f2838f;
	border-bottom: none;
    color:#fff !important;
	background-color: #d24f83;
    font-weight: bold !important;
}


#patella_0104 section:not(:last-of-type){ margin-bottom: 100px; }
#patella_0104 .banner{ padding: 85px 0; margin-top: 60px; }
#patella_0104 .banner h4{ font-family: var(--Montserrat); font-size: 5.5rem; font-weight: 700; color: #fff; letter-spacing: -0.04em; text-align: center; }

#patella_0104 .patella_0104_box .flex-box{ display: flex; }
#patella_0104 .patella_0104_box .image-box{ padding-top: 22px; width:44%  }
#patella_0104 .patella_0104_box .image-box .sticky{ max-width: 615px; width: 85%; position: sticky; top: 30%; left: 0; }
#patella_0104 .patella_0104_box .image-box figure{ width: 100%; position: relative; overflow: hidden; padding-bottom: 61.3%; }
#patella_0104 .patella_0104_box .image-box figure img{ width: 100%; /* height: 100%; */ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }

#patella_0104 .patella_0104_box .text-box{ padding-left: 0px;width:57% }
#patella_0104 .patella_0104_box .text-box ul li{ position: relative; }
#patella_0104 .patella_0104_box .text-box ul li::before{ content: ""; width: 1px; height: 100%; background: #ddd; position: absolute; top: 0px; left: -82px ; }
#patella_0104 .patella_0104_box .text-box ul li:not(:last-of-type){ padding-bottom: 65px; }
/* #patella_0104 .patella_0104_box .text-box ul li:last-of-type::before{ display: none; } */
#patella_0104 .patella_0104_box .text-box .sticy_img::before{content: "";width: 14px;height: 14px;background: #f2838f;border-radius: 50%;position: absolute;top: 290px;left: -88px;}
#patella_0104 .patella_0104_box .text-box ul li dl:not(:last-of-type){ margin-bottom: 20px; }
#patella_0104 .patella_0104_box .text-box dl *{ font-size: 1.7rem; letter-spacing: -0.02em; }
#patella_0104 .patella_0104_box .text-box dl dt{ font-family: var(--Montserrat); font-weight: 600; color: var(--mainColor); margin-bottom: 10px; }
#patella_0104 .patella_0104_box .text-box dl dd{ font-weight: 400; color: #1F1F1F; }
#patella_0104 .patella_0104_box .text-box li div{display:block;}
.sticy_txt{position:relative; top:10px; margin-left:15px;}
.clic_box ul{overflow:hidden;}

.scon_2_in ul{overflow:hidden;}
.scon_2_in li{float:left; width:calc(25% - 40px); margin:20px; position:relative}


.move_text_box {z-index:-1}
.move_text_box .text { display: flex; flex: 0 0 auto; white-space: nowrap; overflow: hidden; transition: 0.3s; font-size: 8rem; color: #f3f4f6; font-family:'IvyMode';}
.move_text_box .text p { animation: textLoop 20s linear infinite; padding-right: 14.3rem; line-height: 1.4;}

@keyframes textLoop {
	0% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
	100% {
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0);
	}
}
@keyframes textLoop2 {
	0% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
	100% {
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0);
	}
}

#patella_0104.bg_wblue .patella_0104_box .text-box .sticy_img::before{background:#75a7d2}
#patella_0104.bg_wgreen .patella_0104_box .text-box .sticy_img::before{background:#85b7a6}
#patella_0104.bg_wred .patella_0104_box .text-box .sticy_img::before{background:#b46f6f}


#progress_circle {width: 750px;height: 750px;border-radius:50%;display: flex;align-items:center;justify-content:center;position: relative;overflow: hidden;z-index: 9;right: 0;margin: 0 auto;}
#progress_circle .progress_circle_bg {
  width: 750px;
  height: 750px;
  background: url('/en/img/logotxt.png') 50% 50% no-repeat;
  animation: progress_Rotate 10s linear infinite;
  position: relative;
  z-index: 1; }
#progress_circle .progress_circle_logo {width: 550px;height: 550px; background-color:rgba(210,79,131,0.8);;color:#fff;border-radius:50%;position: absolute;top: 50%;left: 50%;transform:translate(-50%,-50%);transition:.5s;display: inline-block;align-items:center;justify-content:center;text-align: center;padding-top: 23%;}
#progress_circle .progress_circle_logo img { width: 250px; webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1); }
/* #progress_circle .progress_circle_logo:hover {top: -100%;} 
#progress_circle:hover .progress_circle_bg {background-image: url('/assets/images/common/kakao_txt_ov.png');}*/
#progress_circle:hover .progress_circle_logo {width: 575px; height: 575px; padding-top: 25%;}
@keyframes progress_Rotate {
  to {
    transform: rotate(360deg);
  }
}
.con1 {padding: 160px 0;}

.s_tab {width: 100%;margin: 0 auto;text-align: center;font-size: 0;margin-left:0; z-index:1;}
.s_tab li {display: inline-block; vertical-align: top; margin:0 -1px; width:14.1111111%}
.s_tab li a {display: block;  text-align: center;font-size: 34px; padding-bottom:20px; font-weight: 400; color: #787878;  border-left: none;  transition: .25s;  border-bottom: 5px solid transparent;}
.s_tab li a::after {content: ''; background: #ddd; position: absolute;  bottom: 0;  left: 0;  right: 0;  height: 5px;  display: block;  z-index: -1;}
.s_tab li a.active,
.s_tab li a:hover{ color: #151515; border-bottom: 5px solid #151515; font-weight:500}

/* �⺻������ ��� ������ ���� */
.s_tab_con2 > .con {
    display: none; /* ��� ������ ���� */
    opacity: 0;    /* ȭ�鿡 ������ �ʰ� */
    transform: translateY(20px); /* �ణ �Ʒ��� �̵� */
    transition: all 0.3s ease; /* �ε巯�� ��ȯ */
}

/* Ȱ��ȭ�� ������ */
.s_tab_con2 > .con.active {
    display: block; /* Ȱ��ȭ�� �������� ǥ�� */
    opacity: 1;     /* ������ ���̰� */
    transform: translateY(0); /* ���ڸ��� �̵� */
}


.s_tab .col-1 li{width:calc(50% - 2px);}
.s_tab .col-2 li{width:calc(50% - 2px);}
.s_tab .col-3 li{width:calc(33.33% - 2px);}
.s_tab .col-4 li{width:calc(25% - 2px);}
.s_tab .col-5 li{width:calc(20% - 2px);}
.s_tab .col-6 li{width:calc(16.8%);}
.s_tab .col-7 li{width:calc(14% - 2px);}

.tit_con1 {position:relative;}
.box_txt{background:#f7f7f7; padding:30px 0}
.num_box{width:40px; height:40px; color:#fff; background:#f2838f; margin:0 auto; border-radius:100%; padding:6px; line-height:30px}

.tab_list ul{overflow:hidden;}
.tab_list li{float:left; width:20%}

.lo_icon1 {width:10%; margin-right:10px}
.lo_txt{width:90%}


.eye_0501_list ul{border-radius:20px; overflow:hidden}
.eye_0501_list li{float:left; width:calc(50% - 20px); margin:10px}
.eye_0501_list .tit{background:#d29375; padding:20px}
.eye_0501_list .sub_txt{padding:30px 100px}
.eye_0501_list .sub_txt2{padding:50px 100px}
.check_icon{position:relative; margin-right:10px}
.sum_img{position:relative;background:#fff3ee; border-radius:40px 40px 0 0}
.sum_img2{position:relative;border-radius:40px 40px 0 0}
.sum_tit{position:absolute; bottom:0%; width:100%; background:#d7a997; padding:10px 0; border-radius: 0 0 40px 40px; color:#fff}
.sum_tit2{width:100%; background:#d7a997; padding:10px 0; color:#fff}
.sub_txt{background:#fff3ee; border-radius: 0 0 40px 40px}
.sub_txt2{background:#fff3ee; border-radius: 40px}

.check_br_con{position:relative}
.check_br{position:absolute; width:10%; display:inline-block;}
.check_br2{position:absolute; width:2%; display:inline-block;}
.check_txt{margin-left:40px; width:90%; display:inline-block;}
.check_txt2{margin-left:15px; width:98%; display:inline-block;}
.box_bg{background:#f2838f; border-radius:40px; padding:10px; width:30%; margin:0 auto}

.box_list {background:#fcede4; border-radius:40px; padding:50px 0}
.bar{border:1px solid #c7c7c7; margin-top:100px; margin-bottom:100px}
.w33{width:calc(33.3333333% - 20px) !important;}
.w25{width:calc(25% - 20px) !important;}
.w20{width:calc(20% - 20px) !important;}

.h270{height:270px}
.h300{height:300px}
.h200{height:200px}

.step{background:#d29375; width:30%; color:#fff; padding:10px 0; border-radius:50px; margin:0 auto}


.tit_con {margin-bottom: 60px; width:65%}
.tit_con .num2 {font-weight: 700; color: #f2838f; font-size:26px; position:absolute; margin-left:1%; line-height:95%; margin-top:10px; font-family: 'Futura Std', sans-serif;}
.tit_con h4 {font-weight: 600; margin-bottom:20px;}
.num_con{margin-left:5%}
.num_con2{margin-left:5%}
.chk_txt p {position: relative; padding-left: 30px; line-height: 1.7; word-break:keep-all; margin-bottom: 5px;}
.chk_txt p:after {content:''; display: block; width: 7px; height: 7px; background-color:#ddd;  position: absolute; top: 12px; left:5px;}

.w50{width:50%}


/* 비전 미션 */
.article0 {position: relative; overflow: hidden;}
.a0-shadow { position: absolute; top: 0; left: 0;transform: scaleX(-1); width: 750px;opacity: .8; z-index: -1;}
.a0-box-wrapper { width: 100%; display: flex; flex-direction: column; gap: 12rem;}
.a0-box { display: flex; justify-content: space-between; gap: 3rem;}
.a0-box:nth-child(2n) { flex-direction: row-reverse;}
.a0-box-text {margin-top: 2rem;}
.a0-box-text h4 { font-size: 19px; font-weight: 600; margin-bottom: 1.5rem;}
.a0-box-text p { color: #aaa; font-size: 20px; line-height: 1.6;  margin-top: 2rem;}
.a0-box-image {width: 60%; min-width: 60%;}


/* 장비소개 */
.system {padding: 160px 0; background:#f5f5f5}
.system .system_list {padding-bottom: 25px;}
.system .system_list .list {margin:  0 20px;overflow: hidden;}
.system .system_list .list_box {position: relative;}
.system .system_list .img {overflow: hidden;}
.system .system_list .img img {width: 100%; border-radius: 20px; transition:.5s;}
.system .system_list .list:hover .img img {transform:scale(1.15);}
.system .system_list .txt {position: absolute; bottom: 0; left: 0; width: 100%; padding: 30px 5px 50px; background-color: rgba(210,158,117,.8); color: #fff; line-height: 1.5; word-break:keep-all;}
.system .system_list h4 {padding: 30px 0 50px; text-align:center}
.system .slick_nav {width: calc(100% - 70px); bottom:0; align-items:center;  transform: translate(-875px, 0);}
.system .slick_arrow {width: 180px; text-align: right; top:-30px; left:auto; right:0;}
.system .slick_arrow button {display: inline-block; width: 44px; height: 13px; margin: 0 12px; border: none; background-color: transparent;	text-indent: -9999px;}
.system .slick_arrow .prev_btn,
.system .slick_arrow .next_btn {width: 73px; height: 73px; background-color: transparent; padding: 0; border:#333 1px solid; border-radius:100%;  background-repeat: no-repeat; background-image: url('/en/img/arrow_left.png'); background-position: center;}
.system .slick_arrow .next_btn {background-image: url('/en/img/arrow_right.png');}
.system .slick_arrow .prev_btn:hover,
.system .slick_arrow .next_btn:hover { border:#d24f83 1px solid; background-color:#d24f83; background-image: url('/en/img/arrow_left_w.png');text-indent: -9999px; transition: .25s; }
.system .slick_arrow .next_btn:hover {background-image: url('/en/img/arrow_right_w.png');}
.system .slider_progress {width: calc(100% - 180px); margin-top:9px;}

/* 전후사진 */
.bnf {padding: 100px 0 0 0;}
.bnf .bnf_list {padding-bottom: 25px; position: relative; }
.bnf .bnf_list .list {margin:  0 100px; overflow: hidden; background-color: #d24f83; border: #d24f83 1px solid; border-radius: 20px;}
.bnf .bnf_list .list_box {position: relative;}
.bnf .bnf_list .img {overflow: hidden;}
.bnf .bnf_list .img img {width: 100%; transition:.5s;}
.bnf .bnf_list .list:hover .img img {transform:scale(1.15);}
.bnf .bnf_list .txt {position: absolute; bottom: 0; left: 0; width: 100%; padding: 30px 5px 50px; background-color: rgba(210,158,117,.8); color: #fff; line-height: 1.5; word-break:keep-all;}
.bnf .bnf_list h4 {padding: 20px 0 20px 0; text-align:center; color: #fff;}
.bnf .slick_nav {position: absolute;  width: calc(100% - 0px); top:60%; align-items:center;  transform: translate(-50%, -50%);}
.bnf .slick_arrow {width: 100%; display: flex; justify-content:space-between; justify-content: center; align-items: center; left:24.5%;}
.bnf .slick_arrow button {display: inline-block; width: 44px; height: 13px; margin: 0 12px; border: none; background-color: transparent; text-indent: -9999px;}
.bnf .slick_arrow .prev_btn,
.bnf .slick_arrow .next_btn {width: 73px; height: 73px; background-color: transparent; padding: 0; border:#333 1px solid; border-radius:100%;  background-repeat: no-repeat;  background-image: url('/en/img/arrow_left.png'); background-position: center;}
.bnf .slick_arrow .next_btn {background-image: url('/en/img/arrow_right.png'); left:45.5%;}
.bnf .slick_arrow .prev_btn:hover,
.bnf .slick_arrow .next_btn:hover { border:#d24f83 1px solid; background-color:#d24f83; background-image: url('/en/img/arrow_left_w.png');text-indent: -9999px; transition: .25s; }
.bnf .slick_arrow .next_btn:hover {background-image: url('/en/img/arrow_right_w.png');}



/* 다이어트 */
.diet {padding: 150px 0; background-color:#f9ebf1 ;}
.dietbox {max-width:1490px; margin:0 auto; display: flex; gap:20px; padding: 50px 0 0 0;}
.dietbox .dietlist {width:25%; height: 400px; border: #f2838f 1px solid; border-radius: 20px; background-color: #fff;}
.dietbox .dietimg.img01 {width:100%; height: 350px; background: url('/en/img/equipment11.jpg') no-repeat ; background-size: cover; border-radius: 20px 20px 0 0; }
.dietbox .dietimg.img02 {width:100%; height: 350px; background: url('/en/img/equipment12.jpg') no-repeat;background-size: cover; border-radius: 20px 20px 0 0; }
.dietbox .dietimg.img03 {width:100%; height: 350px; background: url('/en/img/equipment13_02.jpg') no-repeat;background-size: cover; border-radius: 20px 20px 0 0; }
.dietbox .dietimg.img04 {width:100%; height: 350px; background: url('/en/img/equipment14.jpg') no-repeat;background-size: cover; border-radius: 20px 20px 0 0; }
.dietbox .diettxt {text-align: center; line-height: 50px;}

.con3 {padding: 50px 0 500px 0; background:#e8e0e5 url('/en/img/bg_doctors_new2.jpg') 50% 50% no-repeat; background-size:cover; background-attachment:fixed;}
.con3 .txtbox {width:60%; margin:0 auto ; background-color: rgba(0,0,0,.6); padding: 30px;}
.con3 .s_tit_wrap2 img {width:380px; margin-right:10px; -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1);} 

.numbers_wrap {}
.numbers_wrap .numbers { }
.numbers_wrap .numbers h3 {letter-spacing: -2px;}
.numbers_wrap .numbers_list_wrap {max-width:1200px; margin: 0 auto; padding:0 0; }
.numbers_wrap .numbers_list {display: flex; position: relative; width: 100%; height: 100%; z-index: 1; transition-property:transform; box-sizing:content-box; text-align: center; }
.numbers_wrap .numbers_list .list {width:100%;}
/*.numbers_wrap .numbers_list .list:first-child {border: none;}*/
.numbers_wrap .numbers_list .list .text {transform:translateY(50px); transition:.25s;}
.numbers_wrap .numbers_list .list .tit {position: relative;  font-size: 48px;  font-family: 'Futura Std', sans-serif; font-weight: 600; line-height: 1; margin-bottom: 35px;transition:.25s;}
.numbers_wrap .numbers_list .list .tit .num {font-size: 48px;font-family: 'Futura Std', sans-serif; letter-spacing: 1px; color:#f2838f;}
.numbers_wrap .numbers_list .list .txt {transition:.25s;}
.numbers_wrap .numbers_list .list .desc {opacity: 0; margin-top: 10px; transition:.5s;  }

/*.numbers_wrap .numbers_list .list:hover .text {transform:translateY(40px);}
.numbers_wrap .numbers_list .list:hover .tit {font-size: 68px;  letter-spacing: 1px;}
.numbers_wrap .numbers_list .list:hover .desc {opacity: 1;transform:translateY(50px);}*/


#com_rayout3 .com_rayout3{position: relative;}
#com_rayout3 .com_tit4{margin-top: 100px; padding-left: 118px;}
#com_rayout3 .com_tit4 h6{text-align: left;}
#com_rayout3 .com_rayout2_list{padding-left: 118px;}
#com_rayout3.st .com_tit4,
#com_rayout3.st .com_rayout2_list{padding-left: 0;}
#com_rayout3.st .com_tit4 h6{text-align: center;}


.com_tit2.rayout{display: flex; align-items: center;} .com_tit2.rayout 
.com_control{position: relative; left: 19px; top: -10px;} .com_tit2.rayout 
.com_control.st{top: 15px;} .com_tit2{position: relative; z-index: 2;} .com_tit2 
+ p{margin-top: 62px; font-size: 20px; color: #fff; line-height: 1.8; 
font-weight: 300; } .com_tit2 p{font-weight: 300;} .com_tit2 h4 em{display: 
block; margin-bottom: 4px; font-size: 20px; color: #dadbe3; font-family: 
'Constantia'; font-weight: 400;} .com_tit2 h4 span{display: 
inline-block;padding-right: 130px;position: relative;font-weight: 500;color: 
#131313;font-size: 30px;} .com_tit2 h4 span::after{content: ''; position: 
absolute; top:40px; right: 0; width: 102px; height: 1px; background-color: 
#949494;  transition: all 3s;} .com_tit2.st h4 em{color: #fff;} .com_tit2.st h4 
span{color: #fff;} .com_slide_wrap{position: relative; padding-bottom: 101px;}


.round ul{overflow:hidden;}
.round li{float:left;width: 18%;border:2px solid #f2838f;padding: 72px 0;border-radius: 100%;margin: 15px;}
.m8{background:#fff3ee}

.swiper-container {
    all: unset !important;
}
.sec4 {position: relative; overflow: hidden;}

.sec4_bg {width: 100%; height: 700px; background-size:cover; background-position: 50% 50%; transform:scale(1.2); animation: sv-bg-change 5s infinite;}

.sec4 .sv_tit_wrap {position: absolute; top: 50%; left: 10%; transform:translateY(-50%); width: 100%; text-align: center;}
.sec4 .sv_tit_wrap p {color: #fff; margin-bottom: 25px;}
.sec4 .sv_tit_wrap h3 {color: #fff;}

.sec4 .sv_tit_wrap2 {position: absolute; top: 50%; left: 10%; transform:translateY(-50%); width: 100%; text-align: center;}
.sec4 .sv_tit_wrap2 p {color: #fff; margin-bottom: 5px;}

.help {padding: 150px 0 90px; /*background-color:rgba(210,79,131,0.9);*/ background-image: linear-gradient(45deg,rgba(75,49,49,1) 0%, rgba(75,49,49,.9)); z-index:999;}
.help ul {}
.help li {display: flex; position: relative;}
.help li .lt {padding: 0 65px 0 0; width:50%;}
.help li .rt {padding: 0 65px 0 0; width:50%;}

.h_gnb { width:200px; margin-top:30px}
.h_gnb li { padding:10px 0;}
.h_gnb li a {display: block;  line-height: 1.5; transition:.25s; color:#fff; border-bottom:2px solid #f2838f;}
.h_gnb li a:hover {color: #d4b593; border-bottom:2px solid #d4b593;}
.help .tt-section {transform:translateY(5vw); width:100%; opacity:1}
.help .tt-scrolling-text-inner { text-align:right;}

.sns_link {display: flex; align-items: center; justify-content: space-between; gap:20px;  width: 100%;}
.snsbox {width: 200px; height:200px; border-radius:20px; border:#d24f83 1px solid; background-color: #fff; color:#777; align-content: center; text-align: center; background-size:cover; background-repeat: no-repeat; }
.sns_wechat { background-image: url('/en/img/sns_wechat01.jpg'); background-position: 50% 50%;}
.sns_kakao { background-image: url('/en/img/sns_kakao.jpg'); background-position: center; background-size:85%; background-color: #f2b71f;}
.sns_line { background-image: url('/en/img/sns_line.jpg'); background-position: center; background-size:85%; background-color: #05c65b;}
.sns_instar { background-image: url('/en/img/sns_instar.jpg'); background-position: 50% 50%;}
.sns_link a span {color:#fff; opacity: .5; padding-left: 10px;}

#footer {padding: 140px 0 180px;position: relative;}
#footer:after {content:''; display: block; width: 120%; margin-left: -10%; height: 100%; background-color: #eaeaea; position: absolute; top: 0; left: 0; z-index: -1;}
#footer .inner {display: flex; /* justify-content:space-between; */}
#footer .f_logo {width: 250px;}
#footer .f_info {width: calc(100% - 560px);}
#footer .f_info .copyr {color: #666; letter-spacing: 0;}
#footer .f_menu { position: absolute; top: 0; right: 15px;}
#footer .f_menu a {display: inline-block; padding: 0 7px; position: relative; transition:.25s;}
#footer .f_menu a:after {content:''; display: block; width: 1px; height: 60%; background-color: #666; position: absolute; top: 20%; right: -5px;}
#footer .f_menu a:last-child {padding-right: 0;}
#footer .f_menu a:last-child:after {display: none;}
#footer .f_menu a:hover {opacity: .65;}

#quick_sms { width:100%; bottom:0px; position:fixed; z-index:100; background:rgba(0,0,255,.2) }
#quick_sms .black_wrap { /*display:none;*/ bottom:0; left:0; position:absolute; width:0; height:100vh }
#quick_sms .black_wrap.on { /*display:block;*/ width:100% }
#quick_sms .black_wrap .black { bottom:0; left:0; position:absolute; width:100%; height:100%; background:rgba(150,150,150,0); backdrop-filter:blur(0px); transition:all .5s cubic-bezier(0.33, 1, 0.68, 1) }
#quick_sms .black_wrap .black.on { background:rgba(150,150,150,.5); backdrop-filter:blur(5px) }

#quick_sms .wrapper { background:rgba(15,15,15,.95);  bottom:0; left:0; position:absolute; width:100%;}
#quick_sms .wrapper.on { transform:translateY(0px) }
#quick_sms .wrapper.off { transform:translateY(180px); transition:all .7s cubic-bezier(0.65, 0, 0.35, 1) }

/* ********** top ********** */
#quick_sms .wrap1 { position:relative; width:1288px; padding:0 20px; margin:0 auto; height:84px; display:flex; justify-content:flex-start; align-items:center; gap:15px }
#quick_sms .wrap1:before { content:''; top:0; left:-114px; position:absolute; width:114px; height:100%; background:url(/images/common/sms/shape_left.png) no-repeat; opacity:.95 }
#quick_sms .wrap1:after { content:''; top:0; right:-114px; position:absolute; width:114px; height:100%; background:url(/images/common/sms/shape_right.png) no-repeat; opacity:.95 }
/* �̸�,����ó,��㳻�� */
#quick_sms .wrap1 .box:nth-child(1) { width:180px }
#quick_sms .wrap1 .box:nth-child(2) { width:180px }
#quick_sms .wrap1 .box:nth-child(3) { width:480px }
#quick_sms .wrap1 .box .input_sms { width:100% }
/* ����������޹�ħ,����û */
#quick_sms .wrap1 .box:nth-child(4) { margin-left:10px; display:flex; align-items:center; gap:15px }
#quick_sms .wrap1 .box:nth-child(4) .btn_agree { font-size:11px; line-height:1.3; color:#aaa; cursor:pointer }
#quick_sms .wrap1 .btn_counsel {color:#fff;font-size:16px;  margin-left:20px; display:flex; justify-content:center; align-items:center; width:250px; height:40px; background:#d29375; border-radius:20px; overflow:hidden; cursor:pointer }
#quick_sms .wrap1 .btn_counsel > p { font-size:15px; color:#fff }
/* input,placeholder */
#quick_sms .wrap1 .input_sms { font-size:15px; color:#161a27; background:#fff; padding:0px 20px 0px 20px; border:1px solid #666; border-radius:10px; overflow:hidden; height:40px !important }
#quick_sms .wrap1 .input_sms::placeholder { font-size:15px; color:#161a27 }
/* checkbox */
#quick_sms input[id="cb1"] + label { display:inline-block; vertical-align:middle; width:30px; height:30px; border-radius:5px; overflow:hidden; background:#666; cursor:pointer }
#quick_sms input[id="cb1"]:checked + label { background:#666 url(/images/common/sms/icon_check.png) no-repeat center center/80% }
#quick_sms input[id="cb1"] { display:none }

/* ********** bottom ********** */

#quick_sms .customer { padding-top:10px; transform:scaleX(.95); transform-origin:left }
#quick_sms .customer p:nth-child(1) { font-family:'nsn_1'; font-size:22px; line-height:1; color:#999 }
#quick_sms .customer p:nth-child(2) { font-family:'nsn_1'; font-size:42px; line-height:1; color:#ccc; letter-spacing:-1px; margin-top:10px }
#quick_sms .customer p:nth-child(3) { font-family:'nsn_1'; font-size:14px; line-height:1; color:#999; margin-top:10px }


.pc { display:block}
.m { display:none}

.map_btn ul{overflow:hidden;}
.map_btn li{float:left; width:50%; text-align:center; padding:20px; font-size:18px}
.map_btn li.naver{background:#16b95d; color:#fff}
.map_btn li.kakao{background:#f1d815}


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


}


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


}


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




}


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


}

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

}

@media all and (max-width:1280px){
	#footer {padding: 80px 0 160px;}
	#footer:after {width: 200%; margin-left: -50%;border-radius:0 0;}
	#footer .inner {flex-direction:column;}
	#footer .f_menu {position: static; margin-bottom: 20px;}
	#footer .f_menu a:first-child {padding-left: 0;}
	#footer .f_info {width: 100%; margin-top: 20px;}

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



}
@media all and (max-width:980px){
	#mv_wrap .mv_list_wrap .mv_list {position: relative; overflow: hidden; height:740px !important;}
	#mv_wrap .mv_list_wrap .mv_list .visual {width: 100%;height: 100%;background-repeat: no-repeat;background-position: 78% 50%;background-size: cover;transform: scale(1.15);}
	#mv_wrap .mv_list_wrap .mv_list2 .visual { background-position:57% 50%;}
	#mv_wrap .mv_list_wrap .mv_list3 .visual { background-position:67% 50%;}

	#mv_wrap .slider_navi {position: absolute;bottom: 20%;right: 50%;margin-right: -88px;z-index: 1;display: flex;align-items:center;scale: .7;}


	
	#patella_0104 section:not(:last-of-type){ 
	margin-bottom: 60px; } #patella_0104 .patella_0104_box .flex-box{ 
	flex-direction: column; } #patella_0104 .patella_0104_box .flex-box > div{ 
	width: 100%; }

	#patella_0104 .patella_0104_box .image-box figure{padding-bottom:20px;}	
	#patella_0104 .patella_0104_box .image-box h3 {text-align: center;}
	#patella_0104 .patella_0104_box .image-box p {text-align: center;}
	#patella_0104 .patella_0104_box .image-box{ padding-top: 0; } 
	#patella_0104 .patella_0104_box .image-box .sticky{ width: 100%; text-align: center;  }
	#patella_0104 .patella_0104_box .text-box ul li:not(:last-of-type){ padding-bottom: 20px; }	
	#patella_0104 .patella_0104_box .text-box{ padding-top: 0px; padding-left: 00px; }
	#patella_0104 .patella_0104_box .text-box .sticy_txt {text-align: center; }
	#patella_0104 .patella_0104_box .text-box .sticy_txt p {font-size: 14px; font-weight: 300;}
	#patella_0104 .patella_0104_box .text-box p::before{ left: -23px; }
	#patella_0104 .patella_0104_box .text-box ul li::before{ left: -20px; }

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

    /* 헤라 소개 250702 추가*/
    .pinkbox {width:100% ;border-radius: 20px; padding: 20px;}
    .graybox {}
    .doctorimgbox {}
    .doctorimgbox img {width: 33%; border-radius: 10px;}

    .roundwrap { display: grid; gap: 10px; grid-template-columns: repeat(2, 1fr); }
    .roundwrap2 { display: grid; gap: 10px; grid-template-columns: repeat(2, 1fr);}
    .roundbox {border-radius: 30px; height: 230px; margin-top: 5px; background-size: cover; background-position: top center;}
    .roundtitle {position: absolute; bottom:-5px; background-color: #f9ebf1; border: #d45789 1px solid;  border-radius: 30px; width: 100%; height: 40px; z-index: 2; line-height: 40px; }

    .modal { display: none; position: fixed; z-index: 1000; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.6);}
    .modal-content {position: relative; margin: 5% auto; top:15%; width: 90%; max-width: 90%; height: 500px; border-radius: 20px; background-size: cover; background-position: center; overflow: hidden; display: flex; align-items: flex-end; border: #d45789 1px solid;}
    .modal-text {width: 100%; background-color: rgba(210, 79, 131, 0.8); color: #fff; padding: 10px 10px; box-sizing: border-box;}
    .modal-text h2 {margin: 0 0 10px 0; font-size: 18px; color: #fff;}
    .modal-text p {margin: 0; font-size: 12px; line-height: 1.5; color: #fff;}
    .close {position: absolute; top: 15px; right: 20px; font-size: 30px; color: #fff; cursor: pointer; z-index: 2; background-color: #d45789; padding:0 7px 3px 7px; border-radius: 100%;}



	.help {padding: 75px 0;}
	.help li {display: block; 	position: relative;}
	.help li .lt {padding: 0 0 0 0; width:-webkit-fill-available;}
	.help li .rt {padding: 0 0 0 0; width:-webkit-fill-available}
		
	.only_m{display:block}
	.only_pc{display:none}
	body{overflow: hidden !important;}
	.pt160{padding-top:70px !important;}
	.pb160{padding-bottom:70px !important;}


	#mc_special_m { /*clip-path:inset(30%);*/ position:relative; background:#fff; height:0px; padding-bottom:calc((1160/720)*100%); overflow:hidden } /* image-rendering:pixelated */
	#mc_special_m:after { /*content:''; top:0; left:50%; margin-left:-960px; position:absolute; width:1920px; height:915px; border:1px solid #f00; z-index:1; display:none*/ }
	
	#box_fade_m { top:0; left:0; position:absolute; width:100%; height:100%; background:#fff; z-index:1; display:none !important }
	
	#mc_special_m .swiper-container { position:relative }
	
	#mc_special_m .swiper-slide { position:relative }
	#mc_special_m .swiper-slide .container { position:relative; /*width:720px; height:1160px;*/ width:100%; height:0px; padding-bottom:calc((1160/720)*100%); overflow:hidden }
	#mc_special_m .swiper-slide .container .wrap { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); /*width:820px; height:1260px;*/ width:calc(((820/720)*100%) + 0px); height:calc(((1260/1160)*100%) + 0px); overflow:hidden }
	
	/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

	
	/* gp_bg1 --------------------------------------------------------------------- */
	#mc_special_m .swiper-slide .gp_bg1 { position:absolute; top:0; left:0; width:100% }
	#mc_special_m .swiper-slide .gp_bg1 img { transition:all ease-out 1.5s 1.5s; transform:scale(1) translateX(0); /*filter:blur(0) grayscale(0);*/ opacity:0 }
	
	
	
	/* gp_bg2 --------------------------------------------------------------------- */
	#mc_special_m .swiper-slide .gp_bg2 { position:absolute; top:0; left:0; width:100% }
	#mc_special_m .swiper-slide .gp_bg2 img { transition:all ease-out 1.5s 1.5s; transform:scale(1) translateX(0); /*filter:blur(0) grayscale(0)*/ }
	
	
	/* gp_typo --------------------------------------------------------------------- */
	#mc_special_m .swiper-slide .gp_typo { position:absolute; top:0; left:0; width:100% }
	#mc_special_m .swiper-slide .gp_typo img { transition:all ease-out 1.5s 1.5s; transform:scale(1) translateX(0); /*filter:blur(0) grayscale(0)*/ }
	
	
	/* ------------------------------------------------------------------------------------------------------------------------------------------------------------ */
	/* prev/next */
	#mc_special_m .btn_pn { top:50%; margin-top:-50px; position:absolute; width:100px; height:100px; background:rgba(0,0,0,0); border-radius:50px; overflow:hidden; cursor:pointer; z-index:1; border:1px solid rgba(255,255,255,0); transition:all ease-out .3s }
	#mc_special_m .btn_prev { left:50px }
	#mc_special_m .btn_prev .arrow { top:50%; left:50%; transform:translate(-50%,-50%) rotate(135deg); position:relative; margin-left:10px }
	#mc_special_m .btn_next { right:50px }
	#mc_special_m .btn_next .arrow { top:50%; left:50%; transform:translate(-50%,-50%) rotate(-45deg); position:relative; margin-left:-10px }
	#mc_special_m .arrow { border:solid rgba(255,255,255,1); border-width:0 1px 1px 0; display:inline-block; vertical-align:middle; padding:24px	}
	

	.nectar-shape-divider-wrap{bottom:35px !important}

	
	
	.slick_arrow button {width: 17px; height: 33px; background-size:cover;}
	
	
	#about_hera { padding-bottom:40px }
			/* title */
	#about_hera .mc_title_wrap .title_wrap { gap:10px }
	#about_hera .mc_title_wrap .title_wrap > img { width:76px }
	#about_hera .mc_title_wrap .title_wrap > p:nth-of-type(1) { font-size:24px }
	#about_hera .mc_title_wrap .title_wrap > p:nth-of-type(2) { font-size:12px }
	/* contents */
	.about_hera_container { padding:0 20px }
	.gutter-sizer { width:1px }
	#about_hera .grid img { width:100% }
	#about_hera .grid{height:250px}
	#about_hera .grid-sizer { width:calc((100% - 2px)/3); }
	#about_hera .grid-item { width:calc((100% - 2px)/3); overflow:hidden; margin-bottom:1px; border-radius:10px;  }
	
	#about_hera .grid-item .info_wrap { height:15px; background:rgba(255,255,255,1) }

	#about_hera .grid-item .info_wrap > div .name { font-size:8px; padding:0 5px }
	#about_hera .grid-item .info_wrap > div .name:before { content:''; top:1px; right:0; position:absolute; width:1px; height:calc(100% - 2px); background:#ccc }
	#about_hera .grid-item .info_wrap > div .heart { width:25px; height:15px; display:flex; justify-content:center; align-items:center }
	#about_hera .grid-item .info_wrap > div .heart img { width:8px }
	

	.grid-item1{left:0%; top:0px}
	.grid-item2{left:33.403%; top:0px}
	.grid-item3{left:66.806%; top:0px}
	.grid-item4{left:0%; top:108.516px}
	.grid-item5{left:33.403%; top:108.516px}
	.grid-item6{left:66.806%; top:108.516px}
	.grid-item7{left:0%; top:218px}
	.grid-item8{left:33.403%; top:218px}
	.grid-item9{left:66.806%; top:218px}
	.grid-item10{left:0%; top:324px}
	.grid-item11{left:33.403%; top:324px}
	.grid-item12{left:66.806%; top:324px}
	.grid-item13{left:0%; top:431px}
	.grid-item14{left:33.403%; top:431px}
	.grid-item15{left:66.806%; top:431px}

	 /* 비전 미션  */
	.a0-box-wrapper { gap: 4rem;}
	.a0-box {display: block;gap: 3rem;}
    .a0-box-image img { width: 100%;}
    .a0-box-text h4 {font-size: 16px; margin-bottom: 0.8rem;}
    .a0-box-text p {font-size: 15px; margin-top: 1rem;}
	.a0-box-image {width: 100%;min-width: 100%;}

	 
	#patella_0104 .banner{ padding: 40px 0; margin-top: 30px; }
	#patella_0104 .patella_0104_box .text-box ul li::before{display:none}
	#patella_0104 .banner h4{ font-size: 3rem; }
	.sticy_txt{top:10px; margin-left: 0;}
	#patella_0104 .patella_0104_box .text-box p::before{ top: 14px; }
	#patella_0104 .patella_0104_box .text-box ul li::before{ top: 14px; }
	#patella_0104 .patella_0104_box .text-box dl *{ font-size: 1.6rem; }

	.bar{ margin-top:50px; margin-bottom:50px}
	.tit_con{width:100%}
	.num_con{margin-left: 10%;}
	.tit_con .num2 {margin-top: 4px;}


	.flex_con{display:block}
	.w60{width:100% !important}
	.s_tab li a{font-size:11px; margin-bottom:20px}
	.s_tab li{width:25%}
	.s_tab li a::after{display:none}
	.mt100{margin-top:50px !important}
	.box_bg{width:90%}
	.eye_0501_list li{width:100%; margin:10px 0}
	.sum_tit{border-radius:0 0 20px 20px}
	.eye_0501_list .sub_txt{padding:20px 30px}
	.h300{height:auto}
	.h270{height:auto}
	.h200{height:auto}
	.w33{width:100% !important}	
	.w25{width:100% !important}	
	.eye_0501_list .sub_txt2{padding:20px 30px}
	.tit_con1{margin-top:20px}

	.com_slide{gap:initial;}
	.com_tit2.rayout{display:block}
	.com_tit2 h4 span{padding-right:0}
	.com_tit2 h4 span::after{display:none}
	.com_tit2.rayout .com_control{left:4px}
	.com_slide li .text h5{font-size:24px}
	.com_slide li .text p{font-size:14px}
	.com_slide_wrap{padding-bottom:30px}
	.swiper-button-prev{display:none !important}
	.swiper-button-next{display:none !important}

	.sec4_bg{height:310px;background-position: 52% 50%;}
	.m_txt {letter-spacing: -0.5px; font-size: 13px; }
    .m_txt2 {letter-spacing: -0.5px; font-size: 13px; line-height: 14px; padding: 5px 0; }
    /*메인 비쥬얼 */
    #mv_wrap .mv_list_wrap .mv_list .visual {width: 100%;height: 100%;background-repeat: no-repeat;background-position: 72% 80%;background-size: cover;transform: scale(1.15);}
    #mv_wrap .mv_list_wrap {margin-bottom: 0; background-image: url('/en/img/mv1m.jpg');}
    #mv_wrap .mv_list_wrap .mv_list1 .visual {background-image: url('/en/img/mv1m.jpg');}
	#mv_wrap .mv_list_wrap .mv_list .txt_wrap{position:absolute;left:10px;top:76%;transform:translate(0, -50%); width: 100%; padding: 0 15px;	 color: #fff; letter-spacing: 0; overflow: hidden;  word-break:keep-all;}	
    #mv_wrap .mv_list_wrap h3 {color: #fff;}
    #mv_wrap .mv_list_wrap .herapoint{color: #fff;}
	/* 의료진소개 */
	.page_top_wrap {}
	.page_top_wrap .symbol img {width: 80%;}
	.page_top_wrap .s_tit_wrap h3 {margin-top: 60px;}

	.page_top_wrap .inner {display: block;width: 100%;align-items: center; background-image: linear-gradient(45deg,rgba(75,49,49,0.9) 0%, rgba(75,49,49,.9));}
	.page_top_wrap .inner > div {width: -webkit-fill-available;}
	.page_top_wrap .txt_box {display: flex;justify-content:flex-end; }
	.page_top_wrap .txt_box > div {width: 600px;padding: 60px 5% 0 5%; margin-bottom:50px;}
	.page_top_wrap .img_box {overflow: hidden;}
	.page_top_wrap .img_bg {width: 100%;height: 250px;background-repeat: no-repeat;background-position: 50% 50%;background-size:cover; }
	.page_top_wrap .txt_box  .box {padding:0px;}

	.page_top_wrap .txt_box1 > div {width: -webkit-fill-available;padding: 80px 0 0 5%;}

	.doctors_con {overflow: hidden; overflow-y:auto; }

	.s_tit_wrap p {margin-left: 0;}

	.s_tab3 ul {width: 100%; display: flex; flex-wrap: wrap; justify-content: center; margin-bottom: 20px;}
	.s_tab3 li {width: calc(45% - 10px); padding: 10px 10px; border-radius:30px; border: 1px solid #d9d9d9; margin: 5px 10px; transition: all 0.3s ease;}
	.s_tab3 li.active {
		border: 1px solid #f2838f;
		color:#fff !important;
		background-color: #d24f83;
		font-weight: bold !important;
	}

	/* 장비소개 */
	.system {padding: 70px 0; background:#f5f5f5}
	.system .system_list h4{padding:20px 0}
	.system .system_list{padding-bottom:0}
	
	/* .system:after { content: ''; display: block;   width: 100%;  height: 370px;   background-color: #e7f4f1;   position: absolute;   top: 55%;  z-index: -1;  } */
	.system .slider_progress {width: calc(100% - 80px);margin-top: 9px;}
	.system .slick_nav {display: none;}
	.slick-dots {bottom: -40px;}
	.slick-dots li {width: auto; height: auto; margin: 0 2px; }
	.slick-dots li button {width: 8px; height: 8px; border-radius:20px; padding: 0; background: none; border: 2px solid #ccc;  transition:.25s; }
	.slick-dots li.slick-active button {border: 2px solid #d24f83; background-color: #d24f83; }
	.slick-dots li button:before {display: none;}

	/* 전후사진 */
	.bnf {padding: 20px 0;}
	.bnf .bnf_list h4{padding:10px 0}
    .bnf .bnf_list {padding-bottom: 0; position: relative; }
    .bnf .bnf_list .list {margin:  0 10px; overflow: hidden; background-color: #d24f83; border: #d24f83 1px solid; border-radius: 20px;}
    .bnf .bnf_list .list_box {position: relative;}
    .bnf .bnf_list .img {overflow: hidden;}
    .bnf .bnf_list .img img {width: 100%; transition:.5s;}
    .bnf .bnf_list .list:hover .img img {transform:scale(1.15);}
    .bnf .bnf_list .txt {position: absolute; bottom: 0; left: 0; width: 100%; padding: 30px 5px 50px; background-color: rgba(210,158,117,.8); color: #fff; line-height: 1.5; word-break:keep-all;}
	.bnf .slider_progress {width: calc(100% - 80px);margin-top: 9px;}
	.slick_nav {display: none;}





	/* 다이어트 */
	.diet {padding: 75px 0; background-color:#f9ebf1 ;}
	.dietbox {max-width:100%; margin:0 auto; display: flex; flex-wrap: wrap; gap:15px; padding: 40px 10px 0 10px;}
	.dietbox .dietlist {width:calc(50% - 10px); height: 220px; border: #f2838f 1px solid; border-radius: 20px; background-color: #fff;}
	.dietbox .dietimg.img01 {width:100%; height: 170px; }
	.dietbox .dietimg.img02 {width:100%; height: 170px; }
	.dietbox .dietimg.img03 {width:100%; height: 170px; }
	.dietbox .dietimg.img04 {width:100%; height: 170px; }
	.dietbox .diettxt {text-align: center; line-height: 50px;}
	
	/* sns link */
	.sns_link {display: flex; flex-wrap:wrap; align-items: center; justify-content:flex-start; gap:10px;  width: 100%; margin-bottom: 20px;}
	.snsbox {width: 100px; height:100px; border-radius:10px; border:#d24f83 1px solid; background-color: #fff; color:#777; align-content: center; text-align: center; background-size:cover; background-repeat: no-repeat;}
	.sns_wechat { background-image: url('/en/img/sns_wechat.jpg'); background-size:115%; background-position: 50% 60%;}
	.sns_line { background-image: url('/en/img/sns_line_m.jpg'); background-position: 50% 50%;}
	.sns_kakao { background-image: url('/en/img/sns_kakao_m.jpg'); background-position: 50% 50%;}
	.sns_instar { background-image: url('/en/img/sns_instar_m.jpg'); background-position: 50% 50%;}
	.sns_link a span {display: block; color:#fff; opacity: .5; padding-left: 10px; margin-top: -10px; }


	
	
	.img_list { position:relative;}
	.img_list li {display: block;}
	.img_list li > div { width: -webkit-fill-available; }
	.img_list li .txt_box { padding-top:30px; padding-right:0;}

	.numbers_wrap .numbers_list .list .tit { font-size: 32px; line-height:130%;}
	.numbers_wrap .numbers_list .list .tit .num { font-size: 38px;}
	/*.numbers_wrap .numbers_list .list:hover .tit {font-size: 42px;letter-spacing: 1px;}*/

	.numbers_wrap .mt70 { margin-top:30px !important;}
	.con1 {padding: 70px 0;}
	.txt32{font-size: 20px;}
	.txt20,
	.txt19{font-size: 13px;}
	.box_txt{padding:30px}
	.tab_list li{float:left;width: 49%;padding: 5px; margin-bottom:10px}
.num_con2{margin-left: 0%;}
.w50{width:100%}
	#progress_circle {left: 0;width: 300px;height: 300px;border-radius:50%;display: flex;align-items:center;justify-content:center;position: relative;overflow: hidden;z-index: 9;right: 0;margin: 0 auto;/* scale: .5; */top: 0;}
	#progress_circle .progress_circle_bg {
	  width: 320px;
	  height: 320px;
	  background: url('/en/img/logotxt.png') 50% 50% no-repeat;
	  animation: progress_Rotate 10s linear infinite;
	  position: relative;
	  z-index: 1;
	  background-size: contain;
	  }
	#progress_circle .progress_circle_logo {width: 250px;height: 250px; color:#fff;border-radius:50%;position: absolute;top: 50%;left: 50%;transform:translate(-50%,-50%);transition:.5s;display: inline-block;align-items:center;justify-content:center;text-align: center;padding-top: 23%;}
	#progress_circle .progress_circle_logo img { width:160px;}
	#progress_circle:hover .progress_circle_logo {width: 270px; height: 270px; padding-top: 25%;}


	.con3 {width:100%; height:auto; padding: 80px 0 300px; background:#e8e0e5 url('/en/img/bg_doctors_new2_m.jpg') 50% 50% no-repeat; background-attachment:scroll; background-size: cover; }
	.con3 .txtbox {width:90%; margin:0 auto ; background-color: rgba(0,0,0,.6); padding: 30px 20px;}
	.con3 .s_tit_wrap2 img {width:180px; } 
	  
	.ft_info1{width:100%}
	.ft_info .flex_con::after{display:none}

	#quick_sms_m { width:100%; bottom:0px; position:fixed; z-index:99; transition:all ease-in-out .5s }
	
	#quick_sms_m .black_wrap { /*display:none;*/ bottom:0; left:0; position:absolute; width:0; height:100vh }
	#quick_sms_m .black_wrap.on { /*display:block;*/ width:100% }
	#quick_sms_m .black_wrap .black { bottom:0; left:0; position:absolute; width:100%; height:100%; background:rgba(150,150,150,0); backdrop-filter:blur(0px); transition:all .5s cubic-bezier(0.33, 1, 0.68, 1) }
	#quick_sms_m .black_wrap .black.on { background:rgba(150,150,150,.5); backdrop-filter:blur(5px); -webkit-backdrop-filter:blur(5px) }
	
	#quick_sms_m .wrapper { bottom:0; left:0; position:absolute; width:100%; transform:translateY(calc(100% - 55px)); /*max-width:1920px; margin:0 auto*/ transition:all .7s cubic-bezier(0.33, 1, 0.68, 1) }
	#quick_sms_m .wrapper.on { transform:translateY(0px) }
	#quick_sms_m .wrapper.off { transform:translateY(calc(100% - 55px)); transition:all .7s cubic-bezier(0.65, 0, 0.35, 1) }
	
	#quick_sms_m .wrap0 { display:flex; justify-content:center; }
	
	#quick_sms_m .wrap0 .center {border-radius:30px 30px 0 0; width:100%; height:45px; background:rgba(15,15,15,.95); display:flex; justify-content:center; align-items:center; align-items:flex-end }
	#quick_sms_m .wrap0 .center p {font-size:24px; color:#fff; padding-top:10px}
	
	/* ī���� / ��ȭ�ɱ� */
	#sns_kc { position:relative; display:flex; justify-content:center; align-items:flex-start; padding:40px 0px 40px 0px; background:rgba(22,26,39,.95) }
	#sns_kc:before { content:''; top:0; left:20px; position:absolute; width:calc(100% - 40px); height:1px; background:rgba(255,255,255,.15) }
	#sns_kc a { width:33.33% }
	#sns_kc a:nth-child(n+2) .btn:before { content:''; top:0px; left:0; position:absolute; width:1px; height:calc(100% - 0px); background:rgba(255,255,255,.15) }
	#sns_kc a .btn { position:relative; width:100%; display:flex; flex-direction:column; justify-content:flex-start; align-items:center; gap:15px }
	#sns_kc a .btn .icon { width:70px }
	#sns_kc a .btn .title { font-family:'nsn_2'; font-size:15px; line-height:1; color:#fff }

	#quick_sms_m .wrap1 { position:relative; width:100%; padding:30px 20px 40px 20px; margin:0 auto; background:rgba(15,15,15,.95); display:flex; flex-direction:column; gap:15px }
	/* �̸�,����ó,��㳻�� */
	#quick_sms_m .wrap1 ._wrap:nth-child(1) { display:flex; gap:15px }
	#quick_sms_m .wrap1 ._wrap:nth-child(1) .box:nth-child(1) { width:40% }
	#quick_sms_m .wrap1 ._wrap:nth-child(1) .box:nth-child(2) { width:60% }
	#quick_sms_m .wrap1 ._wrap:nth-child(2) .box { width:100% }
	/* ����������޹�ħ,����û */
	#quick_sms_m .wrap1 ._wrap:nth-child(3) { margin-top:10px; display:flex; justify-content:space-between }
	#quick_sms_m .wrap1 ._wrap:nth-child(3) .box:nth-child(1) { display:flex; align-items:center; gap:10px }
	#quick_sms_m .wrap1 ._wrap:nth-child(3) .box:nth-child(1) .btn_agree {font-size:13px; line-height:1.3; color:#aaa; cursor:pointer }
	#quick_sms_m .wrap1 ._wrap:nth-child(3) .btn_counsel { width:100%; display:flex; justify-content:center; align-items:center; height:60px; background:#d29375; border-radius:15px; overflow:hidden; cursor:pointer;color:#fff; font-size:16px }
	#quick_sms_m .wrap1 ._wrap:nth-child(3) .btn_counsel > p {font-size:14px; color:#fff ;text-align:center;}
	/* input,placeholder */
	#quick_sms_m .wrap1 .input_sms { width:100%;font-size:15px; color:#161a27; background:#fff; padding:0px 10px 0px 10px; border:1px solid #666; border-radius:10px; overflow:hidden; height:40px }
	#quick_sms_m .wrap1 .input_sms::placeholder {font-size:15px; color:#161a27 }
	/* checkbox */
	#quick_sms_m input[id="cb1"] + label { display:inline-block; vertical-align:middle; width:30px; height:30px; border-radius:5px; overflow:hidden; background:#666; cursor:pointer }
	#quick_sms_m input[id="cb1"]:checked + label { background:#666 url(/images/common/sms/icon_check.png) no-repeat center center/60% }
	#quick_sms_m input[id="cb1"] { display:none }

	#quick_sms_m .customer { padding:30px 0 20px 0; display:flex; justify-content:space-between; align-items:center }
	#quick_sms_m .customer > div:first-child { transform:scaleX(.95); transform-origin:left }
	#quick_sms_m .customer > div:first-child p:nth-child(1) { font-family:'nsn_2'; font-size:20px; line-height:1; color:#999 }
	#quick_sms_m .customer > div:first-child p:nth-child(2) { font-family:'nsn_2'; font-size:26px; line-height:1; color:#999; letter-spacing:-1px; margin-top:5px }
	#quick_sms_m .customer > div:first-child p:nth-child(3) { font-family:'nsn_1'; font-size:11px; line-height:1.2; color:#999; margin-top:5px }
	/* ��ȭ�ɱ� */
	#quick_sms_m .customer a div { display:flex; justify-content:center; align-items:center; width:130px; height:40px; background:var(--color-key-dark); border-radius:20px; overflow:hidden; cursor:pointer }
	#quick_sms_m .customer a div > p { font-family:'nsn_2'; font-size:15px; color:#fff }

	   .pc { display:none}
	   .m { display:block}
	   .only_m{display:block}

	   .m8 .only_m{padding: 0 30px}

	   	.open_sitemap div {width: 17px;height: 17px;left: 9px;top: 8px;}

	.mb70{margin-bottom:30px !important;}
	.txt18,
	.txt17,
	.txt16{font-size: 12px;}

	.all_menu_wrap .dep2_wrap {display: none; width: 100%; padding: 15px; background-color: #fffbf7;  border-bottom: 1px solid #eaeaea; }
	.all_menu_wrap .dep2_wrap.active {/* height: auto !important; */ padding: 15px !important; flex-wrap:wrap; }
	.all_menu_wrap .dep2_con {width: 100%;}
	/* .all_menu_wrap .dep2_wrap.active .dep2_con .dep2, */
	.all_menu_wrap .dep2_con .dep2 {display: block; width: 100%; line-height: 25px; font-size: 13px; margin: 0; color: #777;}
	.all_menu_wrap .dep2_con:hover .dep2 {color: #f2838f;}
	.all_menu_wrap .dep2_con .dep2:after {display: none;}
	.round li{float:left;width: 46%;border:2px solid #f2838f;padding: 18px 0;border-radius: 100%;margin: 6px; height:150px;}
	.info_box .flex_con{display:flex;}	


	.con3_bg {background:#bfbdb8 url('/en/img/bg_info.jpg') 50% 50% no-repeat; background-attachment:fixed;  background-size:cover;}
	.con3_bg .gr {width: 100%; padding: 50px 0; background-image: linear-gradient(45deg,rgba(0,0,0,0.2) 0%, rgba(0,0,0,.9));}  

}

@media all and (max-width:486px){
	
	#mv .mv_list { position: relative; height:580px; }
	#mv .mv_list_wrap {margin-bottom: 0;}
	
	/*#mv {position: relative; overflow: hidden; margin-top:80px;}
	#mv .txt_area {}
	#mv .mv_list {height: auto !important; background-size: cover;}
	#mv .mv_list .visual {    width: 100%;
    padding-bottom: 145%;
    background-position: 50% 0;
    background-size: cover;}*/
	
	#footer .f_menu a {padding: 0 5px;}
}


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



}


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


}