body {font-size: 9pt; color: #777777; line-height: 150%; font-family: ±¼¸²;}
td {font-size: 9pt; color: #777777; line-height: 150%; font-family: ±¼¸²}
select {
	font-size: 9pt; color: #777777; line-height: 150%; font-family: ±¼¸²
}
input {
	font-size: 9pt; color: #000000; line-height: 120%; font-family: ±¼¸²
}
div {
	font-size: 9pt; color: #777777; line-height: 150%; font-family: ±¼¸²
}
form {
	font-size: 9pt; color: #777777; line-height: 150%; font-family: ±¼¸²
}
textarea {
	font-size: 9pt; color: #777777; line-height: 150%; font-family: ±¼¸²
}
center {
	font-size: 9pt; color: #777777; line-height: 150%; font-family: ±¼¸²
}
option {
	font-size: 9pt; color: #777777; line-height: 150%; font-family: ±¼¸²
}
pre {
	font-size: 9pt; color: #777777; line-height: 150%; font-family: ±¼¸²
}
blockquote {
	font-size: 9pt; color: #777777; line-height: 150%; font-family: ±¼¸²
}
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; font-family: ±¼¸²; 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;
	font-family: ±¼¸²;
	height: auto;
}
.submit {
	border-right: 1px solid; border-top: 1px solid; font-size: 9pt; border-left: 1px solid; color: white; border-bottom: 1px solid; font-family: ±¼¸²; height: 19px; background-color: #999999}
.ver7 {
	font-size: 7pt; font-family: verdana
}

.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;}




*{margin:0; padding:0; font-family: NotoSans;}
li{list-style: none}
.gnb {position: relative; text-align:center; padding-top:10px;}
.gnb:after {clear:both; display:block; content:"";}
	.gnb > li{position: relative; display: inline-block; margin-right:15px; text-align:center;}
  .gnb > li:last-child {margin-right:0px;}
		.gnb > li > a {display:inline-block; width:100%; height:40px; line-height:40px;  font-size:13px; font-weight:bold; color:#393939; font-weight: bold;}
		.gnb > li > a:after{content:"/"; display:inline-block; padding-left:15px;}
		.gnb > li:last-child > a:after{display:none;}
		.gnb > li > a:hover {color:#527405;}

	.gnb > li .menu {display:none; opacity:0;  text-align: left; z-index: 999;  position: absolute; top: 40px; line-height:normal; padding-top:0px; z-index: 0; background:#527405; padding:5px 20px; box-sizing:border-box; border-radius:10px;}
	.gnb > li:nth-child(1) .menu{left:-40px; }
	.gnb > li:nth-child(2) .menu{left:-40px; }
	.gnb > li:nth-child(3) .menu{left:-40px;}
	.gnb > li:nth-child(4) .menu{left:-140px; }
	.gnb > li:nth-child(5) .menu{left:-140px; }
	.gnb > li:nth-child(6) .menu{left:-40px; }
	.gnb > li:nth-child(7) .menu{left:-140px;}

	  .gnb > li:nth-child(1):hover .menu{display:block; width:400px; animation: mymove_opa 1s forwards; z-index: 1;}
	  .gnb > li:nth-child(2):hover .menu{display:block; width:450px; animation: mymove_opa 1s forwards; z-index: 1;}
	  .gnb > li:nth-child(3):hover .menu{display:block; width:500px; animation: mymove_opa 1s forwards; z-index: 1;}
	  .gnb > li:nth-child(4):hover .menu{display:block; width:500px; animation: mymove_opa1 1s forwards; z-index: 1;}
	  .gnb > li:nth-child(5):hover .menu{display:block; width:400px; animation: mymove_opa1 1s forwards; z-index: 1;}
	  .gnb > li:nth-child(6):hover .menu{display:block; width:200px; animation: mymove_opa 1s forwards; z-index: 1;}
	  .gnb > li:nth-child(7):hover .menu{display:block; width:300px; animation: mymove_opa1 1s forwards; z-index: 1;}

		.menu > li{display: inline-block;}
			.menu > li > a {display: block; padding:0 5px; color: #fff; font-weight:bold; font-size: 12px; cursor: pointer; word-break:keep-all;}
			.menu > li a:hover { color:#ffee00; }

	.gnb > li .menu:before{position:absolute; left:0px; top:-20px; content:""; display:inline-block; width:0px; height:0px; border-style:solid; border-width:10px; border-color:transparent transparent #527405 transparent;}
	.gnb > li:nth-child(1) .menu:before{left:50px;}
	.gnb > li:nth-child(2) .menu:before{left:50px;}
	.gnb > li:nth-child(3) .menu:before{left:50px;}
	.gnb > li:nth-child(4) .menu:before{left:160px;}
	.gnb > li:nth-child(5) .menu:before{left:160px;}
	.gnb > li:nth-child(6) .menu:before{left:70px;}
	.gnb > li:nth-child(7) .menu:before{left:150px;}





.txt01{position:absolute; right:55px; top:42px;  animation: mymove_txt01 1s alternate;  animation-iteration-count: infinite;}


@keyframes mymove_txt01 {
	from {top:46px;}
	to {top:38px;}
}

@keyframes mymove_opa {
	from {opacity:0; left:-60px;}
	to {opacity:1; left:-40px;}
}


@keyframes mymove_opa1 {
	from {opacity:0; left:-160px;}
	to {opacity:1; left:-140px;}
}





	.clinic_list{
		height:125px;
	}
	.clinic_list li{
		width:90px;
		border-right:1px solid #fff;
		float:left;
		height:100%;
		list-style:none;
		transition:width 0.3s;
	}
	.clinic_list li:last-child{
		border-right:0px solid #ccc;
	}
	.clinic_list li a{
		display:block;
		width:100%;
		height:100%;
	}

	.clinic_list li:nth-child(1){
		background:url(/img/list01.jpg) no-repeat;
	}
	.clinic_list li:nth-child(2){
		background:url(/img/list02.jpg) no-repeat;
	}
	.clinic_list li:nth-child(3){
		background:url(/img/list03.jpg) no-repeat;
	}
	.clinic_list li:nth-child(4){
		background:url(/img/list04.jpg) no-repeat;
	}

	.clinic_list li:nth-child(1).on{
		width:236px;
		background:url(/img/list01_h.jpg) no-repeat;
	}
	.clinic_list li:nth-child(2).on{
		width:236px;
		background:url(/img/list02_h.jpg) no-repeat;
	}
	.clinic_list li:nth-child(3).on{
		width:236px;
		background:url(/img/list03_h.jpg) no-repeat;
	}
	.clinic_list li:nth-child(4).on{
		width:236px;
		background:url(/img/list04_h.jpg) no-repeat;
	}






	.quick{
		position:absolute;
		width:100%;
		top:35px;
		padding:0;
	}
	.quick li{
		width:100%;
		margin-bottom:2px;
		text-align:center;
		padding:0;
	}
	.quick li a{
		display:inline-block;
		font-size:11px;
		color:#888;
		font-weight:bold;
	}
	.quick li a:hover{
		color:#ff700e;
	}




.sm01{text-align:left; padding-left:40px; font-size:11px; font-weight:bold; color:#777;}
.sm01 a:hover{color:#ff700e;}