@font-face {
	font-family:NotoSans;
	font-weight:normal;
	src:url('/font/NotoSansKR-Light.woff') format('woff');
}

@font-face {
	font-family:NotoSans;
	font-weight:bold;
	src:url('/font/NotoSansKR-Regular.woff') format('woff');
}

@font-face {
	font-family:NotoSans;
	font-weight:800;
	src:url('/font/NotoSansKR-Medium.woff') format('woff');
}

 @font-face {
  font-family:NotoSans;
  font-weight:900;
  src:url('/font/NotoSansKR-Bold.woff') format('woff');
 }

*{margin:0; padding:0; font-family: NotoSans; }


body {font-size: 9pt; color: #777777;  }
td {font-size: 9pt; color: #777777;  }
select {
	font-size: 9pt; color: #777777;  
}
input {
	font-size: 9pt; color: #000000; line-height: 120%; 
}

form {
	font-size: 9pt; color: #777777;  
}
textarea {
	font-size: 9pt; color: #777777;  
}
center {
	font-size: 9pt; color: #777777;  
}
option {
	font-size: 9pt; color: #777777;  
}
pre {
	font-size: 9pt; color: #777777;  
}
blockquote {
	font-size: 9pt; color: #777777;  
}
img {
	border-right: medium none; border-top: medium none; border-left: medium none; border-bottom: medium none
}
a:link {
	color: #333333; text-decoration: none
}
a:visited {
	color: #333333; text-decoration: none
}
a:active {
	color: #333333; text-decoration: none
}
a:hover {
	color: #666666; text-decoration: none}
.textarea {
	border-right: #5d5d5d 1px solid; border-top: #5d5d5d 1px solid; font-size: 9pt; border-left: #5d5d5d 1px solid; color: black; border-bottom: #5d5d5d 1px solid;  background-color: white
}
.input {
	border-right: #dedede 1px solid;
	border-top: #dedede 1px solid;
	font-size: 9pt;
	border-left: #dedede 1px solid;
	color: #000000;
	border-bottom: #dedede 1px solid;
	
	height: auto;
}
.submit {
	border-right: 1px solid; border-top: 1px solid; font-size: 9pt; border-left: 1px solid; color: white; border-bottom: 1px solid;  height: 19px; background-color: #999999}
.ver7 {
	font-size: 7pt; 
}

.main_menu_td{padding:0 20 0 20;font-weight:bold;color:#ffffff;font-family:dotum;font-size:14px};
.main_menu_link{color:#ffffff;font-weight:bold;}
.qm_link{width:160;}
.qm_link_t{color:#c0c0c0;}
.qm_link_m{color:#000090;}




li{list-style: none}
.gnb {font-size:0px; position: relative;z-index:9999; text-align:center; background-image: linear-gradient(#636363, #2c2c2c); border:1px solid #2c2c2c; border-radius:5px;}
.gnb:after {clear:both; display:block; content:"";}
	.gnb > li{position: relative; display: inline-block; width:14.2857%; text-align:center;}
  .gnb > li:last-child {margin-right:0px;}
		.gnb > li > a {display:inline-block; width:100%; height:30px; line-height:30px;  font-size:13px; font-weight:800; color:#fff;}
		.gnb > li:last-child > a:after{display:none;}
		.gnb > li > a:hover span{color:#ffee00;}

	.gnb > li .menu{display:none; width:100%; position:absolute;  width:100%; opacity:0; text-align: left;  padding-top: 10px; line-height:normal; }
	.gnb > li:hover .menu{display:block; animation: mymove_opa 1s forwards; z-index: 1;}
		.gnb > li .menu ul{background:rgba(44,44,44,0.8); padding:6px 5px; border-radius:5px;}
		.gnb > li .menu > ul li{display:block;}
			.gnb > li .menu > ul  li > a {display: block;  padding:3px 0px; color: #fff; font-weight:bold; font-size: 12px; cursor: pointer; word-break:keep-all;}
			.gnb > li .menu > ul  li a:hover{ color:#ffee00; }

	.gnb > li .menu:before{position:absolute; left:50%; top:-10px; margin-left:-10px; content:""; display:inline-block; width:0px; height:0px; border-style:solid; border-width:10px; border-color:transparent transparent rgba(44,44,44,0.8) transparent;}



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








	.clinic_list{
		height:390px;
		width:350px;
		position:relative;
	}
	.clinic_list li{
		position:absolute;
		left:0px;
		top:0px;
		width:100%;
		height:100%;
		list-style:none;
		z-index:0;
		opacity:0;
		transition:opacity 1s;
	}

	.clinic_list li:nth-child(1){
		background:url(/img/bg01.png) no-repeat;
	}
	.clinic_list li:nth-child(2){
		background:url(/img/bg02.png) no-repeat;
	}
	.clinic_list li:nth-child(3){
		background:url(/img/bg03.png) no-repeat;
	}
	.clinic_list li:nth-child(4){
		background:url(/img/bg04.png) no-repeat;
	}

	.clinic_list li.on{
		z-index:1;
		opacity:1;
	}


	.clinic_list li a{
		width:100%;
		height:100%;
		display:block;
	}



	.button{position:absolute; left:10px; top:10px; font-size:10px;  z-index:3; width:81px; text-align:center; height:15px; line-height:15px;}
	.button li{position:absolute;  width:15px; height:15px; background:#ccc; border-radius:50%;}
	.button li.on{background:#fbc637;}
	.button li:nth-child(1){left:0px; }
	.button li:nth-child(2){left:22px;}
	.button li:nth-child(3){left:44px;}
	.button li:nth-child(4){right:0px;}


	.txt01{position:absolute; z-index:11;  opacity:0; right:50px; top:20px; animation: mymove_txt01 10s forwards;     animation-iteration-count: infinite; }

	@keyframes mymove_txt01 {
		0% {right:150px;  opacity:0;}
		10% {right:150px;  opacity:0;}
		20% {right:120px;  opacity:1;}
		30% {right:120px;  opacity:1;}
		40% {right:120px;  opacity:1;}
		50% {right:120px;  opacity:1;}
		60% {right:120px;  opacity:1;}
		70% {right:120px;  opacity:1;}
		80% {right:120px;  opacity:1;}
		90% {right:150px;  opacity:0;}
		100% {right:150px;  opacity:0;}
	}


	.clinic01{position:absolute;right:0px; bottom:0px; z-index:10; }






	.header_bg{
		height:160px;
		width:350px;
		position:relative;
	}
	.header_bg li{
		position:absolute;
		left:0px;
		top:0px;
		width:100%;
		height:100%;
		list-style:none;
		z-index:0;
		opacity:0;
		transition:opacity 1s;
	}

	.header_bg li:nth-child(1){
		background:url(/img/bg01.png) no-repeat; background-size:contain;
	}
	.header_bg li:nth-child(2){
		background:url(/img/bg02.png) no-repeat; background-size:contain;
	}
	.header_bg li:nth-child(3){
		background:url(/img/bg03.png) no-repeat; background-size:contain;
	}
	.header_bg li:nth-child(4){
		background:url(/img/bg04.png) no-repeat; background-size:contain;
	}

	.header_bg li.on{
		z-index:1;
		opacity:1;
	}


	.txt02{height:100px; position:absolute; z-index:11;  opacity:0; right:50px; top:40px; animation: mymove_txt02 10s forwards;     animation-iteration-count: infinite; }
		.txt02 img{height:100%;}
	@keyframes mymove_txt02 {
		0% {right:150px;  opacity:0;}
		10% {right:150px;  opacity:0;}
		20% {right:120px;  opacity:1;}
		30% {right:120px;  opacity:1;}
		40% {right:120px;  opacity:1;}
		50% {right:120px;  opacity:1;}
		60% {right:120px;  opacity:1;}
		70% {right:120px;  opacity:1;}
		80% {right:120px;  opacity:1;}
		90% {right:150px;  opacity:0;}
		100% {right:150px;  opacity:0;}
	}






	.sm01{background:url(/img/sub_bg.jpg); height:28px; line-height:28px;}
		.sm01 a{ color:#fff;  height:28px; line-height:28px; display:block; padding-left:20px;}
		.sm01 a:hover{ color:#ffee00;}

	.sm02{background:#666; height:28px; line-height:28px;}
		.sm02 a{ color:#fff;  height:28px; line-height:28px; display:block; padding-left:30px;}
		.sm02 a:hover{ color:#ffee00;}




    .tb01 {
      width: 100%;
      text-align: center;
      border-top: 4px solid #ffa600;
      color: #393939;
    }
  
    .tb01 tbody th {
      padding: 3px;
      font-size: 11px;
      line-height: 18px;
      border-bottom: 1px dashed #e0e0e0;
      border-right: 1px dashed #e0e0e0;
      background: #efefef;
      font-weight: bold;
    }
  
    .tb01 tbody th:last-of-type {
      border-right: 0px;
    }
  
    .tb01 tbody td {
      padding: 3px;
      font-size: 11px;
      line-height: 18px;
      border-bottom: 1px dashed #e0e0e0;
      border-right: 1px dashed #e0e0e0;
      text-align: center;
    }
  
    .tb01 tbody td:last-of-type {
      border-right: 0px;
    }
  
    .tb01 tbody th.tit {
      border-bottom: 1px dashed #e0e0e0;
      border-right: 1px dashed #e0e0e0;
    }
  
    .tb01 tbody td.tit {
      border-bottom: 1px dashed #e0e0e0;
      border-right: 1px dashed #e0e0e0;
    }
  
    .tb01 tbody td.left {
      text-align: left;
    }
  
    .h1 {
      font-size: 16px;
      font-weight: bold;
      line-height: 100%;
      margin-bottom: 5px;
    }












	#divpop_box{position: absolute;
	text-align: left;
	top: 300px;
	z-index: 99;
	left:2.5%;
	box-sizing:border-box;
	}
	#divpop{float:left; width:750px; vertical-align:top; border:1px solid #ccc;  box-shadow: 8px 8px 4px rgba(0,0,0,0.4);  font-size: 0;  margin: 5px;}
	#divpop2{float:left;   vertical-align:top; border:1px solid #ccc;  box-shadow: 8px 8px 4px rgba(0,0,0,0.4);  font-size: 0;  margin: 5px;}
	#divpop3{float:left;  vertical-align:top;border:1px solid #ccc;   box-shadow: 8px 8px 4px rgba(0,0,0,0.4);  font-size: 0;  margin: 5px;}
	#divpop4{float:left;   vertical-align:top;border:1px solid #ccc;    box-shadow: 8px 8px 4px rgba(0,0,0,0.4);  font-size: 0;  margin: 5px;}
	#divpop5{float:left;  vertical-align:top;border:1px solid #ccc;   box-shadow: 8px 8px 4px rgba(0,0,0,0.4);  font-size: 0;  margin: 5px;}
	#divpop6{float:left;   vertical-align:top;border:1px solid #ccc;   box-shadow: 8px 8px 4px rgba(0,0,0,0.4);  font-size: 0;  margin: 5px;}
	[id^=divpop] img{vertical-align:top;}
	
	.bottom{text-align:center; font-size:14px;}
	.bottom form{height:30px; line-height:30px; color:#fff;}
	.bottom form a{color:#fff; font-weight:normal;}