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: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%;}



/*  HEADER  */
#header{
	position:absolute; height:100px; top:0; left:0; width:100%; z-index:9999;
	-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;transition:all 0.3s
}
#headerInnerWrap{
	position:absolute; top:0px; left:0px; width:100%; height:100%; z-index:9999;
	-webkit-transition:background-color 0.3s;
	transition:background-color 0.3s
}
#headerInner{
	width:100%; height:120px;margin:0px auto; background:rgba(0,0,0,0.4);
	-webkit-transition:padding 0.3s;
	transition:padding 0.3s
}
#headerInner .logo{position:relative; z-index:100; float:left; width:255px; padding:25px 0 0 220px; text-align:center; 	-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;transition:all 0.3s}
#headerInner .logo a{display:inline-block; }
#headerInner .logo img{vertical-align:top;}

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

/* 스크롤  */
.icon-scroll {display:none; padding-bottom:15px;position:fixed;bottom:-5px;left:calc(50% - 25px);z-index:999; 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/arrow1.png) center center no-repeat;margin:0 auto;}
.icon-scroll.on {display:block;}

/* 섹션별 */
.section01 { background: url(../images/bg_01.jpg); background-size:cover; background-repeat:no-repeat; background-position:center center; display: flex; align-items: center;}
.section01 .d-flex .left {width:45%;}
.section01 .d-flex .right {width:55%;}
.section01 .d-flex .left {color:#fff; padding-top:15%;}
.section01 .d-flex .left h2 {font-size:32px; font-weight:700; letter-spacing:-.08em; color:#374816; margin-top:40px;}
.section01 .d-flex .left img {margin:0;}
.section01 .d-flex .right img {position:absolute; bottom:10%; margin-right:10%; width:485px;}

.section02 { background: url(../images/bg_02.jpg); background-size:cover; background-repeat:no-repeat; background-position:right bottom; display: flex; align-items: center;}
.section02 h5.title {font-size:27px; font-weight:500; margin-bottom: 3%; color:#fff; letter-spacing: -1px;}
.section02 .inner {background:rgba(256, 256, 256, 1); padding:2.5% 4%; border-radius: 10px; box-sizing: border-box;}
.section02 .inner ul {margin:0 auto;}
.section02 .inner ul li {width:90%; margin:1.6% auto;}
.section02 .inner ul li:last-child {border-bottom:none;}
.section02 .inner ul li img {margin-right:50px; margin-left:2%;}
.section02 .inner ul li h2 {width:15%;}
.section02 .inner ul li h2 {color:#fcbf2d; font-size:75px; font-weight: 700; letter-spacing: -.1em; margin: 5px;}
.section02 .inner ul li p {color:#666; font-size: 21px; font-weight:600; letter-spacing: -.08em; width:70%; text-align: left;}

.section03 { background: url(../images/bg_03.jpg); background-size:cover; background-repeat:no-repeat; background-position:right bottom; display: flex; align-items: center;}
.section03 h5.title {font-size:27px; font-weight:500; margin-bottom: 3%; color:#fff; letter-spacing: -1px;}
.section03 .inner {background:rgba(256, 256, 256, 0.9); padding:5%; border-radius: 10px;}
.section03 .inner .left {width:40%;}
.section03 .inner .right {width:60%; border-left:1px solid #ccc; text-align: left; padding-left:60px; box-sizing: border-box;;}
.section03 .inner .right li {color:#444; font-size: 21px; font-weight:600; letter-spacing: -.03em; line-height: 1.5em; margin:45px 0;}

.section04 {background: url(../images/bg_04.jpg); background-size:cover; background-repeat:no-repeat; background-position:center center; display: flex; align-items: center;}
.section04 h5.title {font-size:27px; font-weight:500; margin-bottom: 3%; color:#555; letter-spacing: -1px;}
.section04 .inner {background:rgba(256, 256, 256, 0.9); padding:5%; border-radius: 10px; width:60%; position: relative;}
.section04 .inner .item {margin:29px 0;}
.section04 .inner .item p {text-align: left; font-size: 21px; letter-spacing: -.03em; line-height: 1.5em; margin-left:15px;}
/* .section04 .inner ul:before {content: ""; background: url(../images/check.png) no-repeat; display: inline-block; height: 40px; width: 40px; margin: 0 8px 0 0px;} */

.section05 {background: url(../images/bg_05.jpg); background-size:cover; background-repeat:no-repeat; background-position:right bottom; display: flex; align-items: center;}
.section05 h5.title {font-size:27px; font-weight:600; margin-bottom: 3%; color:#3e3e3e; letter-spacing: -1px;}
.section05 .inner {background:rgba(256, 256, 256, 1); padding:5%; border-radius: 10px;}
.section05 .inner ul {margin:0 auto;}
.section05 .inner ul li {border-right:1px solid #ddd;}
.section05 .inner ul li {width:24.9%;}
.section05 .inner ul li:last-child {border-right:none;}
.section05 .inner ul li h2 {color:#222; font-size:27px; font-weight: 700; letter-spacing: -.1em; margin:25px 0 15px;}
.section05 .inner ul li p {color:#555; font-size: 16px; width:85%; margin:0 auto;}

.section06 {background: url(../images/bg_06.jpg);  background-size:cover; background-repeat:no-repeat; background-position:center center;}
.section06 .d-flex .left {width:50%;}
.section06 .d-flex .right {width:50%; color:#fff;}
.section06 .d-flex .left img.doctor {position:absolute; bottom:0; margin-left:2%; height:75%;}
.section06 .d-flex .left img.text {position:absolute;; margin-left:1%; top:11%;}
.section06 .d-flex .right {color:#fff; padding-top:6%;}
.section06 .d-flex .right h1 {margin:0px;}
.section06 .d-flex .right img {margin:0;}
.section06 .d-flex .right h3 {font-size:22px; font-weight:600; letter-spacing:-.05em; line-height: 1.5em; margin-top:30px;}
.section06 .d-flex .right p, .section06 .d-flex .right a {color:#fff; font-size:18px; font-weight:500; line-height: 1.6em;}
.section06 .d-flex .right a.btn {font-size:15px; line-height: 35px;}
.section06 .d-flex .right span.line {padding:1px 15px; border:1px solid #fff; font-size:14px; margin-left:10px;}
.section06 .d-flex .right form input[type=text], input[type=password] {border:none;height: 33px;line-height: 33px;padding: 3px 15px;}
.section06 .d-flex .right .input-box li {width:100%; margin-bottom:10px; display: flex;}
.section06 .d-flex .right .order {font-size:22px; font-weight:600; color:#000; letter-spacing:-.05em; margin-bottom:10px;}
.section06 .d-flex .right form a {color:#fff; font-weight:bold; duration:.3s;}
.section06 .d-flex .right form a:hover {background:#fff; color:#e3878a;}
.section06 .d-flex .right form button {padding:5px 13px; background:#333; color:#fff; border:none; cursor:pointer; float:right;}

/* 푸터 */
#footer {background-color: #333; padding:35px 0 60px;}
#footer .bottom-menu a {color:#fff;}
#footer .copytxt p {line-height: 22px; }
#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:1500px) {
    .item-box {padding:45px 0;}
	.section01 .d-flex .left {width:50%;}
	.section01 .d-flex .right {width:50%;}
	.section01 .d-flex .left h2 {font-size:25px; margin-top:50px;}

	.section02 .inner {padding:2%;}
	.section02 .inner ul li p {font-size:18px;}

	.section03 .inner .right li {font-size:17px;}

	.section04 .inner {padding:2%;}
	.section04 .inner .item p {font-size:18px;}


	.section05 .inner {background:rgba(256, 256, 256, 1); padding:5%; border-radius: 10px;}
	.section05 .inner ul {margin:0 auto;}
	.section05 .inner ul li {border-right:1px solid #ccc;}
	.section05 .inner ul li:last-child {border-right:none;}
	.section05 .inner ul li h2 {font-size:22px;margin-bottom: 10px;}
	.section05 .inner ul li p {font-size: 14px;}
	.section05 .inner ul li img {width:30%;}

	.section06 .d-flex .left {width:50%;}
	.section06 .d-flex .right {width:50%; color:#fff; padding-top:3%;}
	.section06 .d-flex .left img.text {width:740px; margin-left:0;}
	.section06 .d-flex .right h3 {font-size:16px; margin-top:30px; margin-bottom:30px;}
	.section06 .d-flex .right p, .section06 .d-flex .right a {font-size:17px;}
	.section06 .d-flex .right h1 img {width:450px;;}
	.section06 .d-flex .left img.doctor {margin-left:-100px; height:70%;}
	/* .section06 .d-flex .right .mt-50 {margin-top:25px;} */

}

@media(max-width:1024px) {

}

@media(max-width:1000px) {
	.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,
	.section02 .d-flex .left, .section02 .d-flex .right,
	.section06 .d-flex .left, .section06 .d-flex .right,
	.section07 .left, .section07 .right	 {width:100%;}
	.section01 h1.tit img, .section02 h1.tit img, .section03 h1.tit img, .section04 h1.tit img, .section05 h1.tit img, .section06 h1.tit img {width:420px;}

	.section01 .d-flex .left {padding-top:20%;}
	.section01 .d-flex .left h1 {font-size:42px; margin:10px 0 10px;}
	.section01 .d-flex .left p {font-size:20px; width:100%; padding:10px 0;}
	.section01 .d-flex .left h3 {font-size:18px;}

	.section02 .inner {padding:10% 3%;}
	.section02 .inner hr {margin-top:40px; margin-bottom:40px;}
	.section02 .inner ul li img {margin-right:15px; margin-left:0;}
	.section02 .inner ul li p {font-size:16px; }
	.section02 .inner ul li h2 {font-size:45px;}

	.section03 .inner .left {width:100%; padding:20px 0;}
	.section03 .inner .right {border-left:none; width:100%; padding-left: 0;}
	.section03 .inner .right li {font-size:16px; text-align: center;}

	.section04 { background-position: right bottom;}
	.section04 .inner {background: rgba(256, 256, 256, 1); width:100%; box-sizing: border-box; padding:5%;}
	.section04 .inner .item {margin:55px 0;}
	.section04 .inner .item p {font-size:16px;}

	.section05 {background: url(../images/bg_05_m.jpg); background-size:cover; background-repeat:no-repeat; background-position:left bottom;}
	.section05 .inner ul li {width:49%; margin-bottom:30px; margin-top:10px;}
	.section05 .inner ul li img {width:30%;}
	.section05 .inner ul li {border-right:none;}
	.section05 .inner ul li h1 {margin:5px; font-size:16px;}
	.section05 .inner ul li h2 {font-size:20px;}

	.section06 .d-flex .right {padding-top:10%;}
	.section06 {background: url(../images/bg_06_m.jpg) no-repeat; background-size:cover; background-repeat:no-repeat; background-position:right bottom;}
	.section06 .d-flex .left {display: none;}
	.section06 .d-flex .right h3 {font-size:17px; }

	#footer img{width:150px; margin-bottom:20px;}
	.nav-open-btn {top:25px;}
	header .header-wrap .right-menu a {font-size:15px; font-weight:bold; padding:3px 20px; margin-top:7px;}
}

@media(max-width:650px) {
	.section01 h1.tit img, .section02 h1.tit img, .section03 h1.tit img, .section04 h1.tit img, .section05 h1.tit img, .section06 h1.tit img {width:300px;}
	.section01 h5.title, .section02 h5.title, .section03 h5.title, .section04 h5.title, .section05 h5.title, .section06 h5.title {font-size:20px;}

    .item-section {min-height: auto; overflow-y:hidden;}
	.section01 .d-flex .left h2 {font-size:20px; margin-top:105px;}
	.section01 .d-flex .right img {width:250px; height:auto;}
	.section01 .d-flex .left img {width:160px;}
	.section02 .inner ul li p {font-size:14px;}
	.section02 .inner ul li img {width:50px; margin-right:5px;}
	.section02 .inner ul li h2 {font-size:33px; margin-right:10px;}
	.section02 .inner hr {margin-top:20px; margin-bottom:20px;}
	.section03 .inner {padding:9% 4%;}
	.section03 .inner .right li {font-size:13px; margin:20px 0;}
	.section03 .inner .left img {width:130px;}
	.section04 .inner .item p {font-size:14px;}
	.section04 .inner .item {margin:35px 0;}
	.section05 .inner ul li {margin-bottom:10px;}
	.section05 .inner ul li h2 {font-size:16px; margin:5px 0 5px;}
	.section05 .inner ul li p {font-size:12px; width:100%; line-height: 1.3em;}
	.section05 .inner {padding:1%;}
	.section06 .d-flex .right h1 img {width:300px; margin:20px 0 0;}
	.section06 .d-flex .right h3 {font-size:14px; margin-top:20px; margin-bottom:0px;}
	.section06 .d-flex .right p, .section06 .d-flex .right a {font-size:14px;}
	.section06 .d-flex .right span.line {font-size:13px; display: none;}
	.section06 .d-flex .right .mt-50 {margin-top:20px;}
	.section06 .d-flex .right .order {font-size:16px; margin-bottom:10px;}
	input[type=text], input[type=password] {height:30px; line-height:30px;}
	.section06 .d-flex .right .text-right {text-align: left;}
	.section06 .d-flex .right .input-box.mb-20 {margin-bottom:5px;}
	.section06 .d-flex .right a.btn {font-size:12px;}


	footer .f-size15 {font-size: 12px;}
}

@media(max-width:280px) {
	.section01 h1.tit img, .section02 h1.tit img, .section03 h1.tit img, .section04 h1.tit img, .section05 h1.tit img, .section06 h1.tit img, .section06 .d-flex .right h1 img {width:250px;}
}