﻿header {z-index: 10000; height:80px; transition: 0.5s; position:relative;}
header {padding:5px;}
header .header-wrap .right-menu a {color:#fff; float:right; font-size:17px; font-weight:bold; letter-spacing: -1px; padding:7px 30px; border:1px solid #fff; margin-top:30px; transition: 0.3s;}
header .header-wrap .right-menu a:hover {background:#fff; color:#009899;}
header .header-wrap .logo img {margin-top:45px;}
header .header-wrap .mobile-menu-opener {display: inline-block; top:40%;}
header.scroll .header-wrap  {display:none;}

/* 퀵메뉴 */
.right-quick-menu {position:fixed; bottom:3%; 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;}

.item-section {min-height:100%; background-repeat: no-repeat; overflow-x: hidden;}
.item-box {padding:10% 0;}

.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;}

.f-bold {font-weight:700;}

/* 스크롤  */
.icon-scroll {display:none; padding-bottom:15px;position:fixed;bottom:-5px;left:49%;z-index:1; padding:0px 0 20px;;}
.icon-scroll div {display:none; transform:rotate(-90deg); font-size:13px;font-weight:500;color:#222;}
.icon-scroll:after {content:"";display:block;width:50px;height:50px;background:url(/images/scroll/arrow1-cd746730242af841696b55e7b0a72db6.png) center center no-repeat;margin:0 auto;}
.icon-scroll.on {display:block;}

@keyframes swing {
	0% {transform:translateY(0); }
	100% { transform: translateY(10px); }
}

/* 메인슬라이드 */
.pc-slide {background-repeat: no-repeat; background-size: cover;  background-position:left center;}
.slider-00 {background-image: url(/images/bg_01-3-593b7c722b80335edf08df68143e87c8.jpg);}
.slider-01 {background-image: url(/images/bg_01_2-8c7be1daa0ff059c1d8cd778d01bdf46.jpg);}
.slider-02 {background-image: url(/images/bg_01_3-f81c622c32a56c324c8fe013638130e2.jpg);}
.slider-03 {background-image: url(/images/bg_01_4-2-1ba0e753a1b566b533b908e8387b6ebd.jpg);}

/* 섹션별 */
/* .section01 { background: url(/images/bg_01-1aaaab46906d58e836fa1db73065b5fb.jpg);  background-size:cover; background-repeat:no-repeat; background-position:center center;} */
.section01 .inner {width:100%; display:flex; flex-direction: column; justify-content: center; align-items: center; color:#fff;}
.section01 .slider-move-btn {position: absolute; z-index: 2; background-color: transparent; border: none;}
.section01 .slider-move-btn img {width:50px;}
.section01 .slider-move-btn.prev {top: 50%; margin-top: -77.5px; left: 50px;}
.section01 .slider-move-btn.next {top: 50%; margin-top: -77.5px; right: 110px;}
.section01 .inner h1 img {max-width:580px}
.section01 .inner h5 {color:#555; font-size:38px; line-height:1.4em; letter-spacing:-.08em; margin-top:70px;}

.section02 { background: url(/images/bg_02-839bc11032a4b9a95ffdeaa4210ce08d.jpg);  background-size:cover; background-repeat:no-repeat; background-position:center center;}
.section02 .inner {width:100%; display:flex; flex-direction: column; justify-content: center; align-items: center;}
.section02 .inner p {font-size:19px;}
.section02 .inner ul.clinic {display:flex; flex-wrap:wrap; color:#fff; justify-content: center; align-items: center; margin-top:50px;}
.section02 .inner ul.clinic li {width:49%; height:197px; padding:32px; font-size:25px; font-weight:bold; box-sizing:border-box; text-align:center; display:flex;  color:#fff; justify-content: center; align-items: center;}
.section02 .inner ul.clinic li img {padding:0 25px;}
.section02 .inner ul.clinic li:nth-child(1) {background-color: #53d2e3;}
.section02 .inner ul.clinic li:nth-child(2) {background-color: #1eb9cf;}
.section02 .inner ul.clinic li:nth-child(3) {background-color: #10abc1;}
.section02 .inner ul.clinic li:nth-child(4) {background-color: #038293;}
.section02 .inner .menu ul { width:55%; height:auto; margin:0 auto; text-align: center; border:1px solid #ccc; border-radius:50px; padding:30px; text-align:center;display:flex; flex-wrap:wrap; margin-top:40px; align-items: center; justify-content: center;}
.section02 .inner .menu ul li {font-size:18px; line-height: 1.7em;}
.section02 .inner .menu ul li:after {content:"ㅣ"; display:inline-block; color:#10abc1;}
.section02 .inner .menu ul li:last-child:after {display:none;}

.section03 {background: url(/images/bg_03-566dc9964257bc9f49051cd3a3a9aec8.jpg);  background-size:cover; background-repeat:no-repeat; background-position:right bottom; display: flex; align-items: center; color:#fff;}
.section03 .inner {background:rgba(256, 256, 256, 1); padding:1% 4%; box-shadow: 0 0 20px rgba(0,0,0,.4); margin-top:30px;}
.section03 .inner ul {margin:45px auto; display:flex; flex-wrap:wrap;}
.section03 .inner ul li {width:24.9%;}
.section03 .inner h3 {color:#222; font-size:27px; font-weight: 700; letter-spacing: -.1em; margin-bottom: 20px;}
.section03 .inner ul li p {color:#666; font-size: 16px;}
.section03 .inner h5 {font-size:20px; letter-spacing: -.08em; line-height: 1.6em;}

.section04 {background: url(/images/bg_04-206696dc82182e8ae279a8f27be6f983.jpg);  background-size:cover; background-repeat:no-repeat; background-position:center center;}
.section04 .d-flex .left {width:50%;}
.section04 .d-flex .right {width:50%; color:#fff;}
.section04 .d-flex .left img.doctor {position:absolute; bottom:0; }
.section04 .d-flex .left img.text {position:absolute; left:160px;}
.section04 .d-flex .right {color:#fff; padding-top:9%;}
.section04 .d-flex .right h1 {font-size:29px; font-weight:600; letter-spacing:-.05em; margin-left:10%;margin-top:10%;}
.section04 .d-flex .right img {margin:10px 0;}
.section04 .d-flex .right h3 {font-size:40px; font-weight:600; letter-spacing:-.05em; line-height: 1.5em; margin-left:10%; margin-top:40px;}
.section04 .d-flex .right h3 span.f-size22 {background:#fff; padding:3px 20px; color:#038293;}
.section04 .d-flex .right p {color:#fff; font-size:20px; font-weight:500; line-height: 2.2em; margin-left:10%;}

.slider-1 {background-image: url(/images/pic_01-e2b1b85af344e47d3b15ba8f2790abc6.jpg); background-repeat: no-repeat; background-size: cover; background-position:center;}
.slider-2 {background-image: url(/images/pic_02-80e3a15d0ddb43143a675b667067d005.jpg); background-repeat: no-repeat; background-size: cover; background-position:center;}
.slider-3 {background-image: url(/images/pic_03-c910cbc8470c0860c26b8ddaae2f2619.jpg); background-repeat: no-repeat; background-size: cover; background-position:center;}
.slider-4 {background-image: url(/images/pic_04-2-6979ed810bbff8811850fe3f63172c88.jpg); background-repeat: no-repeat; background-size: cover; background-position:center;}
.slider-5 {background-image: url(/images/pic_05-2-16a8cf9b3ff4ca53fde5fcfb070bec0d.jpg); background-repeat: no-repeat; background-size: cover; background-position:center;}
.slider-6 {background-image: url(/images/pic_06-3d5d23717b5534f3236c048bbf50c8fa.jpg); background-repeat: no-repeat; background-size: cover; background-position:center;}
.slider-7 {background-image: url(/images/pic_07-755f70d676278d464439aed8776b01d0.jpg); background-repeat: no-repeat; background-size: cover; background-position:center;}
.slider-8 {background-image: url(/images/pic_08-1feb7ecd57f8be2584ce9e6dc32a9d31.jpg); background-repeat: no-repeat; background-size: cover; background-position:center;}
.slider-9 {background-image: url(/images/pic_09-078c0763954436840d11455ababed57b.jpg); background-repeat: no-repeat; background-size: cover; background-position:center;}
.slider-10 {background-image: url(/images/pic_10-12e0cbc7326bc6a91db7ee85efc9cb17.jpg); background-repeat: no-repeat; background-size: cover; background-position:center;}

.section05 .main-slider2 {height:100vh;}
.section05 .slider-move-btn2 {position: absolute; z-index: 2; background-color: transparent; border: none;}
.section05 .slider-move-btn2 img {width:50px;}
.section05 .slider-move-btn2.prev {top: 55%; margin-top: -77.5px; left: 50px;}
.section05 .slider-move-btn2.next {top: 55%; margin-top: -77.5px; right: 100px;}
.section05 .sec .btn.btn-transparent a {position:relative; border:1px solid #4c4a4a; padding:7px 20px; display:inline-block;color:#4c4a4a; transition:all .3s;}
.section03 .sec .btn.btn-transparent a:hover{background:#4c4a4a; color:#fff;}
.section05 .sec .btn.btn-whiteline a {position:relative; border:1px solid #fff; padding:7px 20px; display:inline-block;color:#4c4a4a; transition:all .3s;}
.section05 .sec .btn.btn-whiteline a:hover{background:#fff; color:#4c4a4a;}
.section05 .mt-text {padding:5%; color:#fff;}
.section05 .top_txt {font-size:37px; font-weight:600; letter-spacing:-0.9px; }
.section05 .top_tit {font-size:18px; font-weight:600; letter-spacing:-0.5px; color:#fff;}

.section06 {background: url(/images/bg_05-d12a3c7af8a7b09ade1f448357f68700.jpg);  background-size:cover; background-repeat:no-repeat; background-position:center center; display: flex; align-items: center;}
.section06 .d-flex .left {width:40%;}
.section06 .d-flex .left p.f-title {letter-spacing: -3px;}
.section06 .d-flex .left p span.f-bold {display:inline-block; width:150px;}
.section06 .d-flex .right {width:60%; color:#fff;}
.section06 .d-flex .right img {margin:10px 0;}
.section06 .d-flex .right p.add {font-size:19px; line-height:2em;}
.section06 .d-flex .right p.add span.box {background:#fff; font-weight:600; color:#000; padding:3px 30px; }
.section06 .d-flex .right p.add span.box-line {margin-top:10px; border:1px solid #15b5ff; font-weight:600; color:#15b5ff; padding:3px 30px; }
.section06 .d-flex .right .map {width:100%; height:400px;}
.section06 .phone_num a {font-size:43px; font-weight:600; color:#fff;}
.section06 .phone_num a span {font-weight:300;}


/* 푸터 */
#footer {background-color: #2a2a2a; padding:35px 0 60px;}
#footer .bottom-menu a {color:#fff;}
#footer .link-list {margin-bottom: 20px;}
#footer .link-list a {color:#fff;}
#footer .link-list a:hover {text-decoration: underline;}
#footer .copytxt p {line-height: 20px; }
#footer .bottom_menu li {margin:0 20px; position:relative; color:#fff;}
#footer .bottom_menu li a { color:#fff;}
#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:1280px) {
	.section01 .inner h1 img {width:400px;}
	.section03 .inner ul li img {width:90%;}
	.section04 .d-flex .left img {height:70%;}
	.section04 .d-flex .left img.text {display:none;}
}

@media(max-width:1024px) {
	.section01 .inner h5 {margin-top:30px; font-size:23px;}
	.f-title2 {font-size:24px;}
	.section02 .inner p, .section03 .inner p {font-size:16px;}
	.section04 .d-flex .right p {font-size:15px;}
	.section04 .d-flex .right h3 {font-size:30px; margin-top:10px;}
	.section06 .f-size20 {font-size:14px;}
	.section06 .d-flex .right p.add {font-size:14px;}
}

@media(max-width:1000px) {
	.fade {position: relative; opacity: 0; transition: 0.8s;}
    .fade-fast {transition: 0.05s;}
	/* 메인슬라이드 */
	.pc-slide { background-position: center;}
	.slider-00 {background-image: url(/images/bg_01_m-2-e5a9151c24ff45d7b7df2a2346844f3c.png);}
	.slider-01 {background-image: url(/images/bg_01_2_m-c91067c52450d1b115e34670583ef908.jpg);}
	.slider-02 {background-image: url(/images/bg_01_3_m-3fdf210f5998d8b7da002c0dd78b9c48.jpg);}
	.slider-03 {background-image: url(/images/bg_01_4_m-2-5fd75a5e8dc0ff656c907593db62bf8c.png);}
	.section01 .inner h1 img {width:400px;}
	.section01 .d-flex .left, .section01 .d-flex .right,
	.section02 .d-flex .left, .section02 .d-flex .right,
	.section04 .d-flex .left, .section04 .d-flex .right,
	.section05 .d-flex .left, .section05 .d-flex .right,
	.section06 .d-flex .left, .section06 .d-flex .right	 {width:100%;}

	.section01 .d-flex .inner h5 {font-size:20px; margin-top:10px;}
	.section02 .inner h1 {padding-top:40px;}
	.section02 .inner p {font-size:13px;}
	.section02 .inner ul.clinic {margin-top:20px;}
	.section02 .inner ul.clinic li img {padding-top:10px; width:100px;}
	.section02 .inner ul.clinic li {flex-direction:column; height:265px;}
	.section02 .inner ul.clinic li span {font-size:17px; padding:15px;}
	.section02 .inner .menu ul {width:86%; padding:15px; border-radius:20px; margin-top:25px;}
	.section02 .inner .menu ul li {font-size:13px;}
	.section03 .d-p-standard {padding-bottom:60px;}
	.section03 .inner {padding:0.2% 1%; margin-top:15px;}
	.section03 p {font-size:12px;}
	.section03 .inner ul {justify-content: space-between; margin:10px auto;}
	.section03 .inner ul li {width:49%; margin-bottom:10px;}
	.section03 .inner ul li img {width:200px;}
	.section04 { background: url(/images/bg_04_m-f736a1efe56dd7c883a2b9b540cb6324.jpg); background-position: center;background-size: cover;}
	.section04 .d-flex .left {order:2;}
	.section04 .d-flex .right {order:1;}
	.section04 .d-flex .right p.mt-50 {margin-top:20px;}
	.section04 .d-flex .left img {width:78%;}
	.section04 .d-flex .right {padding-left:4%; padding-top:30px;}
	.section04 .d-flex .right h3 {font-size:25px; margin-left:0; margin-top:0;line-height: 1.3em;}
	.section04 .d-flex .right p {font-size:16px; margin-left:0; line-height:1.6em;}
	.section04 .d-flex .right h1 {font-size:20px; margin-left:0; margin-top:20px;}

	.section05 .slider-move-btn2.next {right: -5px;}
    .section05 .slider-move-btn2.prev {left: -5px;}
	.section05 .mt-text {padding:10%;}
	.section05 .top_txt{font-size:27px;}
	.section05 .top_tit{font-size:12px; font-weight:normal;}
	
	.section06 .f-size20 {font-size:14px;}
	.section06 .mt-100 {margin-top:40px;}
	.section06 .right {text-align:left;}
	.section06 .d-flex .right p.add {font-size:15px; margin-bottom:70px;}
	.section06 .d-flex .right .map img {width:100%;}
	.section06 .d-flex .right .map {height:auto;}
	.section06 .d-flex .left p span.f-bold {width:65px;}
	
	#footer img{width:200px; margin-bottom:20px;}
	
}

@media(max-width:768px) {
	.right-quick-menu {bottom:10px; right:1rem;}
	.icon-scroll {left:43%;}

    .item-section {min-height: auto; overflow-y:hidden;}
	#fp-nav {display:none;}
	.section01 .inner .box h5 {font-size:13px; }
	.section01 .inner .box h3 {font-size:40px; }
	.section02 .inner ul.clinic li img {width:30%;}
	.section02 .inner ul.clinic li { height:245px;}
	.section03 h1 {padding-top:40px;}
	.section03 .inner ul li img {width:70%;}
	.section04 .d-flex .left img {width:87%; height:auto;}
	.section04 .d-flex .right p {font-size:12px;}
	.section04 .d-flex .right h3 span.f-size22 {font-size:18px;}
	.section05 .slider-move-btn2 img {width:30px;}
	.section05 .slider-move-btn2.prev {top: 50%; margin-top: -15px;}
	.section05 .slider-move-btn2.next {top: 50%; margin-top: -15px;}
	.slider-1 {background-image: url(/images/pic_01-e2b1b85af344e47d3b15ba8f2790abc6.jpg); background-repeat: no-repeat; background-size: contain; background-position:center;}
	.slider-2 {background-image: url(/images/pic_02-80e3a15d0ddb43143a675b667067d005.jpg); background-repeat: no-repeat; background-size: contain; background-position:center;}
	.slider-3 {background-image: url(/images/pic_03-c910cbc8470c0860c26b8ddaae2f2619.jpg); background-repeat: no-repeat; background-size: contain; background-position:center;}
	.slider-4 {background-image: url(/images/pic_04-a2ea23fe3cf301463df387abd7c3f5dc.jpg); background-repeat: no-repeat; background-size: contain; background-position:center;}
	.slider-5 {background-image: url(/images/pic_05-c8b5d4722a40dc290ee544b6f53b0086.jpg); background-repeat: no-repeat; background-size: contain; background-position:center;}
	.slider-6 {background-image: url(/images/pic_06-3d5d23717b5534f3236c048bbf50c8fa.jpg); background-repeat: no-repeat; background-size: contain; background-position:center;}
	.slider-7 {background-image: url(/images/pic_07-755f70d676278d464439aed8776b01d0.jpg); background-repeat: no-repeat; background-size: contain; background-position:center;}
	.slider-8 {background-image: url(/images/pic_08-1feb7ecd57f8be2584ce9e6dc32a9d31.jpg); background-repeat: no-repeat; background-size: contain; background-position:center;}
	.slider-9 {background-image: url(/images/pic_09-078c0763954436840d11455ababed57b.jpg); background-repeat: no-repeat; background-size: contain; background-position:center;}
	.slider-10 {background-image: url(/images/pic_10-12e0cbc7326bc6a91db7ee85efc9cb17.jpg); background-repeat: no-repeat; background-size: contain; background-position:center;}
	.section05 .mt-text {color: #333;}
	.section05 .top_tit {color: #333;}
	.section06 .mt-20 {margin-top:7px;}
}

@media(max-width:480px) {
	.section01 .inner h1 img {width:300px;}
	.section02 .inner ul.clinic li img {width:50%;}
	.section02 .inner ul.clinic li { height:165px;}
	.section03 .inner ul li img {width:100%;}
	footer .f-size15 {font-size: 12px;}
}
@media(max-width:280px) {
	.f-title2 {font-size:18px;}
	.section01 .inner h5 {font-size:15px;}
	.section01 .inner h1 img {width:230px;}
	.section02 .inner p, .section03 p {font-size:12px;}
}

