@font-face { font-family: 'KUCentennial'; font-style: normal; src: url("../../../font/KUCentennial.eot"); src: url("../../../font/KUCentennial.eot?#iefix") format("embedded-opentype"), url("../../../font/KUCentennial.otf") format("opentype"), url("../../../font/KUCentennial.ttf") format("truetype"), url("../../../font/KUCentennial.woff2") format("woff2"), url("../../../font/KUCentennial.woff") format("woff"); }
body { font-family: 'Malgun Gothic'; }

a { text-decoration: none; }

.sub-section .wrap > div { text-align: center; width: 100%; height: 100%; margin: 50px 0 100px 0; padding: 0px 20px; background: #fff; }

.f-etc .tbl-box { overflow-y: auto; }
.f-etc .tbl-box .mobile-indicator { display: none; }
.f-etc .tbl { width: 100%; min-width: 728px; table-layout: fixed; border-collapse: separate; border-top: 2px solid #910023; border-bottom: 1px solid #000; border-spacing: 0; background: #fff; }
.f-etc .tbl thead tr th { padding: 10px 0; font: normal 15px 'Malgun Gothic'; color: #755332; border-bottom: 1px solid #000; }
.f-etc .tbl thead tr th ~ th { border-left: 1px solid #e6e6e6; }
.f-etc .tbl tbody tr td { padding: 10px 20px; font-size: 15px; color: #313131; border-left: 1px solid #e6e6e6; }
.f-etc .tbl tbody tr td.gray { background: #f7f7f7; border-left: 0; }
.f-etc .tbl tbody tr td.yellow { background: #fefbf5; border-left: 0; }
.f-etc .tbl tbody tr ~ tr td { border-top: 1px solid #e6e6e6; }

/* 640px */
@media screen and (max-width: 767px) { .f-etc .tbl-box { position: relative; }
  .f-etc .tbl-box .mobile-indicator { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url("../../../images/iosf/contents/bg/bg_mask.png") repeat 0 0; }
  .f-etc .tbl-box .mobile-indicator > a { position: absolute; top: calc((100% - 110px) / 2); left: calc((100% - 178px) / 2); display: block; width: 178px; height: 110px; background: url("../../../images/iosf/contents/bg/bg_mask2.png") repeat 0 0; border-radius: 5px; color: #fff; text-align: center; font-size: 15px; }
  .f-etc .tbl-box .mobile-indicator > a span { background: none; }
  .f-etc .tbl-box .mobile-indicator > a .icon { display: inline-block; margin: 22px auto 0 auto; width: 94px; height: 40px; background: url("../../../images/iosf/contents/sign_table_scroll_origin.png") no-repeat 0 0; background-size: 94px 40px; }
  .f-etc .tbl-box .mobile-indicator > a .text { display: inline-block; width: 100%; padding-top: 8px; } }

/*# sourceMappingURL=etc.css.map */