@charset "UTF-8";
/* @import "https://cdn.jsdelivr.net/npm/taipei-sans-tc";
@import "https://cdn.jsdelivr.net/npm/taipei-sans-tc/dist/Light/TaipeiSansTCBeta-Light.css";
@import "https://cdn.jsdelivr.net/npm/taipei-sans-tc/dist/Bold/TaipeiSansTCBeta-Bold.css"; */

@import "https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@300;400;700&display=swap";

body {
  font-family: "Noto Sans TC", "微軟正黑體", "Microsoft JhengHei", "PingFang TC", "Helvetica Neue", Helvetica, Arial, sans-serif;
  width: 100%;
  overflow-x: hidden;
  font-size: 16px;
  line-height: 1.5;
  color: #000;
  font-weight: normal;
}

/* Gobal setting */
a {
  color: inherit;
  display: block;
}

a:focus,
a:hover,
a:active,
a:visited {
  text-decoration: none;
  color: inherit;
}

body:not(.newsD) ul,
body:not(.newsD) li {
  list-style: none;
  padding-left: 0;
  margin-bottom: 0;
}

button {
  background: none;
  border: 0;
  color: inherit;
  cursor: pointer;
  font: inherit;
  line-height: normal;
  overflow: visible;
  padding: 0;
  -webkit-appearance: button;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}

:focus {
  outline: 0;
}

.form-group .form-control,
.form-group .form-control:focus,
.form-group select {
  font-size: 1rem;
  line-height: 1.5;
  padding-left: .625rem;
  padding-right: .625rem;
  color: #000;
  background-color: rgba(159, 159, 159, .15);
  border: 0;
}

.form-group .form-control:not(textarea),
.form-group .form-control:not(textarea):focus,
.form-group select {
  height: calc(2.375rem + 2px);
}

.form-control::placeholder,
.form-control::-webkit-input-placeholder,
input::-webkit-input-placeholder,
::-webkit-input-placeholder {
  color: rgb(181, 181, 181);
}

.form-control,
.form-control:focus {
  border: 1px solid #c3c3c3;
  background: #fff;
  border-radius: 0;
  box-shadow: none;
  /* -webkit-appearance: none; */
}

textarea.form-control {
  resize: none;
}

input[type="date"] {
  position: relative;
}

input[type="date"]::-webkit-clear-button,
input[type="date"]::-webkit-inner-spin-button {
  display: none;
}

input[type="date"]::-webkit-calendar-picker-indicator {
  color: transparent;
  background: none;
  z-index: 1;
}

input[type="date"]:before {
  content: '';
  color: transparent;
  background: none;
  display: block;
  width: 1rem;
  height: 1rem;
  position: absolute;
  right: 6px;
  color: #999;
  /* background: url(../images/icon/093_donate_icon@2x.png); */
  background-size: 2rem;
  background-position: 1rem -4rem;
}

.form-group input[type="submit"] {
  border: 0;
  padding: 0;
}

button:focus {
  outline: 0;
}

.modal-content {
  border: 0;
  border-radius: 0;
}

.modal-body {
  padding: 1.25rem;
}

.page-item+.page-item {
  margin-left: .3125rem;
}

.page-item.anchor {
  padding-left: 1.5625rem;
  padding-right: 1.5625rem;
}

.page-link.arrow {
  background-color: transparent;
}

.page-item.disabled .page-link {
  background-color: transparent;
  border: 0;
}

a.page-link {
  border: 0;
  background-color: #000000;
  color: #fff;
  font-size: 1.125rem;
  font-weight: bold;
  padding: 6px 12px;
  transition: all .1s ease-out;
}

.page-item.active .page-link,
.page-link:not(.arrow):hover {
  background-color: #f0f0f0;
  color: #dd001b;
}

.page-link:focus {
  box-shadow: none;
}

.pagination {
  align-items: center;
  justify-content: flex-end;
}

.limitLine {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.fCenter {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.fBalance {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}

.fwrap {
  flex-wrap: wrap;
}

.alignTop {
  align-items: flex-start;
}

.listType {
  display: flex;
  flex-flow: row nowrap;
  align-items: flex-start;
}

.listType>i {
  font-style: normal;
  flex: none;
}

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
  margin-bottom: 0;
  letter-spacing: normal;
}

h1,
.h1 {}

h2,
.h2 {
  font-size: 2.25rem;
  line-height: 3.125rem;
  font-weight: bold;
}

h3,
.h3 {
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: bold;
  color: #000;
}

h5,
.h5 {
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: bold;
}

p,
.p {
  margin-bottom: 0;
  line-height: 2rem
}

p:not(:last-child),
.p:not(:last-child) {
  margin-bottom: 1.875rem;
}

span.require {
  color: #ff0000;
}

.date {
  font-weight: lighter;
}

.layout {
  max-width: 81.875rem;
  width: 100%;
  margin: auto;
}

.bg-red {
  background-color: #d8001b;
  color: #000000;
}

.bg-grey {
  background-color: #a5a5a5;
}

.bg-red.btn,
.bg-grey.btn {
  color: #fff;
  font-weight: bold;
}

.icon,
.icon_a::after,
.icon_b::before,
.go::after,
.back::before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  background-image: url(../images/icon/ncaf_icon@3x.png);
}

.social .icon {
  width: 1.8125rem;
  height: 1.8125rem;
  background-size: 3.625rem;
  background-image: url(../images/icon/ncaf_social@3x.png);
}

.slick-dotted.slick-slider {
  margin-bottom: 0;
}

.icon_b.search::before {
  cursor: pointer;
  width: 16px;
  height: 16px;
  background-size: 32px;
  background-position: 16px -96px;
  margin-right: 5px;
}

.icon.file {
  width: 1.875rem;
  height: 1.875rem;
  background-size: 3.75rem;
  background-position: 0 -7.5rem;
}

.bg-dark {
  background-color: #000 !important;
  color: #fff !important;
}

.btn,
a.btn {
  display: inline-block;
  border: 0;
  border-radius: 0;
  font-size: 1.125rem;
  padding: 8.5px 18.5px;
}

.btn.focus,
.btn:focus {
  box-shadow: none;
}

.go::after,
.back::before {
  width: 1.25rem;
  height: 1.25rem;
  background-size: 2.5rem;
  background-position: 1.25rem -1.25rem;
  position: relative;
  top: -2px;
  margin-left: 9px;
}

.back::before {
  margin-right: 9px;
  transform: rotate(-180deg);
}

.download::before {
  width: 1.5rem;
  height: 1.5rem;
  background-size: 3rem;
  background-position: 0 -7.5rem;
  margin-right: 3px;
}

.arrowL,
.arrowR {
  position: relative;
}

.arrowL {
  padding-left: 1.125rem;
}

.arrowL::before,
.arrowR::after,
.arrowB::after {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
}

.arrowL::before {
  left: 0;
  border-width: 4.5px 7.8px 4.5px 0;
  border-color: transparent #000000 transparent transparent;
}

.arrowR::after {
  border-width: 6px 0 6px 10.4px;
  border-color: transparent transparent transparent #000000;
}

.arrowB::after {
  border-width: 10.4px 6px 0 6px;
  border-color: #000000 transparent transparent transparent;
}

.tag,
a.tag {
  background-color: #a7a7a7;
  color: #fff;
}

.social a {
  display: block;
  width: 100%;
  height: 100%;
  padding: 0;
}

.social+.social {
  margin-left: 1rem;
}

.social .mail {
  background-position: 0 0;
}

.social .youtube {
  background-position: 1.8125rem 0;
}

.social .facebook {
  background-position: 0 -1.8125rem;
}

.share {
  width: 50px;
  height: 50px;
  background-size: 100px;
  background-image: url(../images/icon/icon_hire@3x.png);
}

.share+.share {
  margin-left: 10px;
}

.share.mail {
  background-position: 0 0;
}

.share.mail:hover {
  background-position: 50px 0;
}

.share.link {
  background-position: 0 -50px;
}

.share.link:hover {
  background-position: 50px -50px;
}

.share.facebook {
  background-position: 0 -100px;
}

.share.facebook:hover {
  background-position: 50px -100px;
}

.icon.remove {
  width: 16px;
  height: 16px;
  background-size: 32px;
  border-radius: 100%;
  position: relative;
  background-position: 0 -96px;
  position: absolute;
  top: 50%;
  right: 8px;
  transform: translateY(-50%);
}

.icon.red.remove {
  width: 18px;
  height: 18px;
  background-size: 36px;
  background-position: 18px -90px;
  right: -23px;
}

.img-fluid {
  width: 100%;
}

.prepad+footer {
  margin-top: 6.25rem;
}

.page-head.balance {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.page-head .head {
  color: #fff;
  font-weight: bold;
  max-width: 425px;
  max-height: 425px;
  transform: rotate(-4deg);
  width: 35.390625%;
}

.page-head .head .holder {
  height: 0;
  padding-bottom: 67.991%;
  background-color: #afafaf;
}

.page-head .head.full .holder {
  padding-bottom: 100%;
}

.page-head .head.full .filter {
  padding-bottom: 8.5rem;
}

.page-head .title {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}

.page-head .title .ch {
  font-size: 1.875rem;
  letter-spacing: 1.5px;
  padding-top: 2.125rem;
  padding-left: 2.125rem;
  line-height: 2.375rem;
}

.page-head .title .en {
  font-size: 3.75rem;
  line-height: 4.8125rem;
  padding-left: 2rem;
}

.page-head .title .en.xl {
  font-size: 6.25rem;
  line-height: 6.25rem;
  padding-left: 1.6875rem;
}

.page-head .title .en.lg {
  font-size: 4.25rem;
}

.page-head .title .en.sm {
  font-size: 3.5rem;
}

.page-head .source {
  color: #afafaf;
  font-weight: normal;
  font-size: .9375rem;
  line-height: 1.5;
  /* position: absolute; */
  left: 0;
  margin-top: 22px;
}

.page-head .filter {
  width: 100%;
}

.page-head .anchor-row {
  justify-content: center;
}

.page-head .anchor-row .anchor:nth-child(odd) {
  transform: rotate(12deg);
}

.page-head .anchor-row .anchor:nth-child(even) {
  transform: rotate(-12deg);
}

.page-head .anchor+.anchor {
  margin-left: 28px;
}

.tab-pane {
  width: 100%;
}

.nav-pills {
  justify-content: center;
  cursor: pointer;
}

.nav-pills .nav-link {
  font-size: 1.25rem;
  font-weight: 700;
  border-bottom: 1px solid #b3b2b2;
  border-radius: 0;
  padding: 0 0 .625rem;
}

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link,
.nav-pills .anchor.active,
.nav-pills .show>.anchor {
  background-color: #d3001b;
}

/* navbar */
.navbar {
  padding: 0;
  z-index: 99;
  background-color: #fff;
}

nav.navbar .layout {
  width: 100%;
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.navbar .nav-link {
  font-weight: bold;
  letter-spacing: 1px;
}

.social-bar .nav-link:not(.icon) {
  padding: 2.5px .3125rem;
  margin-right: 2.3125rem;
}

.dropdown-submenu .dropdown-toggle {
  cursor: pointer;
}

.dropdown-submenu .dropdown-menu {
  position: static !important;
  border: 0;
}

.dropdown-submenu .dropdown-toggle::after {
  border-style: solid;
  border-width: 8.7px 5px 0 5px;
  border-color: #000 transparent transparent transparent;
  margin-left: 2px;
  vertical-align: 2px;
}

.dropdown-submenu .dropdown-toggle.active::after {
  border-width: 0 5px 8.7px 5px;
  border-color: transparent transparent #000 transparent;
}

.dropdown-submenu .dropdown-menu .dropdown-item {
  padding-left: 3.25rem;
}

.navbar-toggler-icon {
  width: 1.875rem;
  height: 1.875rem;
  background-size: 3.75rem;
  background-position: 0 0;
}

[aria-expanded="true"] .navbar-toggler-icon {
  background-position: -1.875rem 0;
}

/* footer */
footer {
  padding-bottom: 8.25rem;
}

footer .infoBar+.infoBar {
  margin-top: 3.125rem;
}

footer .infoBar .head>* {
  display: inline-block;
}

footer .infoBar .head {
  font-size: 1.5rem;
  letter-spacing: 1px;
  color: #000;
  font-weight: bold;
}

footer .infoBar .head .en {
  font-weight: normal;
}

.infoBar a {
  display: block;
  font-size: .875rem;
  letter-spacing: 2px;
  color: #000;
}

.infoBar .icon:not(.close) {
  display: block;
  margin: 0 auto 1.25rem;
  width: 2.8125rem;
  height: 2.8125rem;
  background-size: 5.625rem;
  background-image: url(../images/icon/icon_footer@3x.png);
}

.infoBar.about .logo .info {
  font-size: .875rem;
  line-height: 1.86;
  letter-spacing: 0.49px;
  color: #000;
  margin-top: 15px;
}

.infoBar.about .main {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}

.infoBar.about li {
  padding: 0 22px;
}

.infoBar.about a {
  text-align: center;
  line-height: 1.25rem;
}

.organization .icon {
  background-position: 0 0;
}

.memorabilia .icon {
  background-position: 0 -2.8125rem;
}

.report .icon {
  background-position: 0 -5.625rem;
}

.download .icon {
  background-position: 0 -8.4375rem;
}

.statement .icon {
  background-position: 0 -11.25rem;
}

.budget .icon {
  background-position: 0 -14.0625rem;
}

.workplace .icon {
  background-position: 0 -16.875rem;
}

.contactus .icon {
  background-position: 0 -19.6875rem;
}

footer .infoBar .head .en {
  font-weight: normal;
  margin-left: .625rem;
}

footer .groups ul {
  justify-content: flex-start;
  align-items: stretch;
}

footer .group:first-child {
  padding-left: 0;
}

footer .group {
	display: flex;
	flex-direction: column;
	align-items: cente;
	justify-content: center;
}
footer .group li+li {
  margin-top: .25rem;
}

footer .link {
  line-height: 1.43;
}

footer .copyright {
  color: #fff;
  font-size: 1.125rem;
  text-align: center;
}

.bg-wrapper {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

/* index */
.index-main {
  padding-top: 1.375rem;
  padding-bottom: 1.375rem;
}

.index-main .layout {
  max-width: 1296px;
}

.index-main .card {
  margin-bottom: 0;
  transform: rotate(-4deg);
}

.index-main .card figcaption {
  transform: rotate(4deg);
}

.index-main .row:nth-child(odd) .card:first-child {
  transform: rotate(4deg);
  background-color: #aaaaaa;
}

.index-main .row:nth-child(odd) .card:first-child figcaption {
  transform: rotate(-4deg);
}

.index-main .row:nth-child(odd) .card[center]:first-child figcaption {
  transform: translate(-50%, -50%) rotate(-4deg);
}

.index-main .row:nth-child(odd) .card:last-child,
.index-main .row:first-child .card:first-child {
  background-color: #000;
}

.index-main .row:nth-child(even) .card:first-child {
  background-color: #d8001b;
  color: #000;
}

.index-main .row:nth-child(even) .card:last-child {
  transform: rotate(4deg);
  background-color: #aaaaaa;
  color: #000;
}

.index-main .row:nth-child(even) .card:last-child figcaption {
  transform: rotate(-4deg);
}

.index-main .row:nth-child(even) .card[center]:last-child figcaption {
  transform: translate(-50%, -50%) rotate(-4deg);
}

.index-main .card {
  border: 0;
  border-radius: 0;
  color: #fff;
  overflow: hidden;
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
  font-weight: bold;
  position: relative;
}

.index-main .card .bg-wrapper {
  padding-bottom: 100%;
  height: 0;
}

.index-main .card figcaption {
  position: absolute;
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
}

.card:not([center]) figcaption {
  left: 56px;
  top: 60px;
}

.card[center] figcaption {
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) rotate(4deg);
}

.index-main .card figcaption a {
  display: block;
}

.index-main .card figcaption .head {
  font-size: 2.25rem;
  border-bottom: 1px solid;
  display: inline-block;
  padding-bottom: 6px;
}

.index-main .card .en {
  position: absolute;
}

.card[indexCard1] figcaption {
  max-width: calc(100% - 120px);
}

.card[indexCard1] .show {
  font-size: 1.5rem;
  letter-spacing: 2px;
  margin-bottom: .5rem;
}

.card[indexCard1] .show::after {
  content: '';
  display: inline-block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 8px 0 8px 13.9px;
  border-color: transparent transparent transparent #fff;
  margin-left: .75rem;
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
}

.card[indexCard1] .show-name {
  font-size: 2.125rem;
  font-weight: normal;
  border-top: 1px solid;
  border-bottom: 1px solid;
  padding-top: 2px;
  padding-bottom: 2px;
  letter-spacing: 1.7px;
}

.card[indexCard2] .bg-wrapper {
  transform: rotate(4deg) scale(1.2);
  -webkit-transform: rotate(4deg) scale(1.2);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
  background-position: right -26px;
}

.card[indexCard2]:hover .bg-wrapper {
  transform: rotate(0) scale(1);
  background-position: center center;
}

.card[indexCard3] .en,
.card[indexCard12] .en {
  font-size: 10.41667vw;
}

.card[indexCard3] figcaption {
  left: 88px;
  top: 46px;
}

/* .card[indexCard3] .en {
  left: 32px;
  bottom: 78px;
} */
.card[indexCard3] .en {
  font-size: 3.541667vw;
  line-height: 4.375vw;
  left: 48px;
  bottom: 54px;
}

.card[indexCard4] figcaption {
  left: 64px;
  top: 70px;
}

.card[indexCard4] .en {
  font-size: 3.541667vw;
  line-height: 4.375vw;
  left: 48px;
  bottom: 54px;
}

.ripple {
  position: relative;
  overflow: hidden;
}

.ripple:before {
  content: '';
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.8);
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0;
  height: 0;
  transition: all .35s ease-out;
}

.ripple:hover:before {
  transition: all .5s ease-out;
  opacity: .3;
  width: 180px;
  height: 180px;
  margin-top: -88px;
  margin-left: -88px;
}

.anchor {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 9.375rem;
  height: 9.375rem;
  border-radius: 100%;
  font-size: 1.5rem;
  color: #fff;
  background-color: #000;
  text-align: center;
  cursor: pointer;
}

.anchor .icon {
  width: 1.75rem;
  height: 1.75rem;
  background-size: 3.5rem;
  background-position: 1.75rem -1.75rem;
  margin-top: .5rem;
}

.card[indexCard4] .anchor-group {
  display: flex;
  flex-direction: column;
  position: absolute;
  right: 46px;
  top: 36px;
  transform: rotate(-4deg);
}

.card[indexCard4] .anchor {
  color: #fff;
}

.card[indexCard4] .anchor-group .anchor+.anchor {
  margin-top: 1.5625vw;
}

.card[indexCard4] .anchor-group .anchor:nth-child(odd) {
  transform: rotate(8deg);
}

.card[indexCard4] .anchor-group .anchor:nth-child(even) {
  transform: rotate(-8deg);
}

.card[indexCard5] {
  color: #000;
}

.card[indexCard5] .bg-wrapper {
  background-size: 113%;
}

.card[indexCard5] figcaption {
  top: 74px;
  left: 64px;
}

.card[indexCard5] .en {
  font-size: 2.8646vw;
  line-height: 3.8542vw;
  bottom: 33px;
  left: 44px;
}

.card[indexCard6] figcaption {
  width: 19.5rem;
}

.card[indexCard7] figcaption {
  width: 15.4375rem;
}

.card[indexCard8] figcaption {
  width: 26.875rem;
}

.card[indexCard9] figcaption {
  width: 400px;
}

.card[indexCard10] figcaption {
  width: 13.9375rem;
}

.card[indexCard11] {
	background-color: #005983!important;
}

.card[indexCard11] figcaption {
  width: 12.5rem;
}

.card[indexCard12] .en {
  color: #fff;
  bottom: 2.08333vw;
  left: 4.0625vw;
  line-height: 1;
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
}

.index-main+footer {
  margin-top: 7.125rem;
}

.cardPlay * {
	display: inline-block;
	vertical-align: middle;
}
.cardPlay {
	margin-top: 20px;
}
.cardPlay span {
	color: #ffffff;
	text-transform: uppercase;
	font-size: 20px;
	line-height: 27px;
	font-weight: 400;
	margin-right: 8px;
}
.cardPlay .playicon {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 6px 0 6px 10.4px;
	border-color: transparent transparent transparent #ffffff;
	margin-left: 5px;
	/* -webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out; */
}
.cardPlay:hover .playicon {
	border-left-color: #d8001b;
}
.pcPlayButton {
	width: 150px;
	height: 150px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background-image: url(../images/icon/icon_play1.svg);
	background-size: 100%;
	transition: all .3s ease-in-out;
}
.card[indexcard2]:hover .pcPlayButton  {
	background-image: url(../images/icon/icon_play2.svg);
	background-size: 100%;
}

.cardPlay .playicon.play {
  border-left-color: #d8001b;
}

.pcPlayButton.play {
  background-image: url(../images/icon/icon_play2.svg);
}

#videoText a.play, .cardPlay span.play {
  color: #d8001b;
}


/* Information */
.breadcrumb {
  flex-flow: row nowrap;
  justify-content: flex-end;
  padding: 0;
  background-color: transparent;
  max-width: 26.625rem;
  margin-left: auto;
}

.breadcrumb-item {}

.breadcrumb-item,
.breadcrumb-item.active {
  color: #a7a7a7;
}

.breadcrumb-item+.breadcrumb-item::before {
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 4.5px 0 4.5px 7.8px;
  border-color: transparent transparent transparent #afafaf;
  margin-bottom: 1px;
}

.breadcrumb-item:not(.limitLine) {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
}

.breadcrumb-item.limitLine {
  -webkit-line-clamp: 1;
  -moz-line-clamp: 1;
  max-height: 1.5rem;
}

a.align {
  display: flex;
}

.align>* {
  display: inline-block;
  vertical-align: top;
}

.align>.icon+.right {
  width: calc(100% - 1.875rem - 6px);
  padding-left: .5rem;
}

.board {
  max-width: 77.5rem;
  width: 100%;
  margin: auto;
  overflow: hidden;
  border: solid 2px #000000;
  background-color: #fff;
}

.board .grid {
  width: 100%;
}

.board .grid .wrapper {
  border-bottom: 1px solid #afafaf;
  padding-bottom: 1.25rem;
}

.ctx {
  line-height: 1.875rem;
  font-weight: lighter;
  color: #000;
  letter-spacing: 1.6px;
}

.fileList .topic {
  margin-bottom: 1.25rem;
}

.fileList li+li {
  margin-top: .875rem;
}

.tab-content .board>.tab-pane {
  display: none;
}

.tab-content .board>.active {
  display: block;
}

ul.listTypeGroup,
.listType+.listType,
.tab-pane#info2 .ctx h3+.date,
.tab-pane#info2 .resource {
  margin-top: .75rem;
}

.tab-pane#info2 .resource {
  align-items: flex-end;
}

/* announcement */
.announce-main+footer,
.contact-main+footer {
  margin-top: 6.25rem;
}

.announce-main .board {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}

.announce-main .ctx {
  width: 100%;
}

/* news */
.--select {
  position: relative;
  display: block;
  margin: 0 auto;
  width: 100%;
  color: #000;
  background-color: #dbdbdb;
  vertical-align: middle;
  text-align: left;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
}

.--select .placeholder {
  position: relative;
  display: block;
  background: none;
  z-index: 1;
  padding: 13px 10px 13px 48px;
  cursor: pointer;
  font-size: 1.25rem;
  color: rgba(0, 0, 0, 0.55);
}

.--select .placeholder:after {
  content: '';
  position: absolute;
  top: 50%;
  right: 50px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10.4px 6px 0 6px;
  border-color: #000 transparent transparent transparent;
  z-index: 10;
}

.--select ul {
  color: #3b465b;
}

.--select.is-open ul {
  display: block;
}

.--select ul {
  display: none;
  position: absolute;
  overflow: hidden;
  overflow-y: auto;
  width: 100%;
  background: #fff;
  border: 1px solid #a9a9a9;
  top: 94%;
  left: 0;
  list-style: none;
  margin: 0;
  padding: 0;
  z-index: 100;
  min-height: 46px;
  max-height: 250px;
}

.--select ul li {
  display: block;
  text-align: left;
  padding: .7rem 10px .7rem 48px;
  color: rgba(0, 0, 0, .7);
  cursor: pointer;
}

.--select ul li:hover,
.--select ul li:focus {
  background-color: #dbdbdb;
}

.newsList-main .search-info {
  color: #afafaf;
}

.newsList-main .search-info b {
  margin-left: .5rem;
  color: #000;
}

.newsList-main .search-filter .form-group.last {
	position: relative;
}
.newsList-main .search-filter .form-group.last input {
	font-size: 1.25rem;
	color: #000;
	background-color: #F5F5F5;
	padding-left: 3rem;
	padding-right: 5.5rem;
}

.newsList-main .search-filter .form-group.last button {
	content: '';
	display: block;
	width: 1.75rem;
	height: 1.75rem;
	background-image: url(../images/icon/icon_Search.svg);
	background-size: 100%;
	position: absolute;
	right: 3.75rem;
    top: 50%;
    transform: translateY(-50%);
	padding: 0;
}

.newsList-wrapper>.row {
  justify-content: space-between;
}

.newsCard {
  margin-bottom: 2.125rem;
}

.newsCard a {
  display: block;
}

.newsCard>*:not(.date) {
  font-weight: bold;
}

.newsCard .thumbnail,
.eventList .thumbnail {
  width: 100%;
}

.newsCard .thumbnail .bg-wrapper,
.eventList .thumbnail .bg-wrapper {
  padding-bottom: 100%;
}

.newsCard .info>span {
  display: inline-block;
  vertical-align: middle;
}

.newsCard .info .date {
  color: #3f3f3f;
  font-size: 1.5rem;
  line-height: 1;
  margin-right: .625rem;
}

.newsCard .info .type,
.eventList .info .type,
.eventD-main .board .info .type {
  font-size: .875rem;
  line-height: 1;
  font-weight: bold;
  padding: 5px 9px;
  flex-shrink: 0;
}

.newsCard .title,
.eventList .title {
  font-size: 1.125rem;
  line-height: 1.875rem;
  margin-top: .625rem;
  font-weight: bold;
}

.eventList {
  margin-bottom: 34px;
}

.eventList .info {
  margin-top: 25px;
}

.eventList .info .date {
  font-size: 16px;
  color: #3f3f3f;
  margin-left: 10px;
}

/* news_detail */
.newsD-main .page-head .head {
  position: relative;
}

.newsD-main .page-head .head::after {
  content: '';
  position: absolute;
  z-index: -1;
  display: block;
  width: 100%;
  height: 100%;
  top: -29px;
  left: 29px;
  background-color: #adadad;
}

.newsD-main .tag-group {
  margin-top: 8.625rem;
  margin-left: 4rem;
}

.tag-group .tag {
  font-size: 1.125rem;
  line-height: 1.5rem;
  padding: 4px 14px;
}

.tag-group .tag+.tag {
  margin-top: 1rem;
}

.newsD-main .date {
  font-size: 1.5rem;
  line-height: 2.25rem;
  color: #9b9b9b;
  letter-spacing: 1.2px;
  position: relative;
  padding-left: 1.75rem;
  margin-top: 1rem;
}

.newsD-main .date::before {
  position: absolute;
  content: '';
  width: 20px;
  height: 1px;
  display: inline-block;
  background-color: #9b9b9b;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}

.newsD-main .main-content {
  font-size: 1.125rem;
  line-height: 2rem;
  /*color: #797979;*/
}

.newsD-main .main-content p {
	text-justify: distribute;
}

.newsD-main .main-content .anchor-row {
  margin-top: 3.125rem;
}

.main-content .grid {
  padding-top: 1.5625rem;
  padding-bottom: 1.5625rem;
}

.main-content .grid+.grid {
  border-top: 1px solid #a7a7a7;
}

.main-content em {
  color: #000;
  font-style: normal;
}

.figure-img {
  margin-bottom: .3125rem;
}

.figure-caption,
.newsD-main figcaption {
  font-size: .9375rem;
  line-height: 1.5;
  color: #afafaf;
  /* margin-top: 22px;
  margin-bottom: 30px; */
}

.--link a {
  color: #dd001b;
  font-size: 1rem;
  white-space: pre-wrap;
  word-break: break-word;
}

.--link a:hover {
  text-decoration: underline;
}

.newsD-other {
  margin-top: 7.375rem;
}

.newsD-other .layout {
  max-width: 78.125rem;
}

.line-head {
  display: inline-block;
  text-align: center;
  line-height: 1;
  border-bottom: 2px solid;
  padding-bottom: 1rem;
  font-weight: bold;
}

.newsD-other .line-head {
  margin-bottom: 2.6875rem;
}

.newsD-types>.row {
  justify-content: space-between;
}

.recommendCol .name {
  line-height: 3.125rem;
  display: inline-block;
}

.recommendCol .name::after {
  right: -24px;
}

.recommendCol ul {
  background-color: rgba(162, 162, 162, 0.15);
}

.recommendCol li+li {
  border-top: 1px dashed #fff;
}

.recommendCol li a {
  display: block;
  padding: 1rem 1.875rem;
}

.recommendCol .more {
  line-height: 1.875rem;
  display: inline-block;
}

.newsD-typeList .date,
.recruitmentD-typeList .company {
  line-height: 1.875rem;
  font-weight: lighter;
}

/* publish */
.tab-pane li a.fBalance {
  justify-content: flex-start;
  align-items: flex-start;
}

.tab-pane#publish1 .list-filter+ul {
  margin-top: 1.875rem;
}

.tab-pane#publish1 ul+nav[aria-label^=Page] {
  margin-top: 3.125rem;
}

.tab-pane .list-filter .form-group .form-control {
  width: 100%;
  height: calc(2.625rem + 2px);
}

.tab-pane .list-filter button {
  font-weight: bold;
}

.tab-pane#publish1 li:first-child {
  border-top: 1px dashed rgba(0, 0, 0, 0.25);
}

.tab-pane#publish1 li {
  border-bottom: 1px dashed rgba(0, 0, 0, 0.25);
}

.tab-pane#publish1 .list li a {
  padding-top: 1.125rem;
  padding-bottom: 1.125rem;
}

.tab-pane#publish1_detail .backList {
  margin-bottom: 1rem;
}

.tab-pane#publish1_detail .topic .title {
  font-weight: bold;
}

.tab-pane#publish1_detail .topic .date {
  margin-top: .9375rem;
  margin-bottom: 4.125rem;
}

.tab-pane.publish1_detail .backList {
  margin-bottom: 1rem;
}

.tab-pane.publish1_detail .topic .title {
  font-weight: bold;
}

.tab-pane.publish1_detail .topic .date {
  margin-top: .9375rem;
  margin-bottom: 4.125rem;
}

.notice-part+.notice-part {
  margin-top: 1.5625rem;
}

.notice-part h5 {
  margin-bottom: .3125rem;
}

.tab-pane#publish2 .mag {
  text-align: center;
  padding-left: .9375rem;
  padding-right: .9375rem;
}

.tab-pane#publish2 .mag1 img {
  width: 17.9375rem;
}

.tab-pane#publish2 .mag2 img {
  width: 21.25rem;
}

.tab-pane#publish2 .mag h3 {
  margin-top: 2.125rem;
  margin-bottom: .5rem;
}

.tab-pane#publish2 .mag .date {
  margin-bottom: 1.25rem;
}

.tab-pane#publish2_detail .head {
  max-width: 50rem;
  width: 100%;
  margin: auto;
}

.tab-pane#publish2_detail .head h2 {
  margin-bottom: .625rem;
}

ul.row.balance {
  justify-content: flex-start;
}

.tab-pane .issueList .issue {
  margin-top: 3.125rem;
}

.tab-pane .issueList .issue .detail {
  margin-top: .875rem;
}

.tab-pane#publish2_detail .head {
  margin-bottom: 3.3125rem;
}

/*.tab-pane#publish2_detail .issue .thumbnail .bg-wrapper {*/
/*padding-bottom: 100%;*/
/*}*/
.issueList .issue .thumbnail .bg-wrapper,
.winnderList .winner .thumbnail .bg-wrapper {
  padding-bottom: 140%;
}

.winnderList .winner {
  margin-bottom: 3.125rem;
}

.winnderList .winner a.fBalance {
  align-items: center;
  justify-content: space-between;
}

.winnderList .winner .thumbnail {
  width: 35.211%;
}

.winnderList .winner .detail {
  width: 51.5117%;
}

.winnderList .winner .label,
.publisD-theme .label {
  font-weight: bold;
}

.tab-pane#publish4 .list-filter+ul,
.tab-pane#publish5 .list-filter+ul {
  margin-top: 3.125rem;
}

.tab-pane.isDetail .backList {
  margin-bottom: .625em;
  display: inline-block;
  cursor: pointer;
}

#publishBookDetail .wrapper {
	width: 100%;
	padding-left: 35px;
	padding-right: 35px;
}

.publisD-theme .thumbnail {
  width: 100%;
}

.publisD-theme .thumbnail .bg-wrapper {
  padding-bottom: 100%;
  background-size: contain;
}

.publisD-theme h2 {
  margin-top: .3125rem;
  margin-bottom: .625rem;
}

.publisD-theme .top a.go {
  margin-top: 1.9375rem;
  font-size: 1rem;
  padding: 3px 13px;
}

.publisD-theme .top a.go::after {
  width: .875rem;
  height: .875rem;
  background-size: 1.75rem;
  background-position: .875rem -.875rem;
  margin-left: 6px;
}

.publisD-theme .notice-part {
  padding-top: 2.1875rem;
}

.other-publish {
  margin-top: 3.75rem;
  /*display: none;*/
}

.other-publish.show {
  display: block;
}

.other-publish .name {
  margin-bottom: 3.0625rem;
}

.name.arrowR::after {
  margin-left: .5rem;
}

.other-publish .winnderList {
  max-width: 1130px;
  width: 100%;
  margin: auto;
}

/* about */
.accordion {
  border-bottom: 1px solid rgba(0, 0, 0, .15);
  margin-top: .5625rem;
}

.accordion .card {
  border: 0;
  border-top: 1px solid rgba(0, 0, 0, .15);
  border-radius: 0;
}

.accordion .card-header {
  background-color: transparent;
  padding: 1rem 0;
  border: 0;
}

.accordion .card button {
  display: block;
  width: 100%;
  padding-right: 20px;
  text-align: left;
  position: relative;
}

.accordion .card button::after {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10.4px 6px 0 6px;
  border-color: #000000 transparent transparent transparent;
  right: 5px;
  top: 50%;
  transform: translateY(-50%);
}

.accordion .card button[aria-expanded="true"]::after {
  border-width: 0 6px 10.4px 6px;
  border-color: transparent transparent #000000 transparent;
}

.accordion .card-body {
  padding: 0 0 .5625rem;
}

.tab-pane .leftList {
  vertical-align: top;
}

.leftList .subAnchor+.subAnchor {
  margin-top: 6px;
}

.leftList .subAnchor a {
  font-size: 1.25rem;
  font-weight: bold;
  color: #fff;
  background-color: #000;
  cursor: pointer;
}

.leftList .subAnchor a.active {
  background-color: #d3001b;
}

.editor-part+.editor-part {
  margin-top: 1.875rem;
}

.editor-part .h5+p,
.editor-part .h5+.p {
  margin-top: .375rem;
}

div[id^=about1_] .wrapper,
#about2 .wrapper,
#about3 .wrapper {
  width: 100%;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}

.org-title {
  font-size: 1.25rem;
  font-weight: bold;
}

.org-name {
  font-size: 1.875rem;
  line-height: 2.875rem;
  font-weight: bold;
  margin-top: .5625rem;
  margin-bottom: 1.5rem;
}

#about1_2 img {
  width: 18.75rem;
  height: auto;
  margin-bottom: 2.1875rem;
}

#about1_2 .editor-part li+li,
#about1_3 .editor-part li+li {
  margin-top: .375rem;
}

#about1_3 hr {
  margin-top: 2.4375rem;
  margin-bottom: 2.5625rem;
  border-top: 1px solid rgba(0, 0, 0, 1);
}

#about1_3 img {
  width: 18.75rem;
  height: auto;
  margin-bottom: 2.1875rem;
}

#about1_5 .accordion .card-header {
  padding: .5625rem 0;
}

#about2 .board {
	padding: 70px 0 100px;
}

#about2 .list-filter + ul.listTypeGroup {
	margin-top: 70px;
}

#about2 .listType .year {
  font-weight: normal;
  width: 120px;
}

#about2 li.listType:first-child {
  padding-top: 0;
}

#about2 li.listType:last-child {
  padding-bottom: 0;
}

#about2 li.listType {
  padding: 2rem 0;
}

#about2 li.listType+li.listType {
  margin-top: 68px;
}

#about2 li.listType .right .fCenter+.fCenter {
    margin-top: 26px;
    border-top: 1px dashed #797979;
    padding-top: 26px;
}
#about2 .listType .year+.right .fCenter>i {
    font-style: normal;
 }
#about2 .listType .year+.right .fCenter>.right {
	margin-top: 16px;
	    word-break: break-all;
    white-space: normal;
}

/* award */
div[id^="award"] .wrapper {
  width: 100%;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}

#award2 .amendment-record {
  margin-top: 1.625rem;
}

#award2 .amendment-record>.right li+li {
  margin-top: .375rem;
}

#award2 .method {
  margin-top: 2.0625rem;
}

#award2 .method li:nth-child(odd) {
  background-color: rgba(159, 159, 159, .15);
}

#award2 .method li {
  padding: 8px 30px;
}

#award2 .method li>i {
  width: 4.5rem;
  margin-right: 1.5625vw;
}

#award2 .method li .right>.listType .right {
  margin-left: 0;
}

.awardList .awardArtist * {
  text-align: center;
  font-weight: lighter;
}

.awardList .awardArtist .ch-name {
  font-weight: lighter;
}

.awardList .awardArtist .detail {
  margin-top: 7px;
}

.awardList .awardArtist .en-name {
  font-size: 12px;
  letter-spacing: 1.2px;
  color: #797979;
}

.awardList .awardArtist .thumbnail .bg-wrapper {
  padding-bottom: 100%;
}

#award3 h2 {
  margin-bottom: 1.75rem;
}

#award3 .editor-part>.h5 {
  margin-bottom: 1.5625rem;
}

#award3 .intro .editor-part>.h5 {
  margin-bottom: .6875rem;
}

#award3 .intro {
  margin-bottom: 3rem;
}

#award4 h2 {
  margin-bottom: 2.5rem;
}

#award4 .editor-part .session {
  margin-bottom: 1.5625rem;
}

#award4 a.go {
  font-size: 1rem;
  padding: 3px 6.5px;
  letter-spacing: normal;
  font-weight: bold;
}

.artist-intro {
  align-items: flex-start;
}

.artist-intro .showcard {
  background-color: #fff;
  border: 2px solid #000;
  padding: 1.5625vw 1.8229vw;
}

.artist-intro .showcard .label span {
  margin-left: 1.25vw;
  margin-right: 1.25vw;
}

.artist-intro .ch-name {
  margin-top: .5625rem;
}

.artist-intro .name {
  font-weight: lighter;
}

.artist-intro .reason {
  margin-top: 2.1875rem;
}

.artist-intro .reason .label {
  margin-bottom: 1.0625rem;
}

.artist-intro .reason li+li {
  margin-top: .5rem;
}

.arrowList li {
  position: relative;
  padding-left: 15px!important;
}

.arrowList li::before {
  content: '';
  position: absolute;
  display: inline-block;
  left: 0;
  top: 8px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5.5px 0 5.5px 9.5px;
  border-color: transparent transparent transparent #000000;
}

.artist-detail {
  margin-top: 4.8125rem;
}

.ncafTab .nav-tabs {
  border-bottom: 0;
}

.ncafTab .nav-link {
  padding: 9px 27px;
  cursor: pointer;
  border-radius: 0;
  background-color: #c7c7c7;
  border: solid 1px #fff;
  border-bottom-color: #000;
}

.ncafTab .nav-link.active {
  background-color: #fff;
  border: solid 1px #000;
  border-bottom: 0;
  color: #000;
}

.ncafTab .tabs-body img {
  width: 100%;
  height: auto;
}

.other-artist .name {
  margin-bottom: 1.4375rem;
}

#artist-4 ul {
  width: 100%;
}

#artist-4 li {
  justify-content: flex-start;
  align-items: flex-start;
}

#artist-4 li .year {
  flex-shrink: 0;
}

/* contact */
.contact-main .board {
  padding-left: 20px;
  padding-right: 20px;
}

.contact-main .left h3 {
  margin-bottom: 19px;
}

.contact-main .left .detail {
  margin-bottom: 43px;
}

.contact-main .left .anchor-row+.anchor-row {
  margin-top: 10px;
}

.contact-main .go {
  font-weight: bold;
}

.contact-main .form-group .form-control,
.contact-main .form-group .form-control:focus {
  padding-left: 19px;
  padding-right: 19px;
  font-weight: lighter;
}

.contact-main .form-control::placeholder,
.contact-main .form-control::-webkit-input-placeholder,
.contact-main input::-webkit-input-placeholder,
.contact-main::-webkit-input-placeholder {
  color: #000;
}

.verification-row {
  margin-top: 23px;
}

.verification-row .main {
  margin-top: 14px;
  margin-bottom: 30px;
}

.verification-row .main>* {
  display: inline-block;
  vertical-align: middle;
}

.verification-row .main .code {
  width: 86px;
}

.verification-row .main input {
  width: 92px;
  border: solid 1px #a5a5a5;
  background-color: #fff;
}

.changeCode {
  padding: 14px 15px;
  font-weight: bold;
  background-color: rgba(158, 158, 158, .15);
}

.contact-main button[type="submit"] {
  background-color: #d3001b !important;
}

/* founding */
.founding-main .arrowList {
  padding-left: 5px;
  margin-top: 1rem;
  margin-bottom: 2.5rem;
}

.founding-main .arrowList li {
  font-size: 1.5rem;
}

.founding-main .arrowList li::before {
  top: 12px;
}

.founding-main .arrowList li+li {
  margin-top: 8px;
}

.founding-main .board-main {
  margin-top: 100px;
}

.type-group .info:not(.fBalance)>.head {
  margin-bottom: 22px;
}

.type-group .info>.head {
  display: inline-block;
  flex-shrink: 0;
  border-bottom: 2px solid;
  padding-bottom: 8px;
}

.type-group .info>.head.--2 {
  border-top: 2px solid;
  padding-top: 8px;
}

#founding1 .type-group:first-child {
  margin-bottom: 106px;
}

.type-group[founding-type="normal"] {
  margin-bottom: 68px;
}

.founding-list {
  margin-left: -7.5px;
  margin-right: -7.5px;
}

.founding-list:not(.noinitial) {
  margin-top: 55px;
}

.foundingCard {
  margin-bottom: 15px;
  padding-left: 7.5px;
  padding-right: 7.5px;
}

.foundingCard a {
  font-weight: bold;
  transition: all .35s;
  padding: 12.5px 16px 14px;
  letter-spacing: normal;
}

[founding-type="normal"] .foundingCard a {
  background-color: rgba(165, 165, 165, .15);
}

[founding-type="project"]>.founding-list .foundingCard a {
  border: solid 1px #a5a5a5;
  background-color: transparent;
  color: #a5a5a5;
}

[founding-type="project"]>.founding-list .foundingCard[type="1"] a {
  background-color: #d3001b;
  color: #fff;
}

[founding-type="project"]>.founding-list .foundingCard[type="1"] a:hover {
  background-color: rgba(211, 0, 27, .9);
}

[founding-type="project"]>.founding-list .foundingCard[type="2"] a {
  color: #000;
}

[founding-type="project"]>.founding-list .foundingCard[type="2"] a:hover {
  color: #000;
}

#otherFounding .foundingCard a {
  background-color: #c9c9c9;
  color: #fff;
}

[founding-type="normal"] .foundingCard a:hover {
  background-color: rgba(165, 165, 165, 0.08);
}

[founding-type="project"] .foundingCard a:hover {
  color: rgba(165, 165, 165, .8);
  border-color: rgba(165, 165, 165, .8);
}

#otherFounding .foundingCard a:hover {
  background-color: rgba(201, 201, 201, .8);
}

.foundingCard[type="1"] a {
  background-color: #d3001b;
  color: #fff;
}

.foundingCard[type="1"] a:hover {
  background-color: rgba(211, 0, 27, .9);
}

.foundingCard .name {
  font-size: 24px;
}

.foundingCard .note {
  font-size: 14px;
  line-height: 17px;
  margin-top: 4.5px;
}

.founding-list {
  margin-top: 1.25rem;
}

.type-group button[data-target="#otherFounding"]::after {
  position: absolute;
  right: -14px;
  top: 50%;
  transform: translateY(-50%);
  width: 0;
  height: 0;
  border-style: solid;
}

.type-group button[data-target="#otherFounding"][aria-expanded="false"]::after {
  border-width: 6.9px 4px 0 4px;
  border-color: #d3001b transparent transparent transparent;
}

.type-group button[data-target="#otherFounding"][aria-expanded="true"]::after {
  border-width: 0 4px 6.9px 4px;
  border-color: transparent transparent #d3001b transparent;
}

.apply-flow .applyPoint {
  margin-bottom: 57px;
}

.apply-flow .applyPoint .thumbnail {
  position: relative;
}

.apply-flow .applyPoint .thumbnail::after {
  position: absolute;
  content: attr(num);
  display: block;
  right: 32px;
  top: 0;
  text-align: right;
  font-size: 72px;
  line-height: 1.5;
  font-weight: bold;
}

.apply-flow .applyPoint .bg-wrapper {
  padding-bottom: 58.9286%;
}

.apply-flow .applyPoint .title {
  margin-top: 1rem;
}

#founding2 .apply-flow {
  margin-top: 93px;
  align-items: stretch;
}

#founding2 .anchor-row {
  margin-top: 23px;
}

.rule-list li {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-flow: row nowrap;
  position: relative;
}

.rule-list li+li {
  margin-top: 30px;
}

.rule-list li::before {
  content: '';
  display: inline-flex;
  width: 30px;
  height: 30px;
  background-size: 100%;
  flex-shrink: 0;
  margin-right: 10px;
}

.rule-list .need::before {
  background-image: url(../images/icon/need@3x.png);
}

.rule-list .deny::before {
  background-image: url(../images/icon/deny@3x.png);
}

#founding3 .type-group:first-child {
  margin-bottom: 70px;
}

#founding3 .anchor-row {
  margin-top: 55px;
}

#founding3 .type-group:nth-child(2) {
  margin-top: 70px;
}

#founding4 .type-group+.type-group {
  margin-top: 100px;
}

#founding4 .accordion {
  margin-top: 7px;
}

/* founding_detail */
.foundingD-main .banner {
  width: 72.29%;
}

.foundingD-main .banner .bg-wrapper {
  padding-bottom: 52.444%;
  background-size: contain;
}

.foundingD-main .page-head .filter {
  width: 22.49%;
  margin-left: 15px;
}

.foundingD-main .leftList .subAnchor a {
  background-color: #d3001b;
}

.foundingD-main .board-main {
  margin-top: 93px;
}

.foundingD-main .type-group+.type-group {
  margin-top: 100px;
}

.foundingD-main #foundingD1 .anchor-row {
  margin-top: 20px;
}

.applyTimeList .applyTime {
  margin-bottom: 22px;
}

.applyTime[type="1"]>*,
.applyTime[type="1"] .h3 {
  color: #a5a5a5 !important;
}

.applyTime[type="1"] .wrapper {
  border-color: #a5a5a5;
}

.applyTime[type="2"]>*,
.applyTime[type="2"] .h3 {
  color: #d3001b !important;
}

.applyTime[type="2"] .wrapper {
  border-color: #d3001b;
}

.applyTime .wrapper {
  border: 1px solid #000;
  padding: 18px;
}

.applyTime .h3 {
  letter-spacing: 1.2px;
  margin-bottom: 16px;
}

.applyTime .part+.part {
  margin-top: 16px;
}

.applyTime .part .label {
  font-size: 14px;
  line-height: 1;
  font-weight: bold;
  letter-spacing: normal;
}

.foundingNewList li+li {
  border-top: 1px dashed rgba(0, 0, 0, 0.15);
}

.foundingNewList li a {
  padding: 15px 0;
  align-items: flex-start;
}

.foundingNewList+.anchor-row {
  margin-top: 30px;
}

.apply-tabs .tabs-wrap {
  position: relative;
}

.ncafTab.apply-tabs .nav-link {
  padding-left: 24px;
  padding-right: 24px;
}

.ncafTab.apply-tabs .tabs-wrap .tabs-body {
  padding: 50px 100px;
}

.ncafTab.apply-tabs .tabs-body p {
  margin-top: 36px;
}

.apply-tabs .arrow,
.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  display: block;
  width: 60px;
  height: 60px;
  background-image: url(../images/icon/arrow@3x.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
}

.apply-tabs .arrow.prev {
  left: 26px;
}

.apply-tabs .arrow.next {
  right: 26px;
  transform: rotate(180deg);
  top: calc(50% - 30px);
}

#foundingD4 .apply-tabs+.anchor-row {
  margin-top: 30px;
}

.form-group.arrowB {
  position: relative;
}

.form-group.arrowB::after {
  right: 14px;
}

.form-group.arrowB select,
.form-group.arrowB select:focus {
  -webkit-appearance: none;
  -webkit-border-radius: 0px;
  padding-right: 26px;
}

.foundingD-main .form-group .form-control:not(textarea),
.foundingD-main .form-group .form-control:not(textarea):focus,
.foundingD-main .form-group select {
  font-weight: lighter;
}

select.empty {
  color: rgb(181, 181, 181) !important;
}

#foundingD5 .anchor-row,
#foundingD6 .anchor-row {
  margin-top: 24px;
}

.owl-carousel .bg-wrapper {
  padding-bottom: 58.75%;
}

.owl-carousel .owl-item {
  padding: 0 70px;
}

.owl-carousel .owl-nav.disabled {
  display: block;
}

.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev,
.owl-theme .owl-nav [class*=owl-]:hover {
  margin: 0;
  position: absolute;
  width: 40px;
  height: 60px;
  background-color: transparent;
  background-image: url(../images/icon/arrow@3x.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
}

.owl-carousel .owl-nav button.owl-prev {
  left: 0;
}

.owl-carousel .owl-nav button.owl-next {
  right: 0;
  transform: rotate(180deg);
  top: calc(50% - 30px);
}

.owl-carousel .owl-nav button.owl-next span,
.owl-carousel .owl-nav button.owl-prev span {
  display: none;
}

.owl-carousel .title {
  max-height: 3.5rem;
  -webkit-line-clamp: 2;
  margin-top: 10px;
  margin-bottom: 15px;
}

#foundingD7 .anchor-row {
  margin-top: 20px;
}

.other-application li+li {
  margin-top: 27px;
}

.other-application .bg-wrapper {
  padding-bottom: 100%;
}

.other-application .info .detail {
  margin-top: 11px;
}

/* submission */
.highlight h5 {
  margin-top: 18px;
}

.highlight .listType {
  align-items: center;
}

.highlight span {
  color: #d3001b;
  font-weight: bold;
}

.submission-main .type-group+.type-group {
  margin-top: 100px;
}

.submission-main .foundingNewList {
  margin-top: 15px;
}

.submission-main .foundingNewList li:first-child {
  border-top: 1px dashed rgba(0, 0, 0, 0.15);
}

.submission-main .foundingNewList li:last-child {
  border-bottom: 1px dashed rgba(0, 0, 0, 0.15);
}

/* search_foundingList */
.nav-pills.normal .nav-item+.nav-item {
  margin-left: 2.34375vw;
}

.nav-pills.normal .nav-link {
  color: #a5a5a5;
  border-bottom: 2px solid #a5a5a5;
}

.nav-pills.normal .nav-link.active {
  background-color: transparent;
  color: #000;
  border-bottom-color: #000;
}

.foundingList-main .tab-content {
  margin-top: 66px;
}

.foundingList-main .anchor-row {
  margin-top: 40px;
}

.foundingList-result {
  max-width: 77.5rem;
  width: 100%;
  margin: 70px auto 0;
}

.foundingList-result .table {
  table-layout: fixed;
}

.foundingList-result .table th,
.foundingList-result .table td {
  padding-left: 0;
}

.foundingList-result .table thead th {
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 15px;
  border-top: 2px solid #000;
  border-bottom: 2px solid #000;
}

.foundingList-result .table tbody th,
.foundingList-result .table tbody td {
  font-weight: lighter;
  border-top-style: dashed;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 15px;
}

.foundingList-result .table tbody tr:last-child th,
.foundingList-result .table tbody td {
  border-bottom: 1px solid #dee2e6;
}

.foundingApplicantList .table thead th:nth-child(1),
.foundingApplicantList .table tbody th {
  /*padding-left: 15px;*/
  /*padding-right: 30px;*/
  /*width: 6.6129%;*/
  width: 5%;
}

.foundingApplicantList .table thead th:nth-child(2),
.foundingApplicantList .table tbody td:nth-child(2) {
  /*padding-right: 30px;*/
  /*width: 5.161%;*/
  width: 5%;
}

.foundingApplicantList .table thead th:nth-child(3),
.foundingApplicantList .table tbody td:nth-child(3) {
  /*padding-right: 50px;*/
  /*width: 9.677%;*/
  width: 10%;
}

.foundingApplicantList .table thead th:nth-child(4),
.foundingApplicantList .table tbody td:nth-child(4) {
  /*padding-right: 46px;*/
  /*width: 26.935%;*/
  width: 15%;
}

.foundingApplicantList .table thead th:nth-child(5),
.foundingApplicantList .table tbody td:nth-child(5) {
  /*padding-right: 62px;*/
  /*width: 19.113%;*/
  width: 15%;
}

.foundingApplicantList .table thead th:nth-child(6),
.foundingApplicantList .table tbody td:nth-child(6) {
  /*padding-right: 62px;*/
  /*width: 33.065%;*/
  width: 12%;
}

.foundingApplicantList .table thead th:nth-child(7),
.foundingApplicantList .table tbody td:nth-child(7) {
  /*padding-right: 30px;*/
  /*width: 5.161%;*/
  width: 20%;
}

.foundingApplicantList .table thead th:nth-child(8),
.foundingApplicantList .table tbody td:nth-child(8) {
  /*padding-right: 50px;*/
  /*width: 9.677%;*/
  width: 8%;
}

.foundingApplicantList .table thead th:nth-child(9),
.foundingApplicantList .table tbody td:nth-child(9) {
  /*padding-right: 30px;*/
  /*width: 5.161%;*/
  /* width: 10%; */
  width: 6%;
}

.foundingApplicantList.project .table thead th:nth-child(1),
.foundingApplicantList.project .table tbody th {
  /*padding-left: 15px;*/
  /*padding-right: 30px;*/
  /*width: 6.6129%;*/
  /* width: 7%; */
  width: 65px;
}

.foundingApplicantList.project .table thead th:nth-child(2),
.foundingApplicantList.project .table tbody td:nth-child(2) {
  /*padding-right: 30px;*/
  /*width: 5.161%;*/
  width: 7%;
  text-align: center;
}

.foundingApplicantList.project .table thead th:nth-child(3),
.foundingApplicantList.project .table tbody td:nth-child(3) {
  /*padding-right: 50px;*/
  /*width: 9.677%;*/
  /* width: 12%; */
  width: 124px;
}

.foundingApplicantList.project .table thead th:nth-child(4),
.foundingApplicantList.project .table tbody td:nth-child(4) {
  /*padding-right: 46px;*/
  /*width: 26.935%;*/
  /* width: 18%; */
  width: 15%;
}

.foundingApplicantList.project .table thead th:nth-child(5),
.foundingApplicantList.project .table tbody td:nth-child(5) {
  /*padding-right: 62px;*/
  /*width: 19.113%;*/
  width: 13%;
}

.foundingApplicantList.project .table thead th:nth-child(6),
.foundingApplicantList.project .table tbody td:nth-child(6) {
  /*padding-right: 62px;*/
  /*width: 33.065%;*/
  /* width: 28%; */
  width: 14%;
}

.foundingApplicantList.project .table thead th:nth-child(7),
.foundingApplicantList.project .table tbody td:nth-child(7) {
  /*padding-right: 30px;*/
  /*width: 5.161%;*/
  /* width: 8%; */
  width: 18%;
}

.foundingApplicantList.project .table thead th:nth-child(8),
.foundingApplicantList.project .table tbody td:nth-child(8) {
  /*padding-right: 50px;*/
  /*width: 9.677%;*/
  width: 8%;
}

.foundingCommitteeList .table thead th:nth-child(1),
.foundingCommitteeList .table tbody th {
  width: 7%;
}

.foundingCommitteeList .table thead th:nth-child(2),
.foundingCommitteeList .table tbody td:nth-child(2) {
  width: 7%;
}

.foundingCommitteeList .table thead th:nth-child(3),
.foundingCommitteeList .table tbody td:nth-child(3) {
  width: 11%;
}

.foundingCommitteeList .table thead th:nth-child(4),
.foundingCommitteeList .table tbody td:nth-child(4) {
  width: 20%;
}

.foundingCommitteeList .table thead th:nth-child(5),
.foundingCommitteeList .table tbody td:nth-child(5) {
  width: 15%;
}

.foundingCommitteeList .table thead th:nth-child(6),
.foundingCommitteeList .table tbody td:nth-child(6) {
  width: 40%;
}

/* recruitment */
.recruitment-main .highlight > .listType {
  justify-content: space-between;
}
.recruitment-main .highlight > .listType .left {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.recruitment-main .board-main {
  margin-top: 32px;
}

.recruitment-main .highlight {
  font-weight: lighter !important;
}

.selected-filter {
  margin-top: 23px;
}

.selected-filter .requirement {
  display: inline-block;
  border: solid 1px #a1a1a1;
  padding: 5px 29px 5px 10px;
  margin-bottom: 11px;
  position: relative;
  margin-right: 5px;
}

.filter-group {
  margin-top: 30px;
}

.filter-row {
  padding: 10px 0;
  border-top: 1px dashed #a1a1a1;
}

.filter-row:last-child {
  border-bottom: 1px dashed #a1a1a1;
}

.filter-row+.filter-row {
  margin-top: 0;
}

.filter-row .h5 {
  margin-right: 22px;
}

.filter-row button[data-toggle="modal"] {
  font-size: 1rem;
  padding: 3px 9px;
}

.recruitment-main .result-info {
  font-size: 24px;
  line-height: 28px;
  margin-bottom: 18px !important;
  font-weight: lighter;
}

.recruitment-main .board {
  padding-top: 0;
  padding-bottom: 0;
}

.recruitment-main .wrapper {
  padding-left: 32px;
  padding-right: 32px;
}

.recruitment-main .table td,
.recruitment-main .table th {
  border-top-style: dashed;
}

.recruitment-main thead th {
  border-top: 0;
  border-bottom: 1px dashed #dee2e6;
  font-size: 14px;
  line-height: 1;
  padding-top: 27px;
  padding-bottom: 14px;
}

.recruitment-main tbody tr {
  margin-top: 6px;
  margin-bottom: 6px;
}

.recruitment-main tbody tr:hover {
  background-color: #efefef;
}

.recruitment-main tbody th div {
  font-weight: lighter;
}

.customSM th i,
.customSM td i {
  font-style: normal;
}

#placeModal.show {
  z-index: 1051;
}

#placeModal.show+#filterModal.show {
  z-index: 0;
}

#placeModal .modal-body {
  padding: 50px 20px;
}

#placeModal .form-group.arrowB {
  width: 260px;
  margin: 36px auto 30px;
}

#placeModal .form-row {
  padding-left: 5px;
}

#placeModal .form-control,
#placeModal .form-check-label {
  font-weight: lighter;
}

#placeModal .form-check {
  margin-bottom: 16px;
}

#placeModal button {
  font-size: 16px;
}

/* recruitment_detail */
.recruitmentD-main+footer {
  margin-top: 6.25rem;
}

.recruitmentD .backList {
  font-weight: lighter;
  margin-bottom: 18px;
}

.recruitmentD-main .head-row {
  padding-bottom: 40px;
  border-bottom: 2px solid #000;
  margin-bottom: 40px;
}

.recruitmentD-main .head {
  align-items: flex-start;
}

.recruitmentD-main .head-row a.go {
  font-size: 18px;
  font-weight: bold;
}

.recruitmentD-main .head-row .bottom {
  margin-top: 40px;
}

.recruitmentD-main .part+.part {
  margin-top: 40px;
}

.recruitmentD-main .part .label {
  font-weight: bold;
  color: #fff;
  background-color: #000;
  padding: 3px 13px;
  display: inline-block;
  margin-bottom: 16px;
}

.recruitmentD-main .part p {
  line-height: 30px;
}

.recruitmentD-main .part a {
  text-decoration: underline;
  white-space: pre-line;
  word-break: break-word;
}

.recruitmentD-main .part a:hover {
  color: #d0001b;
}

.recruitmentD-other+footer {
  margin-top: 100px;
}

.recruitmentD-other {
  margin-top: 68px;
}

.recruitmentD-typeList .company {
  margin-top: 5px;
}

/* events */
.login-action {
  text-align: right;
  margin-bottom: 20px;
}
.login-action a {
  background-color: #d3001b;
  color: #fff;
  position: relative;
  padding-left: 12px;
  padding-right: 12px;
}
.pen::before {
  margin-right: 6px;
  content: '';
  display: inline-block;
  position: relative;
  top: -2px;
  width: 20px;
  height: 20px;
  background-size: 100%;
  background-image: url(../images/icon/icon_add@3x.png);
}

.events-main .page-head {
  align-items: center;
}

.events-main .highlight p {
  font-weight: lighter;
}

.events-main .filter p a {
  white-space: pre-line;
  word-break: break-word;
  letter-spacing: 0.8px;
  text-decoration: underline;
  display: inline-block;
}

.events-main .filter .anchor-row {
  margin-top: 10px;
}

.eventsList-wrapper>nav {
  margin-top: 10px;
}

.show-advance {
  font-size: 18px;
  line-height: 26px;
  font-weight: bold;
  position: relative;
}

.show-advance::after {
  top: 50%;
  right: -20px;
  transform: translateY(-50%);
  transition: all 0.3s ease-in-out;
}

.show-advance.active:after {
  transform: translateY(-50%) rotate(180deg);
}

/* event_detail */
.eventD .breadcrumb {
  margin-bottom: 75px;
}
.eventD .backList {
  margin-bottom: 50px;
}
.eventD-main .wrapper {
  align-items: flex-start;
}
.eventD-main .board .topic {
  margin-bottom: 4.6875vw;
}
.eventD-main .board .topic .info {
  align-items: center;
  justify-content: center;
  margin-bottom: 4.48vw;
}
.eventD-main .board .topic .info .type {
  background-color: #000000;
  font-size: 18px;
  padding: 1px 8px;
  height: 22px;
  line-height: 22px;
}
.eventD-main .board .topic .info .date {
  letter-spacing: 2.4px;
  font-size: 24px;
  line-height: 30px;
  color: #3f3f3f;
}
.eventD-main .board .topic .head {
  margin-bottom: 4.48vw;
}
.eventD-main .board .topic .head h2 {
  font-size: 45px;
  line-height: 72px;
}
.eventD-main .board .thumbnail {
  /* max-width: 500px; */
  margin: auto;
  width: 100%;
}
.eventD-main .board .thumbnail .bg-wrapper {
  padding-bottom: 66.667%;
  padding-bottom: 100%;
  background-size: contain;
}
.eventD-main .board .detail {
  align-items: flex-start;
}
.eventD-main .board .detail .des {
	word-break: break-all;
    word-wrap: break-word;
}
.eventD-main .board .detail .des figure {
	width: 100%!important;
	margin-bottom: 0;
}
.eventD-main .board .detail p,
.eventD-main pre {
  font-weight: normal;
}
.eventD-main .board .info-group .part {
  padding-bottom: 35px;
  word-break: break-all;
  word-wrap: break-word;
}
.eventD-main .board .info-group .part+.part {
  border-top: 1px solid rgba(0, 0, 0, 0.15);
  padding-top: 35px;
}
.eventD-main .board .info-group .part h5 {
  font-size: 22px;
  line-height: 26px;
}
.eventD-main .board .info-group .info .ctx {
  overflow-wrap: break-word;
  word-break: break-word;
  font-weight: normal;
}
.eventD-main .board .info-group .info .ctx b {
  font-weight: bold;
}
.eventD-main .board .info-group h5+.ctx {
  margin-top: 18px;
}
.eventD-main .board .info-group .info a {
  color: #D3001B;
  font-size: 18px;
  line-height: 28px;
  letter-spacing: 0.8px;
  font-weight: normal;
  text-decoration: underline;
}
.eventD-main .board .detail + .media-group {
  margin-top: 5vw;
}
.eventD-main .media-group {
  text-align: center;
}
.eventD-main .media-group .video-wrap {
  padding-bottom: 66.667%;
  position: relative;
}
.eventD-main .media-group .video-wrap iframe {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.eventD-main .media-group .video-wrap + img,
.eventD-main .media-group img + .video-wrap,
.eventD-main .media-group .video-wrap + .video-wrap,
.eventD-main .media-group img + img {
  margin-top: 50px;
}

.other-event h3 {
  margin-bottom: 35px;
}

blockquote {
	color: #000;
	padding-left: 20px;
    border-left: 6px solid;
}

@media all and (min-width: 1920px) {
	.card[indexCard3] .en,
	.card[indexCard4] .en	{
		font-size: 68px;
		line-height: 84px;
		left: 48px;
	}
	.card[indexCard4] .anchor-group .anchor+.anchor {
		margin-top: 30px;
	}
	.card[indexCard5] .en {
		font-size: 55px;
		line-height: 74px;
	}
	.card[indexCard12] .en {
		font-size: 200px;
		left: 78px;
	}

}

@media screen and (min-width: 1281px) {

  /* publish */
  .publish-main .page-head .filter {
    width: calc(100% - 4.125rem);
    right: 36px;
  }

  .award-main .page-head .title .en {
    font-size: 3.3rem;
  }
}

@media screen and (min-width: 1025px) {

  /* footer */
  .infoBar.about .logo {
    width: 21.875%;
  }
}

@media screen and (max-width: 1270px) and (min-width: 1101px) {
	.infoBar.about .logo {
		width:	19.5%;
	}
	.infoBar.about li {
		padding: 0 15px
	}
}

@media screen and (min-width: 992px) {
  .navbar {}

  nav.navbar .layout {
    padding-left: .9375rem;
    padding-right: .9375rem;
    -ms-flex-align: flex-start;
    align-items: flex-end;
    position: relative;
  }

  nav.navbar .right {
    width: 53%;
    display: flex;
    justify-content: space-between;
  }

  .navbar-brand {
    padding-top: 3.125rem;
    padding-bottom: 1.75rem;
  }

  .navbar-brand img {
    width: auto;
    height: 2.875rem;
  }

  .navbar .social-bar,
  .navbar-expand-lg .navbar-toggler {
    padding-bottom: 1.75rem;
  }

  .navbar .social-bar {
    /* margin-left: auto!important; */
  }

  .navbar-expand-lg .navbar-toggler {
    display: block;
    padding-top: 0;
    z-index: 2;
    /* margin-left: 13%; */
  }

  .navbar-expand-lg .navbar-nav .nav-item {
    transition: all .35s;
  }

  .navbar-expand-lg .navbar-nav .nav-link {
    padding: .625rem 0 .375rem;
    color: #000;
  }

  .navbar ul:not(.social-bar) .nav-link {
    padding: 1.375rem 1.875rem;
    font-size: 1.5rem;
  }

  .nav-item.dropdown .nav-link {
    border: solid 1px transparent;
  }

  .nav-item.dropdown .nav-link[aria-expanded="true"],
  .nav-item.dropdown.show .nav-link {
    border-color: #aaaaaa;
  }

  .nav-link.dropdown-toggle::after {
    display: none;
  }

  .dropdown-menu {
    width: 100%;
    border-radius: 0;
    border-color: #aaaaaa;
    border-top: 0;
    margin-top: 0;
    padding: 0;
  }

  .dropdown-item {
    padding: 22px 30px;
    font-weight: lighter;
    position: relative;
    border-top: 1px solid #aaaaaa;
    white-space: normal;
  }

  .dropdown-item:hover,
  .dropdown-item:focus,
  .dropdown-item.active {
    background-color: #e6e6e6;
    color: #000;
    font-weight: bold;
  }

  .dropdown-item:hover::before,
  .dropdown-item:focus::before,
  .dropdown-item.active::before {
    content: '';
    display: inline-block;
    position: absolute;
    width: 10px;
    height: 2px;
    background-color: #000;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
  }

  .dropdown-submenu .dropdown-menu .dropdown-item::before {
    left: 34px;
  }

  .dropdown-submenu .dropdown-toggle::after {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 26px;
  }

  .navbar-expand-lg .navbar-collapse {
    flex-basis: 100% !important;
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    background-color: #fff;
    align-items: flex-end;
    z-index: 1;
    transition: height .35s ease;
  }

  .navbar-expand-lg .navbar-collapse.show {
    height: 238px;
  }

  .navbar-expand-lg .navbar-collapse.collapse:not(.show) {
    display: none !important;
  }
}

@media screen and (min-width: 1200px) {
	.newsList-main .search-filter .form-group.last input {
		padding-left: 3.125vw;
		padding-right: 4.5833vw;
	}
	.newsList-main .search-filter .form-group.last button {
		right: 3.125vw;
	}
}

@media screen and (min-width: 768px) and (max-width: 1280px) {

  /* publish */
  .publish-main .page-head .filter {
    width: calc(100% - 2.875rem);
  }
  .publish-main .page-head .filter {
    width: calc(100% - 2.875rem);
  }
}

@media screen and (min-width: 768px) {
  .inlineI {
    display: inline-block;
    vertical-align: middle;
  }

  .page-head {
    padding-left: 1.875rem;
  }

  footer .infoBar .head {
    font-weight: bold;
    margin-bottom: 2rem;
  }

  .infoBar .main>.head,
  .infoBar .main>.close {
    display: none;
  }

  .infoBar.about .logo img {
    max-width: 15.125rem;
  }

  .infoBar.about .logo {
    text-align: right;
  }

  .infoBar.about li:first-child {
    padding-left: 0;
  }

  .infoBar.about li.line {
    margin-left: 3.75rem;
    padding: 0;
  }

  footer .group {
    padding: 0 3.75rem;
  }

  footer .group:not(:last-child) {
    border-right: 1px solid #000;
  }

  /* index */
  ._00 {
    z-index: 0;
  }

  ._01 {
    z-index: 3;
  }

  ._02 {
    z-index: 2;
  }

  ._03 {
    z-index: 1;
  }

  .card[rotate-text] a:hover * {
    color: #d8001b;
  }
  .card[rotate-text] a:hover i.playicon {
	border-left-color: #d8001b;
  }	

  .card[rotate-text] a:hover figcaption .show::after {
    border-left-color: #d8001b;
  }

  .card[rotate-card]:hover {
    transform: scale(1.1) rotate(4deg) !important;
  }

  .index-main .row:nth-child(even) .card[rotate-card]:last-child:hover,
  .index-main .row:nth-child(odd) .card[rotate-card]:first-child:hover {
    transform: scale(1.1) rotate(-4deg) !important;
  }
  
  .card[indexCard1] .bg-wrapper {
	  background-image: none!important;
  }

  /* Information */
  .listType>.right {
    margin-left: .3125rem;
  }

  .page-head .filter {
    width: calc(100% - 35.390625%);
  }

  .page-head .anchor-row {
    padding-bottom: 1rem;
  }

  .board {
    padding-top: 3.125vw;
    padding-bottom: 3.125vw;
  }

  .prepad .board {
    margin-top: -1rem;
  }

  .prepad .fullPad {
    /* margin-top: -12.25rem; */
    margin-top: -10.208333vw;
  }

  .board .grid {
    width: 50%;
  }

  .board .grid:nth-child(odd) {
    padding-right: 2.0833vw;
  }

  .board .grid:nth-child(even) {
    padding-left: 2.0833vw;
  }

  .tab-pane#info1,
  .tab-pane#info3 {
    padding-left: 8.0729vw;
    padding-right: 8.0729vw;
  }

  .tab-pane#info1 .grid:not(:nth-child(1)):not(:nth-child(2)),
  .tab-pane#info3 .grid:not(:nth-child(1)):not(:nth-child(2)) {
    margin-top: 1.875rem;
  }

  .tab-pane#info2 {
    padding-left: 6.77083vw;
    padding-right: 6.77083vw;
  }

  .tab-pane#info2 .resource .fileDownload {
    width: 25rem;
  }

  /* announcement */
  .announce-main .board {
    padding-bottom: 5.2083vw;
  }

  .announce-main .ctx {
    max-width: 57.3125rem;
    margin: auto;
  }

  /* news */
  .newsList-main+footer {
    margin-top: 7.5rem;
  }

  .newsList-wrapper {
    z-index: 2
  }

  .newsList-main .filter {
    justify-content: flex-end;
    margin-bottom: 10.208333vw;
	flex-direction: column;
	align-items: flex-start;
	width: calc(100% - 35.390625% - 3.125vw);
  }

  .newsList-main .search-filter {
    /* width: 28.125rem; */
    /* margin-left: 3.125vw; */
	width: 100%;
	margin-top: 1.875rem
  }
  .newsList-main .search-filter .--select .placeholder:after {
	  right: 40px;
  }

  .newsList-main .form-group {
    margin-bottom: 0;
  }
  
  .newsList-main .search-filter .form-group:not(.last),
  .newsList-main .--select {
    min-width: 7.5rem;
    max-width: 14.375rem;
    margin-bottom: 0;
	width: 100%;
  }
  
  .newsList-main .search-filter .form-group.last input {
	  height: calc(3.315rem + 2px);
  }

  .newsCard {
    max-width: 19.375rem;
  }

  .newsCard .info {
    margin-top: 1.125rem;
  }

  .newsCard .title {
    max-height: 5.625rem;
    -webkit-line-clamp: 3;
    -moz-line-clamp: 3;
  }

  /* news_detail */
  .newsD-main .page-head {
    width: 37.65625%;
    margin-top: 3.125rem;
  }

  .newsD-main .page-head .head {
    width: 100%;
  }

  .newsD-main .board-main {
    width: 56.344%;
    margin-left: auto;
    padding-right: .9375rem;
  }

  .newsD-main h2.title {
    font-weight: normal;
  }

  .newsD-main .main-content {
    margin-top: 1.4375rem;
  }

  .newsD-typeList {
    max-width: 24.375rem;
    width: 100%;
  }

  .newsD-typeList .title {
    height: 3.5rem;
    max-height: 3.5rem;
    -webkit-line-clamp: 2;
    -moz-line-clamp: 2;
  }

  .newsD-typeList .more {
    font-weight: bold;
  }

  .newsD-other+footer {
    margin-top: 6.125rem;
  }

  /* publish */
  .publish-main .page-head .filter {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 15px;
  }

  .publish-main .page-head .anchor-row {
    justify-content: flex-end;
  }

  .publish-main .wrapper>p{
    text-align: center;
    width: 100%;
    margin: 0 auto 2rem;
  }

  .tab-pane[id^=publish1],
  .tab-pane#publish2_detail,
  .tab-pane#publish3,
  .tab-pane#publish4,
  .tab-pane#publish5,
  .tab-pane.isDetail {
    max-width: 61.875rem;
    width: 100%;
    margin: auto;
    padding-left: .9375rem;
    padding-right: .9375rem;
  }

  .tab-pane .list-filter,
  .tab-pane .list-filter form {
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: center;
  }

  .tab-pane .list-filter .form-group {
    width: 16.25rem;
    display: inline-block;
    margin-bottom: 0;
    margin-left: 1.375rem;
    margin-right: 1.375rem;
  }

  .tab-pane#publish1 .date {
    width: 8.75rem;
  }

  .tab-pane#publish1 .title {
    width: calc(100% - 8.75rem);
  }

  .tab-pane#publish1_detail .topic {
    width: 43.4375%;
    padding-right: 2.916667%;
  }

  .tab-pane#publish1_detail .info {
    width: 53.125%;
    padding-left: 2.604166%;
  }

  .tab-pane#publish1_detail .topic .title {
    line-height: 3.125rem;
  }

  .tab-pane.publish1_detail .topic {
    width: 43.4375%;
    padding-right: 2.916667%;
  }

  .tab-pane.publish1_detail .info {
    width: 53.125%;
    padding-left: 2.604166%;
  }

  .tab-pane.publish1_detail .topic .title {
    line-height: 3.125rem;
  }

  .tab-pane#publish2 {
    padding-left: 8.375vw;
    padding-right: 7.552vw;
  }

  .tab-pane .issueList .issue {
    max-width: 14.375rem;
    width: 100%;
  }

  .tab-pane .issueList .issue:nth-child(-n+4) {
    margin-top: 0;
  }

  .tab-pane#publish4 .winnderList,
  .tab-pane#publish5 .winnderList {
    max-width: 59.125rem;
    width: 100%;
  }

  .tab-pane .winnderList .winner {
    max-width: 28.5rem;
    width: 100%;
  }

  .publisD-theme .thumbnail {
    width: 38.541667%;
  }

  .publisD-theme .detail {
    width: 56.25%;
  }

  .publisD-theme .notice-part+.notice-part {
    border-top: 1px solid rgba(0, 0, 0, 0.25);
    margin-top: 2.1875rem;
  }

  .other-publish .winnderList .winner {
    max-width: 17.1875rem;
  }

  .other-publish .winnderList .winner,
  .other-publish .winnderList .winner .detail {
    width: 100%;
  }

  .other-publish .winnderList .winner .thumbnail {
    width: 61.2245%;
  }

  .other-publish .winnderList .winner .detail {
    text-align: center;
  }

  .other-publish .winnderList .winner .label {
    margin-top: 1.6875rem;
    margin-bottom: .25rem;
  }

  /* about */
  .tab-content>#about1.active {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
  }

  #about1 .leftList {
    display: inline-block;
    width: 20.3125%;
  }

  #about1 .leftList ul {
    display: flex;
    flex-flow: column nowrap;
  }

  #about1 .board {
    display: inline-block;
    width: 71.09375%;
  }

  .tab-pane .leftList {
    margin: -1rem 2.0833vw 0 3.22917vw;
  }

  .about-main .fullPad,
  .about-main .filter {
    margin-top: -6.35417vw;
  }

  .leftList .nav-pills {
    display: flex;
    flex-flow: column nowrap;
    align-items: flex-end;
    justify-content: stretch;
  }

  .leftList .subAnchor {
    width: 100%;
  }

  .leftList .subAnchor a {
    padding: 7px 30px;
  }

  #about1 .leftList .subAnchor:nth-child(-n+5):not(:first-child) {
    width: calc(100% - 30px);
  }

  div[id^=about1_] .wrapper {
    max-width: 51.75rem;
    margin: auto;
  }

  #about1_2 .editor-part li,
  #about1_3 .editor-part li {
    justify-content: flex-start;
  }

  #about1_2 .editor-part .year,
  #about1_3 .editor-part .year {
    width: 6.25rem;
	width: 155px;
	flex-shrink: 0;
    margin-right: 4.6875vw;
  }

  #about2 .wrapper,
  #about3 .wrapper {
    max-width: 62.5rem;
    margin: auto;
  }

  #about2 .listType .year+.right {
    margin-left: 1.31vw;
  }

  #about3 .wrapper>p {
    text-align: center;
    /*max-width: 734px;*/
    width: 100%;
    margin: 0 auto 2rem;
  }

  /* award */
  .award-main .fullPad,
  .award-main .filter,
  .foundingList-main .fullPad,
  .foundingList-main .filter {
    margin-top: -6.35417vw;
  }

  .tab-pane .wrapper {
    width: 100%;
    margin: auto;
  }

  div[id^="award"] .wrapper {
    max-width: 62.5rem;
  }

  #award2 .wrapper {
    padding-bottom: 5.625rem;
  }

  #award2 .amendment-record {
    align-items: flex-start;
  }

  #award2 .amendment-record>.left {
    width: 50%;
  }

  #award2 .amendment-record>.right {
    width: 35%;
  }

  #award3 .intro .editor-part {
    width: 64.583%;
  }

  #award3 .intro .logo {
    width: 31.25%;
  }

  .awardList .awardArtist {
    margin-top: 2.6875rem;
  }

  .awardList .awardArtist a {
    max-width: 13.125rem;
    width: 100%;
  }

  #award3 .awardList .awardArtist:nth-child(-n+4) {
    margin-top: 0;
  }

  .tab-pane:not(#award3) .awardList .awardArtist .ch-name {
    font-size: 16px;
  }

  .tab-pane:not(#award3) .awardList .awardArtist .title {
    font-size: 14px;
  }

  #award3 .awardList .awardArtist .detail {
    margin-top: 1.0625rem;
  }

  #award3 .awardList .awardArtist .en-name {
    font-size: 13px;
  }

  #award4 .wrapper {
    padding-bottom: 6.875rem;
  }

  #award4 .editor-part:not(:last-child) {
    padding-bottom: 2rem;
    border-bottom: 1px solid #000;
  }

  #award4 .editor-part+.editor-part {
    margin-top: 2rem;
  }

  #award4 .awardList {
    margin-left: -12px;
    margin-right: -12px;
  }

  #award4 .awardList .awardArtist {
    padding-left: 12px;
    padding-right: 12px;
  }

  #award4 .awardList .awardArtist:nth-child(-n+6) {
    margin-top: 0;
  }

  #award4 .awardList .awardArtist .detail {
    margin-top: .5rem;
  }

  #award4 .awardList .awardArtist .ch-name {
    font-size: 16px;
  }

  #award_detail .wrapper {
    max-width: 65rem;
  }

  #award_detail .ctx {
    line-height: 1.875rem;
    font-weight: lighter;
  }

  #award_detail .left {
    width: 52%;
  }

  #award_detail .right {
    width: 35.6%;
  }

  .ncafTab .tabs-navi {
    justify-content: flex-start;
    z-index: 2;
    margin-bottom: -1px;
  }

  .ncafTab .tabs-wrap {
    border: 1px solid #000;
  }

  .ncafTab .tabs-wrap .tabs-body {
    padding: 4.625rem 4.3229vw 3.8125rem;
  }

  .ncafTab .tabs-wrap a.tabs-link {
    display: none;
  }

  .other-artist {
    max-width: 662px;
    width: 100%;
    margin: 67px auto 0;
  }

  .other-artist .awardList {
    margin-left: -12px;
    margin-right: -12px;
  }

  .other-artist .awardList .awardArtist {
    margin-top: 0;
    padding-left: 12px;
    padding-right: 12px;
  }

  /* contact */
  .contact-main .board {
    max-width: 1080px;
    padding-top: 3.75vw;
    padding-bottom: 3.125vw;
  }

  .contact-main .ctx {
    max-width: 955px;
    width: 100%;
    margin: auto;
  }

  .contact-main .fBalance {
    align-items: flex-start;
  }

  .contact-main .left {
    width: 46.492%;
    padding-right: 15px;
  }

  .contact-main .right {
    width: 50.2618%;
  }

  /* founding */
  .highlight {
    padding-left: 3.64583vw;
  }

  .tab-pane[id^=founding] .wrapper {
    padding-left: 20px;
    padding-right: 20px;
  }

  .tab-pane[id^=founding] .type-group .info:not(.fBalance) {
    text-align: center;
  }

  .tab-pane[id^=founding] .type-group .info>p {
    max-width: 800px;
    width: 100%;
    margin: auto;
  }

  .type-group .info.fBalance>.head {
    min-width: 144px;
    max-width: 218px;
    margin-right: 15px;
  }

  .type-group .info.fBalance>p,
  .type-group .info.fBalance>.p {
    width: 77.037%;
    line-height: 30px;
    background-color: #fff;
  }

  #founding1 .wrapper,
  #founding3 .wrapper {
    max-width: 1120px;
  }

  #founding2 .wrapper {
    max-width: 1230px;
  }

  .apply-flow .applyPoint {
    max-width: 590px;
    width: 100%;
  }

  #founding3 .type-group .info.fBalance>.p {
    width: 75.0926%;
  }

  #founding4 .wrapper {
    max-width: 1110px;
  }

  #founding4 .type-group .info.fBalance>.p {
    width: 69.369%;
  }

  /* founding-detail */
  .foundingD-main .page-head {
    padding-left: 15px;
    max-width: 1275px;
  }

  .foundingD-main .board-main .wrapper,
  .submission-main .board-main .wrapper {
    max-width: 1080px;
    width: 100%;
    margin: auto;
  }

  .foundingD-main .type-group .info.fBalance>.p,
  .foundingD-main .type-group .info.fBalance>p,
  .submission-main .type-group .info.fBalance>.p,
  .submission-main .type-group .info.fBalance>p {
    width: 75%;
  }

  .applyTimeList {
    margin-left: -10px;
    margin-right: -10px;
  }

  .applyTimeList .applyTime {
    padding-left: 10px;
    padding-right: 10px
  }

  .col-md-12.applyTime .wrapper {
    padding: 12px 22px 10px;
  }

  .col-md-12.applyTime .h3 {
    margin-bottom: 12px;
  }

  .col-md-12.applyTime .part+.part {
    margin-top: 0;
  }

  .col-md-12.applyTime .part .time {
    font-size: 24px;
    margin-top: 8px;
    letter-spacing: 1.2px;
  }

  .col-md-12.applyTime .part:nth-child(1) {
    width: 290px;
  }

  .col-md-12.applyTime .part:nth-child(2),
  .col-md-12.applyTime .part:nth-child(3) {
    width: 135px;
  }

  .col-md-12.applyTime .part:nth-child(2) {
    margin-left: 4.01vw;
    margin-right: 4.948vw;
  }

  .col-md-12.applyTime .part-group {
    justify-content: flex-start;
  }

  .foundingNewList li a .date {
    padding-left: 15px;
  }

  .other-application .thumbnail-wrapper {
    width: 28.395%;
    transform: rotate(-4deg);
  }

  .other-application .info {
    width: 61.728%;
  }

  #foundingD7 .info .p {
    overflow: hidden;
  }

  /* submission */
  .submission-main .board-main,
  .submission-main .page-head .filter,
  .foundingList-main .page-head .filter {
    margin-top: -160px;
  }

  .submission-main .page-head .filter,
  .foundingList-main .page-head .filter  {
    margin-bottom: 80px;
  }

  .foundingList-main form {
    max-width: 810px;
    width: 100%;
    margin: auto;
  }

  /* recruitment */
  #openFilter,
  #filterModal {
    display: none;
  }

  .recruitment form+footer {
    margin-top: 100px;
  }

  .recruitment .highlight span {
    margin-left: 16px;
  }

  .recruitment-main .filter-group,
  .recruitment-main .selected-filter,
  .recruitment-main .highlight > .listType {
    max-width: 642px;
    width: 100%;
  }

  .recruitment-main .result-info,
  .recruitment-main .board {
    max-width: 1100px;
    margin: auto;
    width: 100%;
  }

  .customSM th i,
  .customSM td i {
    display: none;
  }

  #placeModal .modal-content {
    border: 2px solid #000;
  }

  #placeModal .modal-body {
    max-width: 592px;
    width: 100%;
    margin: auto;
  }

  .recruitment-main nav[aria-label^="Page"] {
    margin-top: 30px;
  }

  /* recruitment_detail */
  .recruitmentD .board,
  .recruitmentD .backList,
  .eventD .board,
  .eventD .backList {
    max-width: 1080px;
    margin-left: auto;
    margin-right: auto;
  }

  .recruitmentD .board {
    padding-top: 3.75vw;
    padding-bottom: 3.125vw;
  }

  .recruitmentD .wrapper {
    max-width: 925px;
    width: 100%;
    margin: auto;
    padding-left: 20px;
    padding-right: 20px;
  }

  .recruitmentD-other .container-fluid {
    max-width: 949px;
    width: 100%;
    margin: auto;
  }

  /* events */
  .events-main .highlight {
    padding-left: 4.4792vw;
    letter-spacing: 1.6px;
  }

  .events-main .board-main {
    margin-top: 75px;
  }

  .eventsList-wrapper {
    max-width: 1240px;
    width: 100%;
    margin: auto;
  }

  .eventsList-wrapper>.row {
    margin-left: -20px;
    margin-right: -20px;
  }

  .eventList {
    padding-left: 20px;
    padding-right: 20px;
  }

  /* event_detail */
  .eventD-main .board {
    padding-top: 5.4166vw;
    padding-bottom: 9.6875vw;
  }
  .eventD-main .wrapper {
    max-width: 850px;
    width: 100%;
    margin: auto;
    padding-left: 20px;
    padding-right: 20px;
  }
  .eventD-main .board .detail .des {
    width: 46.915%;
    margin-right: 15px;
  }
  .eventD-main .board .detail .head-row {
    width: 45.68%;
    margin-top: 6px;
  }
  .eventD-main .board .info-group {
    /* margin-top: 4px; */
  }
  .eventD-main .board .detail p,
  .eventD-main pre {
    font-size: 20px;
    line-height: 36px;
  }
  .other-event {
    max-width: 950px;
    width: 100%;
    margin: 57px auto 100px;
  }

  .other-event h3 {
    text-align: left;
  }
}

@media screen and (min-width: 576px) {
  .modal-dialog {
    max-width: 800px;
  }
}

@media screen and (max-width: 1280px) {
  .anchor {
    width: 13.0208vw;
    height: 13.0208vw;
    font-size: 2.0833vw;
  }

  .anchor .icon {
    margin-top: 0;
  }

  .card[indexCard4] .anchor-group {
    right: 1.875rem;
    top: 50%;
    transform: translateY(-50%);
  }

  .card[indexCard8] figcaption {
    width: 18.75rem;
  }

  .card[indexCard12] .en {
    left: 50%;
    transform: translateX(-50%);
  }

  /* fontSize & lineHeight increase 1vw */
  .page-head .title .ch {
    font-size: 2.5625vw;
    line-height: 2.97917vw;
  }

  .page-head .title .en {
    font-size: 4.125vw;
    line-height: 5vw;
  }

  .page-head .title .en.xl {
    font-size: 6.2083vw;
    line-height: 6.2083vw;
    padding-left: 2rem;
  }

  .page-head .anchor+.anchor {
    margin-left: 1.8229vw;
  }

  /* news */
  .newsCard .info .date {
    font-size: 2vw;
    margin-right: .25rem;
  }
}

@media screen and (max-width: 1100px) {
  .infoBar.about .main {
    justify-content: center;
  }

  .infoBar.about .logo {
    width: 17.5rem;
    margin: auto;
    text-align: center;
  }
}

@media screen and (max-width: 1199px) {
	.newsList-main .search-filter .form-group.last {
		flex-grow: 1;
		flex-basis: 100%;
		margin: 10px 0;
	}
}

@media screen and (max-width: 1024px) {
  .card[indexCard1] .show-name {
    font-size: 2.77vw;
  }
}

@media screen and (max-width: 991px) {
  .navbar {
    max-height: 575px;
    overflow-y: scroll;
  }

  .navbar-nav {
    width: 100%;
  }

  .navbar-collapse {
    padding: 0;
    background-color: #fff;
  }

  .navbar-collapse.show {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: stretch;
  }
  
  .navbar-collapse .nav-link.fBalance {
	  padding: 17px 30px 17px 45px;
  }

  .navbar-brand {
    padding: 9.5px 1.25rem;
    margin-right: 0;
  }

  .navbar-brand img {
    height: 1.625rem;
    width: auto;
  }

  .navbar-toggler {
    border: 0;
    padding-right: .9375rem;
  }

  .navbar .nav-item:nth-child(1) {
    background-color: #d3001b;
  }

  .navbar .nav-item:nth-child(2),
  .navbar .nav-item:nth-child(6),
  .navbar .nav-item:nth-child(7)  {
    background-color: rgba(211, 0, 27, .9);
  }

  .navbar .nav-item:nth-child(3),
  .navbar .nav-item:nth-child(5) {
    background-color: rgba(211, 0, 27, .8);
  }

  .navbar .nav-item:nth-child(4) {
    background-color: rgba(211, 0, 27, .7);
  }

  .navbar .nav-link,
  .navbar .dropdown-item {
    color: #fff;
    font-size: 1.375rem;
    padding: 1.3125rem 2.8125rem;
  }

  .navbar .dropdown-item {
    font-weight: bold;
  }

  .dropdown-toggle::after,
  .dropdown-submenu .dropdown-toggle::after {
    border-style: solid;
    border-width: 10.4px 6px 0 6px;
    border-color: #ffffff transparent transparent transparent;
    margin-left: 2px;
    vertical-align: 3px;
  }

  .dropdown-toggle[aria-expanded="true"]::after,
  .dropdown-submenu .dropdown-toggle.active::after {
    border-width: 0 6px 10.4px 6px;
    border-color: transparent transparent #ffffff transparent;
  }

  .dropdown-menu,
  .dropdown-item.active,
  .dropdown-item:active,
  .dropdown-item:focus,
  .dropdown-item:hover {
    background-color: #aa001b;
  }

  .dropdown-menu>.dropdown-item,
  .dropdown-submenu .dropdown-toggle {
    padding-left: 4rem;
  }

  .dropdown-submenu .dropdown-menu {
    background-color: #8c001b;
  }

  .dropdown-submenu .dropdown-menu .dropdown-item {
    padding-left: 5.375rem;
  }

  .dropdown-menu {
    background-color: #aa001b;
    padding: 0;
    border: 0;
    border-radius: 0;
    margin: 0;
  }

  .dropdown-menu.collapsing {
    display: block;
  }

  .right .social-bar {
    display: none;
  }
  .social-bar {
	display: flex;
	flex-flow: row nowrap;
  }
  .social .icon {
    width: 40px;
    height: 40px;
    background-size: 80px;
  }
  .social .mail {
    background-position: 0 -80px;
  }
  .social .youtube {
    background-position: 40px -80px;
  }
  .social .facebook {
    background-position: 0 -120px;
  }
}

@media screen and (max-width: 767px) {
  .nopad {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .hideMB {
    display: none;
  }

  [class^="col-"] {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .listType {
    text-align: justify;
  }

  h2,
  .h2 {
    font-size: 1.5rem;
    line-height: 2.25rem;
  }

  h3,
  .h3 {
    font-size: 1rem;
    line-height: 1.625rem;
  }

  h5,
  .h5 {
    font-size: 1rem;
    line-height: 1.5rem;
  }

  p,
  .p {
    font-size: .875rem;
    line-height: 1.75rem;
  }

  p:not(:last-child),
  .p:not(:last-child) {
    margin-bottom: 1.375rem;
  }

  .btn,
  a.btn {
    font-size: .875rem;
    padding: 7.5px 14.5px;
  }

  .go::after,
  .back::before {
    width: .875rem;
    height: .875rem;
    background-size: 1.75rem;
    background-position: .875rem -.875rem;
    margin-right: 7px;
    top: 0;
  }

  .icon.file {
    width: 1.25rem;
    height: 1.25rem;
    background-size: 2.5rem;
    background-position: 0 -5rem;
  }

  .arrowL {
    padding-left: 1rem;
  }

  .arrowR::after {
    border-width: 5px 0 5px 8.7px;
  }

  .share {
    width: 40px;
    height: 40px;
    background-size: 80px;
  }

  .share+.share {
    margin-left: 8px;
  }

  .share.mail {
    background-position: 0 0;
  }

  .share.mail:hover {
    background-position: 40px 0;
  }

  .share.link {
    background-position: 0 -40px;
  }

  .share.link:hover {
    background-position: 40px -40px;
  }

  .share.facebook {
    background-position: 0 -80px;
  }

  .share.facebook:hover {
    background-position: 40px -80px;
  }

  .pagination {
    justify-content: center;
  }

  a.page-link {
    font-size: .875rem;
    padding: 4.5px 9px;
  }

  /* footer */
  .infoBar .main,
  .infoBar.about .main .logo {
    display: none !important;
  }

  footer {
    padding-bottom: 1.4375rem;
  }

  footer .infoBar {
    z-index: 1;
  }

  footer .infoBar+.infoBar {
    margin-top: 1.6875rem;
  }

  footer .infoBar .head {
    text-align: center;
    font-size: 1rem;
    cursor: pointer;
  }

  .infoBar .logo {
    margin-top: 2.875rem;
  }

  .infoBar .logo .info {
    font-size: .875rem;
    line-height: 1.86;
    letter-spacing: 0.5px;
    margin-top: 15px;
  }

  .infoBar .main a,
  .infoBar .main>.head {
    color: #fff;
  }

  .infoBar .main>.head {
    text-align: left;
    font-size: .875rem;
    line-height: 1.625rem;
    padding-bottom: .25rem;
    border-bottom: 1px solid;
    display: inline-block;
    margin-top: 1.8125rem;
    margin-bottom: 1rem;
  }

  .infoBar .main {
    padding-left: 2.5rem;
    padding-right: 1.625rem;
  }

  .infoBar.active .main {
    display: block !important;
    position: fixed;
    z-index: 99;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    display: block;
    background-color: #d8001b;
  }

  .infoBar.groups.active .main {
    background-color: #000;
  }

  .infoBar .icon:not(.close) {
    width: 3.75rem;
    height: 3.75rem;
    background-size: 7.5rem;
    margin-bottom: .5rem;
  }

  .infoBar .icon.close {
    width: 1.875rem;
    height: 1.875rem;
    background-size: 3.75rem;
    background-position: 0 -1.875rem;
    opacity: 1;
    position: absolute;
    top: 1.8125rem;
    right: 1.875rem;
  }

  .organization .icon {
    background-position: 3.75rem 0;
  }

  .memorabilia .icon {
    background-position: 3.75rem -3.75rem;
  }

  .report .icon {
    background-position: 3.75rem -7.5rem;
  }

  .download .icon {
    background-position: 3.75rem -11.25rem;
  }

  .statement .icon {
    background-position: 3.75rem -15rem;
  }

  .budget .icon {
    background-position: 3.75rem -18.75rem;
  }

  .workplace .icon {
    background-position: 3.75rem -22.5rem;
  }
  
  .contactus .icon {
	background-position: 3.75rem -26.35rem;
  }

  .infoBar.about .fBalance {
    flex-wrap: wrap;
  }

  .infoBar.about li {
    flex-basis: 50%;
    margin: .625rem 0;
  }

  .infoBar.about li.line {
    flex-basis: 100%;
    width: 100%;
    height: 1px;
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
    background-color: #fff;
  }

  footer .groups ul {
    flex-wrap: wrap;
    flex-direction: column;
    align-items: flex-start;
    margin-top: 1.125rem;
  }

  footer .group+.group,
  footer .group li+li {
    margin-top: 1rem;
  }

  footer .link {
    line-height: 1.25rem;
  }

  .slick-prev {
    left: .625rem;
  }

  .slick-next {
    right: .625rem;
  }

  .slick-prev:before,
  .slick-next:before {
    width: .8125rem;
    height: 2.5rem;
  }

  /* index */
  .index-main .row.no-gutters {
    margin-right: 6px;
    margin-left: 6px;
  }

  .index-main .card figcaption .head {
    font-size: 5.625vw;
  }

  .card:not([center]) figcaption {
    left: 15px;
    top: 21px;
  }

  .card[indexCard1] {
    z-index: 11;
  }

  .card[indexCard1] figcaption {
    max-width: calc(100% - 30px);
  }

  .card[indexCard1] .show {
    font-size: .875rem;
    font-size: 4.375vw;
  }

  .card[indexCard1] .show::after {
    border-width: 5px 0 5px 8.7px;
    margin-left: 4.5px;
  }

  .card[indexCard1] .show-name {
    font-size: 1.125rem;
  }

  .card[indexCard1] .bg-wrapper {
    background-image: url(../images/banner_1.jpg);
    -webkit-transform: rotate(4deg) scale(1.2);
    -webkit-transition: .3s ease-in-out;
    /* background-position: right -26px; */
	background-position: center center;
  }

  .card[indexCard2],
  .card[indexCard12] {
    display: none;
  }

  .card[indexCard2] {
    z-index: 10;
  }

  .card[indexCard3] {
    z-index: 9;
  }

  /* .card[indexCard3] .en {
    font-size: 23.75vw;
    left: 20px;
  } */
  .card[indexCard3] .en,
  .card[indexCard4] .en,
  .card[indexCard5] .en {
    font-size: 8.125vw;
    line-height: 10.625vw;
    bottom: 22px;
    left: 17px;
  }

  .card[indexCard4] {
    z-index: 8;
  }

  .card[indexCard4] .anchor-group {
    right: 18px;
    top: 8px;
    transform: rotate(-4deg);
  }

  .card[indexCard4] .anchor {
    width: 25vw;
    height: 25vw;
    font-size: 5vw;
    padding: 0 5.625vw;
    text-align: center;
  }

  .card[indexCard4] .anchor-group .anchor+.anchor {
    margin-top: 9px;
  }

  .anchor .icon {
    width: .9375rem;
    height: .9375rem;
    background-size: 1.875rem;
    background-position: .9375rem -.9375rem;
  }

  .card[indexCard5],
  .card[indexCard9] {
    transform: rotate(-4deg) !important;
  }

  .card[indexCard5] {
    background-color: #000 !important;
    color: #fff;
    z-index: 7;
  }

  .card[indexCard5] .bg-wrapper {
    background-size: 100%;
    background-position: -16px 40px;
  }

  .card[indexCard5] figcaption {
    transform: rotate(4deg) !important;
  }

  .card[indexCard6],
  .card[indexCard10] {
    transform: rotate(4deg) !important;
  }

  .card[indexCard6] {
    background-color: #aaa !important;
    z-index: 6;
  }

  .card[indexCard6] figcaption,
  .card[indexCard10] figcaption {
    transform: translate(-50%, -50%) rotate(-4deg) !important;
  }

  .card[indexCard6] figcaption {
    width: 45.625vw;
  }

  .card[indexCard7] {
    z-index: 5;
  }

  .card[indexCard7] figcaption {
    width: 38.125vw;
  }

  .card[indexCard8] {
    background-color: #000 !important;
  }

  .card[indexCard8] {
    z-index: 4;
  }

  .card[indexCard8] figcaption {
    width: 55.625vw;
  }

  .card[indexCard9] {
    z-index: 3;
  }

  .card[indexCard9] figcaption {
    width: 50vw;
    transform: translate(-50%, -50%) rotate(4deg) !important;
  }

  .card[indexCard10] {
    background-color: #d8001b !important;
    z-index: 2;
  }

  .card[indexCard10] figcaption {
    width: 38.4375vw;
  }

  .card[indexCard11] figcaption {
    width: 47.1875vw;
  }

  .index-main+footer {
    margin-top: 30px;
  }
  .cardPlay {
    margin-top: 10px;
  }
  .cardPlay span {
    font-size: 16px;
    line-height: 22px;
    margin-right: 0px;
	}
	.cardPlay .playicon {
		    border-width: 5px 0 5px 8px;
	}

  /* Information */
  .breadcrumb {
    display: none;
  }

  .wrapSM {
    flex-wrap: wrap;
    flex-direction: column;
  }

  .align>.icon+.right {
    width: calc(100% - 1.25rem);
  }

  .prepad {
    padding-top: 1.375rem;
  }

  section:not(.prepad):not(.index-main) {
    margin-top: .625rem;
  }

  .prepad+footer {
    margin-top: 3.125rem;
  }

  .page-head .head {
    min-width: 10rem;
    min-height: 10rem;
    width: 50%;
  }

  .page-head .head .holder {
    padding-bottom: 100%;
  }

  .page-head .title .ch {
    font-size: 5.625vw;
    line-height: 7.1875vw;
    padding-top: .9375rem;
    padding-left: .9375rem;
  }

  .page-head .title .en {
    font-size: 6.25vw;
    line-height: 8.75vw;
    padding-left: 1.125rem;
  }

  .page-head .filter {
    margin-top: 1rem;
    margin-bottom: 1.875rem;
  }

  .anchor {
    width: 5.25rem;
    height: 5.25rem;
    font-size: .875rem;
  }

  .board .grid {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .board .grid .wrapper {
    padding-top: 1.25rem;
    padding-bottom: .9375rem;
  }

  .board .grid:last-child .wrapper {
    border-bottom: 0;
  }

  .board .ctx {
    font-size: .875rem;
    line-height: 1.5rem;
    letter-spacing: 1.4px;
  }

  .tab-pane#info2 {
    padding: .9375rem 1.25rem 1.875rem;
  }

  .tab-pane#info2 ul {
    margin-top: 1.625rem;
  }

  .tab-pane#info2 .resource {
    margin-top: 1.375rem;
  }

  .tab-pane#info2 .resource .fileDownload {
    order: 1;
    margin-top: .75rem;
  }

  /* announcement */
  .announce-main+footer {
    margin-top: 3.125rem;
  }

  .announce-main .board {
    padding-top: 1.25rem;
    padding-bottom: 1.875rem;
  }

  /* news */
  .newsList-main .filter {
    flex-direction: column;
    margin-bottom: 1.25rem;
  }

  .newsList-main .search-info {
    font-size: .875rem;
  }

  .newsList-main .search-filter {
    margin-top: .875rem;
    width: 100%;
  }

  .newsList-main .search-filter .form-group {
    margin-bottom: .625rem;
  }
  
  .newsList-main .search-filter .form-group.last {
	margin-top: 0;
	  
  }
  .newsList-main .search-filter .form-group.last input {
	font-size: .875rem;
	line-height: 1.5rem;
	padding: 10px 16px 10px 20px;
	height: calc(2.625rem + 2px);
  }
  .newsList-main .search-filter .form-group.last button {
	  right: 1rem;
  }

  .--select .placeholder {
    font-size: .875rem;
    line-height: 1.5rem;
    padding: 10px 16px 10px 20px;
    color: #000;
  }

  .--select .placeholder:after {
    right: 1rem;
  }

  .--select ul {
    min-height: 37px;
  }

  .--select ul li {
    padding: 8px 16px 8px 20px;
    font-size: .875rem;
  }

  .newsCard,
  .eventList {
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 1.5rem;
  }

  .newsCard a,
  .eventList a {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: space-between;
  }

  .newsCard .thumbnail {
    width: 35.714286%;
  }

  .newsCard .detail {
    width: 57.14286%;
  }

  .newsCard .info .date {
    font-size: 1.125rem;
    margin-right: 0;
  }

  .newsCard .info .type {
    font-size: .75rem;
    padding: 4px 7px;
  }

  .newsCard .title,
  .eventList .title {
    font-size: 1rem;
    line-height: 1.5rem;
    margin-top: .5rem;
  }

  .newsList-main nav {
    margin-top: .5rem;
  }

  /* news_detail */
  .newsD-main {
    padding-bottom: 1.875rem;
  }

  .newsD-main .page-head {
    width: 100%;
    margin-top: 7px;
  }

  .newsD-main .page-head .head {
    min-width: 15.5rem;
    margin-left: 10%;
    margin-right: auto;
    width: 77.5%;
    height: 67.5%;
  }

  .newsD-main .page-head .head::after {
    top: -16px;
    left: 16px;
  }

  .page-head .source {
    font-size: .8125rem;
    margin-top: .5rem;
  }

  .newsD-main .tag-group {
    display: none;
  }

  .newsD-main .board-main {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    width: 100%;
    margin-top: 34px;
  }

  .newsD-main .date {
    font-size: 1rem;
    line-height: 1.375rem;
    padding-left: 1.125rem;
    margin-top: .5rem;
  }

  .newsD-main .date::before {
    width: .625rem;
  }

  .main-content .grid {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }

  .figure-caption,
  .newsD-main figcaption {
    font-size: .8125rem;
    /* margin-top: 19.5px;
    margin-bottom: 26px; */
  }

  .--link,
  .--link a {
    font-size: .875rem;
    line-height: 1.75rem;
  }

  .newsD-main .main-content {
    font-size: 1rem;
  }

  .newsD-main .main-content .anchor-row {
    text-align: center;
    margin-top: 2.5;
  }

  .newsD-other {
    margin-top: 0;
    padding-top: 1.875rem;
    border-top: 1px solid #a7a7a7;
  }

  .line-head {
    padding-bottom: .5rem;
    border-bottom-width: 1px;
  }

  .newsD-other .line-head {
    font-size: 1.125rem;
    margin-bottom: 1.25rem;
  }

  .newsD-typeList {
    padding-left: 15px;
    padding-right: 15px;
  }

  .recommendCol .name {
    font-size: 1.125rem;
    line-height: 1.625rem;
    margin-bottom: .75rem;
  }

  .recommendCol .name::after {
    right: -14px;
    /* top: 33%; */
  }

  .recommendCol+.recommendCol {
    margin-top: 1.25rem;
  }

  .recommendCol li a {
    padding: .875rem 1.25rem;
  }

  .recommendCol ul li:nth-child(n+4) {
    display: none;
  }

  .newsD-typeList .more {
    font-size: .875rem;
    line-height: 1.5rem;
  }

  .newsD-other+footer,
  .recruitmentD-other+footer {
    margin-top: 3.125rem;
  }

  /* publish */
  .tab-pane[id^="publish"]:not(#publish2) .wrapper {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .tab-pane#publish1 .wrapper,
  .tab-pane#publish2_detail .wrapper,
  .tab-pane#publish3 .wrapper,
  .tab-pane#publish4 .wrapper,
  .tab-pane#publish5 .wrapper {
    padding-top: 1.875rem;
    padding-bottom: 1.875rem;
  }

  .tab-pane .list-filter {
    text-align: center;
  }

  .tab-pane .list-filter .form-group .form-control {
    height: calc(2.125rem + 2px);
    font-size: .875rem;
    margin-top: .6875rem;
    margin-bottom: .9375rem;
  }

  .tab-pane .list-filter button {
    font-size: .875rem;
  }

  .tab-pane#publish1 .list-filter+ul {
    margin-top: 1.625rem;
  }

  .tab-pane#publish1 .list li a {
    padding-top: .875rem;
    padding-bottom: .75rem;
  }

  .tab-pane#publish1 .date {
    margin-bottom: .3125rem;
  }

  .tab-pane#publish1 ul+nav[aria-label^=Page] {
    margin-top: 1.875rem;
  }

  .tab-pane#publish1_detail .wrapper {
    padding-top: 1.0625rem;
    padding-bottom: 1.375rem;
  }

  .tab-pane#publish1_detail .backList {
    margin-bottom: .625rem;
  }

  .tab-pane#publish1_detail .topic .date {
    margin-top: .625rem;
    margin-bottom: 2rem;
  }

  .notice-part h5 {
    margin-bottom: .625rem;
    margin-top: 1rem;
  }

  .tab-pane#publish1_detail .topic .notice-part {
    border-bottom: 1px solid rgba(0, 0, 0, .15);
    padding-bottom: 1rem;
  }

  .tab-pane#publish1_detail .info .notice-part:first-child {
    padding-top: 1rem;
  }

  .tab-pane#publish2 .wrapper {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }

  .tab-pane#publish2 .mag {
    padding: 2.5rem 0 2rem;
  }

  .tab-pane#publish2 .mag+.mag {
    border-top: 1px solid rgba(0, 0, 0, .15);
  }

  .tab-pane#publish2 .mag h3 {
    font-size: 1.125rem;
    line-height: 1.625rem;
    margin-top: 1.875rem;
  }

  .tab-pane#publish2 .mag .date {
    margin-bottom: 1.5625rem;
  }

  .tab-pane#publish2_detail .head {
    margin-bottom: 2.125rem;
  }

  .tab-pane .issueList .issue,
  .winnderList .winner {
    padding-left: 15px;
    padding-right: 15px;
    margin-top: 1.25rem;
    margin-bottom: 0;
  }

  .tab-pane .issueList .issue:first-child,
  .winnderList .winner:first-child {
    margin-top: 0;
  }

  .tab-pane .issueList .issue>a,
  .winnderList .winner>a {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: center;
  }

  .tab-pane .issueList .issue .thumbnail,
  .winnderList .winner .thumbnail {
    width: 38.1356%;
  }

  .tab-pane .issueList .issue .detail,
  .winnderList .winner .detail {
    width: 55.0847%;
    margin-top: 0;
  }

  .tab-pane .issueList .issue .h5,
  .winnderList .winner h5 {
    font-size: .875rem;
    line-height: 1.5rem;
  }

  .tab-pane#publish4 .list-filter+ul,
  .tab-pane#publish4 ul+nav[aria-label^=Page] {
    margin-top: 1.875rem;
  }

  #publish4 .winnderList .winner a.fBalance {
    align-items: flex-start;
  }

  .winnderList .winner h5 {
    margin-top: .75rem;
    margin-bottom: .625rem;
  }

  .winnderList .winner .label {
    font-size: .8125rem;
    line-height: 1.25rem;
  }

  .winnderList .winner .author,
  .winnderList .winner .date {
    font-size: .8125rem;
  }

  #publish5 .winnderList .winner .label {
    margin-bottom: .625rem;
  }

  .tab-pane.isDetail .wrapper {
    padding-top: 1.25rem;
    padding-bottom: 1.875rem;
  }

  .publisD-theme .detail {
    margin-top: .625rem;
  }

  .publisD-theme .top a.go {
    margin-top: .9375rem;
    font-size: .875rem;
    padding: 3px 9px;
  }

  .publisD-theme .top+.notice-part {
    padding-top: 2.3125rem;
  }

  .publisD-theme .notice-part {
    padding-top: 1.5625rem;
    margin-top: 0;
  }
  #publishBookDetail {
	  padding: 17px 20px 36px;
  }
  #publishBookDetail .wrapper {
	  padding-top: 17px;
	  padding-bottom: 36px;
  }
  #publishBookDetail ul.list {
	  margin-top: 1.375rem;
  }

  .other-publish .col-12,
  .other-publish .winnderList .winner {
    padding: 0;
  }

  .other-publish {
    margin-top: 1.875rem;
  }

  .other-publish .name {
    margin-bottom: 1.25rem;
  }

  /* about */
  .nav-pills {
    justify-content: space-around;
  }

  .nav-pills .nav-link {
    padding: .25rem .625rem;
  }

  .leftList {
    margin-bottom: 1.25rem;
  }

  .leftList .subAnchor a {
    font-size: .875rem;
  }

  .leftList .subAnchor:first-child {
    margin-top: 6px;
  }

  .editor-part+.editor-part {
    margin-top: 1.25rem;
  }

  .editor-part p,
  .editor-part .p {
    line-height: 2;
    font-size: 1rem;
  }

  .editor-part .fBalance {
    align-items: flex-start;
  }

  .org-title {
    font-size: 1rem;
  }

  .org-name {
    font-size: 1.5rem;
    line-height: 2rem;
    margin-bottom: .875rem;
    margin-top: 4px;
  }

  #about1 {
    margin-top: -1rem;
  }

  #about1_1 .editor-part .h5,
  #about1_2 .editor-part .h5 {
    font-size: .875rem;
  }

  #about1 .board {
    padding-top: 1.125rem;
    padding-bottom: 1.25rem;
  }

  #about1_2 img {
    margin-bottom: .9375rem;
  }

  #about1_2 .editor-part li+li {
    margin-top: .625rem;
  }

  #about1_2 .editor-part .h5+p,
  #about1_2 .editor-part .h5+.p {
    margin-top: .625rem;
  }

  #about1_3 hr {
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
  }

  #about1_3 .org-name {
    margin-bottom: 1.0625rem;
  }

  #about1_3 .editor-part+.editor-part,
  #about1_3 .editor-part .h5+p,
  #about1_3 .editor-part .h5+.p {
    margin-top: .625rem;
  }

  #about1_5 .accordion,
  #about1_6 .accordion,
  #about1_7 .accordion {
    border-bottom: 0;
  }

  #about1_5 .accordion .card-header {
    padding: 14px 0;
  }

  #about1_5 .accordion .card button span {
    display: block;
  }

  #about1_5 .accordion button.h5 {
    font-size: .875rem;
  }

  #about1_6 .accordion button.h3,
  #about1_7 .accordion button.h3 {
    font-size: 1.125rem;
    line-height: 1.875rem;
  }
  #about2 .board {
    padding: 30px 0 5px;
  }
  #about2 .list-filter + ul.listTypeGroup {
    margin-top: 30px;
  }
  #about2 li.listType+li.listType {
    margin-top: 20px;
  }
  #about2 .listType .year {
    margin-bottom: 16px;
    font-size: 24px;
    font-weight: bold;
  }

  #about2 .listType .right .right,
  #about2 li.listType .right .listType+.listType {
    margin-top: .625rem;
  }

  #about2 li.listType {
    padding-top: .9375rem;
    padding-bottom: .9375rem;
  }

  #about2 li.listType:last-child {
    padding-bottom: 1.5625rem;
  }
  #about2 .listType .year+.right .fCenter>i {
	  color: #797979;
  }
  #about2 .listType .year+.right .fCenter>.right {
	  color: #000000;
  }

  #about3 .wrapper {
    padding-top: 1.0625rem;
    padding-bottom: 2.25rem;
  }

  #about3 .wrapper>p {
    line-height: 1.5rem;
  }

  /* award */
  .award-main .page-head .anchor-row .anchor:last-child {
    margin-top: .625rem;
  }

  .tab-pane[id^="award"] .wrapper {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }

  #award2 .amendment-record>.right {
    margin-top: 1.4375rem;
  }

  #award2 .method {
    line-height: 1.875rem;
  }

  #award2 .method li {
    padding: 12px 10px;
  }

  #award2 .method li>i {
    width: auto;
    margin-right: .9375rem;
  }

  #award3 h2 {
    margin-bottom: .875rem;
  }

  #award3 .intro .logo {
    margin-top: 26px;
  }

  #award3 .editor-part>.h5 {
    margin-bottom: .8125rem;
  }

  .awardList {
    margin-left: -5px;
    margin-right: -5px;
  }

  .awardList .awardArtist {
    padding-left: 5px;
    padding-right: 5px;
    margin-bottom: .53125rem;
  }

  .awardList .awardArtist .ch-name {
    font-size: 14px;
    line-height: 28px;
  }

  .awardList .awardArtist .en-name {
    font-size: 10px;
    line-height: 1.2;
  }

  .awardList .awardArtist .title {
    font-size: 13px;
    line-height: 28px;
  }

  #award4 h2 {
    margin-bottom: 1.0625rem;
  }

  #award4 a.go {
    display: none;
  }

  #award4 .editor-part+.editor-part {
    margin-top: .28125rem;
    padding-top: 1rem;
    border-top: 1px solid #000;
  }

  #award4 .editor-part .session {
    margin-bottom: .8125rem;
  }

  #award_detail .wrapper {
    padding: 0;
  }

  #award_detail .backList {
    font-size: .875rem;
    line-height: 1.5rem;
    margin-bottom: .9375rem;
  }

  #award_detail .artist-detail .tabs-body p,
  #award_detail .artist-detail .tabs-body .p {
    font-size: 16px;
    line-height: 30px;
  }

  .artist-intro .right {
    display: none;
  }

  .artist-intro .showcard {
    padding: 9px 22px;
  }

  .artist-intro .showcard h3 {
    font-size: .875rem;
    line-height: 28px;
  }

  .artist-intro .name {
    line-height: 1.5;
  }

  .artist-intro .ch-name {
    font-size: 30px;
    letter-spacing: 3px;
  }

  .artist-intro .en-name {
    font-size: 24px;
    letter-spacing: 2.4px;
  }

  .artist-intro .thumbnail {
    margin-top: 1.25rem;
  }

  .artist-intro .reason {
    margin-top: 1.6875rem;
  }

  .artist-intro .reason .label {
    margin-bottom: 9px;
  }

  .artist-intro .reason li {
    font-size: 14px;
    line-height: 28px;
  }

  .artist-detail {
    margin-top: 18px;
  }

  .ncafTab {
    border-bottom: 1px solid rgba(0, 0, 0, .15);
  }

  .ncafTab .tabs-wrap a[data-toggle="collapse"] {
    border-top: 1px solid rgba(0, 0, 0, .15);
    font-weight: bold;
    padding: 14px 0;
    position: relative;
  }

  .ncafTab .tabs-body {
    font-size: 14px;
    line-height: 28px;
    letter-spacing: .7px;
    padding-bottom: 14px;
  }

  .ncafTab .tabs-wrap a[data-toggle="collapse"]::after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8.2px 4.75px 0 4.75px;
    border-color: #000000 transparent transparent transparent;
    right: 5px;
    top: 50%;
    transform: translateY(-50%);
  }

  .ncafTab .tabs-wrap a[aria-expanded="true"]::after {
    border-width: 0 4.75px 8.2px 4.75px;
    border-color: transparent transparent #000000 transparent;
  }

  #artistAccordion>nav {
    display: none;
  }

  .other-artist {
    display: none;
  }

  /* contact */
  .contact-main .board {
    padding-top: 1.25rem;
    padding-bottom: 1.875rem;
  }

  .contact-main .left h3 {
    margin-bottom: 10px;
  }

  .contact-main .left .detail {
    margin-bottom: 15px;
  }

  .contact-main .right {
    margin-top: 28px;
  }

  .contact-main .form-group .form-control,
  .contact-main .form-group .form-control:focus {
    height: 36px;
    font-size: 12px;
    line-height: 22px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .contact-main .form-group {
    margin-bottom: 10px;
  }

  .verification-row .main .code {
    width: 45px;
  }

  .verification-row .main input {
    width: 80px;
    height: 36px;
  }

  .changeCode {
    padding: 11px 13px;
  }

  .contact-main .action-row {
    text-align: center;
  }

  /* founding */
  .founding-main .page-head {
    align-items: flex-start;
  }

  .founding-main .page-head .head {
    margin-left: 6px;
  }

  .founding-main .page-head .anchor-row {
    flex-direction: column;
    position: absolute;
    right: 20px;
    top: 0;
  }

  .founding-main .page-head .anchor+.anchor {
    margin-top: 10px;
  }

  .founding-main .page-head .filter {
    margin-top: 24px;
  }

  .founding-main .highlight {
    width: 64.2857%;
  }

  .founding-main .highlight h2 {
    font-size: 18px;
    line-height: 28px;
  }

  .founding-main .arrowList {
    margin-top: 10px;
    margin-bottom: 0;
  }

  .founding-main .arrowList li {
    font-size: 16px;
    line-height: 30px;
    font-weight: bold;
  }

  .founding-main .arrowList li::before {
    top: 9px;
  }

  .founding-main .arrowList li+li {
    margin-top: 0;
  }

  .founding-main .board-main {
    margin-top: 20px;
  }

  .type-group .info {
    flex-direction: column;
    align-items: flex-start;
  }

  .type-group .info:not(.fBalance)>.head {
    margin-bottom: 13px;
  }

  .type-group .info>.head {
    font-size: 18px;
    line-height: 26px;
    padding-bottom: 5px;
    border-bottom-width: 1px;
    margin-bottom: 13px;
  }

  .type-group .info>.head.--2 {
    padding-top: 5px;
    border-top-width: 1px;
  }

  .type-group .info p,
  .type-group .info .p {
    width: 100%;
  }

  #founding1 .type-group:first-child {
    margin-bottom: 32px;
  }

  .founding-list:not(.noinitial) {
    margin-top: 13px;
  }

  .founding-list {
    margin-left: 0;
    margin-right: 0;
  }

  .founding-list>[class^="col-"] {
    padding-left: 0;
    padding-right: 0;
  }

  .foundingCard {
    margin-bottom: 10px;
  }

  .foundingCard a {
    padding: 7px 12px 11px;
  }

  .foundingCard .name {
    font-size: 18px;
    line-height: 27px;
  }

  .type-group[founding-type="normal"] {
    margin-bottom: 30px;
  }

  button[data-target="#otherFounding"] {
    margin-top: 10px;
    font-weight: bold;
  }

  #otherFounding .founding-list {
    margin-top: 15px;
  }

  #founding2 .apply-flow {
    margin-top: 23px;
  }

  .apply-flow .applyPoint {
    margin-bottom: 23px;
  }

  .apply-flow .applyPoint .title {
    margin-top: 10px;
  }

  #founding2 .anchor-row {
    margin-top: 7px;
  }

  .anchor-row .btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }

  #founding3 .type-group:first-child {
    margin-bottom: 0;
  }

  #founding3 .type-group:nth-child(2),
  #founding4 .type-group:nth-child(2) {
    margin-top: 17px;
  }

  .rule-list li::before {
    width: 14px;
    height: 14px;
    background-size: 100%;
    position: relative;
    top: 6px;
  }

  .rule-list li+li {
    margin-top: 6px;
  }

  #founding3 .anchor-row {
    margin-top: 33px;
  }

  #founding4 .accordion {
    border-bottom-style: dashed;
  }

  #founding4 .accordion .card button::after {
    top: 13px;
    transition: initial;
  }

  #founding4 .accordion .card-header {
    padding-top: 13px;
    padding-bottom: 13px;
  }

  #founding4 .accordion .card {
    border-top-style: dashed;
  }

  #founding4 .accordion .card button {
    font-size: 14px;
    line-height: 28px;
  }

  #founding4 .card-body p,
  #founding4 .card-body .p {
    line-height: 28px;
  }

  #founding4 .type-group+.type-group {
    margin-top: 23px;
  }

  /* founding_detail */
  .foundingD-main .page-head {
    align-items: flex-start;
  }

  .foundingD-main .banner {
    width: 57.1429%;
  }

  .foundingD-main .banner .bg-wrapper {
    padding-bottom: 200%;
  }

  .foundingD-main .page-head .filter {
    width: 37.857%;
    margin-top: 0;
    margin-bottom: 0;
  }

  .foundingD-main .page-head .filter .leftList {
    margin-bottom: 0;
  }

  .foundingD-main .leftList .subAnchor:first-child {
    margin-top: 0;
  }

  .foundingD-main .leftList .subAnchor+.subAnchor {
    margin-top: 10px;
  }

  .foundingD-main .leftList .subAnchor a {
    border-bottom: 0;
  }

  .foundingD-main .page-head .nav-pills {
    justify-content: flex-end;
  }

  .foundingD-main .board-main {
    margin-top: 30px;
  }

  .foundingD-main .anchor-row {
    text-align: center;
  }

  .foundingD-main .form-group,
  .foundingList-main .form-group {
    margin-bottom: 10px;
  }

  .foundingD-main .type-group+.type-group {
    margin-top: 35px;
  }

  .applyTimeList .applyTime {
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 15px;
  }

  .applyTimeList .applyTime .part-group {
    align-items: flex-start;
  }

  .applyTime .wrapper {
    padding: 13px 20px;
  }

  .applyTime .h3 {
    font-size: 18px;
    line-height: 26px;
  }

  .applyTime .part .time {
    font-size: 16px;
    margin-top: 5px;
  }

  .foundingNewList li a {
    padding: 9px 0;
  }

  .foundingNewList li .h5 {
    font-size: 14px;
    line-height: 22px;
  }

  .foundingNewList+.anchor-row {
    margin-top: 10px;
  }

  .ncafTab {
    border-bottom: 0;
  }

  .ncafTab>nav {
    display: none;
  }

  .ncafTab.apply-tabs .tabs-wrap .tabs-body,
  .owl-carousel .owl-item {
    padding: 7px 20px;
  }

  .apply-tabs .arrow,
  .owl-carousel .owl-nav button.owl-next,
  .owl-carousel .owl-nav button.owl-prev,
  .owl-theme .owl-nav [class*=owl-]:hover {
    width: 20px;
    height: 30px;
  }

  .apply-tabs .arrow.prev,
  .owl-carousel .owl-nav button.owl-prev {
    left: -14px;
  }

  .apply-tabs .arrow.next,
  .owl-carousel .owl-nav button.owl-next {
    right: -14px;
    top: calc(50% - 14px);
  }

  .apply-tabs+.pagination-info {
    margin-top: 6px;
  }

  #foundingD4 .apply-tabs+.anchor-row {
    margin-top: 13px;
  }

  #foundingD5 {
    margin-top: 60px;
  }

  .foundingD-main .form-group .form-control:not(textarea),
  .foundingD-main .form-group .form-control:not(textarea):focus,
  .foundingD-main .form-group select,
  .foundingList-main .form-group .form-control:not(textarea),
  .foundingList-main .form-group .form-control:not(textarea):focus,
  .foundingList-main .form-group select {
    font-size: 14px;
  }

  #foundingD5 .anchor-row,
  #foundingD6 .anchor-row {
    margin-top: 10px;
  }

  #foundingD6,
  #foundingD8 {
    margin-top: 50px;
  }

  .owl-carousel .title {
    -webkit-line-clamp: 3;
    max-height: 72px;
  }

  #foundingD7 .anchor-row {
    margin-top: 0;
  }

  #foundingD8 .p {
    margin-top: 7px;
  }

  .other-application li+li {
    margin-top: 23px;
  }

  .other-application li .info .title {
    display: none;
  }

  .other-application .thumbnail-wrapper {
    width: 100%;
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
  }

  .other-application .thumbnail {
    transform: rotate(-4deg);
    width: 32.1429%;
    margin-right: 18px;
  }

  .other-application .thumbnail .bg-wrapper {
    padding-bottom: 100%;
  }

  .other-application .des {
    margin-top: 13px;
  }

  /* submission */
  .submission-main .page-head .filter {
    margin-top: 34px;
  }

  .highlight h2 {
    font-size: 18px;
    line-height: 26px;
  }

  .highlight h5 {
    margin-top: 3px;
  }

  .submission-main .type-group+.type-group {
    margin-top: 30px;
  }

  .submission-main .foundingNewList li .h5 {
    max-width: 91.428%;
  }

  /* search_foundingList */
  .foundingList-main .page-head .filter {
    margin-top: 34px;
    margin-bottom: 50px;
  }

  .foundingList-main .board {
    border: 0;
  }

  .foundingList-main .nav-pills {
    justify-content: center;
  }

  .foundingList-main .nav-pills .nav-link {
    padding: 0;
    font-size: 18px;
    line-height: 35px;
  }

  .nav-pills.normal .nav-item+.nav-item {
    margin-left: 29px;
  }

  .foundingList-main .tab-content {
    margin-top: 20px;
  }

  .foundingList-main .anchor-row {
    margin-top: 20px;
  }

  .foundingList-result {
    margin-top: 40px;
  }

  .customSM thead {
    display: none;
  }

  .customSM tbody tr {
    display: flex;
    flex-flow: column;
    border-bottom: 1px solid #dee2e6;
  }

  .customSM tbody th,
  .customSM tbody td {
    width: 100% !important;
    border: 0 !important;
    padding: 10px 0 !important;
    display: flex;
    flex-flow: row nowrap;
    align-items: flex-start;
    justify-content: flex-start;
  }

  .customSM th,
  .customSM td,
  .customSM i {
    font-size: 14px;
    line-height: 28px;
  }

  .customSM i {
    font-weight: bold;
  }

  .foundingList-result .customSM i {
    width: 68px;
    margin-right: 10px;
    text-align: right;
  }

  /* recruitment */
  .recruitment-main .result-info,
  .recruitment-main .board {
    padding-left: 20px;
    padding-right: 20px;
  }

  .recruitment-main .board {
    border: 0;
    border-top: 2px solid #000;
  }

  .recruitment-main .result-info {
    font-size: 18px;
    line-height: 26px;
    margin-bottom: 10px !important;
    font-weight: normal;
	display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: space-between;
  }

  .recruitment-main .wrapper {
    padding: 0;
  }

  .recruitment-main .customSM i {
    font-size: 12px;
    line-height: 18px;
    background-color: #efefef;
    width: 32px;
    text-align: center;
    margin-right: 6px;
    margin-top: 4px;
  }

  .recruitment-main .customSM tbody tr th {
    flex-direction: column;
  }

  .recruitment-main .customSM tbody tr {
    padding-bottom: 8px;
  }

  .recruitment-main .customSM tbody td {
    padding: 0 !important
  }

  .recruitment-main .customSM tbody tr h5,
  #placeModal h5 {
    font-size: 18px;
    line-height: 30px;
  }

  .recruitment form+footer {
    margin-top: 50px;
  }

  #openFilter {
    background-color: #cf001b;
    color: #fff;
    font-weight: bold;
    padding: 11px 15px;
    border-radius: 22px;
    position: fixed;
    right: 20px;
    bottom: 20px;
    z-index: 2;
  }

  .recruitment-main .filter {
    display: none;
  }

  .recruitment .filter .highlight>.listType {
    justify-content: center;
    flex-direction: column;
  }

  .recruitment .filter .highlight span {
    font-size: 14px;
    margin-left: -24px;
    margin-top: 14px;
  }

  .selected-filter {
    margin-top: 16px;
  }

  .selected-filter .requirement {
    font-size: 14px;
    font-weight: lighter;
  }

  .filter-group {
    margin-top: 10px;
  }

  .recruitment .filter .highlight .filter-group .listType {
    flex-direction: row;
    align-items: flex-start;
  }

  .filter-row .h5 {
    width: 60px;
    margin-right: 10px;
    font-size: 14px;
    flex-shrink: 0;
  }

  .filter-row {
    font-weight: lighter;
    font-size: 14px;
  }

  .filter-row .col-auto {
    width: 100%;
  }

  .filter-row .col-auto:last-child {
    width: 135px;
  }

  .filter-row .form-group {
    margin-bottom: 10px;
  }

  .filter-row .form-group .form-control,
  .filter-row .form-group select {
    font-weight: lighter;
    font-size: 14px;
  }

  .filter-row .form-check-inline {
    flex-basis: 40%;
  }

  .filter-row:nth-child(3) .form-row {
    flex-direction: column;
    align-items: flex-start;
  }

  .filter-row button[data-toggle="modal"] {
    font-size: 14px;
    margin-top: 8px;
    font-weight: bold;
    display: block;
  }

  .recruitment-main .board-main {
    padding: 0;
  }

  .recruitment .filter+.anchor-row {
    margin-top: 20px;
  }

  .recruitment .filter+.anchor-row button {
    width: 92px;
  }

  #placeModal .modal-body {
    padding: 20px;
  }

  #placeModal .form-group.arrowB {
    margin: 20px 0;
    width: 100%;
  }

  #placeModal .form-row {
    justify-content: space-between;
  }

  #placeModal button {
    font-size: 14px;
    width: 75px;
  }

  #placeModal button+button {
    margin-left: 20px;
  }

  /* recruitment_detail */
  .recruitmentD .backList {
    font-size: 14px;
    margin-bottom: 9px;
  }

  .recruitmentD-main .board {
    border: 0;
  }

  .recruitmentD-main .head-row {
    padding-bottom: 23px;
    margin-bottom: 20px;
  }

  .recruitmentD-main .head-row .top .share-bar {
    display: none;
  }

  .recruitmentD-main .detail {
    padding-bottom: 22px;
    border-bottom: 2px solid #000;
  }

  .recruitmentD-main .head h3 {
    font-weight: lighter;
    font-size: 14px;
    margin-top: 3px;
  }

  .recruitmentD-main .head-row .bottom {
    margin-top: 14px;
    display: flex;
    flex-flow: row nowrap;
    align-items: flex-start;
  }

  .recruitmentD-main .head-row .bottom .info {
    flex-flow: column;
    margin-left: 15px;
  }

  .recruitmentD-main .head-row a.go {
    font-size: 14px;
    line-height: 24px;
  }

  .recruitmentD-main .part+.part {
    margin-top: 23px;
  }

  .recruitmentD-main .part .label {
    padding-left: 7px;
    padding-right: 7px;
    margin-bottom: 13px;
  }

  .recruitmentD-main .part p {
    letter-spacing: .7px;
    line-height: 28px;
  }

  .recruitmentD-other {
    margin-top: 23px !important;
  }

  .recruitmentD-typeList li h5 {
    font-size: 18px;
    line-height: 30px;
  }

  .recruitmentD-typeList .company {
    margin-top: 0;
    font-size: 14px;
    line-height: 28px;
  }

  /* events */
  .login-action {
    margin-bottom: 15px;
  }
  .pen::before {
    margin-right: 2px;
    width: 16px;
    height: 16px;
  }
  
  .events-main .page-head .head {
    margin: auto;
  }

  #eventsFilter {
    margin: 17px 10px 0;
  }

  #eventsFilter .form-group {
    margin-bottom: 10px;
  }

  #eventsFilter .form-group .form-control,
  #eventsFilter .form-group .form-control:focus,
  #eventsFilter .form-group select {
    font-size: 14px;
    line-height: 28px;
  }

  .events-main .filter .anchor-row {
    text-align: center;
  }

  .eventList {
    margin-bottom: 30px;
  }

  .eventList a {
    align-items: flex-start;
  }

  .eventList .thumbnail {
    width: 46.429%;
  }

  .eventList .detail {
    width: 46.429%;
  }

  .eventList .info {
    flex-direction: column;
    margin-top: 0;
  }

  .eventList .info .date {
    font-size: 14px;
    line-height: 22px;
    margin-left: 0;
    white-space: pre-line;
    word-break: break-word;
    margin-top: 4px;
  }

  /* event_detail */
  .eventD-main .wrapper {
    flex-direction: column;
  }
  .eventD-main .board {
    border: 0;
    padding-top: 67px;
  }
  .eventD-main .board .topic {
    margin-bottom: 43px;
  }
  .eventD-main .board .topic .info {
    margin-bottom: 60px;
  }
  .eventD-main .board .topic .head {
    margin-bottom: 40px;
  }
  .eventD-main .board .topic .head h2 {
    font-size: 26px;
    line-height: 41px;
  }
  .eventD-main .board .thumbnail .bg-wrapper {
    /* padding-bottom: 78.57%; */
  }
  .eventD-main .board .detail {
    flex-direction: column;
  }
  .eventD-main .board .detail > div {
    width: 100%;
  }
  .eventD-main .board .head-row {
    order: -1;
    margin-bottom: 15px;
  }
  .eventD-main .board .info-group .part {
    padding-bottom: 25px;
    text-align: center;
  }
  .eventD-main .board .info-group .part+.part {
    padding-top: 25px;
  }
  .eventD-main .board .info-group .part h5 {
    font-size: 18px;
    line-height: 21px;
  }
  .eventD-main .board .info-group .info a {
    font-size: 14px;
    line-height: 24px;
  }
  .eventD-main .board .detail + .media-group {
    margin-top: 50px;
  }
  .eventD-main .media-group .video-wrap + img,
  .eventD-main .media-group img + .video-wrap,
  .eventD-main .media-group .video-wrap + .video-wrap,
  .eventD-main .media-group img + img {
    margin-top: 30px;
  }

  .other-event {
    margin-top: 40px;
    margin-bottom: 20px;
  }

  .other-event .col-12 {
    padding-left: 0;
    padding-right: 0;
  }

  .other-event h3 {
    margin-bottom: 19px;
  }
  
  blockquote {
	  border-left-width: 4px;
  }
}