@import url(reset.css);

.header{
	width:100%; height:100px;
	background:#fff;

	position:fixed;
	top:0; left:0; right:0;
	z-index:1;

	overflow:hidden;
	border-bottom:2px solid #0079d5;
}
	.header > ul{
		width:1200px;
		margin:0 auto;

		overflow:hidden;
	}

	.header > ul > section:nth-of-type(1){
		float:left;
	}
	.header > ul > section:nth-of-type(2){
		float:right;
	}

		.header > ul li{
			float:left;
			font-size:22px;
			line-height:100px;
		}

		.header > ul > section:nth-of-type(2) li{
			margin-left:40px;
		}

		.header > ul li > a{
			color:#454545;
		}
		.header > ul li.adm > a{
			color:#6e0a9c;
		}

		.header .info_logo a{
			display:inline-block;
			width:254px; height:98px;
			background:transparent url(../images/logo.png) no-repeat center;

			text-indent:-5000px; overflow:hidden;
		}


.point_wrap{
	padding:40px;
}


.info_wrap{
	width:100%;
}
.info_wrap > div{
	width:1920px;
	margin-left:-360px;
    position:relative;
}
.info_wrap>img{
	display: block;
	margin:0 auto;
}
.info_wrap .google{
    position:absolute;
    top:351px;
    left:50%; 
    margin-left:-250px;
}
.info_wrap .appstore{
    position:absolute;
    top:351px;
    left:50%; 
    margin-left:20px;
}
.info_wrap>img.mac{
	margin:75px auto 55px auto;
}




.my_info{
	height:235px;
	border-bottom:1px solid #eee;
	padding-left:30px;
	box-sizing:border-box;
	
	display:flex;
}

.my_info .personal_img{
	position:relative;
}

.my_info .personal_img span{
	display:block;
}

.my_info .personal_img .levelimg{
	position:absolute;
	bottom:36px;
	right:-12px;
}

.my_info .personal_info{
	margin-left:50px;	padding-top:20px;
}

.my_info .personal_info div{
	display:inline-block;
	margin-right:30px;
}

.my_info .personal_info h4{
	font-size: 30px;
	font-weight:500;
	color:#333;
	line-height: 1em;
}

.my_info .personal_info span{
	display:block;
	font-size:20px;
	color:#666;
}

.my_info .personal_info div{
	margin-top:25px;
}

.my_info .personal_info div p{
	font-size: 18px;
	color:#666;
}

.my_info .personal_info div em{
	font-size: 40px;
	color:#5258c0;
	line-height: 1.1;
}

.point_detail_oh {overflow:hidden;}
.point_detail_wrap{padding-top:40px;}
.point_detail_wrap article{float:left;}

.point_detail_title{
	font-size: 28px;
	padding-left:30px;
	box-sizing:border-box;
	width:25%;
}

.point_detail{
width:75%;
}

.point_detail .saving{
	display:flex;
	justify-content:space-between;
	line-height: 38px;
}

.point_detail .saving span{
	color:#67b0d2;
}

.point_detail .saving b{
font-weight:400;}

.info_revise {
	padding:0 30px;
	box-sizing:border-box;
}

.info_revise input,
.info_revise select{
	width:368px;
	height:40px;
	border:1px solid #eee;
	padding-left:8px;
	box-sizing:border-box;
}

.info_revise select{
	width:60px;
}

.info_revise .leave{
    display: block;
    text-align: right;
	color: #5258c0;
	margin-bottom:8px;
}

.info_revise .ph{
	width:150px;
}

.info_revise_top,
.info_revise_bottom{
	overflow:hidden;
	border-bottom:1px solid #eee;
	padding:30px 0;
}

.info_revise_top article,
.info_revise_bottom article{
	float:left;
}

.info_revise h3{
	font-size:24px;
}

.info_revise_top article:first-child,
.info_revise_bottom article:first-child{
	width: 25%;
}

.info_revise table label{
	font-size: 18px;
}

.info_revise table tr td:first-child{
	width: 150px;
}
.info_revise table tr{
height:50px;
}
.info_revise .submit_btn{
    width: initial;
    height: initial;
	border:none;
	margin-top:40px;
}

/*** 스크롤이미지 공통css ***/
.scrollImg_wrap{
	height:315px;
	background:transparent;
    overflow: hidden;
	background:transparent url(../images/main02.jpg) no-repeat;
}
	.scrollImg_wrap ul{
		width:1040px; height:218px;
		overflow:hidden;
 
		margin:0 auto;
		padding-top:70px;
	}
    .text-ul{
        width:1090px!important;
        margin:0 auto 60px auto!important;
        height:200px;
    }
    .text-ul div{
        margin-right:143px;
        float: left;
    }
.text-ul div:nth-last-child(1){margin-right:0;}
	.scrollImg_wrap ul.on{
		margin-top:-288px;
		height:0;
	}

	.scrollImg_wrap ul li{
		float:left;
		margin-right:190px;
	}
	.scrollImg_wrap ul li:last-child{margin-right:0;}


.contents{} 

.middle{
	width:100%;
	position:relative;
}
.middle .move-woman{
	position:absolute;
	top:25px;
	left:50%;
	margin-left:-49px;
}
.middle-bottom{
	width:1200px!important;
	height:1800px;
	margin:0 auto!important;
	position:relative;
}
.middle-bottom>div{
	width:600px;
	height:600px;
	float: left;
	overflow: hidden;
}
.middle-bottom>div img{
	margin:710px auto 0 auto;
	display: block;
}
.evnt-phone img{margin:710px 0 0 112px!important;}
.hospital-phone img{margin:710px 0 0 92px!important;}
.review-phone img{margin:710px 0 0 57px!important;}
.evnt-phone{background: url(../images/info/color1.png) no-repeat;}
.hospital-phone{background: url(../images/info/color2.png) no-repeat;}
.review-phone{background: url(../images/info/color3.png) no-repeat;}

.event img,.hospital-info img,.review img{
	/* margin-top:130px!important; */
}



.hh1 {
  -webkit-box-flex: none;
  -moz-box-flex: none;
  box-flex: none;
  -webkit-flex: none;
  -moz-flex: none;
  -ms-flex: none;
  flex: none;
  will-change: transform ;
}
.btn-01{display: block;margin:57px auto;}
#footer_wrap{
    width:100%;  
    background: #e0dcff;
    padding:60px 0;
    box-sizing:border-box;
	text-align:center;
}
#footer_wrap > h1{
    display: block;
    width:242px;
    height:75px; 
    margin:0 auto ;
}
#footer_wrap > article{
    text-align:center;
    color:#6f6f6f;
    font-size:20px;
}
#footer_wrap .kb_escrow{
    width:98px;
    height:98px; 
    position:absolute;
    left:50%;
    margin:-150px 0 0 370px;
}














.animatable {

  /* initially hide animatable objects */
  visibility: hidden;

  /* initially pause animatable objects their animations */
  -webkit-animation-play-state: paused;
  -moz-animation-play-state: paused;
  -ms-animation-play-state: paused;
  -o-animation-play-state: paused;
  animation-play-state: paused;
}

/* show objects being animated */
.animated {
  visibility: visible;

  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;

  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -ms-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;

  -webkit-animation-play-state: running;
  -moz-animation-play-state: running;
  -ms-animation-play-state: running;
  -o-animation-play-state: running;
  animation-play-state: running;
}

/* CSS Animations (extracted from http://glifo.uiparade.com/) */
@-webkit-keyframes fadeInDown {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-20px);
	}	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
	}
}

@-moz-keyframes fadeInDown {
	0% {
		opacity: 0;
		-moz-transform: translateY(-20px);
	}

	100% {
		opacity: 1;
		-moz-transform: translateY(0);
	}
}

@-o-keyframes fadeInDown {
	0% {
		opacity: 0;
		-o-transform: translateY(-20px);
	}

	100% {
		opacity: 1;
		-o-transform: translateY(0);
	}
}

@keyframes fadeInDown {
	0% {
		opacity: 0;
		transform: translateY(-20px);
	}
	100% {
		opacity: 1;
		transform: translateY(0);
	}
}



@-webkit-keyframes fadeIn {
	0% {
		opacity: 0;
	}
	20% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

@-moz-keyframes fadeIn {
	0% {
		opacity: 0;
	}
	20% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

@-o-keyframes fadeIn {
	0% {
		opacity: 0;
	}
	20% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

@keyframes fadeIn {
	0% {
		opacity: 0;
	}
	60% {
		opacity: 0;
	}
	20% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
@-webkit-keyframes bounceInLeft {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-2000px);
	}
	60% {
		-webkit-transform: translateX(20px);
	}

	80% {
		-webkit-transform: translateX(-5px);
	}

	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
	}
}

@-moz-keyframes bounceInLeft {
	0% {
		opacity: 0;
		-moz-transform: translateX(-2000px);
	}

	60% {
		-moz-transform: translateX(20px);
	}

	80% {
		-moz-transform: translateX(-5px);
	}

	100% {
		opacity: 1;
		-moz-transform: translateX(0);
	}
}

@-o-keyframes bounceInLeft {
	0% {
		opacity: 0;
		-o-transform: translateX(-2000px);
	}

	60% {
		opacity: 1;
		-o-transform: translateX(20px);
	}

	80% {
		-o-transform: translateX(-5px);
	}

	100% {
		opacity: 1;
		-o-transform: translateX(0);
	}
}

@keyframes bounceInLeft {
	0% {
		opacity: 0;
		transform: translateX(-2000px);
	}

	60% {
		transform: translateX(20px);
	}

	80% {
		transform: translateX(-5px);
	}

	100% {
		opacity: 1;
		transform: translateX(0);
	}
}
@-webkit-keyframes bounceInRight {
	0% {
		opacity: 0;
		-webkit-transform: translateX(2000px);
	}

	60% {
		-webkit-transform: translateX(-20px);
	}

	80% {
		-webkit-transform: translateX(5px);
	}

	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
	}
}

@-moz-keyframes bounceInRight {
	0% {
		opacity: 0;
		-moz-transform: translateX(2000px);
	}

	60% {
		-moz-transform: translateX(-20px);
	}

	80% {
		-moz-transform: translateX(5px);
	}

	100% {
		opacity: 1;
		-moz-transform: translateX(0);
	}
}

@-o-keyframes bounceInRight {
	0% {
		opacity: 0;
		-o-transform: translateX(2000px);
	}

	60% {
		-o-transform: translateX(-20px);
	}

	80% {
		-o-transform: translateX(5px);
	}

	100% {
		opacity: 1;
		-o-transform: translateX(0);
	}
}

@keyframes bounceInRight {
	0% {
		opacity: 0;
		transform: translateX(2000px);
	}

	60% {
		transform: translateX(-20px);
	}

	80% {
		transform: translateX(5px);
	}

	100% {
		opacity: 1;
		transform: translateX(0);
	}
}
@-webkit-keyframes fadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translateY(20px);
	}	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
	}
}

@-moz-keyframes fadeInUp {
	0% {
		opacity: 0;
		-moz-transform: translateY(20px);
	}

	100% {
		opacity: 1;
		-moz-transform: translateY(0);
	}
}

@-o-keyframes fadeInUp {
	0% {
		opacity: 0;
		-o-transform: translateY(20px);
	}

	100% {
		opacity: 1;
		-o-transform: translateY(0);
	}
}

@keyframes fadeInUp {
	0% {
		opacity: 0;
		transform: translateY(20px);
	}

	100% {
		opacity: 1;
		transform: translateY(0);
	}
}
@-webkit-keyframes bounceIn {
	0% {
		opacity: 0;
		-webkit-transform: scale(.3);
	}
	50% {
		-webkit-transform: scale(1.05);
	}

	70% {
		-webkit-transform: scale(.9);
	}

	100% {
		opacity: 1;
		-webkit-transform: scale(1);
	}
}

@-moz-keyframes bounceIn {
	0% {
		opacity: 0;
		-moz-transform: scale(.3);
	}

	50% {
		-moz-transform: scale(1.05);
	}

	70% {
		-moz-transform: scale(.9);
	}

	100% {
		opacity: 1;
		-moz-transform: scale(1);
	}
}

@-o-keyframes bounceIn {
	0% {
		opacity: 0;
		-o-transform: scale(.3);
	}

	50% {
		-o-transform: scale(1.05);
	}

	70% {
		-o-transform: scale(.9);
	}

	100% {
		opacity: 1;
		-o-transform: scale(1);
	}
}

@keyframes bounceIn {
	0% {
		opacity: 0;
		transform: scale(.3);
	}

	50% {
		transform: scale(1.05);
	}

	70% {
		transform: scale(.9);
	}

	100% {
		opacity: 1;
		transform: scale(1);
	}
}
@-webkit-keyframes moveUp {
	0% {
		opacity: 1;
		-webkit-transform: translateY(40px);
	}	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
	}
}

@-moz-keyframes moveUp {
	0% {
		opacity: 1;
		-moz-transform: translateY(40px);
	}

	100% {
		opacity: 1;
		-moz-transform: translateY(0);
	}
}

@-o-keyframes moveUp {
	0% {
		opacity: 1;
		-o-transform: translateY(40px);
	}

	100% {
		opacity: 1;
		-o-transform: translateY(0);
	}
}

@keyframes moveUp {
	0% {
		opacity: 1;
		transform: translateY(40px);
	}

	100% {
		opacity: 1;
		transform: translateY(0);
	}
}

@-webkit-keyframes fadeBgColor {
	0%{
		background:none;
	}
  70%{
		background:none;
	}
	100%{
		background:#464646;
	}
}
@-o-keyframes fadeBgColor {
	0%{
		background:none;
	}
  70%{
		background:none;
	}
	100%{
		background:#464646;
	}
}
@keyframes fadeBgColor {
	0%{
		background:none;
	}
  70%{
		background:none;
	}
	100%{
		background:#464646;
	}
}

.animated.animationDelay{
	animation-delay:.4s;
	-webkit-animation-delay:.4s;
}
.animated.animationDelayMed{
	animation-delay:1.2s;
	-webkit-animation-delay:1.2s;
}
.animated.animationDelayLong{
	animation-delay:1.6s;
	-webkit-animation-delay:1.6s;
}
.animated.fadeBgColor {
	-webkit-animation-name: fadeBgColor;
	-moz-animation-name: fadeBgColor;
	-o-animation-name: fadeBgColor;
	animation-name: fadeBgColor;
}
.animated.bounceIn {
	-webkit-animation-name: bounceIn;
	-moz-animation-name: bounceIn;
	-o-animation-name: bounceIn;
	animation-name: bounceIn;
}
.animated.bounceInRight {
	-webkit-animation-name: bounceInRight;
	-moz-animation-name: bounceInRight;
	-o-animation-name: bounceInRight;
	animation-name: bounceInRight;
}
.animated.bounceInLeft {
	-webkit-animation-name: bounceInLeft;
	-moz-animation-name: bounceInLeft;
	-o-animation-name: bounceInLeft;
	animation-name: bounceInLeft;
}
.animated.fadeIn {
	-webkit-animation-name: fadeIn;
	-moz-animation-name: fadeIn;
	-o-animation-name: fadeIn;
	animation-name: fadeIn;
}
.animated.fadeInDown {
	-webkit-animation-name: fadeInDown;
	-moz-animation-name: fadeInDown;
	-o-animation-name: fadeInDown;
	animation-name: fadeInDown;
}
.animated.fadeInUp {
	-webkit-animation-name: fadeInUp;
	-moz-animation-name: fadeInUp;
	-o-animation-name: fadeInUp;
	animation-name: fadeInUp;
}
.animated.moveUp {
	-webkit-animation-name: moveUp;
	-moz-animation-name: moveUp;
	-o-animation-name: moveUp;
	animation-name: moveUp;
}