@charset "euc-kr";


/* ¸Þ´ºÅ¬¸¯ */


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

@keyframes all_menu {
  0% {
     opacity: 0;
  }
  100% {
     opacity: 1;
  }
}



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

@keyframes all_menu_out {
  0% {
     opacity: 1;
  }
  100% {
     opacity: 0;
  }
}



@-webkit-keyframes all_menu_box {
  0% {
	height:0;
  }
  100% {
	height:90%;
  }
}

@keyframes box {
  0% {
	height:0;
  }
  100% {
	height:90%;
  }
}


@-webkit-keyframes all_menu_box_out {
  0% {
	height:90%;
  }
  100% {
	height:0%;
  }
}

@keyframes all_menu_box_out {
  0% {
	height:90%;
  }
  100% {
	height:0%;
  }
}



@-webkit-keyframes all_menu_list {
  0% {
     opacity: 0; left:-50px;
  }
  100% {
     opacity: 1; left:0px;
  }
}

@keyframes all_menu_list {
	0% {
     opacity: 0; left:-50px;
  }
  100% {
     opacity: 1; left:0px;
  }
}


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

@keyframes all_menu_list_out {
  0% {
     opacity: 1;
  }
  100% {
     opacity: 0;
  }
}
















/* ¸ÞÀÎ ¹è³Ê È¿°ú*/



/* ¹°°áÈ¿°ú */
@keyframes drift {
  from { transform: rotate(0deg); }
  from { transform: rotate(360deg); }
}




@keyframes background {
	from {transform:scale(1.0); }
	to {transform:scale(1.1);}
}

@keyframes background_b {
	from {transform:scale(1.1); }
	to {transform:scale(1.0);}
}


@keyframes opacity {
	from {opacity:0;}
	to {opacity:1;}
}

@keyframes opacity_b {
	from {opacity:1;}
	to {opacity:0;}
}




@keyframes left_mymove{
	from {left:-20px; opacity:0;}
	to {left:0px; opacity:1;}
}

@keyframes right_mymove {
	from {right:-20px; opacity:0;}
	to {right:0px; opacity:1;}
}

@keyframes bottom_mymove {
	from {bottom:-20px; opacity:0;}
	to {bottom:0px; opacity:1;}
}

@keyframes top_mymove {
	from {top:-20px; opacity:0;}
	to {top:0px; opacity:1;}
}






/* //¸ÞÀÎ ¹è³Ê È¿°ú */




/* ¸ÞÀÎ sec */


@keyframes left_sec {
	from {left:-50px; opacity:0;}
	to {left:0px; opacity:1;}
}

@keyframes right_sec {
	from {right:-50px; opacity:0;}
	to {right:0px; opacity:1;}
}

@keyframes bottom_sec {
	from {bottom:-50px; opacity:0;}
	to {bottom:0px; opacity:1;}
}

@keyframes top_sec {
	from {top:-50px; opacity:0;}
	to {top:0px; opacity:1;}
}



/*// ¸ÞÀÎ */












/* ǪÅÍ */
@keyframes view_hos_move {
	from {opacity:0;}
	to { opacity:1; }
}

@keyframes link_box_move {
	from {left: -80px;  opacity:0;}
	to {left: 0px; opacity:1; }
}

@keyframes info_move {
	from {right: -80px; opacity:0;}
	to {right: 0px; opacity:1; }
}







/* °øÅë */


@keyframes menu {
	from {top:-120px; }
	to {top:0;}
}










/* °øÅë */


/*¼­ºêÆäÀÌÁö*/

@keyframes clinic_top_img {
  from {
  box-shadow: 0px 0px #ad4d4d;}
	to {
  box-shadow: 25px 25px #ad4d4d;}
}

@keyframes clinic_top_img_m {
  from {
  box-shadow: 0px 0px #ad4d4d;}
	to {
  box-shadow: 15px 15px #ad4d4d;}
}

@keyframes left_mv_on {
	from {opacity:0; left:-50px;}
	to {opacity:1; left:0px;}
}

@keyframes right_mv_on {
	from {opacity:0; right:-50px;}
	to {opacity:1; right:0px;}
}

@keyframes top_mv_on {
	from {opacity:0; top:-50px;}
	to {opacity:1; top:0px;}
}

@keyframes bottom_mv_on {
	from {opacity:0; bottom:-50px;}
	to {opacity:1; bottom:0px;}
}



@keyframes mymove {
	0% {background-position: 50% center;}
	25% {background-position: 0% center;}
	50% {background-position: 100% center;}
	75% {background-position: 50% center;}
	100% {background-position: 50% center;}
}



@keyframes clinic_top_span_move {
	from {background-size:0% 100%;}
	to {background-size: 100% 100%;}
}



/** ·Îµù css **/

#loading {
 width: 100%;
 height: 100%;
 top: 0px;
 left: 0px;
 position: fixed;
 display: block;
 opacity: 1;
 background-color: #fff;
 z-index: 1000;
 text-align: center; }

#loading-image {
 position: absolute;
 top: 50%;
 left: 50%;
 margin-left:-40px;
 z-index: 1001;}



@keyframes rotate-loading {
	0%  {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
	100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
}

@-moz-keyframes rotate-loading {
	0%  {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
	100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
}

@-webkit-keyframes rotate-loading {
	0%  {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
	100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
}

@-o-keyframes rotate-loading {
	0%  {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
	100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
}

@keyframes rotate-loading {
	0%  {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
	100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
}

@-moz-keyframes rotate-loading {
	0%  {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
	100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
}

@-webkit-keyframes rotate-loading {
	0%  {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
	100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
}

@-o-keyframes rotate-loading {
	0%  {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
	100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
}

@keyframes loading-text-opacity {
	0%  {opacity: 0}
	20% {opacity: 0}
	50% {opacity: 1}
	100%{opacity: 0}
}

@-moz-keyframes loading-text-opacity {
	0%  {opacity: 0}
	20% {opacity: 0}
	50% {opacity: 1}
	100%{opacity: 0}
}

@-webkit-keyframes loading-text-opacity {
	0%  {opacity: 0}
	20% {opacity: 0}
	50% {opacity: 1}
	100%{opacity: 0}
}

@-o-keyframes loading-text-opacity {
	0%  {opacity: 0}
	20% {opacity: 0}
	50% {opacity: 1}
	100%{opacity: 0}
}
.loading-container,
.loading {
	height: 200px;
	position: relative;
	width: 200px;
	border-radius: 100%;
}


.loading-container {
    left: 50%;
    margin-left: -100px;
    top: 50%;
    margin-top: -100px;

 }

.loading {
	border: 1px solid transparent;
	border-color: transparent #393939 transparent #393939;
	-moz-animation: rotate-loading 1.5s linear 0s infinite normal;
	-moz-transform-origin: 50% 50%;
	-o-animation: rotate-loading 1.5s linear 0s infinite normal;
	-o-transform-origin: 50% 50%;
	-webkit-animation: rotate-loading 1.5s linear 0s infinite normal;
	-webkit-transform-origin: 50% 50%;
	animation: rotate-loading 1.5s linear 0s infinite normal;
	transform-origin: 50% 50%;
}

.loading-container:hover .loading {
	border-color: transparent #ad4d4d transparent #ad4d4d;
}
.loading-container:hover .loading,
.loading-container .loading {
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

#loading-text {
	-moz-animation: loading-text-opacity 1s linear 0s infinite normal;
	-o-animation: loading-text-opacity 1s linear 0s infinite normal;
	-webkit-animation: loading-text-opacity 1s linear 0s infinite normal;
	animation: loading-text-opacity 1s linear 0s infinite normal;
	color: #000;
	font-size: 18px;
	opacity: 0;
	position: absolute;
	text-align: center;
	text-transform: uppercase;
	top: 0;
	width: 205px;
	height:205px;
	line-height:203px;
	font-weight:500;
}









/* ¾ð´õ¶óÀÎ È¿°ú */

.underline {
  background-image: linear-gradient(transparent calc(100% - 3px), #ad4d4d 3px);
  background-repeat: no-repeat;
  background-size: 0% 100%;
  transition: background-size 0.3s;
  cursor: pointer;
}

.underline.fed63e {
  background-image: linear-gradient(transparent 60%, #fed63e 40%);
}
.underline:hover {
  background-size: 100% 100%;
}