@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap");
* {
  margin: 0px;
  padding: 0px; }

html,
body {
  width: 100%;
  height: 100%;
  background-color: #FFF;
  color: #4a4a4a;
  font-size: 16px; }

a {
  text-decoration: none;
  display: block;
  color: #000; }

button {
  border: none;
  outline: none;
  text-align: center; }

ul,
ol {
  list-style: none; }

.subPageAreaHj {
  width: 100%;
  height: auto;
  background-color: #FFF;
  margin-top: 75px;
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: center;
  font-family: 'Noto Sans KR', sans-serif; }
  .subPageAreaHj * {
    font-family: 'Noto Sans KR', sans-serif; }
  .subPageAreaHj .btnLeftHj,
  .subPageAreaHj .btnRightHj {
    width: 100px;
    height: 100px;
    text-align: center;
    background-color: transparent;
    position: fixed;
    transition: all 0.1s ease;
    top: 50%;
    margin-top: -50px;
    z-index: 1000;
    opacity: 0.2;
    font-family: inherit;
    background-size: cover; }
  .subPageAreaHj .btnLeftHj {
    left: 0px;
    background-image: url("../img/sub/left_button.gif"); }
  .subPageAreaHj .btnRightHj {
    right: 0px;
    background-image: url("../img/sub/right_button.gif"); }
  .subPageAreaHj .btnLeftHj:hover {
    background-image: url("../img/sub/left_button_hover.gif");
    opacity: 1.0; }
  .subPageAreaHj .btnRightHj:hover {
    background-image: url("../img/sub/right_button_hover.gif");
    opacity: 1.0; }
  .subPageAreaHj .btnLeftHj:active,
  .subPageAreaHj .btnRightHj:active {
    background-color: #34e0ff56; }
  .subPageAreaHj .backImgAreaHj {
    width: 100%;
    height: 400px;
    width: 100%;
    height: 400px;
    overflow: hidden;
    position: relative;
    z-index: 100; }
    .subPageAreaHj .backImgAreaHj .fixedImgHj {
      width: 100%;
      height: 400px;
      background-repeat: no-repeat;
      background-size: 100%;
      background-attachment: fixed; }
    .subPageAreaHj .backImgAreaHj .sectionBoxAreaHj {
      width: 100%;
      height: 100px;
      background-color: rgba(255, 255, 255, 0.801);
      z-index: 200;
      position: absolute;
      bottom: 0px;
      display: flex;
      flex-flow: column nowrap;
      justify-content: flex-start;
      align-items: center; }
      .subPageAreaHj .backImgAreaHj .sectionBoxAreaHj .sectionBoxHj {
        width: 100px;
        height: 100px;
        position: absolute;
        top: -50px;
        left: 50%;
        margin-left: -50px;
        background-repeat: no-repeat;
        background-size: cover; }
      .subPageAreaHj .backImgAreaHj .sectionBoxAreaHj .sec1Title {
        background-image: url("../img/sec1_title.png"); }
      .subPageAreaHj .backImgAreaHj .sectionBoxAreaHj .sec2Title {
        background-image: url("../img/sec2_title.png"); }
      .subPageAreaHj .backImgAreaHj .sectionBoxAreaHj .sec3Title {
        background-image: url("../img/sec3_title.png"); }
      .subPageAreaHj .backImgAreaHj .sectionBoxAreaHj .sec4Title {
        background-image: url("../img/sec4_title.png"); }
  .subPageAreaHj .contentBoxHj {
    width: 100%;
    height: auto;
    background-color: #FFF;
    display: flex;
    flex-flow: column nowrap;
    justify-content: flex-start;
    align-items: center;
    position: relative;
    z-index: 500; }
    .subPageAreaHj .contentBoxHj .contentCenterHj {
      max-width: 1200px;
      min-width: 320px;
      width: 100%;
      height: auto;
      padding: 40px;
      box-sizing: border-box;
      word-spacing: -1px; }
      .subPageAreaHj .contentBoxHj .contentCenterHj .conalTxtHj {
        width: 100%;
        height: auto;
        text-align: center;
        line-height: 2em;
        margin-top: 20px;
        box-sizing: border-box;
        padding-bottom: 60px;
        border-bottom: 1px solid #4a4a4a;
        font-size: 1.25rem; }
        .subPageAreaHj .contentBoxHj .contentCenterHj .conalTxtHj h2 {
          width: 100%;
          height: auto;
          margin: 30px 0px;
          text-align: center;
          line-height: 2em;
          color: #4a4a4a;
          word-break: keep-all;
          font-size: 1.75rem; }
        .subPageAreaHj .contentBoxHj .contentCenterHj .conalTxtHj .subTitleHj {
          width: 100%;
          text-align: center;
          line-height: 2em;
          font-size: 1.25rem;
          font-weight: 800; }
          .subPageAreaHj .contentBoxHj .contentCenterHj .conalTxtHj .subTitleHj a {
            display: inline;
            color: #367bd4; }
          .subPageAreaHj .contentBoxHj .contentCenterHj .conalTxtHj .subTitleHj .noBoldHj {
            font-weight: 400; }
        .subPageAreaHj .contentBoxHj .contentCenterHj .conalTxtHj .subContentHj {
          width: 100%;
          text-align: justify;
          word-break: break-all;
          line-height: 2em;
          margin: 20px 0px;
          color: #4a4a4a;
          font-size: 1.15rem;
          font-weight: 700; }
          .subPageAreaHj .contentBoxHj .contentCenterHj .conalTxtHj .subContentHj a {
            display: inline;
            color: #367bd4;
            word-break: break-all; }
        .subPageAreaHj .contentBoxHj .contentCenterHj .conalTxtHj .subWriterHj {
          width: 100%;
          text-align: center;
          line-height: 2em;
          color: #4a4a4a;
          font-size: 1.15rem; }
          .subPageAreaHj .contentBoxHj .contentCenterHj .conalTxtHj .subWriterHj span {
            font-weight: 700; }
          .subPageAreaHj .contentBoxHj .contentCenterHj .conalTxtHj .subWriterHj a {
            display: inline;
            color: #367bd4;
            word-break: break-all; }
        .subPageAreaHj .contentBoxHj .contentCenterHj .conalTxtHj .textRight {
          text-align: right; }
        .subPageAreaHj .contentBoxHj .contentCenterHj .conalTxtHj .textLeft {
          text-align: left; }
        .subPageAreaHj .contentBoxHj .contentCenterHj .conalTxtHj .textJustify {
          text-align: justify; }
        .subPageAreaHj .contentBoxHj .contentCenterHj .conalTxtHj .textCenter {
          text-align: center; }
        .subPageAreaHj .contentBoxHj .contentCenterHj .conalTxtHj .sec1FontColor {
          color: #dc5f24; }
        .subPageAreaHj .contentBoxHj .contentCenterHj .conalTxtHj .sec2FontColor {
          color: #009b91; }
        .subPageAreaHj .contentBoxHj .contentCenterHj .conalTxtHj .sec3FontColor {
          color: #5f2c85; }
        .subPageAreaHj .contentBoxHj .contentCenterHj .conalTxtHj .sec4FontColor {
          color: #0c3287; }
      .subPageAreaHj .contentBoxHj .contentCenterHj .mainContentHj {
        width: 100%;
        height: auto;
        text-align: left;
        display: flex;
        flex-flow: column nowrap;
        justify-content: flex-start;
        align-items: center;
        text-align: justify;
        word-break: break-all;
        padding-bottom: 100px; }
        .subPageAreaHj .contentBoxHj .contentCenterHj .mainContentHj .twoBoxHj, .subPageAreaHj .contentBoxHj .contentCenterHj .mainContentHj .titleUnderTwoBoxHj {
          width: 100%;
          height: auto;
          margin: 43px 0px -8px 0px;
          display: flex;
          flex-flow: row nowrap;
          justify-content: space-between;
          align-items: flex-start; }
          .subPageAreaHj .contentBoxHj .contentCenterHj .mainContentHj .twoBoxHj .leftBoxHj, .subPageAreaHj .contentBoxHj .contentCenterHj .mainContentHj .titleUnderTwoBoxHj .leftBoxHj {
            width: 538px;
            height: auto; }
          .subPageAreaHj .contentBoxHj .contentCenterHj .mainContentHj .twoBoxHj .rightBoxHj, .subPageAreaHj .contentBoxHj .contentCenterHj .mainContentHj .titleUnderTwoBoxHj .rightBoxHj {
            width: 538px;
            height: auto; }
          .subPageAreaHj .contentBoxHj .contentCenterHj .mainContentHj .twoBoxHj .w1, .subPageAreaHj .contentBoxHj .contentCenterHj .mainContentHj .titleUnderTwoBoxHj .w1 {
            width: 108px;
            height: auto; }
          .subPageAreaHj .contentBoxHj .contentCenterHj .mainContentHj .twoBoxHj .w2, .subPageAreaHj .contentBoxHj .contentCenterHj .mainContentHj .titleUnderTwoBoxHj .w2 {
            width: calc(108px*2);
            height: auto; }
          .subPageAreaHj .contentBoxHj .contentCenterHj .mainContentHj .twoBoxHj .w3, .subPageAreaHj .contentBoxHj .contentCenterHj .mainContentHj .titleUnderTwoBoxHj .w3 {
            width: calc(108px*3);
            height: auto; }
          .subPageAreaHj .contentBoxHj .contentCenterHj .mainContentHj .twoBoxHj .w4, .subPageAreaHj .contentBoxHj .contentCenterHj .mainContentHj .titleUnderTwoBoxHj .w4 {
            width: calc(108px*4);
            height: auto; }
          .subPageAreaHj .contentBoxHj .contentCenterHj .mainContentHj .twoBoxHj .w5, .subPageAreaHj .contentBoxHj .contentCenterHj .mainContentHj .titleUnderTwoBoxHj .w5 {
            width: calc(108px*5);
            height: auto; }
          .subPageAreaHj .contentBoxHj .contentCenterHj .mainContentHj .twoBoxHj .w6, .subPageAreaHj .contentBoxHj .contentCenterHj .mainContentHj .titleUnderTwoBoxHj .w6 {
            width: calc(108px*6);
            height: auto; }
          .subPageAreaHj .contentBoxHj .contentCenterHj .mainContentHj .twoBoxHj .w7, .subPageAreaHj .contentBoxHj .contentCenterHj .mainContentHj .titleUnderTwoBoxHj .w7 {
            width: calc(108px*7);
            height: auto; }
          .subPageAreaHj .contentBoxHj .contentCenterHj .mainContentHj .twoBoxHj .w8, .subPageAreaHj .contentBoxHj .contentCenterHj .mainContentHj .titleUnderTwoBoxHj .w8 {
            width: calc(108px*8);
            height: auto; }
          .subPageAreaHj .contentBoxHj .contentCenterHj .mainContentHj .twoBoxHj .w9, .subPageAreaHj .contentBoxHj .contentCenterHj .mainContentHj .titleUnderTwoBoxHj .w9 {
            width: calc(108px*9);
            height: auto; }
        .subPageAreaHj .contentBoxHj .contentCenterHj .mainContentHj .titleUnderTwoBoxHj {
          margin: 0px 0px -8px 0px; }
        .subPageAreaHj .contentBoxHj .contentCenterHj .mainContentHj .titleBoxHj, .subPageAreaHj .contentBoxHj .contentCenterHj .mainContentHj .titleSizeUp {
          width: 100%;
          height: auto;
          margin: 43px 0px -8px 0px;
          color: #000;
          line-height: 2em;
          word-break: keep-all;
          text-align: left;
          font-size: 1.5rem;
          font-weight: 700; }
          .subPageAreaHj .contentBoxHj .contentCenterHj .mainContentHj .titleBoxHj a, .subPageAreaHj .contentBoxHj .contentCenterHj .mainContentHj .titleSizeUp a {
            display: inline;
            color: #367bd4;
            word-break: break-all; }
        .subPageAreaHj .contentBoxHj .contentCenterHj .mainContentHj .titleSizeUp {
          margin: 100px 0px -8px 0px;
          line-height: 2em;
          font-size: 2rem;
          font-weight: 700; }
        .subPageAreaHj .contentBoxHj .contentCenterHj .mainContentHj .titleUnderHj {
          width: 100%;
          height: auto;
          margin: 16px 0px -8px 0px;
          color: #4a4a4a;
          font-size: 1.25rem;
          line-height: 2em; }
          .subPageAreaHj .contentBoxHj .contentCenterHj .mainContentHj .titleUnderHj strong {
            font-size: 1.25rem;
            font-weight: 700;
            line-height: 2em; }
          .subPageAreaHj .contentBoxHj .contentCenterHj .mainContentHj .titleUnderHj a {
            display: inline;
            color: #367bd4;
            text-align: justify;
            word-break: break-all; }
        .subPageAreaHj .contentBoxHj .contentCenterHj .mainContentHj .contentUnderHj {
          width: 100%;
          height: auto;
          margin: 43px 0px -8px 0px;
          color: #4a4a4a;
          line-height: 2em;
          font-size: 1.25rem; }
          .subPageAreaHj .contentBoxHj .contentCenterHj .mainContentHj .contentUnderHj strong {
            font-size: 1.25rem;
            font-weight: 700;
            line-height: 2em; }
          .subPageAreaHj .contentBoxHj .contentCenterHj .mainContentHj .contentUnderHj a {
            display: inline;
            color: #367bd4;
            word-break: break-all; }
        .subPageAreaHj .contentBoxHj .contentCenterHj .mainContentHj .imgBoxHj {
          width: 100%;
          height: auto;
          margin: 43px 0px -8px 0px; }
          .subPageAreaHj .contentBoxHj .contentCenterHj .mainContentHj .imgBoxHj img {
            width: 100%;
            height: auto; }
          .subPageAreaHj .contentBoxHj .contentCenterHj .mainContentHj .imgBoxHj .imgUnderTxt {
            width: 100%;
            height: auto;
            margin-top: 16px;
            line-height: 1.5em;
            font-size: 1.1rem;
            text-align: center; }
            .subPageAreaHj .contentBoxHj .contentCenterHj .mainContentHj .imgBoxHj .imgUnderTxt a {
              display: inline;
              color: #367bd4; }
        .subPageAreaHj .contentBoxHj .contentCenterHj .mainContentHj .underImgAreaHj {
          width: 100%;
          height: auto;
          margin: 18px 0px -8px 0px; }
          .subPageAreaHj .contentBoxHj .contentCenterHj .mainContentHj .underImgAreaHj img {
            width: 100%;
            height: auto;
            display: block; }
          .subPageAreaHj .contentBoxHj .contentCenterHj .mainContentHj .underImgAreaHj .imgUnderTxt {
            width: 100%;
            height: auto;
            margin-top: 16px;
            line-height: 1.5em;
            font-size: 1.1rem;
            text-align: center; }
            .subPageAreaHj .contentBoxHj .contentCenterHj .mainContentHj .underImgAreaHj .imgUnderTxt a {
              display: inline;
              color: #367bd4;
              word-break: break-all; }
        .subPageAreaHj .contentBoxHj .contentCenterHj .mainContentHj .sec1BorderBoxHj, .subPageAreaHj .contentBoxHj .contentCenterHj .mainContentHj .sec2BorderBoxHj, .subPageAreaHj .contentBoxHj .contentCenterHj .mainContentHj .sec3BorderBoxHj, .subPageAreaHj .contentBoxHj .contentCenterHj .mainContentHj .sec4BorderBoxHj {
          width: 100%;
          height: auto;
          box-sizing: border-box;
          padding: 0px 30px 43px 30px;
          margin: 43px 0px -8px 0px;
          border-radius: 5px;
          border: 2px solid #dc5f24; }
        .subPageAreaHj .contentBoxHj .contentCenterHj .mainContentHj .tableBoxHj {
          width: 100%;
          height: auto;
          overflow: auto;
          margin: 16px 0px -8px 0px; }
          .subPageAreaHj .contentBoxHj .contentCenterHj .mainContentHj .tableBoxHj .tableHj {
            width: 99%;
            border-collapse: collapse; }
            .subPageAreaHj .contentBoxHj .contentCenterHj .mainContentHj .tableBoxHj .tableHj tr td {
              font-size: 1.25rem;
              box-sizing: border-box;
              padding: 10px 15px; }
            .subPageAreaHj .contentBoxHj .contentCenterHj .mainContentHj .tableBoxHj .tableHj tr .tableBorderHj {
              box-sizing: border-box;
              border: 1px solid #aeaeae; }
        .subPageAreaHj .contentBoxHj .contentCenterHj .mainContentHj .sec2BorderBoxHj {
          border: 2px solid #009b91; }
        .subPageAreaHj .contentBoxHj .contentCenterHj .mainContentHj .sec3BorderBoxHj {
          border: 2px solid #5f2c85; }
        .subPageAreaHj .contentBoxHj .contentCenterHj .mainContentHj .sec4BorderBoxHj {
          border: 2px solid #0c3287; }
        .subPageAreaHj .contentBoxHj .contentCenterHj .mainContentHj .sec1FontColor {
          color: #dc5f24; }
        .subPageAreaHj .contentBoxHj .contentCenterHj .mainContentHj .sec2FontColor {
          color: #009b91; }
        .subPageAreaHj .contentBoxHj .contentCenterHj .mainContentHj .sec3FontColor {
          color: #5f2c85; }
        .subPageAreaHj .contentBoxHj .contentCenterHj .mainContentHj .sec4FontColor {
          color: #0c3287; }
        .subPageAreaHj .contentBoxHj .contentCenterHj .mainContentHj .sec1BGColor {
          background-color: #dc5f24;
          color: white; }
        .subPageAreaHj .contentBoxHj .contentCenterHj .mainContentHj .sec2BGColor {
          background-color: #009b91;
          color: white; }
        .subPageAreaHj .contentBoxHj .contentCenterHj .mainContentHj .sec3BGColor {
          background-color: #5f2c85;
          color: white; }
        .subPageAreaHj .contentBoxHj .contentCenterHj .mainContentHj .sec4BGColor {
          background-color: #0c3287;
          color: white; }
        .subPageAreaHj .contentBoxHj .contentCenterHj .mainContentHj .borderRadiusTop {
          border-radius: 20px 20px 0px 0px; }
        .subPageAreaHj .contentBoxHj .contentCenterHj .mainContentHj .bottomBorder {
          border-bottom: 1px dashed #bfbfbf;
          padding-bottom: 40px; }
        .subPageAreaHj .contentBoxHj .contentCenterHj .mainContentHj .textRight {
          text-align: right; }
        .subPageAreaHj .contentBoxHj .contentCenterHj .mainContentHj .textLeft {
          text-align: left; }
        .subPageAreaHj .contentBoxHj .contentCenterHj .mainContentHj .textJustify {
          text-align: justify; }
        .subPageAreaHj .contentBoxHj .contentCenterHj .mainContentHj .textCenter {
          text-align: center; }
      .subPageAreaHj .contentBoxHj .contentCenterHj .shareBtnAreaHj {
        width: 100%;
        height: 60px;
        margin-top: 43px;
        display: flex;
        flex-flow: row nowrap;
        justify-content: flex-end;
        align-items: center; }
        .subPageAreaHj .contentBoxHj .contentCenterHj .shareBtnAreaHj .shareBtnHj {
          width: 60px;
          height: 60px;
          border-radius: 3px;
          margin-left: 10px;
          transition: all 0.2s linear;
          background-repeat: no-repeat;
          background-position: 50% 50%;
          background-size: cover;
          font-size: 40px;
          font-weight: 700; }
        .subPageAreaHj .contentBoxHj .contentCenterHj .shareBtnAreaHj .shareBtnHj:nth-child(1) {
          background-image: url("../img/naver_i.jpg"); }
        .subPageAreaHj .contentBoxHj .contentCenterHj .shareBtnAreaHj .shareBtnHj:nth-child(1):hover {
          cursor: pointer; }
        .subPageAreaHj .contentBoxHj .contentCenterHj .shareBtnAreaHj .shareBtnHj:nth-child(2) {
          background-image: url("../img/face_i.jpg"); }
        .subPageAreaHj .contentBoxHj .contentCenterHj .shareBtnAreaHj .shareBtnHj:nth-child(2):hover {
          cursor: pointer; }
        .subPageAreaHj .contentBoxHj .contentCenterHj .shareBtnAreaHj .shareBtnHj:nth-child(3) {
          background-image: url("../img/share_i.jpg"); }
        .subPageAreaHj .contentBoxHj .contentCenterHj .shareBtnAreaHj .shareBtnHj:nth-child(3):hover {
          cursor: pointer; }

.sec1FontColor {
  color: #dc5f24; }

.sec2FontColor {
  color: #009b91; }

.sec3FontColor {
  color: #5f2c85; }

.sec4FontColor {
  color: #0c3287; }

.imgControlBox {
  display: none;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0px;
  left: 0px;
  background-color: rgba(0, 0, 0, 0.9);
  z-index: 4000; }
  .imgControlBox .imgControlBoxExit {
    background-image: url("../img/imgPopUpExit.png");
    background-size: 80%;
    background-position: center;
    background-repeat: no-repeat;
    width: 80px;
    height: 80px; }
  .imgControlBox .popImg {
    display: flex;
    flex-flow: column wrap;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: calc(100% - 160px);
    overflow: auto; }
    .imgControlBox .popImg img {
      width: 100%;
      max-width: 300%;
      min-width: 50%;
      height: auto;
      line-height: calc(100% - 160px); }
  .imgControlBox .controlTools {
    position: fixed;
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 80px; }
  .imgControlBox .controlBtn {
    background-color: black;
    float: left;
    width: calc(100% / 3);
    height: 100%;
    font-size: 1.2rem;
    transition: background-color 0.1s ease;
    cursor: pointer;
    color: white; }
  .imgControlBox .controlBtn:nth-child(2) {
    box-sizing: border-box;
    border-left: 1px solid white;
    border-right: 1px solid white; }
  .imgControlBox .controlBtn:active {
    background-color: #797979; }

@media all and (max-width: 960px) {
  .subPageAreaHj .btnLeftHj,
  .subPageAreaHj .btnRightHj {
    width: 50px;
    height: 50px; }
  .subPageAreaHj .btnLeftHj {
    left: 20px;
    background-image: url("../img/left_button.gif"); }
  .subPageAreaHj .btnRightHj {
    right: 20px;
    background-image: url("../img/right_button.gif"); }
  .subPageAreaHj .backImgAreaHj {
    height: 100px; }
    .subPageAreaHj .backImgAreaHj .fixedImgHj {
      width: 640px;
      height: 300px;
      display: none; }
    .subPageAreaHj .backImgAreaHj .sectionBoxAreaHj {
      background-color: #FFF; }
      .subPageAreaHj .backImgAreaHj .sectionBoxAreaHj .sectionBoxHj {
        width: 60px;
        height: 60px;
        top: 40px;
        left: 50%;
        margin-left: -30px; }
  .subPageAreaHj .contentBoxHj {
    width: 100%; }
    .subPageAreaHj .contentBoxHj .contentCenterHj {
      padding: 20px 20px; }
      .subPageAreaHj .contentBoxHj .contentCenterHj .mainContentHj {
        width: 100%; } }

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