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

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 {
  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;
}

.st01 {
  color: #0f9aaa;
}

.st02 {
  color: #0f9aaa;
  font-weight: bold;
}

.st03 {
  font-size: 8pt;
  font-family: µ¸¿ò;
}

/* ¸ÞÀÎ ¸Þ´º */
@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');
}

.gnb {
  width: 85%;
  margin: 0 auto;
  font-size: 0px;
  font-weight: 800;
  position: relative;
}

.gnb:after {
  clear: both;
  display: block;
  content: "";
}

.gnb>li {
  width: 20%;
  display: inline-block;
  text-align: center;
  padding-bottom: 15px;
}

.gnb>li:last-child {
  margin-right: 0px;
}

.gnb>li>a {
  display: inline-block;
  width: 100%;
  font-size: 14px;
  color: #393939;
  font-weight: 800;
}

.gnb>li:nth-child(1)>a {}

.gnb>li:hover>a {
  color: #97a500;
}

.gnb>li .menu_box {
  margin-top: 15px;
  opacity:  0;
  width: 100%;
  background: #bed043;
  text-align: left;
  z-index: 999;
  position: absolute;
  line-height: normal;
  padding: 5px 0;
  z-index: 0;
  left: 0px;
  box-sizing: border-box;
	visibility: hidden;
}

.gnb>li:nth-child(1) .menu_box {
  padding-left: 20px;
}

.gnb>li:nth-child(2) .menu_box {
  padding-left: 100px;
}

.gnb>li:nth-child(3) .menu_box {
  padding-left: 160px;
}

.gnb>li:nth-child(4) .menu_box {
  padding-left: 215px;
}

.gnb>li:nth-child(5) .menu_box {
  text-align: right;
	overflow: hidden;
	padding-right:35px;
	box-sizing:border-box;
}

.gnb>li:hover .menu_box {
  animation: mymove2 1s forwards;
  z-index: 1;
	visibility: visible;

}

.gnb>li:nth-child(1) .menu {
  display: inline-block;
  opacity: 0;
  left: 0px;
}

.gnb>li:nth-child(2) .menu {
  display: inline-block;
  opacity: 0;
  left: 0px;
}

.gnb>li:nth-child(3) .menu {
  display: inline-block;
  opacity: 0;
  left: 0px;
}

.gnb>li:nth-child(4) .menu {
  display: inline-block;
  opacity: 0;
  left: 0px;
}

.gnb>li:nth-child(5) .menu {
  display: inline-block;
  opacity: 0;
  left: 0px;
}

.gnb>li:hover  .menu {
  position: relative;
  animation: mymove1 1s forwards;
}

.menu_box .menu>li {
  display: inline-block;
}

.menu_box .menu>li>a {
  display: block;
  padding: 0 5px;
  color: #393939;
  font-size: 12px;
  cursor: pointer;
  word-break: keep-all;
}

.menu_box .menu>li a:hover {
  color: #fff;
}

@keyframes mymove1 {
  from {
    left: 20px;
    opacity: 0;
  }

  to {
    left: 0px;
    opacity: 1;
  }
}

@keyframes mymove2 {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.box {
  position: absolute;
  left: 255px;
  top: 152px;
  width: 185px;
  height: 190px;
}

.box li {
  position: absolute;
  width: 84px;
  height: 87px;
  list-style: none;
  cursor: pointer;
}

.box li p:nth-child(1) {
  padding: 26px 0 15px;
  font-size: 36px;
  letter-spacing: -2px;
  font-weight: 800;
  color: #dfdfdf;
  text-align: center;
}

.box li p:nth-child(2) {
  font-size: 12px;
  font-weight: 800;
  color: #333333;
  text-align: center;
}

.box li:nth-child(1) {
  left: 0;
  top: 0;
}

.box li:nth-child(2) {
  right: 0;
  top: 0;
}

.box li:nth-child(3) {
  left: 0;
  bottom: 0;
}

.box li:nth-child(4) {
  right: 0;
  bottom: 0;
}

.box li.on p:nth-child(1) {
  color: #bed043;
}

.box2 {
  position: absolute;
  left: 108px;
  top: 155px;
  width: 122px;
  height: 122px;
}

.box2 li {
  position: absolute;
  width: 100%;
  height: 100%;
  list-style: none;
  left: 0;
  top: 0;
  display: none;
}

.box2 li.on {
  display: block;
}

.box2 li p:nth-child(1) {
  padding: 30px 0 15px 10px;
  font-size: 26px;
  letter-spacing: -2px;
  font-weight: 800;
  color: #fff;
  text-align: left;
}

.box2 li p:nth-child(2) {
  padding-left: 10px;
  font-size: 20px;
  font-weight: 800;
  color: #333333;
  text-align: left;
}

.box2 li a {
  display: block;
  width: 75px;
  height: 18px;
  border-radius: 30px;
  background: #333;
  color: #fff;
  text-align: center;
  margin: 0 auto;
  font-size: 11px;
  margin-top: 18px;
}



.title{color:#393939; font-size:26px; font-weight: 800; padding: 45px 0px 30px 26px ;}
.sm_box{padding-left: 20px; margin-bottom: 40px;}
.sm01{margin-bottom:10px; font-size:12px; color: #555;}
.sm01:hover a{color:#97a500;}



.quick{border-top:5px solid #97a500; border-radius:5px; padding:10px 10px; background:#ebebeb;}
	.quick a{display:block; margin-bottom:8px; color:#393939; font-size:11px; font-weight:800;}
	.quick a:hover{color:#97a500;}
	.quick a:last-child{display:block; margin-bottom:0px;}