@charset "utf-8";
/* CSS Document */

/*============================
#mainPanelArea
============================*/
#mainPanelArea { background: url("../../imageFile/blogDesc/panel_bg.jpg")no-repeat center; background-size: cover; }

/*============================
#blogDescArea
============================*/
#blogDescArea{
}
#blogDescArea.md_area {
  width: 1100px;
  margin: 0 auto;
}

#blogDescArea.md_area .pad.md_pad.clearFix .mainBox_blog {
  width: 1000px;
  margin-left: auto;
  margin-right: auto;
}
#blogDescArea.md_area .pad.md_pad.clearFix .mainBox .dateBox {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-top: 60px;
}
#blogDescArea.md_area .pad.md_pad.clearFix .mainBox .dateBox .date {
  color: #B5B5B6;
  font-size: 14px;
}
#blogDescArea.md_area .pad.md_pad.clearFix .mainBox .dateBox .blogDescCategory {
  margin-left: 23px;
  font-size: 14px;
  color: #fff;
  padding: 5px 16px;
  background-color: #A01D48;
  border-radius: 5px;
}
#blogDescArea.md_area .pad.md_pad.clearFix .mainBox .blogBox {
  margin-top: 40px;
}
#blogDescArea.md_area .pad.md_pad.clearFix .mainBox .blogBox .title {

  text-align: center;
  font-size: 26px;
  font-weight: bold;
  line-height: 1.5;
  padding-bottom: 40px;
  border-bottom: 1px solid #000;
}
/* #blogDescArea.md_area .pad.md_pad.clearFix .mainBox .blogBox .title::after {
  content: "";
  width: 1000px;
  border-bottom: 1px solid #000;
  margin-top: 30px;
} */
#blogDescArea.md_area .pad.md_pad.clearFix .mainBox .blogBox .imgBox {
  margin-top: 60px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
  width: 800px;
}
#blogDescArea.md_area .pad.md_pad.clearFix .mainBox .blogBox .imgBox img {
  width: 100%;
}
#blogDescArea.md_area .pad.md_pad.clearFix .mainBox .blogBox .textBox {}
#blogDescArea.md_area .pad.md_pad.clearFix .mainBox .blogBox .textBox .pdfBlock { display: flex; justify-content: space-around; margin-top: 20px; }

#blogDescArea.md_area .pad.md_pad.clearFix .mainBox .blogBox .textBox .subtitleBox { padding-bottom: 15px; border-bottom: 1px solid #dedede; }
#blogDescArea.md_area .pad.md_pad.clearFix .mainBox .blogBox .textBox .subtitle {
  margin-top: 60px;
  font-size: 18px;
  font-weight: bold;
  padding: .25em 0 .25em .75em;
  border-left: 6px solid #A01D48;
}
/* #blogDescArea.md_area .pad.md_pad.clearFix .mainBox .blogBox .textBox .subtitle::after {
  content: '';
  display: block;
  background: #DEDEDE;
  height: 3px;
  width: 28px;
  margin-top: 5px;
} */
#blogDescArea.md_area .pad.md_pad.clearFix .mainBox .blogBox .textBox .text {
  margin-top: 15px;
  font-size: 15px;
  letter-spacing: 1.5px;
  line-height: 1.7;
}

#blogDescArea.md_area .pad.md_pad.clearFix .mainBox .blogBox .textBox .imgBox {
  width: 600px;
  margin-top: 30px;
  margin-left: auto;
  margin-right: auto;
}
#blogDescArea.md_area .pad.md_pad.clearFix .mainBox .blogBox .textBox .imgBox img {
  width: 100%;
}
#blogDescArea.md_area .pad.md_pad.clearFix .mainBox .backBtnBox {
  margin-top: 60px;
}
#blogDescArea.md_area .pad.md_pad.clearFix .mainBox .backBtnBox .backBtn {
  width: 260px;
  margin-left: auto;
  margin-right: auto;
  background-color: #222;
  border-radius: 5px;
  display: flex;
  align-items: center;
}
#blogDescArea.md_area .pad.md_pad.clearFix .mainBox .backBtnBox .backBtn .text {
  padding-top: 25px;
  padding-bottom: 25px;
  color: #fff;
  font-size: 15px;
  margin-left: 40px;
}
#blogDescArea.md_area .pad.md_pad.clearFix .mainBox .backBtnBox .backBtn .arrow {
  margin-left: 40px;
  margin-right: 40px;
  padding-top: 25px;
  padding-bottom: 25px;
}


/* -------pager area------- */
#blogDescArea.md_area .mainBox .pagerBox {
}
#blogDescArea.md_area .mainBox .pagerBox .page {
  text-align: right;
}
#blogDescArea.md_area .mainBox .pagerBox .page span {
}

#blogDescArea .pagerBox { margin-top: 60px; margin-left: 758px; }
#blogDescArea .pagerBox .page {}
#blogDescArea .pagerBox .page span { font-weight: bold; font-size: 1.2rem; }
#blogDescArea .pagerBox .number {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: right;
  width: 343px;
  margin-top: 15px;
}
#blogDescArea .pagerBox .number .arrow {
  margin-bottom: 5px;
}
#blogDescArea .pagerBox .number .prev {
  color: #B5B5B6;
  font-size: 15px;
}
#blogDescArea .pagerBox .number .num {
  margin-left: 20px;
}
#blogDescArea .pagerBox .number .num .current {
  font-size: 18px;
  font-weight: bold;
  color: #222;
}
#blogDescArea .pagerBox .number .num .grayNumber {
  color: #B5B5B6;
  font-size: 15px;
  margin-left: 10px;
}
#blogDescArea .pagerBox .number .next {
  color: #B5B5B6;
  font-size: 15px;
  margin-left: 20px;
}
#blogDescArea .pagerBox .pageBtn { margin-top: 20px; }
#blogDescArea .pagerBox .pageBtn span { margin-left: 5px; }
#blogDescArea .pagerBox .pageBtn span a { padding: 8px; }
#blogDescArea .pagerBox .pageBtn span.on { background: #a01d48; color: #fff; padding: 5px 10px; }
#blogDescArea .pagerBox .pageBtn span.back { position: relative; }
#blogDescArea .pagerBox .pageBtn span.back a { padding-left: 20px; }
#blogDescArea .pagerBox .pageBtn span.back::before { position: absolute; top: 5px; left: 0; content: ""; background: url("../../imageFile/global/news_btn_ico.png")no-repeat center; background-size: contain; width: 12px; height: 10px; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); }
#blogDescArea .pagerBox .pageBtn span.next { position: relative; }
#blogDescArea .pagerBox .pageBtn span.next a { padding-right: 20px; }
#blogDescArea .pagerBox .pageBtn span.next::before { position: absolute; top: 4px; right: 0; content: ""; background: url("../../imageFile/global/news_btn_ico.png")no-repeat center; background-size: contain; width: 12px; height: 10px; }


/*============================
#contactArea
============================*/
#contactArea { padding-top: 120px; }