/* 퀵메뉴 */
.right-quick-menu {position:fixed; bottom:2%; right:2rem; z-index:99; text-align:center; cursor:pointer; display: none;}
.right-quick-menu li {background:#bbb; width:87px; height:87px; line-height:87px; border-radius:100%; text-align:center; cursor:pointer; margin-bottom:7px;}
.right-quick-menu li img {margin-bottom:-20px;}
.right-quick-menu li:hover {background:#AD3371;}
.container {height:100%;}


.slick-list,
.slick-track {height: 100%;}
.slick-list * {outline: none;}

.fade {position: relative; opacity: 0; transition: 1s;}
.fade-fast {transition: 0.05s;}
.fade-l {left:-50px;}
.fade-l.fade-show {left:0; opacity: 1;}
.fade-r {right:-50px;}
.fade-r.fade-show {right:0; opacity: 1;}
.fade-t {top:-50px;}
.fade-t.fade-show {top:0; opacity: 1;}
.fade-b {bottom:-50px;}
.fade-b.fade-show {bottom:0; opacity: 1;}
.fade-delay0-5 {transition-delay: 0.2s;}
.fade-delay1 {transition-delay: 0.4s;}
.fade-delay1-5 {transition-delay: 0.6s;}
.fade-delay2 {transition-delay: 0.8s;}
.fade-delay2-5 {transition-delay: 1s;}
.fade-delay3 {transition-delay: 1.2s;}
.fade-delay3-5 {transition-delay: 1.4s;}
.fade-delay4 {transition-delay: 1.8s;}
.fade-delay4-5 {transition-delay: 2.0s;}

/* 스크롤  */
.icon-scroll {position:fixed;bottom:0px;left:calc(50% - 25px);z-index:999; padding:0px 0 20px;;}
.icon-scroll div {transform:rotate(-90deg); font-size:13px;font-weight:500;color:#222;}
.icon-scroll:after {content:"";display:block;width:53px;height:53px;background:url(/images/arrow3-9c1259a467a5f02ae7bc4d9b02a95782.png) center center no-repeat;margin:0 auto;}
.icon-scroll.on {display:block;}
.icon-scroll.off {display:none;}
h1.h-tit {font-size:40px; font-weight:700;letter-spacing:-.05em;}
img.img100 {width:100%;max-width:1200px;}

/* 섹션별 */
/* #main_page { display: flex; justify-content: center; align-items: center;} */
.slider-01 {background-image: url(/images/bg_01-53fc4f50fdb1c2273b9a1cf1937a0d7e.jpg); background-repeat: no-repeat; background-size: cover; background-position:center;}
.slider-02 {background-image: url(../images/bg_01_2.jpg); background-repeat: no-repeat; background-size: cover; background-position:center;}
.mainslide {height:100vh; width:100vw;}
.mainslide .swiper-wrapper {width:100%;}
.mainslide .swiper-slide { color:#333; position: relative; box-sizing: border-box; display:flex; flex-direction: column; justify-content: center; align-items: center;}
.mainslide .swiper-slide .dim {display:block; width:100%; height:100%; background-color:rgba(0,0,0,.4);position: absolute;}
.mainslide .con { padding:2%; width:50%; height:40vh; text-align:center; background: rgba(0, 0, 0, 0); color:#fff; display:flex; flex-direction: column; justify-content: center; align-items: center;}
.mainslide .swiper-slide span {font-size:70px; font-weight:700;letter-spacing:-.05em;}
.mainslide .swiper-slide .line_main {width:50%; height:7px; background:linear-gradient(90deg, rgba(256, 256, 256, 0), #e45d0f,rgba(256, 256, 256, 0)); margin:0 auto;}
.mainslide .swiper-slide .tit {font-size:37px; font-weight:600; letter-spacing:-.01em; line-height: 1.5em; margin:40px 0 15px;}
.mainslide .swiper-slide .tit_s {font-size:14px; font-weight:400; letter-spacing:1.5em; line-height: 1.5em; margin:40px 0;}
.mainslide .swiper-slide .tit_m {font-size:21px; font-weight:500; letter-spacing:-.01em; line-height: 1.5em; margin:10px 0 20px;}
.mainslide .swiper-slide .tit.white {color:#fff;}
.mainslide .swiper-slide-active span {animation:ani .8s .3s both;}
.mainslide .swiper-slide-active .tit {animation:ani .8s .7s both;}
.mainslide .swiper-slide-active .tit_s {animation:ani .8s .8s both;}
.mainslide .swiper-slide-active .tit_m {animation:ani .8s 1s both;}

.mainslide .swiper-pagination {background:rgba(0,0,0,.4); color:#fff; width:80px; height:35px; line-height: 35px; border-radius: 30px; font-size:15px; margin-left:5.5%; margin-bottom:5%;}

@keyframes ani {
	0% {opacity:0; transform:translateX(-170px)}
	100% {opacity:1; transform:translateX(0px)}
}


#clinic_cate {background: url(/images/bg_02-8155d473c89aae19cf80f86150a2af73.jpg) no-repeat center/cover; display: flex; justify-content: center; align-items: center;}
#clinic_cate .d-p-standard {width:1200px;}
#clinic_cate h1 {margin-bottom:2%; color:#fff;}
#clinic_cate h1 span {display:inline-block; padding:1px 8px; color:#dabeff;}
#clinic_cate h5 {font-size:30px; font-weight:600; letter-spacing:-1px; line-height:1.6em; margin:45px 0; color:#fff; padding:2px 12px; background:rgba(256, 256, 256, 0.3); display:inline-block;}
#clinic_cate .swiper_clinic {overflow: hidden;}
#clinic_cate .swiper-button-prev, .swiper-container-rtl .swiper-button-next {left:4px; background:url(/images/pre2-5d3c6ea4d1fa7bf7156717c599887a91.png); width:59px; height:58px;top:44%;}
#clinic_cate .swiper-button-next, .swiper-container-rtl .swiper-button-prev {right:-8px; background:url(/images/next2-28c6532d6fd9a2ce3c687231881e84e2.png);width:68px; height:58px;top:44%;}

#distiction {background: url(/images/bg_02-8155d473c89aae19cf80f86150a2af73.jpg) no-repeat center/cover; display: flex; justify-content: center; align-items: center;}
#distiction h1 {margin-bottom:13px; color:#333;}
#distiction h1 span {display:inline-block; color:#0096cf;}
#distiction h5 {font-size:22px; line-height:1.6em; margin-top:55px; margin-bottom:35px; color:#333; font-weight:500;}
#distiction ul.pro {display:flex; flex-wrap:wrap; gap:15px;}
#distiction ul.pro li h3 {font-size:28px; font-weight:600; color:#fff; margin-top:20px;}
#distiction ul.pro li p {font-size:18px;}
#distiction ul.pro li { position:relative; width:24%; height:auto; text-align:center; padding:20px; box-sizing: border-box; border-radius:0px;}
#distiction ul.pro li > div {background:rgba(256, 256, 256, 0.1); padding:40px 10px; border-radius: 0 20px 0 20px; box-shadow: 0 0 10px rgba(0,0,0,.2);}
#distiction ul.pro li:nth-child(n) {background:#0093cd;}
#distiction ul.pro li:nth-child(2n) {background: #005d81;}
#distiction ul.text {border:1px solid #1a9ed2; padding:20px; font-size:22px; font-weight:500; margin-top:50px;}

#list {background: url(/images/bg_03-dd9c165e944561fde60544967ad0614b.jpg) no-repeat right bottom/cover; display: flex; align-items: center; justify-content: center;}
#list .d-p-standard {width:1200px;}
#list h1 {color:#fff; letter-spacing:-.05em;}
#list h1 span {display:inline-block; padding:1px 8px; color:#bbecff;}
#list ul {display:flex; flex-wrap:wrap; text-align: left; box-sizing:border-box; margin-top:15px; border-radius: 70px; background:#fff; padding:15px;}
#list ul .left {width:20%; text-align: center;}
#list ul .left img {}
#list ul .right {width:75%;}
#list ul .right h4 {color:#aaa; font-weight:bold; font-size:17px; margin-top:5px;}
#list ul .right h5 {font-size:24px; font-weight:bold; margin:5px 0;}
#list ul .right h5 span {color:#2a7ce6;}
#list ul .right p {font-size:16px; color:#777;}
#list p {color:#333; font-size:23px; font-weight:500; letter-spacing:-.05em; line-height: 1.5em; margin-top:8px;}

#doc_page {background: url(/images/bg_04-c91557603ee03d57790eb2cd96f60cd8.jpg) no-repeat center/cover; display: flex; flex-direction: column; align-items: center; justify-content:center; color:#fff;}
#doc_page h1 span {color:#9de4ff;}
#doc_page .d-flex .left {width:40%; }
#doc_page .d-flex .left h2 {font-size:37px; font-weight:600;}
#doc_page .d-flex .left h2 span {font-size:20px; font-weight:400;}
#doc_page .d-flex .left h5 {font-size:20px; font-weight:600; color:#004c6c; background:#fff; padding:3px 10px; display:inline-block; margin:10px 0 30px;}
#doc_page .d-flex .left p {line-height:1.6em;}
#doc_page .d-flex .right {width:55%;}
#doc_page .d-flex .right {color:#333; padding-top:10%;}
#doc_page .d-flex .right h1 {margin:0px;}
#doc_page .d-flex .right p {color:#333; font-size:17px; line-height:1.9em; font-weight:400; margin-top:40px; margin-left:0px;}
#doc_page .d-flex .right img {margin:30px 0;}
#doc_page .d-flex .right h3 {font-size:35px; font-weight:600; letter-spacing:-.05em; margin-top:2%;}
#doc_page .bold {font-weight:600;}

#about {background: #f2f2f2; display: flex; justify-content: center; align-items: center;}
#about h1 span {display:inline-block; color:#531eb8;}
#about p {margin-top:10px;} 
#about .inner { padding:3%; position:relative;}
#about .inner p {font-size:27px; color:#333; font-weight:600; letter-spacing: -2px; width:70%; margin-bottom:10%; margin:0 auto;}
#about .inner p:nth-child(2) {font-size:29px; color:#fff; padding-top:13%;}
#about .inner p span.box {padding:0 7px; color:#555; background:#fff;}
#about ul {width:100%; max-width:1000px; text-align: left; margin:0 auto; background:#fff; padding:4%; border-radius: 20px; box-sizing: border-box; box-shadow: 0px 0px 20px rgba(0, 0, 0, .2);}
#about ul li {font-size:21px; font-weight:500; padding:14px;}
#about ul li span {display:inline-block; padding:0 20px; margin-right:10px; height:100%; background:#508aca; color:#fff; font-weight:600;}
#about ul li span.e {background: #f1727c;}
#about .swiper_view {overflow: hidden;}
#about .swiper-button-prev, .swiper-container-rtl .swiper-button-next {left:-8px; background:url(/images/pre-c7c2e976f7ac11d781ae493fd6b7d3b8.png); width:50px; height:165px;top:40%;}
#about .swiper-button-next, .swiper-container-rtl .swiper-button-prev {right:-8px; background:url(/images/next-b4be2acf2ab7738f47c37e35fa13f594.png);width:50px; height:165px;top:40%;}
#about .swiper {width:85%; height:auto;  margin:20px auto;}

#foot_page {background: url(/images/bg_05-05137e35be571eb70082bc5def3030d0.jpg) no-repeat center/cover; display: flex; flex-direction: column; align-items: center; justify-content:center; color:#fff;}
#foot_page .d-flex .left {width:50%;}
#foot_page .d-flex .left p.f-size32 {letter-spacing: -3px;}
#foot_page .d-flex .left p span.w-gap {display:inline-block; width:150px;}
#foot_page .d-flex .right {width:50%; }
#foot_page .d-flex .right img {margin:10px 0;}
#foot_page .phone_num a {font-size:43px; font-weight:600; color:#fff;}
#foot_page .phone_num a span {font-weight:300; color:#fff;}
#foot_page .f-size32 {font-size: 28px;}
#foot_page .f-size20 {font-size: 17px; line-height: 1.8em;}
#foot_page span.box {display:inline; padding:1px 8px; color:#222; font-weight:bold; background:#fffb80;}
#foot_page span.box2 {display:inline; padding:1px 8px; color:#222; font-weight:bold; background:#fff;}
#foot_page h1 span {color:#9de4ff;}

/* 푸터 */
#footer {background-color: #000; padding:30px 0 60px;}
#footer h1 {color:#ccc; font-weight:700; font-size:33px; letter-spacing:-3px;}
#footer .bottom-menu a {color:#fff;}
#footer .copytxt p {line-height: 20px; }
#footer .bottom_menu li {margin:0 20px; position:relative; color:#fff;}
#footer .bottom_menu li a { color:#ccc;}
#footer .bottom_menu li a:hover {text-decoration: underline;}
#footer .bottom_menu li::after {display: block; content:''; width:1px; height:15px; background:#fff; position:absolute; top:5px; left:-17px;}
#footer .bottom_menu li:first-child::after {display: none;}
#footer .line {width:100%; height:1px; background-color:#555; margin-top:30px;}


/* 반응형미디어쿼리 */

@media(max-width:1440px) {
	
	h1.h-tit {font-size:30px; font-weight:700;letter-spacing:-.05em;}
	.mainslide .con { height:46vh; }
	.mainslide .con img {width:90%; max-width:300px;}
	.mainslide .swiper-slide .tit {margin:20px 0 20px;}
	#main_page .con p {font-size:17px;}
	#main_page .con h3 {font-size:19px; margin-top:10px;}
	#main_page .con h1 img {width:250px; margin:10px 0;}
	#main_page .con .p-line {margin:5px auto;}
	#clinic_cate .d-p-standard {width:90%; padding-left:5%; padding-right:5%;}
	#clinic_cate h5 {font-size:18px; margin-top:20px; margin-bottom:20px;}
	#clinic_cate ul li p {font-size:19px;}
	#list .d-p-standard {width:90%; padding-left:5%; padding-right:5%;}
	#list h1 {padding:30px 0 0px; margin-bottom:0;}
	#list ul {margin-top:10px;}
	#list ul .left {padding:0;}
	#list ul .right {padding:10px 10px 20px; width:69%; font-size:13px;}
	#list ul .right h4 {font-size:18px;}
	#list ul .right h5 {font-size:17px;}
	#list ul .right p {font-size:13px;}
	#cure h5 {font-size:19px;}
	#cure .box h3 {font-size:19px;}
	#cure .box {padding:10px;}
	#distiction ul li {height:auto; padding:30px 10px;}
	#distiction h5 {margin-top:14px; margin-bottom:25px; font-size:13px;}
	#distiction ul h3 {margin-top:80px;}
	#distiction ul li p {font-size:14px;}
	#cure {background: url(../images/bg_07_m.jpg) no-repeat center bottom / cover;}
	#cure h5, #cure .box h3 {font-size:15px; margin-top:5px; margin-bottom:5px;}
	#cure ul h3 {font-size:15px;}
	#cure ul li p {font-size:12.5px;}
	#cure .box {width:90%; background:#fff; padding:10px; margin-bottom:10px;}
	#cure .box p {font-size:13px;}
	#doc_page .d-flex .left {width:50%;}
	#doc_page .d-flex .right {width:50%;}
	#doc_page .d-flex .right img {width:80%; }
	#doc_page .d-flex .left h3 {margin-top:50px; font-size:26px;}
	#doc_page .d-flex .left p {margin-top:5px; font-size:12px; font-weight:400;}
	#foot_page .d-flex .left p.f-size32 {font-size:22px;}
	img.img-tit {width:300px;}
}
@media(max-width:1000px) {
	h1.h-tit {font-size:21px;}
	img.img-tit {width:300px;}
	.mainslide .swiper-slide span {font-size:35px;}
	.fade {position: relative; opacity: 0; transition: 0.8s;}
    .fade-fast {transition: 0.05s;}
	#fp-nav ul li a.active span, .fp-slidesNav ul li a.active span,
	#fp-nav ul li a span, .fp-slidesNav ul li a span {display:none;}
	.section01 .d-flex .left, .section01 .d-flex .right,
	.section04 .d-flex .left, .section03 .d-flex .right,
	.section02 .d-flex .left, .section02 .d-flex .right,
	.section06 .d-flex .left, .section06 .d-flex .right,
	
	.mainslide .con {width:65%; height:48vh; margin-top:-60px;}
	.mainslide .swiper-slide .line_main {height:4px;}
	.slider-01 {background-image: url(/images/bg_01_m-3e1ce2669da31a38190d7d407e71578b.jpg);}
	.slider-02 {background-image: url(../images/bg_01_2_m.jpg);}
	.slider-03 {background-image: url(../images/bg_01_3_m.jpg);}
 	#main_page .con p {font-size:15px; width:100%; padding:0;}
	#main_page .con img {margin:10px 0; width:300px;}
	#main_page .d-flex .left img {margin-top:5%;}
	#main_page .d-flex .right .f-size22 {font-size: 17px;}
	#main_page .d-flex .right h3 {font-size:23px; margin-left:0; margin-top:0;line-height: 1.3em;}
	#main_page .d-flex .right p {font-size:12px; margin-left:0;}
	#main_page .f-size18 {font-size:16px;}
	#main_page .con h1 img {width:200px;}
	#clinic_cate .d-p-standard {width:90%; padding-left:5%; padding-right:5%;}
	#clinic_cate h1 {font-size:21px; margin-top:14%;}
	#clinic_cate h5 {font-size:13px; margin-top:10px; margin-bottom:15px;}
	#clinic_cate ul {gap:5px;}
	#clinic_cate ul li {width:32%; padding:30px 10px;}
	#clinic_cate ul li img {width:60%;}
	#clinic_cate ul li p {font-size:16px; margin:10px 0 10px;}
	#clinic_cate ul li span.txt {font-size:13px; margin-bottom:20px;}
	#distiction ul.pro li {width:48%;}	
	#distiction ul.text {font-size:15px; padding:15px;}
	#process ul.text li.left {width:100px;}
	#process ul.text li.left h3 {font-size:14px; padding:1px 4px;}
	#process ul.text li.right {padding-left:20px;}
	#process ul.text li.right p {font-size:13px;}
	#process ul.circle {margin-bottom:10px; gap:0; justify-content: center;}
	#process ul.circle li {width:30%;}
	#process ul.circle li:after {display:none;}
	#process ul.circle li img {width:100%;}
	#about ul {padding:7% 10px;}
	#about ul li {font-size:15px; padding:9px;}
	#about ul li span {padding:0 10px; margin-right:5px;}
	#about h1 img {width:35px;}
	#about .swiper {width:100%; height:auto; margin:10px auto;}
	#about .swiper img {max-width:100%; height:auto;}
	#about .swiper-button-next, .swiper-container-rtl .swiper-button-prev {display:none;}
	#about .swiper-button-prev, .swiper-container-rtl .swiper-button-next {display:none;}
	#list p {font-size:14px;}
	#list ul {padding:10px;}
	#doc_page  h1 {margin-top:10%;}
	#doc_page {background: url(/images/bg_04_m-ca8e6e171ebc7696cc702f8d0a2c39e4.jpg)no-repeat center/cover;}
	#doc_page .d-flex .left {width:100%; padding-left:1%;}
	#doc_page .d-flex .right {width:100%;}
	#doc_page .d-flex .left h2 {font-size:27px;}
	#doc_page .d-flex .left h5 {font-size:18px;}
	#doc_page .d-flex .right img {margin:150px 0 0;}
	#doc_page .d-flex .left p {font-size:12px; margin-top:0;}
	#foot_page h1 {margin-top:10%;}
	#foot_page .d-flex .left p.f-size32 {letter-spacing: -1px;}
	#foot_page .d-flex .left {width:100%; padding-top:4%; margin-left:4%;}
	#foot_page .d-flex .right {width:100%;}
	#foot_page .left .mt-20 {margin-top:5px;}
	#foot_page .left .mt-40 {margin-top:20px;}
	#foot_page .left .mt-100 {margin-top:20px;}
	#foot_page .d-flex .right img.map {width:100%; max-width:500px;}
	#foot_page .f-size32 {font-size: 22px;}
	#foot_page .f-size20 {font-size: 14px;}
	#foot_page .phone_num a {font-size:35px;}
	#foot_page .left, #foot_page .right	 {width:100%;}
	#footer h1 {font-size:25px; margin-bottom:10px;}
	#footer .f-size15 {font-size:13px;}
}
@media(max-width:480px) {
	.mainslide .swiper-slide .tit {margin:0 0 10px;}
	.mainslide .con { height:43vh; }
	#main_page .con img {margin:10px 0; width:220px;}
	#clinic_cate h5 {margin-top:3px; margin-bottom:7px;}
	#list h1 {margin-top:10px;}
	#list p {font-size:13px; margin-top:10px;}
	#list ul .right {width:72%;font-size:12px;}
	#list ul .right h5 {font-size:13px;}
	#list ul .right p {font-size:12px;}
	#list ul li {padding:10px 0;}
	#list ul li p {font-size:13px;}
	#list ul {padding:0px; border-radius: 3px;}
	#list .gap30 {height:10px;}
	#list ul .left img {width:50px; padding-top:20px;}
	#distiction ul.pro {gap:4px;}
	#distiction ul.pro li {width:49%; padding:5px;}
	#distiction ul.pro li > div {padding:10px 10px;}
	#distiction ul.pro li h3 {font-size:16px; margin-top:5px;}
	#distiction h5 {margin-bottom:30px; font-size:12px;}
	#distiction ul.text {font-size:14px; margin-top:30px;}
	#process ul.text li.right p {font-size:11px;}
	#about ul li b.m {display:block; margin-left:40px;}
	#cure h5, #cure .box h3 {font-size:13px; margin-top:5px; margin-bottom:3px;}
	#cure .box p {font-size:12px;}
	#doc_page .d-flex .right p {font-size:12px;}
	#doc_page .d-flex .left h2 {font-size:20px;}
	#doc_page .d-flex .left h2 span {font-size:15px;}
	#doc_page .d-flex .left h5 {font-size:16px; margin:5px 0 5px;}
	#doc_page .d-flex .left .mt-50 {margin-top:30px;}
	#doc_page .d-flex .left .pb-40 {padding-bottom:10px;}
	#doc_page .d-flex .right img {width:100%;}
	#foot_page .mt-50 {margin-top:20px;}
	#foot_page .pb-40 {padding-bottom:10px;}
	#foot_page .mt-15 {margin-top:0px;}
	#foot_page .d-flex .left {padding-top:0; margin-left:0}
	#foot_page .d-flex .left p span.w-gap {width:100px;}
	#foot_page .f-size20 {font-size:13px;}
	#foot_page .mt-80 {margin-top:30px;}
	#foot_page .d-flex .right img.subway {width:100px;}
}
@media(max-width:320px) {
	img.img-tit {width:250px;}
	#main_page .con h1 img {width:160px;}
	#about ul li {font-size:12px;}
	#foot_page .d-flex .left p span.w-gap {width:100px;}
	#foot_page .f-size20 {font-size:12px;}
	#foot_page .phone_num a {font-size:25px;}
	#about ul li b.m {display:inline;}
}