/* 퀵메뉴 */
.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/arrow1.png) center center no-repeat;margin:0 auto;}
.icon-scroll.on {display:block;}
.icon-scroll.off {display:none;}
h1.h-tit {font-size:43px; font-weight:500;letter-spacing:-.05em;}
h3.title {font-size:62px; font-weight:700;letter-spacing:-.05em;}
h3.title2 {font-size:46px; font-weight:700;letter-spacing:-.05em;}
h5.text {font-size:35px; 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.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:6.5% 5% 5%; width:50%; height:40vh; text-align:center; color:#fff; background:rgba(0, 0, 0, 0.7); border-radius:30px;}
.mainslide .swiper-slide h3 {margin:20px 0 30px;}
.mainslide .swiper-slide .line_main {width:80%; height:1px; background:#fff; margin:0 auto;}
.mainslide .swiper-slide .tit {font-size:30px; font-weight:500; letter-spacing:-.01em; line-height: 1.4em; margin:40px 0 20px;}
.mainslide .swiper-slide .tit.white {color:#fff;}
.mainslide .swiper-slide-active h3 {animation:ani .8s .3s both;}
.mainslide .swiper-slide-active .tit {animation:ani .8s .7s 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)}
}
#about_doc { background: url(../images/bg_02.jpg);  background-size:cover; background-repeat:no-repeat; background-position:center center;}
#about_doc .d-flex .left {width:50%; display:flex; align-items: center; justify-content: center;}
#about_doc .d-flex .right {width:50%;}
#about_doc .d-flex .left img {width:90%; max-width:680px; filter:drop-shadow(3px 5px 4px rgba(0, 0, 0, 0.25));}
#about_doc .d-flex .right {color:#333; padding-top:15%;}
#about_doc .d-flex .right h1 {margin:0px;}
#about_doc .d-flex .right p {color:#707070; font-size:13px; font-weight:500; letter-spacing:0.8em; line-height: 1.3em; margin-top:30px; margin-left:20px;}
#about_doc .d-flex .right img {margin-top:21%;padding-left:7%;}
#about_doc .d-flex .right h3 {margin-top:25px; padding-left:9%;}
#about_doc .d-flex .right h5 {margin-top:50px; width:77%; padding-left:9%;}

#clinic_cate {background: url(../images/bg_03.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%;}
#clinic_cate h1 span {display:inline-block; padding:1px 8px; font-weight: 700;}
#clinic_cate ul {gap:15px; justify-content: center; margin-top:40px;}
#clinic_cate ul li {width:23%; padding:40px 10px; box-sizing: border-box; background-color:#f2a31d; border-radius:30px;}
#clinic_cate ul li p {color:#fff; font-size:25px; font-weight:600; letter-spacing: -.1em;}
#clinic_cate ul li.even  {background-color:#2b2b2b;}
#clinic_cate ul li img {width:80%; max-width:120px;}

#list {background: url(../images/bg_04.jpg) no-repeat center/cover; display: flex; align-items: center; justify-content: center; border:55px solid #f5ac24;}
#list .d-p-standard {width:1200px;}
#list h1 span {display:inline-block; padding:1px 8px; font-weight: 700;}
#list ul {display:flex; flex-wrap:wrap; text-align: left; box-sizing:border-box;border-radius:10px;  margin-top:7px; background:#fff; border:1px solid #444;}
#list ul .left {width:42%; display:flex; align-items: center;}
#list ul .left img {width:90%; max-width:435px; padding:20px 30px;}
#list ul .right {width:53%; padding:10px; display:flex; align-items: center;}
#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:10px;}
#list p b {color:#000;}

#doc_page { background: url(../images/bg_05.jpg) no-repeat center/cover; }
#doc_page .d-flex .left {width:55%; }
#doc_page .d-flex .left img {height:100vh; max-width:930px;}
#doc_page .d-flex .right {width:40%; display:flex; flex-direction: column; justify-content: center;}
#doc_page .d-flex .right {color:#fff; padding:1%; box-sizing: border-box;}
#doc_page .d-flex .right h1 {margin:0px;}
#doc_page .d-flex .right p {color:#cecece; font-size:15px; font-weight:400; margin-top:30px; margin-left:0px;}
#doc_page .d-flex .right img {margin:30px 0;}
#doc_page .d-flex .right h3 {font-size:37px; font-weight:600; letter-spacing:-.05em; margin-top:2%;}
#doc_page .d-flex .right h3 span.box {padding:2px 12px; color:#222; background:#fff;}
#doc_page .d-flex .right h3 span {font-size:18px;}
#doc_page .bold {font-weight:600;}

#foot_page {background: url(../images/bg_06.jpg) no-repeat center/cover; }
#foot_page h1 span {display:inline-block; padding:1px 8px; font-weight: 700;}
#foot_page .titdiv {text-align: center; margin:0 auto; padding:8% 0 40px;}
#foot_page .d-fle.page { display: flex; align-items: center;}
#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; width:100%; max-width:400px;}
#foot_page .d-flex .left img {margin:10px 0; width:100%; max-width:400px;}
#foot_page .phone_num a {font-size:43px; font-weight:600; }
#foot_page .phone_num a span {font-weight:300;}
#foot_page .f-size32 {font-size: 29px;}
#foot_page .f-size20 {font-size: 17px; line-height: 1.8em;}
#foot_page span.box {display:inline; padding:1px 8px; color:#fff; background:#e36630;}


/* 푸터 */
#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;}
	h3.title {font-size:35px; font-weight:700;letter-spacing:-.05em;}
	h3.title2 {font-size:30px; font-weight:700;letter-spacing:-.05em;}
	h5.text {font-size:29px; font-weight:700;letter-spacing:-.05em;}
	.mainslide .con { height:43vh; }
	.mainslide .con img {width:90%; max-width:300px;}
	.mainslide .swiper-slide .tit {margin:20px 0 20px;}
	#main_page .con p {font-size:27px;}
	#main_page .con h3 {font-size:39px; margin-top:10px;}
	#main_page .con h1 img {width:250px; margin:10px 0;}
	#main_page .con .p-line {margin:5px auto;}
	#about_doc .d-flex .left {width:40%;}
	#about_doc .d-flex .right {width:60%;}
	#about_doc .d-flex .right {padding-top:20%;}
	#about_doc .d-flex .right h1 {margin:0px;}
	#about_doc .d-flex .right p {font-size:14px;}
	#about_doc .d-flex .right img {margin:0px 0; width:90%; max-width:300px;}
	#about_doc .d-flex .right h5 {font-size:17px; margin-top:30px;}
	#clinic_cate .d-p-standard {width:90%; padding-left:5%; padding-right:5%;}
	#clinic_cate ul {margin-top:20px;}
	#clinic_cate ul li p {font-size:20px;}
	#clinic_cate ul li {padding:30px 10px;}
	#clinic_cate ul li img {max-width:80px;}
	#list .d-p-standard {width:90%; padding-left:5%; padding-right:5%;}
	#list ul .left img {max-width:300px; padding:25px 20px;}
	#doc_page .d-flex .left {width:50%;}
	#doc_page .d-flex .right {width:50%;}
	#doc_page .d-flex .left img {width:90%; }
	#doc_page .d-flex .right h3 {margin-top:50px; font-size:26px;}
	#doc_page .d-flex .right p {margin-top:5px; font-size:12px; font-weight:400;}
	#foot_page .d-flex .left p.f-size32 {font-size:22px;}
	#foot_page .titdiv {padding:7% 0 10px;}
	#foot_page .d-flex .left img {max-width:300px;}
	#foot_page .pb-30 {padding-bottom:10px;}
	#foot_page .d-flex .right img {max-width:300px; margin:0;}
	img.img-tit {width:300px;}
}
@media(max-width:1229px) {
	#doc_page .f-size20 {font-size:16px;}
	#list ul .right p {font-size:14px;}
	#list .pb-30 {padding-bottom:0;}
	#list ul .left img {padding:8px 10px;max-width:250px;}
	#list p {margin-top:0;}
	#foot_page .titdiv {padding:1% 0 0px;}
	#foot_page .f-size20 {font-size:14px;}
	#foot_page .d-flex .left img {max-width:300px;}
	#foot_page .pb-30 {padding-bottom:10px;}
	#foot_page .d-flex .right img {max-width:230px; margin:0;}
}
@media(max-width:1000px) {
	h1.h-tit {font-size:21px;}
	h3.title {font-size:25px; font-weight:700;letter-spacing:-.05em;}
	h3.title2 {font-size:21px; font-weight:700;letter-spacing:-.05em;}
	h5.text {font-size:20px;}
	img.img-tit {width:300px;}
	#main_page .con h3 {font-size:40px; margin-top:30px;}
	#main_page .con p {font-size:22px;}
	.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;}
		
	.mainslide .con {width:65%; height:36vh; margin-top:-40px;}
	.mainslide .swiper-slide .line_main {height:1px;}
	.slider-01 {background-image: url(../images/bg_01_m.jpg);}
	.slider-02 {background-image: url(../images/bg_01_2_m.jpg);}
	.slider-03 {background-image: url(../images/bg_01_3_m.jpg);}
	#about_doc .d-flex .left {order:2;}
	#about_doc .d-flex .right {order:1;}
	#about_doc .d-flex .left {width:100%;}
	#about_doc .d-flex .right {width:100%;}
	#about_doc .d-flex .right h1 img {margin:10px 0; width:30%;}
	#about_doc .d-flex .right img {margin:10px 0; width:100%;}
	#about_doc .d-flex .right p {letter-spacing: 1.3px; margin-top:15px;}
	/* #about_doc .d-flex .left img {left:0; height:47%;} */
	#clinic_cate .d-p-standard {width:90%; padding-left:5%; padding-right:5%;}
	#clinic_cate h1 {font-size:21px; margin-top:14%;}
	#clinic_cate ul {gap:5px;}
	#clinic_cate ul li {width:32%; padding:30px 10px; border-radius: 20px;}
	#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;}
	#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;}
	#doc_page .d-flex .left {order:2;}
	#doc_page .d-flex .left img {height:45vh; width:100%;}
	#doc_page .d-flex .right h3 {margin-top:30px;}
	#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 {width:100%;}
	#foot_page .f-size32 {font-size: 22px;}
	#foot_page .f-size20 {font-size: 14px;}
	#foot_page .phone_num a {font-size:35px;}
	#footer h1 {font-size:25px; margin-bottom:10px;}
	#footer .f-size15 {font-size:13px;}
	#foot_page .left, #foot_page .right	 {width:100%;}
	#list p {font-size:14px;}
	#doc_page .d-flex .left {width:100%;}
	#doc_page .d-flex .right {width:100%; padding-left:5%;}
	#main_page .con h1 img {width:200px;}
	#foot_page .d-flex .left p.f-size32 {letter-spacing: -1px;}
	#foot_page .mt-50 {margin-top:20px;}
	#foot_page .mt-15 {margin-top:0px;}
	#foot_page .mt-70 {margin-top:20px;}
}
@media(max-width:650px) {
	#main_page .con h3 {font-size:27px; margin-top:7px;}
	#main_page .con p {font-size:15px;}
	#main_page .con img {margin:30px 0 10px; width:220px;}
	.mainslide .swiper-slide .tit {margin:20px 0 10px;}
	.mainslide .con { height:50vh; }
	#about_doc .d-flex .right h1 img {width:80%;}
	#about_doc .d-flex .left img {left:0; height:80%;}
	#about_doc .d-flex .right h5 {font-size:15px; margin-top:20px;}
	#doc_page .d-flex .right p {font-size:12px;}
	#doc_page .d-flex .left img {height:35vh; width:100%;}
	#clinic_cate ul li {border-radius:10px; padding:15px 7px;}
	#list ul .left,
	#list ul .right {width:100%;}
	#list {border:10px solid #f5ac24;}
	#list ul .right p {font-size:13px;}
	#list ul .right {padding:3px 5px;}
	#list ul .left img {padding:4px 5px;}
	#foot_page .titdiv {padding:4% 0 0px;}
	#foot_page .d-flex .left img {width:200px;}
}
@media(max-width:320px) {
	img.img-tit {width:250px;}
	#main_page .con h1 img {width:160px;}
	#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;}
}