@charset "utf-8";

/*----------------------------------------
TEMPLATE - all menu
----------------------------------------*/
/* all menu */
.mask {
  z-index: 100;
  position: fixed;
  display: none;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: var(--black);
  opacity: .5;
  cursor: pointer;
}

.all__menu--wrap {
  z-index: 101;
  position: absolute;
  display: none;
  width: 100%;
  height: auto;
  top: 0px;
  left: 0;
  background-color: var(--white);
  padding: 2rem 5rem 3rem;
}

.all__menu--title {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 1.5rem;
  margin-bottom: 1.5rem;
  border-bottom: 1px solid;
  border-color: var(--border-color);
}

.all__menu--title h2 {width: 100%;  text-align: center;}

.all_depth1 {display: block;  width: 100%;}

.all_depth1_item {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
}

.all_depth1_item>a {
  display: block;
  padding: 1rem;
  background-color: var(--bg-color);
  border-bottom: 1px solid;
  border-color: var(--border-color);
  font-size: 1.35rem;
  margin-bottom: 0;
}

.all_depth1_item>a:hover {color: inherit;}

.all_depth2 li a {
  display: block;
  padding: 1rem 2rem;
  border-bottom: 1px solid;
  border-color: var(--border-color);
}

.all_depth2 li a:active,
.all_depth2 li a:focus,
.all_depth2 li a:hover {color: var(--first-color);}

.all_depth3 ul   {display: none;}
.all_depth3 li a {display: block;  padding: 1rem 3rem;}

.close_all__menu i {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 2rem;
  width: 2.5rem;
  height: 2.5rem;
}

/* mobile menu */
.mobiel__menu--util {display: none;}
.mobiel__menu--top  {display: none;}

@media (max-width: 991.98px) {
  .pc-only {display: none;}

  /* all menu */
  .all_depth1_item>a:hover {background: var(--first-color);  color: var(--white);}
  .all_depth2 li a:hover {color: var(--first-color);}

  .depth1.on {background: var(--first-color);  color: var(--white);}
  .depth1.on:hover {color: var(--white);}

  /* all__menu--wrap */
  .all__menu--wrap {
    position: fixed;
    top: 0;
    left: auto;
    bottom: 0;
    right: 0;
    width: 55%;
    height: auto;
    padding: 0;
  }

  .mobiel__menu--top {
    position: relative;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    margin: auto 1.5rem;
    min-height: 5rem;
  }

  .mobiel__menu--top h1 {font-size: 1.35rem;}

  .mobiel__menu--util {
    display: block;
    background-color: var(--bg-color);
    border-top: 1px solid;
    border-bottom: 1px solid;
    border-color: var(--border-color);
    padding: 1rem;
  }

  .mobiel__menu--util ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: center;
  }

  .mobiel__menu--util li::before {
    content: "";
    display: inline-block;
    background-color: var(--black);
    opacity: .2;
    width: 1px;
    height: 12px;
    margin: 0 1rem;
  }

  .mobiel__menu--util li:nth-child(1)::before {display: none;}

  .mobiel__menu--util li a {font-size: .95rem;  font-weight: 700;}

  /* mobile__menu */
  .btn__allmenu i {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 2rem;
    width: 2.5rem;
    height: 2.5rem;
  }
}

@media (max-width: 575.98px) {
  /* all menu */
  .all__menu--wrap {width: 80%;}
}

@media (min-width: 992px) {
  .all_depth1 {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
  }

  .all_depth1_item {
    display: block;
    width: 25%;
    padding: 0 .5rem;
    margin-bottom: 3rem;
    box-sizing: border-box;
  }

  .all_depth1_item>a {
    display: block;
    margin-bottom: 1rem;
    color: var(--white);
    background-color: var(--first-color);
    border-radius: .5rem;
    text-align: center;
  }

  .all_depth1_item>a:hover {color: var(--white);}

  .all_depth2 li {padding-left: 1rem;}

  .all_depth2 li a {
    display: inline-block;
    padding: .25rem 0;
    position: relative;
    font-size: 1.2rem;
    font-weight: 500;
    border: none;
  }

  .all_depth2 li a:active,
  .all_depth2 li a:focus,
  .all_depth2 li a:hover {color: var(--first-color);}

  .all_depth2 li :before {
    display: block;
    content: '';
    width: 3px;
    height: 19px;
    position: absolute;
    left: -15px;
    top: 50%;
    margin-top: -10px;
    background-color: var(--first-color);
  }

  .all_depth3 li a {
    position: relative;
    padding: .25rem 0;
    font-size: 1.075rem;
    opacity: .8;
  }

  .all_depth3 li a:before {display: none;}
}


/*----------------------------------------
TEMPLATE 6 - header
----------------------------------------*/
header .inner__wrap {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	min-height: 5rem;
}

header .logo {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-content: center;
}

header .logo h1 {
	font-size: clamp(1.075rem, 0.8405rem + 1.1724vw, 1.5rem);
	font-weight: 500;
	letter-spacing: -.05rem;
	color: var(--text-color);
	opacity: .8;
}

header .logo h1 img {max-height: 3.5rem;}

/* util menu */
header .util__menu {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	align-items: center;
}

/* header .util__menu li::after {
	content: '';
	position: absolute;
	top: 50%;
	left: 0;
	display: block;
	width: 1px;
	height: 13px;
	background-color: var(--border-color);
	margin-top: -6px;
} */

header .util__menu li {display: inline-flex;  padding: 0 .5rem;}
header .util__menu li a:hover {color: var(--black);  opacity: 1;  font-weight: 700;}
header .util__menu li button:hover {color: var(--black);  opacity: 1;  font-weight: 700;}
header .util__menu li button {font-size: .95rem;  font-weight: 500;  padding: 0rem;}
header .util__menu li:first-child::after {display: none;}

/* gnb menu */
.header__gnb {
	position: relative;
	width: 100%;
	border-top: 1px solid;
	border-bottom: 1px solid;
	border-color: var(--border-color);
}

.header__gnb.fixed {
	z-index: 16;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	background-color: var(--white);
}

.header__gnb .ir-text {
  overflow: hidden;
  position: absolute;
  border: 0;
  width: 1px;
  height: 1px;
  clip: rect(1px, 1px, 1px, 1px); 
}

.gnb__wrap ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.gnb__wrap ul.gnb_depth1 {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	align-items: center;
	min-height: 4.5rem;
}

.gnb__wrap>ul>li>a {
	position: relative;
	display: block;
	padding: 1.125rem 0;
	font-size: 1.5rem;
	font-weight: 500;
}

.gnb__wrap>ul>li>a:before {
	content: '';
	position: absolute;
	bottom: 0;
	left: -20%;
	display: block;
	width: 140%;
	height: 10px;
	background-color: var(--first-color);
	transform: scaleX(0);
	-webkit-transform: scaleX(0);
	transition: transform 0.3s;
	-webkit-transition: transform 0.3s;
}

.gnb__wrap>ul>li:hover>a:before {
	transform: scaleX(1);
	-webkit-transform: scaleX(1);
}

.gnb__wrap.active::before {
	z-index: 16;
	content: '';
	position: absolute;
	top: 73px;
	left: 0;
	width: 100%;
	height: 3.75rem;
	background-color: var(--white);
	border-bottom: 1px solid;
	border-color: var(--border-color);
}

.gnb__depth2 {
	z-index: 18;
	position: absolute;
	left: 0;
	display: none;
	width: 100%;
}

.gnb__depth2 ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.gnb__depth2 li {
	display: inline-block;
	padding: 0 1.25rem;
}

.gnb__depth2 li a {
	position: relative;
	display: block;
	padding: 1.85rem 0 1rem;
	line-height: 0;
	font-size: 1.075rem;
	font-weight: 500;
}

.gnb__depth2 li a:hover {color: var(--first-color);}
.gnb__depth2 li a:hover::after {
	content: '';
	position: absolute;
	bottom: 1px;
	left: 0%;
	display: block;
	width: 100%;
	height: 1px;
	background-color: var(--first-color);
}

.gnb__wrap>ul>li:first-child .gnb__depth2 ul {justify-content: flex-start;}
.gnb__wrap>ul>li:last-child .gnb__depth2 ul  {justify-content: flex-end;}

.gnb__wrap>ul>li:nth-child(2) .gnb__depth2 ul {left: 0%;  margin-left: 0;}
.gnb__wrap>ul>li:nth-child(3) .gnb__depth2 ul {left: 0%;  margin-left: 0;}
.gnb__wrap>ul>li:nth-child(4) .gnb__depth2 ul {left: 0%;  margin-left: 0;}
.gnb__wrap>ul>li:nth-child(5) .gnb__depth2 ul {left: 0%;  margin-left: 0;}
.gnb__wrap>ul>li:nth-child(6) .gnb__depth2 ul {left: 0%;  margin-left: 0;}

@media (max-width: 991.98px) {
	/* util menu */
	header .util__menu {display: none;}

	/* gnb menu */
	.header__gnb {border-top: none;}
	.gnb__wrap {display: none;}
}


/*----------------------------------------
TEMPLATE 6 - footer
----------------------------------------*/
footer {position: relative;}

footer hr {
	border-top: 1px solid;
	border-color: var(--border-color);
	margin-top: 0;
	margin-bottom: 0;
}

/* foot-1-wrap */
.foot-1-wrap {
	position: relative;
	background-color: rgba(256, 256, 256, .05);
}

.foot-link {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	min-height: 3rem;
}

.foot-link-left a {
	display: inline-block;
	margin: 0 .75rem;
	opacity: .8;
  font-size: .95rem;
}

.foot-link-left a:hover {color: inherit;  opacity: 1;  font-weight: 500;}
.foot-link-left a:first-child {margin-left: 0;}

footer .btn-group {
	float: right;
	border-left: 1px solid rgba(0, 0, 0, .1);
	border-right: 1px solid rgba(0, 0, 0, .1);
}

footer .btn {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	min-width: 9.5rem;
	color: inherit;
	opacity: .8;
  font-size: 1.075rem;
}

footer .btn:hover {opacity: 1;  font-weight: 500;}
footer .btn:focus {box-shadow: none;}

/* foot-2-wrap */
.foot-2-wrap {
	position: relative;
	padding: 1.5rem 0;
}

.foot-2-wrap .title {
	font-size: 1.075rem;
  font-weight: 500;
	margin-bottom: .5rem;
}

address {font-size: .95rem;  margin-bottom: 0;}
address .add {display: block;}
address .add::after {display: none;}

address span {
	position: relative;
	display: inline-block;
	opacity: .8;
	margin-bottom: 0.25rem;
}

address span::after {
	content: '';
	display: inline-block;
	background-color: rgba(0, 0, 0, .2);
	width: 1px;
	height: 11px;
	margin-left: 1rem;
	margin-right: 1rem;
}

address span:last-child::after {display: none;}

/* sns icons */
.sns {text-align: right;}
.sns a {
  display: inline-block;
	width: 34px;
	height: 34px;
	border-radius: 100%;
	background-color: none;
	text-align: center;
  font-size: 1.075rem;
  line-height: 34px;
}
.sns a:hover {background-color: #e1e1e1;}

/* site-info */
.site-info {position: relative;}
.site-info .copyright {font-size: .7rem;  opacity: .7;}
.site-info .copyright span {text-transform: uppercase;}
.site-info .by {font-size: .7rem;  opacity: .5;}

@media (max-width: 991.98px) {
	/* foot-2-wrap */
	address span.add {display: block;}
	address span.add::after {display: none;}

	/* sns icons */
	footer .sns {margin-top: .5rem;}
}

@media (max-width: 767.98px) {
	/* foot-1-wrap */
	footer .foot-link-left a {display: none;}
	footer .btn-group {float: none;  width: 100%;}
	footer .btn {width: 100%;}
}

@media (max-width: 575.98px) {
	/* foot-2-wrap */
	address span {display: block;}
	address span::after {display: none;}
}


/*----------------------------------------
TEMPLATE 6 - main layout
----------------------------------------*/
section {
	position: relative;
	display: block;
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
}

/* main - main-banner, Carousel buton */
.main-banner, .carousel-inner {height: 37.5rem;}

.main-banner .caption {
	position: absolute;
	display: block;
	overflow: hidden;
	word-break: keep-all;
	/* left: 10%; */
	bottom: 15rem;
	color: var(--white);
	z-index: 2;
}

.main-banner .caption h1 {
	font-size: clamp(1.5rem, 0.6724rem + 4.1379vw, 3rem);
	font-weight: 500;
	margin-bottom: 1rem;
}

.main-banner .caption h2 {
	font-size: clamp(1rem, 0.4483rem + 2.7586vw, 2rem);
	font-weight: 300;
	margin-bottom: 2rem;
}

.main-banner .caption h3 {
	font-size: clamp(0.95rem, 0.6466rem + 1.5172vw, 1.5rem);
	font-weight: 300;
	opacity: .75;
}

.carousel-inner .carousel-item::after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.3));
}

.carousel-indicators,
.carousel-caption, 
.carousel-control-prev,
.carousel-control-next {display: none;}

/* main - quick-btn */
.quick-btn {margin-top: -10rem;}

.quick-btn .quick-btn-wrap {
	z-index: 1 !important;
	position: relative;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	text-align: center;
	padding: 2.5rem;
	background-color: #ededed;
	border-radius: 1.5rem;
}

.quick-btn .quick-btn-list {
	display: inline-block;
	margin: 0 auto;
	padding: .75rem;
}

.quick-btn .quick-btn-img {
	display: block;
	margin: 0 auto;
	border-radius: 100%;
	transition-duration: .5s;
	width: 6.25rem;
	height: 6.25rem;
	background-color: var(--white);
}

.quick-btn .quick-btn-img i {
	position: relative;
	top: 50%;
	display: block;
	overflow: hidden;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	/*width: auto;
  max-width: 90%; */
	margin: 0 auto;
	font-size: 3.25rem;
}

.quick-btn .quick-btn-text {
	display: block;
	overflow: hidden;
	margin-top: .5rem;
	font-size: 1rem;
}

.quick-btn .quick-btn-list:hover .quick-btn-img {background-color: #f1fafc;}

/* main - quick-box */
.quick-box {margin: 2rem 0;}
.quick-box-wrap {display: grid;  padding-top: 1rem;  padding-bottom: 1rem;}
.quick-box-list {padding: 2.25rem;  border-radius: 1.5rem;}
.quick-box-list.box1 {background-color: #4682b4;}
.quick-box-list.box2 {background-color: #ece0d1;}
.quick-box-list.box3 {background-color: #f39c12;}
.quick-box-list.box4 {background-color: #e74c3c;}
.quick-box-list.box5 {background-color: #c0392b;}

.quick-box-list h2 {
  position: relative;
  font-size: 1.5rem;
  font-weight: 500;
  letter-spacing: -1px;
  color: var(--white);
  padding: .25rem 0;
}

.quick-box-list h2 a.btn-more {
  position: absolute;
  top: 0;
  right: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 38px;
  height: 38px;
  border: 1px solid rgba(255, 255, 255, .3);
  font-size: 2rem;
  color: var(--white);
}

.quick-box-list h2 a.btn-more:hover {background-color: rgba(255, 255, 255, .1);}

.quick-box-list h3 {
  font-size: .95rem;
  font-weight: 300;
  letter-spacing: -.5px;
  color: var(--white);
  opacity: .9;
  margin: 20px 0;
}

.quick-box-list ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.quick-box-list .link li a {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 50px;
  background-color: var(--white);
}

.quick-box-list .link li+li {margin-top: .5rem;}

.quick-box-list .link a {
  position: relative;
  padding: 0 1rem;
  letter-spacing: -1px;
}

.quick-box-list .link li a:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  display: inline-block;
  width: 0;
  height: 100%;
  background-color: transparent;
  box-sizing: border-box;
}

.quick-box-list .link li a:hover:after {
  width: 100%;
  background-color: rgb(200 190 165 / 15%);
  transition: .2s ease-out;
}

.quick-box-list.basic2 .link li {float: left;  width: 50%;  padding: 0 5px;}
.quick-box-list.basic2 .link li:first-child {display: block;  width: 100%;}

.quick-box-list .journal {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: flex-start;
}

.quick-box-list .journal .j-cover {padding-left: 0;}
.quick-box-list .journal .j-info  {padding-left: 0;  padding-right: 0;}
.quick-box-list .journal img {width: calc(100% - 10%);}
.quick-box-list .journal h2 {color: inherit;}
.quick-box-list .journal h3 {color: inherit;}
.quick-box-list .journal h2 a.btn-more {color: inherit;  border: 1px solid rgba(0, 0, 0, .3);}

/* main - bbs-widgets */
.bbs-widgets {padding: 2.5rem 0;  background-color: var(--bg-color);}

/* sitelink */
.sitelink {padding: 3rem 0;}
.sitelink a {display: flex;  margin: 0.25rem;  font-size: 0.85rem;  color: var(--gray);}
.sitelink a img {max-height: 3rem;}

@media (min-width: 768px) and (max-width: 991.98px) {
  /* main - quick-box */
  .quick-box-list.basic1 .link li {float: left;  width: 50%;  padding: 0 5px;}
  .quick-box-list.basic1 .link li+li {margin-top: 0;}
  .quick-box-list.basic2 .link li:first-child {margin-bottom: 10px;}
}

@media (max-width: 991.98px) {
  /* main - main-banner, Carousel buton */
  .main-banner {height: 31.25rem;}
  .main-banner .caption {bottom: 45%;}

  /* main - quick-btn */
  .quick-btn .quick-btn-list {width: calc(100% / 3);}
}

@media (max-width: 767.98px) {
  /* main - main-banner, Carousel buton */
  .main-banner {height: 20rem;}
  .main-banner .caption {left: 0;  bottom: 25%;  padding-left: 2rem;  padding-right: 2rem;}

  /* main - quick-btn */
  .quick-btn {margin: 2rem 0;}
}

@media (max-width: 575.98px) {
  /* main - main-banner, Carousel buton */
  .main-banner {height: 18.75rem;}

  /* main - quick-btn */
  .quick-box-list.basic2 .link li {display: block;  width: 100%;}
  .quick-btn .quick-btn-wrap {padding: 1rem;}
  .quick-btn .quick-btn-list {padding: .75rem 0rem;}
  .quick-btn .quick-btn-img {width: 5rem;  height: 5rem;}
  .quick-btn .quick-btn-img i {font-size: 2.5rem;}
  .quick-btn .quick-btn-text {font-size: .85rem;}

  /* main - quick-box */
  .quick-box-list {padding: 2rem 1.5rem;}
  .quick-box-list h2 a.btn-more {width: 34px;  height: 34px;  font-size: 1.75rem;}
  .quick-box-list h3 {font-size: .85rem;}
  .quick-box-list .link a {padding: 0 .75rem;}
  .quick-box-list .journal .j-cover {display: none;}
  .quick-box-list.basic2 .link li:first-child {padding: 0rem;}
  .quick-box-list.basic2 .link li {display: block;  width: 100%;  padding: 0rem;}

  /* main - bbs-widgets */
  .widget_post02 li .date {display: none;}
  .widget_post02 li div {width: 100% !important;  margin: 0rem !important;}
}


/*----------------------------------------
TEMPLATE 6 - sub layout
----------------------------------------*/
/* sub-banner */
.sub-banner {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  min-height: 10rem;
	background-color: var(--gray);
}

/* sub - lnb */
.lnb-wrap {
  z-index: 9;
  float: left;
  margin-top: -6.1rem;
}

.lnb_depth {
  display: block;
  width: 100%;
  padding: 0;
	border-radius: 0.5rem;
  background-color: var(--bg-color);
  box-shadow: 0 10px 15px -3px rgb(0 0 0 / 10%), 0 4px 6px -4px rgb(0 0 0 / 10%);
}

.lnb_depth a:hover {color: var(--first-color);}

.lnb_depth h2 {
  font-size: 1.75rem;
  font-weight: 300;
  text-align: center;
  padding: 2rem 0;
  border-top-right-radius: 0.5rem;
  border-top-left-radius: 0.5rem;
  background-color: var(--first-color);
  color: var(--white);
}

.lnb_depth ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.lnb_depth .m2 {border-top: none;}

.lnb_depth .m2>a {
  display: block;
  font-size: 1.05rem;
  letter-spacing: -.025rem;
	padding: .75rem 1.5rem;
	margin: 0;
  border-bottom: 1px solid #ededed;
}

.lnb_depth .m2.selected {background-color: #dfdfdf;}
.lnb_depth .m2.selected>a {color: var(--first-color);  border-bottom: none;}
.lnb_depth .m2.selected>a:hover {color: var(--first-color);}

.lnb_depth .m2>ul {padding-bottom: 1rem;}
.lnb_depth .m3 {background-color: #ededed;}
.lnb_depth .m3>li:first-child {padding-top: .5rem;}
.lnb_depth .m3>li:last-child {padding-bottom: .5rem;}
.lnb_depth .m3>li.selected3 {color: var(--first-color);}

.lnb_depth .m3>li a {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin: 0 1.25rem;
  font-size: .85rem;
}

.lnb_depth .m3>li a i {
  color: var(--gray);
  font-size: 1.25rem;
  line-height: 1.25;
}

/* sub - page-wrap */
.page-wrap-overlap {
  z-index: 10;
  margin-top: -8rem;
}

.page-title {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  min-height: 6rem;
}

.page-title h3 {
  font-size: clamp(1.75rem, 1.4741rem + 1.3793vw, 2.25rem);
  font-weight: 400;
  letter-spacing: -.1rem;
  /* color: var(--white); */
  opacity: .95;
}

.page-title .location {
  font-size: .95rem;
  color: var(--white);
  opacity: .85;
  margin-top: 3rem;
}

.page-title .location a {padding: 0 .25rem;}
.page-title .location a:hover {color: var(--white);  text-decoration: underline;}

.page-content {margin: 0;  min-height: 20rem;}

@media (max-width: 991.98px) {
  /* sub - lnb */
  .lnb-wrap {display: none;}
}

@media (max-width: 575.98px) {
  /* sub - page-wrap */
  .page-title {justify-content: center;}
  .page-title .location {display: none;}
}