@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 spin {
        0% { transform: rotate(0deg); }
        100% { 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 mymove_txt01 {
	from {opacity:0; top:-20px;}
	to {opacity:1; top:0px;}
}

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

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

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


@keyframes scroll {
	from {top:10px; opacity: 1;}
	to {top:20px;  opacity: 0.2; }
}



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




/* ¸ÞÀÎ */


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




@keyframes sec01_move1 {
	from {top: -30px; opacity:0;}
	to {top: 0px; opacity:1; }
}
@keyframes sec01_move2 {
	from {top: 30px; opacity:0;}
	to {top: 0px; opacity:1; }
}

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

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



@keyframes sec02_move1 {
	from {left: -130px; opacity:0;}
	to {left: -100px; opacity:1; }
}

@keyframes sec02_move2 {
	from {right: -30px; opacity:0;}
	to {right: 0px; opacity:1; }
}


@keyframes sec02_move3 {
	from {bottom: -30px; opacity:0;}
	to {bottom: 0px; opacity:1; }
}




/*// ¸ÞÀÎ */



/* ǪÅÍ */
@keyframes footer_move1 {
	from {left: -30px; opacity:0;}
	to {left: 0px; opacity:1; }
}
@keyframes footer_move2 {
	from {right: -30px; opacity:0;}
	to {right: 0px; opacity:1; }
}

@keyframes footer_move3 {
	from {bottom: -30px; opacity:0;}
	to {bottom: 0px; opacity:1; }
}




/* °øÅë */


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










/* °øÅë */


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


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

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

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

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


@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:0% center;}
	100% {background-position: 100% 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 #ea5c18 transparent #6a9e28;
}
.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), #ea5c18 3px);
  background-repeat: no-repeat;
  background-size: 0% 100%;
  transition: background-size 0.3s;
  color: #000;
  cursor: pointer;
}

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