@font-face {
  font-family: "noto_thin";
  font-style: normal;
  font-weight: 100;
  src: url(fonts/NotoSansKr/NotoSansKR-Thin.woff2) format("woff2"),
    url(fonts/NotoSansKr/NotoSansKR-Thin.woff) format("woff"),
    url(fonts/NotoSansKr/NotoSansKR-Thin.otf) format("opentype");
}
@font-face {
  font-family: "noto_light";
  font-style: normal;
  font-weight: 300;
  src: url(fonts/NotoSansKr/NotoSansKR-Light.woff2) format("woff2"),
    url(fonts/NotoSansKr/NotoSansKR-Light.woff) format("woff"),
    url(fonts/NotoSansKr/NotoSansKR-Light.otf) format("opentype");
}
@font-face {
  font-family: "noto_regular";
  font-style: normal;
  font-weight: 400;
  src: url(fonts/NotoSansKr/NotoSansKR-Regular.woff2) format("woff2"),
    url(fonts/NotoSansKr/NotoSansKR-Regular.woff) format("woff"),
    url(fonts/NotoSansKr/NotoSansKR-Regular.otf) format("opentype");
}
@font-face {
  font-family: "noto_medium";
  font-style: normal;
  font-weight: 500;
  src: url(fonts/NotoSansKr/NotoSansKR-Medium.woff2) format("woff2"),
    url(fonts/NotoSansKr/NotoSansKR-Medium.woff) format("woff"),
    url(fonts/NotoSansKr/NotoSansKR-Medium.otf) format("opentype");
}
@font-face {
  font-family: "noto_bold";
  font-style: normal;
  font-weight: 700;
  src: url(fonts/NotoSansKr/NotoSansKR-Bold.woff2) format("woff2"),
    url(fonts/NotoSansKr/NotoSansKR-Bold.woff) format("woff"),
    url(fonts/NotoSansKr/NotoSansKR-Bold.otf) format("opentype");
}

/* Reset */
* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}
html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
img,
small,
strong,
sub,
sup,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  vertical-align: baseline;
  background: transparent;
}
h1,
h2,
h3,
h4,
h5,
h6,
b,
th,
strong,
b {
  margin: 0px;
  padding: 0px;
  line-height: 100%;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: normal;
  margin: 0px;
  padding: 0px;
  line-height: 100%;
}
input,
select {
  line-height: 100%;
}
address {
  font-style: normal;
}
textarea {
  resize: none;
  font: inherit;
  overflow-y: auto;
  font-size: 14px;
}
body,
html {
  width: 100%;
  height: 100%;
  line-height: 100%;
}

ol,
ul {
  list-style: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
img {
  border: none;
}
a {
  text-decoration: none;
  border: 0px;
  color: #787878;
}
a:hover {
  text-decoration: none;
  border: 0px;
  color: #5783b4;
}

button {
  display: inline-block;
  border: none;
  background-color: transparent;
  cursor: pointer;
}
input,
button,
select {
  border: 1px solid #dbdbdb;
}
div,
p,
span,
li,
table td,
dd,
a {
  word-break: break-all;
  font-family: "noto_light", "Dotum", sans-serif;
}
input[type="checkbox"] {
  outline: none;
  border: none !important;
} /* for lte IE10 */
input[type="radio"] {
  outline: none;
  border: none !important;
} /* for lte IE10 */
input:focus {
  outline: none;
}
#accessibility {
  position: absolute;
  z-index: 9999;
  left: 0;
  top: 0;
  width: 100%;
}
#accessibility a {
  display: block;
  width: 1px;
  height: 1px;
  margin-bottom: -1px;
  overflow: hidden;
  text-align: center;
  color: #fff;
}
#accessibility a:focus,
#accessibility a:active {
  width: 100%;
  height: auto;
  padding: 5px 0;
  background-color: #3c8200;
}
textarea::-webkit-input-placeholder {
  font-family: Malgun Gothic;
  font-size: 14px;
  color: #acacac;
}
textarea:-ms-input-placeholder {
  font-family: Malgun Gothic;
  font-size: 14px;
  color: #acacac;
}
input::placeholder {
  font-family: Malgun Gothic;
  font-size: 13px;
  color: #999;
  opacity: 1;
}
input::-webkit-input-placeholder {
  font-family: Malgun Gothic;
  font-size: 13px;
  color: #999;
}
input:-ms-input-placeholder {
  font-family: Malgun Gothic;
  font-size: 13px;
  color: #999 !important;
}
input:-mos-input-placeholder {
  font-family: Malgun Gothic;
  font-size: 13px;
  color: #999;
}
input[type="radio"] {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: 0px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
input[type="radio"] + label {
  display: inline-block;
  position: relative;
  padding-left: 30px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
input[type="radio"] + label:before {
  content: "";
  position: absolute;
  left: 0;
  top: -4px;
  width: 21px;
  height: 21px;
  text-align: center;
  background: #fff;
  border: 1px solid #cdcfd2;
  border-radius: 100%;
}
input[type="radio"] + label:active:before,
.checks input[type="radio"]:checked + label:active:before {
}
input[type="radio"]:checked + label:before {
  background: #fff;
  border-color: #1caf82;
  border: 1px solid #1caf82;
}
input[type="radio"]:checked + label {
  font-weight: bold;
}
input[type="radio"]:checked + label:after {
  content: "";
  position: absolute;
  top: 3px;
  left: 8px;
  width: 8px;
  height: 8px;
  background: #1caf82;
  border-radius: 100%;
  box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.3);
}
label {
  padding-left: 5px;
  margin-right: 10px;
  font-family: Malgun Gothic;
  color: #686868;
  font-weight: bold;
  font-size: 14px;
}

input[type="checkbox"] {
  display: none;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: 0px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
input[type="checkbox"] + label {
  position: absolute;
  top: -3px;
  display: inline-block;
  position: relative;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
input[type="checkbox"] + label:before {
  content: "";
  position: absolute;
  left: 0;
  top: -4px;
  width: 18px;
  height: 18px;
  background: #fff;
  border: 1px solid #d3d5da;
}
input[type="checkbox"] + label:active:before,
.checks input[type="checkbox"]:checked + label:active:before {
}
input[type="checkbox"]:checked + label:before {
  background: #1caf82;
}
input[type="checkbox"]:checked + label:after {
  content: "";
  position: absolute;
  top: 1px;
  left: 5px;
  width: 11px;
  height: 10px;
  background: url("../images/checkbox_bg.png") no-repeat;
}

select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: #fff url("../../images/page/arrow_bt.png") no-repeat 95% 50%;
  border: 1px solid #d2d2d2;
  line-height: 14px;
  height: 28px;
  padding: 5px;
  text-align: left;
  font-size: 14px;
}
select::-ms-expand {
  display: none;
}

.fl {
  float: left;
}
.fr {
  float: right;
}
.cb {
  clear: both;
}
.txt_L {
  text-align: left;
}
.txt_C {
  text-align: center;
}
.txt_R {
  text-align: right;
}
.mG10 {
  margin: 10px;
}
.mG20 {
  margin: 20px;
}
.mG10_1 {
  margin: 5px 10px 0px 10px;
}
.mG10_2 {
  margin: 10px 10px 0px 10px;
}
.mT6 {
  margin-top: 6px;
}
.mT7 {
  margin-top: 7px;
}
.mT8 {
  margin-top: 8px;
}
.mT12 {
  margin-top: 12px;
}
.mT5 {
  margin-top: 5px;
}
.mT10 {
  margin-top: 10px;
}
.mT12 {
  margin-top: 12px;
}
.mT15 {
  margin-top: 15px;
}
.mT20 {
  margin-top: 20px;
}
.mT30 {
  margin-top: 30px;
}
.mT60 {
  margin-top: 60px;
}
.mB5 {
  margin-bottom: 5px;
}
.mB8 {
  margin-bottom: 8px;
}
.mB10 {
  margin-bottom: 10px;
}
.mB15 {
  margin-bottom: 15px;
}
.mB20 {
  margin-bottom: 20px;
}
.mR1 {
  margin-right: 1px;
}
.mR5 {
  margin-right: 5px;
}
.mR7 {
  margin-right: 7px;
}
.mR9 {
  margin-right: 9px;
}
.mR10 {
  margin-right: 10px;
}
.mR11 {
  margin-right: 11px !important;
}
.mG11 {
  margin: 0 11px;
}
.mG15 {
  margin: 15px 0px;
}
.mG23 {
  margin: 0px 16px;
}
.mL1 {
  margin-left: 1px;
}
.mL3 {
  margin-left: 3px;
}
.mL5 {
  margin-left: 5px;
}
.pT0 {
  padding-top: 0px !important;
}
.pT10 {
  padding-top: 10px;
}
.pT15 {
  padding-top: 15px;
}
.pD0 {
  padding: 0px !important;
}
.pD01 {
  padding: 18px 12px;
}
.pD10 {
  padding: 10px;
}
.pD15 {
  padding: 15px;
}
.pD20 {
  padding: 20px;
}
.pD25 {
  padding: 10px 20px 20px 20px;
}
.pL29 {
  padding-left: 29px;
}
.pL30 {
  padding-left: 30px;
}
.pL35 {
  padding-left: 35px;
}
.pL40 {
  padding-left: 40px;
}
.h30 {
  height: 30px;
}
.h40 {
  height: 40px;
}
.h46 {
  height: 46px;
}
.h55 {
  height: 55px;
}
.h60 {
  height: 60px;
}
.h65 {
  height: 65px;
}
.h70 {
  height: 70px !important;
}
.h250 {
  height: 250px !important;
}
.h264 {
  height: 264px;
}
.h540 {
  height: 540px !important;
}
.hp50 {
  height: calc(100% - 50px);
}
.hp76 {
  height: calc(100% - 76px) !important;
}
.hp122 {
  height: calc(100% - 122px);
}
.hp323 {
  height: calc(100% - 323px);
}
.wP100 {
  width: 100%;
}
.w60 {
  width: 60px;
}
.w135 {
  width: 135px;
}
.w183 {
  width: 183px;
}
.w180 {
  width: 182px;
}
.w190 {
  width: 190px;
}
.w220 {
  width: 220px;
}
.w310 {
  width: 310px;
}
.w320 {
  width: 320px;
}
.w360 {
  width: 360px;
}
.w400 {
  width: 400px;
}
.w405 {
  width: 405px;
}
.w435 {
  width: 435px;
}
.w490 {
  width: 490px;
}
.w500 {
  width: 500px;
}
.w550 {
  width: 550px;
}
.w590 {
  width: 590px;
}
.w600 {
  width: 600px;
}
.w645 {
  width: 645px;
}
.w675 {
  width: 675px;
}
.w850 {
  width: 850px;
}
.w920 {
  width: 920px;
}
.h65 {
  height: 65px !important;
}
.h70 {
  height: 70px;
}
.h95 {
  height: 95px;
}
.h150 {
  height: 150px;
}
.h250 {
  height: 250px;
}
.h420 {
  height: 420px;
}
.h590 {
  height: 590px;
}
.right7 {
  right: 7px;
}
.bC01 {
  background: #f0f1f4;
}
.top184 {
  top: 184px !important;
}
.top0 {
  top: 0px !important;
}
caption {
  text-indent: -10000px;
  height: 1px;
}
.table_basic {
  width: 100%;
  margin: 0;
  border-top: 2px solid #44475b;
  border-bottom: 1px solid #dbdbdb;
}
.table_basic th {
  background: #f4f5f8;
  border: 1px solid #dbdbdb;
  border-top: none;
  vertical-align: middle;
  font-weight: normal;
  line-height: 100%;
  font-family: Malgun Gothic;
  font-size: 14px;
  color: #686868;
  text-align: center;
  padding: 12px 5px;
}
.table_basic th:first-child {
  border-left: none;
}
.table_basic th:last-child {
  border-right: none;
}
.table_basic td {
  line-height: 120%;
  font-family: Malgun Gothic;
  font-weight: normal;
  font-size: 14px;
  color: #454545;
  padding: 6px 5px;
  vertical-align: middle;
  border-bottom: 1px solid #c9d5e2;
  border-right: 1px solid #c9d5e2;
}
.table_basic td:last-child {
  border-right: none;
}

.table_st01 {
  width: 100%;
  margin: 10px 0 0px 0;
  border-top: 2px solid #44475b;
  border-bottom: 1px solid #dbdbdb;
}
.table_st01 th {
  background: #f4f5f8;
  border: 1px solid #dbdbdb;
  border-top: none;
  vertical-align: middle;
  font-weight: normal;
  line-height: 100%;
  font-family: Malgun Gothic;
  font-size: 14px;
  color: #686868;
  text-align: center;
  padding: 12px 5px;
}
.table_st01 th:first-child {
  border-left: none;
}
.table_st01 th:last-child {
  border-right: none;
}
.table_st01 tr:hover {
  background: #f1fcf5;
}
.table_st01 td {
  text-align: center;
  font-family: Malgun Gothic;
  font-weight: normal;
  font-size: 14px;
  color: #454545;
  padding: 6px 5px;
  vertical-align: middle;
  border-bottom: 1px solid #dbdbdb;
  border-right: 1px solid #dbdbdb;
}
.table_st01 td:last-child {
  border-right: none;
}

.table_st02 {
  width: 100%;
  border-top: 2px solid #44475b;
  border-bottom: 1px solid #dbdbdb;
}
.table_st02 th {
  background: #f4f5f8;
  border: 1px solid #dbdbdb;
  border-top: none;
  vertical-align: middle;
  font-weight: normal;
  line-height: 100%;
  font-family: Malgun Gothic;
  font-size: 14px;
  color: #686868;
  text-align: center;
  padding: 12px 5px;
}
.table_st02 th:first-child {
  border-left: none;
}
.table_st02 th:last-child {
  border-right: none;
}
.table_st02 tr:hover {
  background: #f1fcf5;
}
.table_st02 td {
  text-align: center;
  font-family: Malgun Gothic;
  font-weight: normal;
  font-size: 14px;
  color: #454545;
  padding: 12px 5px;
  vertical-align: middle;
  border-bottom: 1px solid #dbdbdb;
  border-right: 1px solid #dbdbdb;
}
.table_st02 td:last-child {
  border-right: none;
}

.table_st03 {
  width: 100%;
  border-top: 2px solid #44475b;
  border-bottom: 1px solid #dbdbdb;
}
.table_st03 th {
  background: #f4f5f8;
  border: 1px solid #dbdbdb;
  border-top: none;
  vertical-align: middle;
  font-weight: normal;
  line-height: 100%;
  font-family: Malgun Gothic;
  font-size: 14px;
  color: #686868;
  text-align: center;
  padding: 12px 5px;
}
.table_st03 th:first-child {
  border-left: none;
}
.table_st03 th:last-child {
  border-right: none;
}
.table_st03 tr:hover {
  background: #f1fcf5;
}
.table_st03 td {
  font-family: Malgun Gothic;
  font-weight: normal;
  font-size: 14px;
  color: #454545;
  padding: 12px 5px;
  vertical-align: middle;
  border-bottom: 1px solid #dbdbdb;
  border-right: 1px solid #dbdbdb;
}
.table_st03 td:last-child {
  border-right: none;
}

.table_st04 {
  width: 100%;
  border-top: 1px solid #44475b;
  border-bottom: 1px solid #dbdbdb;
}
.table_st04 th {
  background: #f4f5f8;
  border: 1px solid #dbdbdb;
  border-top: none;
  vertical-align: middle;
  font-weight: normal;
  line-height: 100%;
  font-family: Malgun Gothic;
  font-size: 14px;
  color: #686868;
  text-align: center;
  padding: 12px 5px;
}
.table_st04 th:first-child {
  border-left: none;
}
.table_st04 th:last-child {
  border-right: none;
}
.table_st04 tr:hover {
  background: #f1fcf5;
}
.table_st04 td {
  font-family: Malgun Gothic;
  font-weight: normal;
  font-size: 13px;
  color: #454545;
  padding: 12px 5px;
  vertical-align: middle;
  border-bottom: 1px solid #dbdbdb;
  border-right: 1px solid #dbdbdb;
}
.table_st04 td:last-child {
  border-right: none;
}

.table_board {
  width: 100%;
  margin: 0;
  border-top: 2px solid #44475b;
  border-bottom: 1px solid #dbdbdb;
}
.table_board th {
  background: #fff;
  border-top: 1px solid #44475b;
  border-bottom: 1px solid #e1e1e1;
  vertical-align: middle;
  font-weight: normal;
  line-height: 100%;
  height: 54px;
  font-family: noto_regular;
  font-size: 17px;
  color: #222;
  padding: 12px 5px;
}
.table_board td {
  line-height: 100%;
  height: 40px;
  font-family: Malgun Gothic;
  font-weight: normal;
  font-size: 13px;
  color: #454545;
  padding: 6px 5px;
  vertical-align: middle;
  border-bottom: 1px solid #e1e1e1;
}
.table_board td .bd_th {
  background: #efefef;
  height: 24px;
  border-radius: 12px;
  min-width: 60px;
  padding: 5px 10px;
  letter-spacing: -1px;
  text-align: center;
  font-family: Malgun Gothic;
  font-weight: normal;
  font-size: 13px;
  color: #787878;
}
.table_board td .td_num {
  font-size: 14px;
}
.table_board .td_con {
  height: 250px;
  width: 545px;
  padding: 10px;
  font-size: 14px;
}
.table_board .name {
  margin-right: 10px;
  font-family: Malgun Gothic;
  color: #787878;
  font-size: 12px;
}
.table_board .date {
  text-align: right;
  font-family: Malgun Gothic;
  color: #787878;
  font-size: 12px;
}

.table_board02 {
  width: 100%;
  margin: 10px 0 0px 0;
  border-top: 2px solid #44475b;
  border-bottom: 1px solid #dbdbdb;
}
.table_board02 th {
  background: #f4f5f8;
  border: 1px solid #dbdbdb;
  border-top: none;
  vertical-align: middle;
  font-weight: normal;
  line-height: 100%;
  font-family: Malgun Gothic;
  font-size: 14px;
  color: #686868;
  text-align: center;
  padding: 12px 5px;
}
.table_board02 th:first-child {
  border-left: none;
}
.table_board02 th:last-child {
  border-right: none;
}
.table_board02 tr:hover {
  background: #f1fcf5;
}
.table_board02 td {
  text-align: center;
  font-family: Malgun Gothic;
  background: #fff;
  font-weight: normal;
  font-size: 14px;
  color: #454545;
  padding: 6px 5px;
  vertical-align: middle;
  border-bottom: 1px solid #dbdbdb;
  border-right: 1px solid #dbdbdb;
}
.table_board02 td:last-child {
  border-right: none;
}

.table_board03 {
  width: 100%;
  margin: 0;
  border-top: 2px solid #44475b;
  border-bottom: 1px solid #dbdbdb;
}
.table_board03 th {
  background: #fff;
  border-top: 1px solid #44475b;
  vertical-align: middle;
  font-weight: normal;
  line-height: 100%;
  height: 54px;
  font-family: noto_regular;
  font-size: 17px;
  color: #222;
  padding: 12px 5px;
}
.table_board03 td {
  line-height: 100%;
  height: 40px;
  font-family: Malgun Gothic;
  font-weight: normal;
  font-size: 13px;
  color: #454545;
  padding: 6px 5px;
  vertical-align: middle;
}
.table_board03 td .bd_th {
  background: #efefef;
  height: 24px;
  border-radius: 12px;
  min-width: 60px;
  padding: 5px 10px;
  letter-spacing: -1px;
  text-align: center;
  font-family: Malgun Gothic;
  font-weight: normal;
  font-size: 13px;
  color: #787878;
}
.table_board03 td .td_num {
  font-size: 14px;
}
.table_board03 .td_con {
  height: 250px;
  width: 545px;
  padding: 10px;
  font-size: 14px;
}
.table_board03 .name {
  margin-right: 10px;
  font-family: Malgun Gothic;
  color: #787878;
  font-size: 12px;
}
.table_board03 .date {
  text-align: right;
  font-family: Malgun Gothic;
  color: #787878;
  font-size: 12px;
}

.table_board04 {
  width: 100%;
  margin: 10px 0 0px 0;
  border-top: 2px solid #44475b;
  border-bottom: 1px solid #dbdbdb;
}
.table_board04 th {
  background: #f4f5f8;
  border: 1px solid #dbdbdb;
  border-top: none;
  vertical-align: middle;
  font-weight: normal;
  line-height: 100%;
  font-family: Malgun Gothic;
  font-size: 13px;
  color: #686868;
  text-align: center;
  padding: 12px 5px;
}
.table_board04 th:first-child {
  border-left: none;
}
.table_board04 th:last-child {
  border-right: none;
}
.table_board04 tr:hover {
  background: #f1fcf5;
}
.table_board04 td {
  text-align: center;
  font-family: Malgun Gothic;
  background: #fff;
  font-weight: normal;
  font-size: 13px;
  color: #454545;
  padding: 6px 5px;
  vertical-align: middle;
  border-bottom: 1px solid #dbdbdb;
  border-right: 1px solid #dbdbdb;
}
.table_board04 td:last-child {
  border-right: none;
}

/* 버튼스타일 */
.btn_onoff {
  position: relative;
  top: 7px;
  margin: 0 2px;
  display: inline-block;
  width: 26px;
  height: 26px;
  background: #eaeaea url("../images/layer_btnbg01_over.png") no-repeat;
}
.btn_onoff_active {
  position: relative;
  top: 7px;
  margin: 0 2px;
  display: inline-block;
  width: 26px;
  height: 26px;
  background: #1caf82 url("../images/layer_btnbg01.png") no-repeat;
}

.btn_s01 {
  display: block;
  width: 80px;
  height: 25px;
  padding: 4px 0 0 10px;
  color: #c5e2d9;
  font-size: 12px;
  letter-spacing: -1px;
  font-family: Malgun Gothic;
  text-align: center;
  border-radius: 40px;
  background: #0a8b63 url("../images/btn_bg01.png") 8px 6px no-repeat;
}
.btn_s01:hover {
  color: #10916a;
  background: #fff url("../images/btn_bg01_over.png") 8px 6px no-repeat;
}
.btn_s01_2 {
  position: relative;
  top: -10px;
  display: inline-block;
  width: 80px;
  height: 25px;
  padding: 4px 0 0 10px;
  color: #c5e2d9;
  font-size: 12px;
  letter-spacing: -1px;
  font-family: Malgun Gothic;
  text-align: center;
  border-radius: 40px;
  background: #0a8b63 url("../images/btn_bg01.png") 8px 6px no-repeat;
}
.btn_s01_2:hover {
  position: relative;
  top: -10px;
  display: inline-block;
  color: #10916a;
  background: #fff url("../images/btn_bg01_over.png") 8px 6px no-repeat;
}

.btn_s01_3 {
  position: relative;
  top: -10px;
  display: inline-block;
  width: 80px;
  height: 25px;
  padding: 4px 0 0 10px;
  color: #c5e2d9;
  font-size: 12px;
  letter-spacing: -1px;
  font-family: Malgun Gothic;
  text-align: center;
  border-radius: 40px;
  background: #0a8b63 url("../images/btn_bg01_2.png") 8px 6px no-repeat;
}
.btn_s01_3:hover {
  position: relative;
  top: -10px;
  display: inline-block;
  color: #10916a;
  background: #fff url("../images/btn_bg01_2_over.png") 8px 6px no-repeat;
}

.btn_s02 {
  display: block;
  width: 60px;
  height: 25px;
  padding: 4px 0 0 10px;
  color: #fff;
  font-size: 12px;
  letter-spacing: -1px;
  font-family: Malgun Gothic;
  font-weight: bold;
  text-align: center;
  border-radius: 30px;
  background: #1caf82 url("../images/btn_bg02.png") 8px 6px no-repeat;
}
.btn_s02:hover {
  color: #fff;
  background: #0a8b63 url("../images/btn_bg02.png") 8px 6px no-repeat;
}
.btn_s03 {
  display: block;
  width: 45px;
  height: 25px;
  margin: 0 2px;
  padding: 4px 5px 0 5px;
  background: #ebedef;
  color: #454545;
  font-size: 12px;
  letter-spacing: -1px;
  font-family: Malgun Gothic;
  text-align: center;
  border-radius: 30px;
}
.btn_s03:hover {
  display: block;
  width: 45px;
  height: 25px;
  margin: 0 2px;
  padding: 4px 5px 0 5px;
  background: #1caf82;
  color: #fff;
  font-size: 12px;
  letter-spacing: -1px;
  font-family: Malgun Gothic;
  text-align: center;
  border-radius: 30px;
}
.btn_s03_2 {
  display: block;
  height: 25px;
  margin: 0 2px;
  padding: 4px 10px 0 10px;
  background: #ebedef;
  color: #454545;
  font-size: 12px;
  letter-spacing: -1px;
  font-family: Malgun Gothic;
  text-align: center;
  border-radius: 30px;
}
.btn_s03_2:hover {
  display: block;
  height: 25px;
  margin: 0 2px;
  padding: 4px 10px 0 10px;
  background: #1caf82;
  color: #fff;
  font-size: 12px;
  letter-spacing: -1px;
  font-family: Malgun Gothic;
  text-align: center;
  border-radius: 30px;
}

.btn_s04 {
  display: block;
  width: 60px;
  height: 25px;
  padding: 3px 0 0 15px;
  color: #454545;
  background: #f0f1f3 url("../images/btn_bg04.png") 8px 4px no-repeat;
  font-size: 12px;
  letter-spacing: -1px;
  font-family: Malgun Gothic;
  font-weight: bold;
  text-align: center;
  border-radius: 30px;
}
.btn_s04:hover {
  color: #fff;
  background: #1caf82 url("../images/btn_bg04_over.png") 8px 4px no-repeat;
}
.btn_s05 {
  display: block;
  width: 45px;
  height: 25px;
  margin: 0 2px;
  padding: 4px 5px 0 5px;
  background: #b3b4b8;
  color: #fff;
  font-size: 12px;
  letter-spacing: -1px;
  font-family: Malgun Gothic;
  text-align: center;
  border-radius: 30px;
}
.btn_s05:hover {
  display: block;
  width: 45px;
  height: 25px;
  margin: 0 2px;
  padding: 4px 5px 0 5px;
  background: #6c6c6c;
  color: #fff;
  font-size: 12px;
  letter-spacing: -1px;
  font-family: Malgun Gothic;
  text-align: center;
  border-radius: 30px;
}
.btn_s06 {
  display: block;
  width: 94px;
  height: 40px;
  margin: 0 2px;
  padding: 12px 5px 0 5px;
  background: #1caf82;
  font-family: Malgun Gothic;
  text-align: center;
  color: #fff;
  font-weight: bold;
  font-size: 14px;
  letter-spacing: -1px;
  text-align: center;
  border-radius: 3px;
}
.btn_s06:hover {
  display: block;
  width: 94px;
  height: 40px;
  margin: 0 2px;
  padding: 12px 5px 0 5px;
  background: #07855e;
  font-family: Malgun Gothic;
  text-align: center;
  color: #fff;
  font-weight: bold;
  font-size: 14px;
  letter-spacing: -1px;
  text-align: center;
  border-radius: 3px;
}
.btn_s06_2 {
  display: block;
  width: 94px;
  height: 40px;
  margin: 0 2px;
  padding: 11px 5px 0 5px;
  background: #1caf82;
  font-family: Malgun Gothic;
  text-align: center;
  color: #fff;
  font-weight: bold;
  font-size: 15px;
  letter-spacing: -1px;
  text-align: center;
  border-radius: 3px;
}
.btn_s06_2:hover {
  display: block;
  width: 94px;
  height: 40px;
  margin: 0 2px;
  padding: 11px 5px 0 5px;
  background: #07855e;
  font-family: Malgun Gothic;
  text-align: center;
  color: #fff;
  font-weight: bold;
  font-size: 15px;
  letter-spacing: -1px;
  text-align: center;
  border-radius: 3px;
}
.btn_s06_3 {
  display: block;
  width: 124px;
  height: 40px;
  margin: 0 2px;
  padding: 11px 5px 0 15px;
  background: #1caf82 url("../images/btn_Bg6_3.png") 10px 12px no-repeat;
  font-family: Malgun Gothic;
  text-align: center;
  color: #fff;
  font-weight: bold;
  font-size: 15px;
  letter-spacing: -1px;
  text-align: center;
  border-radius: 3px;
}
.btn_s06_3:hover {
  display: block;
  width: 124px;
  height: 40px;
  margin: 0 2px;
  padding: 11px 5px 0 15px;
  background: #0d946b url("../images/btn_Bg6_3.png") 10px 12px no-repeat;
  font-family: Malgun Gothic;
  text-align: center;
  color: #fff;
  font-weight: bold;
  font-size: 15px;
  letter-spacing: -1px;
  text-align: center;
  border-radius: 3px;
}
.btn_s06_4 {
  display: block;
  width: 94px;
  height: 40px;
  margin: 0 2px;
  padding: 11px 5px 0 15px;
  background: #1caf82 url("../images/btn_bg06_4.png") 16px 12px no-repeat;
  font-family: Malgun Gothic;
  text-align: center;
  color: #fff;
  font-weight: bold;
  font-size: 15px;
  letter-spacing: -1px;
  text-align: center;
  border-radius: 3px;
}
.btn_s06_4:hover {
  display: block;
  width: 94px;
  height: 40px;
  margin: 0 2px;
  padding: 11px 5px 0 15px;
  background: #0d946b url("../images/btn_bg06_4.png") 16px 12px no-repeat;
  font-family: Malgun Gothic;
  text-align: center;
  color: #fff;
  font-weight: bold;
  font-size: 15px;
  letter-spacing: -1px;
  text-align: center;
  border-radius: 3px;
}
.btn_s06_5:hover {
  display: inline-block;
  width: 40px;
  height: 30px;
  margin: 0 2px;
  padding: 6px 5px 0 6px;
  background: #1caf82;
  font-family: Malgun Gothic;
  text-align: center;
  color: #fff;
  font-weight: bold;
  font-size: 15px;
  letter-spacing: -1px;
  text-align: center;
  border-radius: 3px;
}
.btn_s06_5 {
  display: inline-block;
  width: 40px;
  height: 30px;
  margin: 0 2px;
  padding: 6px 5px 0 6px;
  background: #0d946b;
  font-family: Malgun Gothic;
  text-align: center;
  color: #fff;
  font-weight: bold;
  font-size: 15px;
  letter-spacing: -1px;
  text-align: center;
  border-radius: 3px;
}

.btn_s07 {
  display: block;
  width: 94px;
  height: 40px;
  margin: 0 3px;
  padding: 12px 5px 0 5px;
  background: #063e7a;
  font-family: Malgun Gothic;
  text-align: center;
  color: #fff;
  font-weight: bold;
  font-size: 14px;
  letter-spacing: -1px;
  text-align: center;
  border-radius: 3px;
}
.btn_s07:hover {
  display: block;
  width: 94px;
  height: 40px;
  margin: 0 3px;
  padding: 12px 5px 0 5px;
  background: #2a5f98;
  font-family: Malgun Gothic;
  text-align: center;
  color: #fff;
  font-weight: bold;
  font-size: 14px;
  letter-spacing: -1px;
  text-align: center;
  border-radius: 3px;
}
.btn_s08 {
  display: block;
  width: 66px;
  height: 34px;
  padding: 10px 0 0 24px !important;
  color: #fff;
  background: #a8aaaf url("../images/btn_bg05.png") 5px 12px no-repeat;
  font-size: 13px;
  letter-spacing: -1px;
  font-family: Malgun Gothic;
  font-weight: bold;
}
.btn_s08:hover {
  background: #6c6c6c url("../images/btn_bg05.png") 5px 12px no-repeat;
  color: #fff;
}
.btn_s08_2 {
  display: block;
  width: 56px;
  height: 34px;
  padding: 8px 0 0 14px;
  color: #fff;
  background: #a8aaaf;
  font-size: 13px;
  letter-spacing: -1px;
  font-family: Malgun Gothic;
  font-weight: bold;
}
.btn_s08_2:hover {
  background: #6c6c6c;
  color: #fff;
}
.btn_s08_3 {
  display: block;
  width: 86px;
  height: 34px;
  padding: 8px 0 0 14px;
  color: #fff;
  background: #a8aaaf;
  font-size: 13px;
  letter-spacing: -1px;
  font-family: Malgun Gothic;
  font-weight: bold;
}
.btn_s08_3:hover {
  background: #6c6c6c;
  color: #fff;
}

.btn_s09 {
  display: block;
  height: 22px;
  margin: 0 2px;
  padding: 1px 4px 0 4px;
  background: #fff;
  border: 1px solid #c6c7cc;
  color: #787878;
  font-size: 11px;
  font-family: Malgun Gothic;
  text-align: center;
  border-radius: 2px;
}
.btn_s09:hover {
  display: block;
  height: 22px;
  margin: 0 2px;
  padding: 1px 4px 0 4px;
  background: #1caf82;
  border: 1px solid #c6c7cc;
  color: #fff;
  font-size: 11px;
  font-family: Malgun Gothic;
  text-align: center;
  border-radius: 2px;
}
.btn_s10 {
  display: block;
  width: 94px;
  height: 32px;
  padding: 8px 5px 0 5px;
  background: #1caf82;
  font-family: Malgun Gothic;
  text-align: center;
  color: #fff;
  font-weight: bold;
  font-size: 14px;
  letter-spacing: -1px;
  text-align: center;
  border-radius: 3px;
}
.btn_s10:hover {
  display: block;
  width: 94px;
  height: 32px;
  padding: 8px 5px 0 5px;
  background: #07855e;
  font-family: Malgun Gothic;
  text-align: center;
  color: #fff;
  font-weight: bold;
  font-size: 14px;
  letter-spacing: -1px;
  text-align: center;
  border-radius: 3px;
}
.btn_s11 {
  display: inline-block;
  height: 34px;
  padding: 8px 10px 0 10px;
  text-align: center;
  color: #fff;
  background: #a8aaaf;
  font-size: 13px;
  letter-spacing: -1px;
  font-family: Malgun Gothic;
  font-weight: bold;
}
.btn_s11:hover {
  background: #6c6c6c;
  color: #fff;
}
.btn_s12 {
  display: block;
  width: 34px;
  height: 34px;
  background: #063e7a url("../images/btn_bg06.png") 8px 7px no-repeat;
  border-radius: 3px;
}
.btn_s12:hover {
  background: #05274b url("../images/btn_bg06.png") 8px 7px no-repeat;
}
.btn_s12_2 {
  display: block;
  width: 34px;
  height: 34px;
  background: #9ea0a4 url("../images/btn_bg06.png") 8px 7px no-repeat;
  border-radius: 3px;
}
.btn_s12_2:hover {
  background: #17aa7d url("../images/btn_bg06.png") 8px 7px no-repeat;
}
.btn_s13 {
  position: relative;
  right: -5px;
  top: -32px;
  display: block;
  width: 34px;
  height: 34px;
  background: #9ea0a4 url("../images/btn_bg07.png") 8px 7px no-repeat;
  border-radius: 50%;
}
.btn_s13:hover {
  background: #1caf82 url("../images/btn_bg07.png") 8px 7px no-repeat;
}
.btn_s13_2 {
  position: relative;
  right: -5px;
  top: -32px;
  display: block;
  width: 34px;
  height: 34px;
  background: #9ea0a4 url("../images/btn_bg07_2.png") 7px 9px no-repeat;
  border-radius: 50%;
}
.btn_s13_2:hover {
  background: #1caf82 url("../images/btn_bg07_2.png") 7px 9px no-repeat;
}

.btn_s14 {
  position: relative;
  top: -2px;
  display: inline-block;
  height: 34px;
  padding: 8px 18px 0 18px;
  text-align: center;
  color: #fff;
  background: #6c6c6c;
  font-size: 13px;
  letter-spacing: -1px;
  font-family: Malgun Gothic;
  font-weight: bold;
}
.btn_s14:hover {
  background: #313131;
  color: #fff;
}
.btn_s15 {
  display: block;
  width: 94px;
  height: 40px;
  margin: 0 2px;
  padding: 12px 5px 0 5px;
  background: #a8aaaf;
  font-family: Malgun Gothic;
  text-align: center;
  color: #fff;
  font-weight: bold;
  font-size: 14px;
  letter-spacing: -1px;
  text-align: center;
  border-radius: 3px;
}
.btn_s15:hover {
  display: block;
  width: 94px;
  height: 40px;
  margin: 0 2px;
  padding: 12px 5px 0 5px;
  background: #848689;
  font-family: Malgun Gothic;
  text-align: center;
  color: #fff;
  font-weight: bold;
  font-size: 14px;
  letter-spacing: -1px;
  text-align: center;
  border-radius: 3px;
}
.btn_s16 {
  margin: 5px 0;
  display: block;
  width: 56px;
  height: 24px;
  background: #a8aaaf url("../images/btn_bg16.png") 6px 6px no-repeat;
  border-radius: 12px;
  font-size: 12px;
  padding: 3px 0 0 20px;
  font-family: Malgun Gothic;
  color: #fff;
  font-weight: bold;
}
.btn_s16:hover {
  margin: 5px 0;
  display: block;
  width: 56px;
  height: 24px;
  background: #1caf82 url("../images/btn_bg16.png") 6px 6px no-repeat;
  border-radius: 12px;
  font-size: 12px;
  padding: 3px 0 0 20px;
  font-family: Malgun Gothic;
  color: #fff;
  font-weight: bold;
}
.btn_s17 {
  float: right;
  position: relative;
  top: -5px;
  margin: 0 2px;
  border: 1px solid #d3d5da;
  border-radius: 2px;
  display: block;
  width: 26px;
  height: 26px;
  background: #fff url("../images/layer_btnbg03.png") -1px 0px no-repeat;
}
.btn_s17:hover {
  background: #1caf82 url("../images/layer_btnbg03_over.png") no-repeat;
  border-radius: 2px;
}
.btn_s18 {
  display: block;
  width: 94px;
  height: 40px;
  margin: 0 3px;
  padding: 12px 5px 0 5px;
  background: #9ea0a4;
  font-family: Malgun Gothic;
  text-align: center;
  color: #fff;
  font-weight: bold;
  font-size: 14px;
  letter-spacing: -1px;
  border-radius: 3px;
}
.btn_s18:hover {
  display: block;
  width: 94px;
  height: 40px;
  margin: 0 3px;
  padding: 12px 5px 0 5px;
  background: #70747c;
  font-family: Malgun Gothic;
  text-align: center;
  color: #fff;
  font-weight: bold;
  font-size: 14px;
  letter-spacing: -1px;
  border-radius: 3px;
}
.btn_s18_2 {
  display: block;
  width: 94px;
  height: 40px;
  margin: 0 3px;
  padding: 11px 5px 0 5px;
  background: #9ea0a4;
  font-family: Malgun Gothic;
  text-align: center;
  color: #fff;
  font-weight: bold;
  font-size: 15px;
  letter-spacing: -1px;
  border-radius: 3px;
}
.btn_s18_2:hover {
  display: block;
  width: 94px;
  height: 40px;
  margin: 0 3px;
  padding: 11px 5px 0 5px;
  background: #70747c;
  font-family: Malgun Gothic;
  text-align: center;
  color: #fff;
  font-weight: bold;
  font-size: 15px;
  letter-spacing: -1px;
  border-radius: 3px;
}
.btn_s19 {
  display: block;
  width: 55px;
  height: 25px;
  margin: 0 2px;
  padding: 4px 5px 0 5px;
  background: #a8aaaf;
  font-family: Malgun Gothic;
  text-align: center;
  color: #fff;
  font-weight: bold;
  font-size: 12px;
  letter-spacing: -1px;
  border-radius: 3px;
}
.btn_s19:hover {
  display: block;
  width: 55px;
  height: 25px;
  margin: 0 2px;
  padding: 4px 5px 0 5px;
  background: #1caf82;
  font-family: Malgun Gothic;
  text-align: center;
  color: #fff;
  font-weight: bold;
  font-size: 12px;
  letter-spacing: -1px;
  border-radius: 3px;
}
.btn_s20 {
  margin: 4px 2px 0 2px;
  border-radius: 2px;
  font-family: Malgun Gothic;
  text-align: center;
  padding: 4px 0 0 15px;
  color: #fff;
  font-weight: bold;
  font-size: 12px;
  display: block;
  width: 55px;
  height: 26px;
  background: #a8aaaf url("../images/btn_bg20.png") 6px 4px no-repeat;
}
.btn_s20:hover {
  background: #1caf82 url("../images/btn_bg20.png") 6px 4px no-repeat;
  color: #fff;
}
.btn_s21 {
  margin: 4px 2px 0 2px;
  border-radius: 2px;
  font-family: Malgun Gothic;
  text-align: center;
  padding: 4px 0 0 15px;
  color: #fff;
  font-weight: bold;
  font-size: 12px;
  display: block;
  width: 55px;
  height: 26px;
  background: #a8aaaf url("../images/btn_bg21.png") 6px 5px no-repeat;
}
.btn_s21:hover {
  background: #1caf82 url("../images/btn_bg21.png") 6px 5px no-repeat;
  color: #fff;
}
.btn_s22 {
  float: right;
  position: relative;
  top: -20px;
  right: 10px;
  margin: 0 2px;
  border: 1px solid #d3d5da;
  border-radius: 2px;
  display: block;
  width: 26px;
  height: 26px;
  background: #dcdee1 url("../images/btn_bg22.png") 6px 5px no-repeat;
}
.btn_s22:hover {
  display: block;
  width: 26px;
  height: 26px;
  background: #1caf82 url("../images/btn_bg22_over.png") 7px 6px no-repeat;
  border-radius: 2px;
}
.btn_s22_2 {
  float: right;
  position: relative;
  top: -20px;
  right: 10px;
  margin: 0 2px;
  border: 1px solid #d3d5da;
  border-radius: 2px;
  display: block;
  width: 26px;
  height: 26px;
  background: #dcdee1 url("../images/btn_bg22_2.png") 4px 5px no-repeat;
}
.btn_s22_2:hover {
  display: block;
  width: 26px;
  height: 26px;
  background: #1caf82 url("../images/btn_bg22_2_over.png") 5px 5px no-repeat;
  border-radius: 2px;
}
.btn_s22_3 {
  float: right;
  position: relative;
  top: -20px;
  right: 10px;
  margin: 0 2px;
  border: 1px solid #d3d5da;
  border-radius: 2px;
  display: block;
  width: 26px;
  height: 26px;
  background: #dcdee1 url("../images/btn_bg22_3.png") 4px 5px no-repeat;
}
.btn_s22_3:hover {
  display: block;
  width: 26px;
  height: 26px;
  background: #1caf82 url("../images/btn_bg22_3_over.png") 5px 5px no-repeat;
  border-radius: 2px;
}

.btn_s23 {
  display: block;
  width: 94px;
  height: 40px;
  margin: 0 2px;
  padding: 11px 5px 0 5px;
  background: #fff;
  font-family: Malgun Gothic;
  text-align: center;
  color: #686868;
  font-weight: bold;
  font-size: 15px;
  letter-spacing: -1px;
  text-align: center;
  border-radius: 3px;
  border: 1px solid #1caf82;
}
.btn_s23:hover {
  display: block;
  width: 94px;
  height: 40px;
  margin: 0 2px;
  padding: 11px 5px 0 5px;
  background: #f1f1f1;
  font-family: Malgun Gothic;
  text-align: center;
  color: #686868;
  font-weight: bold;
  font-size: 15px;
  letter-spacing: -1px;
  text-align: center;
  border-radius: 3px;
  border: 1px solid #1caf82;
}
.btn_s24 {
  display: block;
  width: 84px;
  height: 34px;
  margin: 0 3px;
  padding: 9px 5px 0 5px;
  background: #063e7a;
  font-family: Malgun Gothic;
  text-align: center;
  color: #bccfe4;
  font-weight: bold;
  font-size: 14px;
  letter-spacing: -1px;
  text-align: center;
  border-radius: 3px;
}
.btn_s24:hover {
  display: block;
  width: 84px;
  height: 34px;
  margin: 0 3px;
  padding: 9px 5px 0 5px;
  background: #03274e;
  font-family: Malgun Gothic;
  text-align: center;
  color: #fff;
  font-weight: bold;
  font-size: 14px;
  letter-spacing: -1px;
  text-align: center;
  border-radius: 3px;
}
.btn_s25 {
  background: #063e7a url("../images/rep_ico.png") 14px 12px no-repeat;
  display: block;
  width: 94px;
  height: 40px;
  margin: 0 3px;
  padding: 11px 5px 0 12px;
  font-family: Malgun Gothic;
  text-align: center;
  color: #fff;
  font-weight: bold;
  font-size: 15px;
  letter-spacing: -1px;
  text-align: center;
  border-radius: 3px;
}
.btn_s25:hover {
  background: #03274e url("../images/rep_ico.png") 14px 12px no-repeat;
  display: block;
  width: 94px;
  height: 40px;
  margin: 0 3px;
  padding: 11px 5px 0 12px;
  font-family: Malgun Gothic;
  text-align: center;
  color: #fff;
  font-weight: bold;
  font-size: 15px;
  letter-spacing: -1px;
  text-align: center;
  border-radius: 3px;
}
.btn_s26 {
  float: right;
  font-family: Malgun Gothic;
  font-size: 12px;
  color: #585858;
  border: 1px solid #d3d5da;
  border-radius: 14px;
  display: block;
  padding: 5px 0 0 22px;
  width: 94px;
  height: 28px;
  background: #dcdee1 url("../images/btn_bg22.png") 8px 6px no-repeat;
}
.btn_s26:hover {
  display: block;
  width: 94px;
  height: 28px;
  color: #fff;
  background: #1caf82 url("../images/btn_bg22_over.png") 8px 6px no-repeat;
  border-radius: 14px;
}
.btn_s27 {
  float: right;
  font-family: Malgun Gothic;
  font-size: 14px;
  font-weight: bold;
  color: #fff;
  border-radius: 27px;
  display: block;
  padding: 5px 0 0 62px;
  width: 210px;
  height: 54px;
  background: #17aa7d url("../images/btn_bg27.png") 12px 5px no-repeat;
}
.btn_s27 .txt_samll {
  display: block;
  font-size: 11px;
  color: #d0f2e8;
  padding: 4px 0 0 13px;
}
.btn_s27:hover {
  float: right;
  font-family: Malgun Gothic;
  font-size: 14px;
  font-weight: bold;
  color: #fff;
  border-radius: 27px;
  display: block;
  padding: 5px 0 0 62px;
  width: 210px;
  height: 54px;
  background: #0a8b63 url("../images/btn_bg27.png") 12px 5px no-repeat;
}
.btn_s28 {
  background: #a8aaaf url("../images/btn_bg28.png") center 8px no-repeat;
  display: block;
  width: 45px;
  height: 44px;
  margin-left: 7px;
  margin-right: 3px;
  padding: 23px 5px 0 5px;
  font-family: Malgun Gothic;
  text-align: center;
  color: #fff;
  font-weight: bold;
  font-size: 11px;
  letter-spacing: -1px;
  text-align: center;
  border-radius: 3px;
}
.btn_s28:hover {
  background: #6c6c6c url("../images/btn_bg28.png") center 8px no-repeat;
  display: block;
  width: 45px;
  height: 44px;
  margin-right: 3px;
  padding: 23px 5px 0 5px;
  font-family: Malgun Gothic;
  text-align: center;
  color: #fff;
  font-weight: bold;
  font-size: 11px;
  letter-spacing: -1px;
  text-align: center;
  border-radius: 3px;
}
.btn_s29 {
  background: #1caf82 url("../images/btn_bg29.png") center 8px no-repeat;
  display: block;
  width: 45px;
  height: 44px;
  margin-right: 3px;
  padding: 23px 5px 0 5px;
  font-family: Malgun Gothic;
  text-align: center;
  color: #fff;
  font-weight: bold;
  font-size: 11px;
  letter-spacing: -1px;
  text-align: center;
  border-radius: 3px;
}
.btn_s29:hover {
  background: #109169 url("../images/btn_bg29.png") center 8px no-repeat;
  display: block;
  width: 45px;
  height: 44px;
  margin-right: 3px;
  padding: 23px 5px 0 5px;
  font-family: Malgun Gothic;
  text-align: center;
  color: #fff;
  font-weight: bold;
  font-size: 11px;
  letter-spacing: -1px;
  text-align: center;
  border-radius: 3px;
}
.btn_s30 {
  background: #063e7a url("../images/btn_bg30.png") center 8px no-repeat;
  display: block;
  width: 45px;
  height: 44px;
  padding: 23px 5px 0 5px;
  font-family: Malgun Gothic;
  text-align: center;
  color: #fff;
  font-weight: bold;
  font-size: 11px;
  letter-spacing: -1px;
  text-align: center;
  border-radius: 3px;
}
.btn_s30:hover {
  background: #05274b url("../images/btn_bg30.png") center 8px no-repeat;
  display: block;
  width: 45px;
  height: 44px;
  padding: 23px 5px 0 5px;
  font-family: Malgun Gothic;
  text-align: center;
  color: #fff;
  font-weight: bold;
  font-size: 11px;
  letter-spacing: -1px;
  text-align: center;
  border-radius: 3px;
}
.btn_s31 {
  background: #a8aaaf url("../images/btn_bg31.png") center 8px no-repeat;
  display: block;
  width: 45px;
  height: 44px;
  margin-left: 7px;
  margin-right: 3px;
  padding: 23px 5px 0 5px;
  font-family: Malgun Gothic;
  text-align: center;
  color: #fff;
  font-weight: bold;
  font-size: 11px;
  letter-spacing: -1px;
  text-align: center;
  border-radius: 3px;
}
.btn_s31:hover {
  background: #6c6c6c url("../images/btn_bg31.png") center 8px no-repeat;
  display: block;
  width: 45px;
  height: 44px;
  margin-right: 3px;
  padding: 23px 5px 0 5px;
  font-family: Malgun Gothic;
  text-align: center;
  color: #fff;
  font-weight: bold;
  font-size: 11px;
  letter-spacing: -1px;
  text-align: center;
  border-radius: 3px;
}
.btn_s32 {
  background: #1caf82 url("../images/btn_bg32.png") center 8px no-repeat;
  display: block;
  width: 45px;
  height: 44px;
  margin-right: 3px;
  padding: 23px 5px 0 5px;
  font-family: Malgun Gothic;
  text-align: center;
  color: #fff;
  font-weight: bold;
  font-size: 11px;
  letter-spacing: -1px;
  text-align: center;
  border-radius: 3px;
}
.btn_s32:hover {
  background: #109169 url("../images/btn_bg32.png") center 8px no-repeat;
  display: block;
  width: 45px;
  height: 44px;
  margin-right: 3px;
  padding: 23px 5px 0 5px;
  font-family: Malgun Gothic;
  text-align: center;
  color: #fff;
  font-weight: bold;
  font-size: 11px;
  letter-spacing: -1px;
  text-align: center;
  border-radius: 3px;
}
.btn_s33 {
  background: url("../images/btn_bg33.png") no-repeat;
  display: block;
  width: 24px;
  height: 24px;
  margin-right: 3px;
}
.btn_s33:hover {
  background: url("../images/btn_bg33_over.png") no-repeat;
  display: block;
  width: 24px;
  height: 24px;
  margin-right: 3px;
}
.btn_s34 {
  background: url("../images/btn_bg34.png") no-repeat;
  display: block;
  width: 24px;
  height: 24px;
}
.btn_s34:hover {
  background: url("../images/btn_bg34_over.png") no-repeat;
  display: block;
  width: 24px;
  height: 24px;
}

.atch_ico01 {
  display: block;
  height: 26px;
  background: url("../images/atch_ico01.png") no-repeat;
  padding: 4px 0 0 30px;
  color: #063e7a;
  font-size: 13px;
  font-family: Malgun Gothic;
  text-decoration: underline;
}
.atch_ico01:hover {
  display: block;
  height: 26px;
  background: url("../images/atch_ico01.png") no-repeat;
  padding: 4px 0 0 30px;
  color: #063e7a;
  font-size: 13px;
  font-family: Malgun Gothic;
  text-decoration: underline;
}
.atch_ico01_2 {
  display: block;
  height: 26px;
  background: url("../images/atch_ico01.png") no-repeat;
  padding: 4px 0 0 30px;
  color: #585858;
  font-size: 14px;
  font-family: Malgun Gothic;
}
.atch_ico01_2:hover {
  display: block;
  height: 26px;
  background: url("../images/atch_ico01.png") no-repeat;
  padding: 4px 0 0 30px;
  color: #585858;
  font-size: 14px;
  font-family: Malgun Gothic;
}
.atch_ico02 {
  display: block;
  height: 26px;
  background: url("../images/atch_ico02.png") no-repeat;
  padding: 4px 0 0 30px;
  color: #063e7a;
  font-size: 13px;
  font-family: Malgun Gothic;
  text-decoration: underline;
}
.atch_ico02:hover {
  display: block;
  height: 26px;
  background: url("../images/atch_ico02.png") no-repeat;
  padding: 4px 0 0 30px;
  color: #063e7a;
  font-size: 13px;
  font-family: Malgun Gothic;
  text-decoration: underline;
}
.atch_ico02_2 {
  display: block;
  height: 26px;
  background: url("../images/atch_ico02.png") no-repeat;
  padding: 4px 0 0 30px;
  color: #585858;
  font-size: 14px;
  font-family: Malgun Gothic;
}
.atch_ico02_2:hover {
  display: block;
  height: 26px;
  background: url("../images/atch_ico02.png") no-repeat;
  padding: 4px 0 0 30px;
  color: #585858;
  font-size: 14px;
  font-family: Malgun Gothic;
}
.atch_ico03 {
  display: block;
  height: 26px;
  background: url("../images/atch_ico03.png") no-repeat;
  padding: 4px 0 0 30px;
  color: #063e7a;
  font-size: 13px;
  font-family: Malgun Gothic;
  text-decoration: underline;
}
.atch_ico03:hover {
  display: block;
  height: 26px;
  background: url("../images/atch_ico03.png") no-repeat;
  padding: 4px 0 0 30px;
  color: #063e7a;
  font-size: 13px;
  font-family: Malgun Gothic;
  text-decoration: underline;
}
.atch_ico03_2 {
  display: block;
  height: 26px;
  background: url("../images/atch_ico03.png") no-repeat;
  padding: 4px 0 0 30px;
  color: #585858;
  font-size: 14px;
  font-family: Malgun Gothic;
}
.atch_ico03_2:hover {
  display: block;
  height: 26px;
  background: url("../images/atch_ico03.png") no-repeat;
  padding: 4px 0 0 30px;
  color: #585858;
  font-size: 14px;
  font-family: Malgun Gothic;
}
.atch_ico04 {
  display: block;
  height: 26px;
  background: url("../images/atch_ico04.png") no-repeat;
  padding: 4px 0 0 30px;
  color: #063e7a;
  font-size: 13px;
  font-family: Malgun Gothic;
  text-decoration: underline;
}
.atch_ico04:hover {
  display: block;
  height: 26px;
  background: url("../images/atch_ico04.png") no-repeat;
  padding: 4px 0 0 30px;
  color: #063e7a;
  font-size: 13px;
  font-family: Malgun Gothic;
  text-decoration: underline;
}
.atch_ico04_2 {
  display: block;
  height: 26px;
  background: url("../images/atch_ico04.png") no-repeat;
  padding: 4px 0 0 30px;
  color: #585858;
  font-size: 14px;
  font-family: Malgun Gothic;
}
.atch_ico04_2:hover {
  display: block;
  height: 26px;
  background: url("../images/atch_ico04.png") no-repeat;
  padding: 4px 0 0 30px;
  color: #585858;
  font-size: 14px;
  font-family: Malgun Gothic;
}
.atch_ico05 {
  display: block;
  height: 26px;
  background: url("../images/atch_ico05.png") no-repeat;
  padding: 4px 0 0 30px;
  color: #063e7a;
  font-size: 13px;
  font-family: Malgun Gothic;
  text-decoration: underline;
}
.atch_ico05:hover {
  display: block;
  height: 26px;
  background: url("../images/atch_ico05.png") no-repeat;
  padding: 4px 0 0 30px;
  color: #063e7a;
  font-size: 13px;
  font-family: Malgun Gothic;
  text-decoration: underline;
}
.atch_ico05_2 {
  display: block;
  height: 26px;
  background: url("../images/atch_ico05.png") no-repeat;
  padding: 4px 0 0 30px;
  color: #585858;
  font-size: 14px;
  font-family: Malgun Gothic;
}
.atch_ico05_2:hover {
  display: block;
  height: 26px;
  background: url("../images/atch_ico05.png") no-repeat;
  padding: 4px 0 0 30px;
  color: #585858;
  font-size: 14px;
  font-family: Malgun Gothic;
}
.atch_ico06 {
  display: block;
  height: 26px;
  background: url("../images/atch_ico06.png") no-repeat;
  padding: 4px 0 0 30px;
  color: #063e7a;
  font-size: 13px;
  font-family: Malgun Gothic;
  text-decoration: underline;
}
.atch_ico06:hover {
  display: block;
  height: 26px;
  background: url("../images/atch_ico06.png") no-repeat;
  padding: 4px 0 0 30px;
  color: #063e7a;
  font-size: 13px;
  font-family: Malgun Gothic;
  text-decoration: underline;
}
.atch_ico06_2 {
  display: block;
  height: 26px;
  background: url("../images/atch_ico06.png") no-repeat;
  padding: 4px 0 0 30px;
  color: #585858;
  font-size: 14px;
  font-family: Malgun Gothic;
}
.atch_ico06_2:hover {
  display: block;
  height: 26px;
  background: url("../images/atch_ico06.png") no-repeat;
  padding: 4px 0 0 30px;
  color: #585858;
  font-size: 14px;
  font-family: Malgun Gothic;
}

.bg_gray01 {
  width: 100%;
  padding: 10px 15px 10px 15px;
  border-radius: 5px;
  background: #f3f4f5;
}
.bg_gray02 {
  background: #e9eaec !important;
}

.gray_list li {
  background: url("../images/li_bg01.png") 0px 2px no-repeat;
  line-height: 130%;
  padding-left: 25px;
  margin-bottom: 15px;
  color: #787878;
  font-size: 13px;
  font-family: Malgun Gothic;
}