/*======================================================

.articleArea

========================================================  */
.articleArea .mainContents {
  padding-bottom: 1px; }
  .articleArea .mainContents h1, .articleArea .mainContents h2 {
    line-height: 50px; }
  .articleArea .mainContents .h3Style {
    /*font-family: "NotoSansCJKjpL";*/
    color: #6a6a6a;
    font-size: 1.25rem;
    line-height: normal;
    border-left: none;
    padding-left: 0; }
  .articleArea .mainContents .h3StyleB {
    color: #6a6a6a;
    display: block;
    font-weight: bold;
    font-size: 1.4rem;
    padding-left: 0; }
  .articleArea .mainContents .horizontalTitle {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row;
    -ms-flex-flow: row;
    flex-flow: row;
    align-items: center;
    padding-bottom: 16px; }
    .articleArea .mainContents .horizontalTitle h1, .articleArea .mainContents .horizontalTitle h2, .articleArea .mainContents .horizontalTitle h3 {
      margin-bottom: 0;
      margin-right: 25px; }
    .articleArea .mainContents .horizontalTitle .viewControlWrap {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-flow: row;
      -ms-flex-flow: row;
      flex-flow: row;
      margin-left: auto; }
      .articleArea .mainContents .horizontalTitle .viewControlWrap .viewSwich {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-flow: row;
        -ms-flex-flow: row;
        flex-flow: row; }
        .articleArea .mainContents .horizontalTitle .viewControlWrap .viewSwich li {
          list-style: none;
          color: #999999;
          margin-right: 20px;
          transition: 0.3s;
          cursor: pointer; }
          .articleArea .mainContents .horizontalTitle .viewControlWrap .viewSwich li .materialIcons {
            color: #999999;
            transition: 0.3s; }
          .articleArea .mainContents .horizontalTitle .viewControlWrap .viewSwich li.current {
            cursor: default;
            color: #333333; }
            .articleArea .mainContents .horizontalTitle .viewControlWrap .viewSwich li.current .materialIcons {
              color: #333333; }
          .articleArea .mainContents .horizontalTitle .viewControlWrap .viewSwich li:hover {
            color: #6a6a6a; }
            .articleArea .mainContents .horizontalTitle .viewControlWrap .viewSwich li:hover .materialIcons {
              color: #6a6a6a; }
            .articleArea .mainContents .horizontalTitle .viewControlWrap .viewSwich li:hover.current {
              color: #333333; }
              .articleArea .mainContents .horizontalTitle .viewControlWrap .viewSwich li:hover.current .materialIcons {
                color: #333333; }
      .articleArea .mainContents .horizontalTitle .viewControlWrap label {
        margin-right: 10px; }
      .articleArea .mainContents .horizontalTitle .viewControlWrap .customSelect {
        min-width: 70px;
        position: relative;
        background-color: #f2f2f2;
        display: inline-block; }
        .articleArea .mainContents .horizontalTitle .viewControlWrap .customSelect select {
          width: auto;
          -moz-appearance: none;
          -webkit-appearance: none;
          appearance: none;
          text-indent: 0.01px;
          text-overflow: '';
          padding-right: 20px;
          position: relative;
          z-index: 1;
          background-color: transparent;
          border: none; }
          .articleArea .mainContents .horizontalTitle .viewControlWrap .customSelect select::-ms-expand {
            display: none; }
        .articleArea .mainContents .horizontalTitle .viewControlWrap .customSelect:after {
          color: #6a6a6a;
          content: "expand_more";
          position: absolute;
          top: 50%;
          right: 3px;
          margin-top: -11px;
          margin-right: 0;
          font-family: 'Material Icons';
          font-weight: normal;
          font-style: normal;
          font-size: 1.6rem;
          /* Preferred icon size */
          display: inline-block;
          line-height: 1;
          text-transform: none;
          letter-spacing: normal;
          word-wrap: normal;
          white-space: nowrap;
          direction: ltr;
          /* Support for all WebKit browsers. */
          -webkit-font-smoothing: antialiased;
          /* Support for Safari and Chrome. */
          text-rendering: optimizeLegibility;
          /* Support for Firefox. */
          -moz-osx-font-smoothing: grayscale;
          /* Support for IE. */
          font-feature-settings: 'liga'; }
        .articleArea .mainContents .horizontalTitle .viewControlWrap .customSelect select {
          line-height: 24px;
          height: 24px;
          padding-left: 10px;
          width: 100%; }
    .articleArea .mainContents .horizontalTitle > a {
      font-size: 0.87rem;
      color: #666666; }
      .articleArea .mainContents .horizontalTitle > a .materialIcons {
        color: #b3b3b3;
        margin-right: 0; }
      .articleArea .mainContents .horizontalTitle > a:hover {
        color: #6a6a6a;
        text-decoration: none; }
        .articleArea .mainContents .horizontalTitle > a:hover .materialIcons {
          color: #6a6a6a; }
  .articleArea .mainContents .news, .articleArea .mainContents .recommendation, .articleArea .mainContents .categoryList {
    margin-top: 25px; }
  .articleArea .mainContents .news ul li {
    list-style: none;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row;
    -ms-flex-flow: row;
    flex-flow: row;
    -ms-flex-wrap: nowrap;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    position: relative;
    line-height: 30px; }
    .articleArea .mainContents .news ul li > * {
      -ms-flex: 0 0 auto;
      flex: 0 0 auto; }
    .articleArea .mainContents .news ul li .date {
      width: 120px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
    .articleArea .mainContents .news ul li .newIcon {
      line-height: 18px;
      padding-left: 2px;
      padding-right: 2px;
      background-color: #cf0c0c;
      color: #ffffff;
      white-space: nowrap;
      /*font-family: "NotoSansCJKjpM";*/
      font-weight: bold;
      font-size: 0.733rem;
      position: absolute;
      left: 90px;
      top: 8px; }
    .articleArea .mainContents .news ul li .newText {
      width: 900px;
      margin-left: 42px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      /*font-family: "NotoSansCJKjpM";*/
      font-weight: bold; }
    .articleArea .mainContents .news ul li .newText a {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      border-left: 2px solid #b3b3b3;
      padding-left: 10px;
      margin-left: 40px;
      width: 804px; }
  .articleArea .mainContents .news .more {
    text-align: right;
    margin-top: 5px; }
    .articleArea .mainContents .news .more a {
      color: #333333; }
      .articleArea .mainContents .news .more a:hover {
        color: #6a6a6a;
        text-decoration: none; }
        .articleArea .mainContents .news .more a:hover .imgIcon {
          fill: #6a6a6a; }
  .articleArea .mainContents .recommendation ul, .articleArea .mainContents .categoryList ul {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row;
    -ms-flex-flow: row;
    flex-flow: row;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 1170px;
    margin-left: auto;
    margin-right: auto; }
    .articleArea .mainContents .recommendation ul > li, .articleArea .mainContents .recommendation ul .slick-track > li, .articleArea .mainContents .categoryList ul > li, .articleArea .mainContents .categoryList ul .slick-track > li {
      list-style: none;
      position: relative;
      margin-left: 8px;
      margin-right: 8px;
      margin-top: 0; }
      .articleArea .mainContents .recommendation ul > li a:first-child, .articleArea .mainContents .recommendation ul .slick-track > li a:first-child, .articleArea .mainContents .categoryList ul > li a:first-child, .articleArea .mainContents .categoryList ul .slick-track > li a:first-child {
        display: block;
        width: 84px;
        margin-left: auto;
        margin-right: auto;
        color: #333333; }
        .articleArea .mainContents .recommendation ul > li a:first-child:hover, .articleArea .mainContents .recommendation ul .slick-track > li a:first-child:hover, .articleArea .mainContents .categoryList ul > li a:first-child:hover, .articleArea .mainContents .categoryList ul .slick-track > li a:first-child:hover {
          color: #6a6a6a;
          text-decoration: none; }
          .articleArea .mainContents .recommendation ul > li a:first-child:hover .imgIcon, .articleArea .mainContents .recommendation ul .slick-track > li a:first-child:hover .imgIcon, .articleArea .mainContents .categoryList ul > li a:first-child:hover .imgIcon, .articleArea .mainContents .categoryList ul .slick-track > li a:first-child:hover .imgIcon {
            fill: #6a6a6a; }
        .articleArea .mainContents .recommendation ul > li a:first-child:hover .imgBorder, .articleArea .mainContents .recommendation ul .slick-track > li a:first-child:hover .imgBorder, .articleArea .mainContents .categoryList ul > li a:first-child:hover .imgBorder, .articleArea .mainContents .categoryList ul .slick-track > li a:first-child:hover .imgBorder {
          border-color: #6a6a6a; }
        .articleArea .mainContents .recommendation ul > li a:first-child:hover .imgWrap img, .articleArea .mainContents .recommendation ul .slick-track > li a:first-child:hover .imgWrap img, .articleArea .mainContents .categoryList ul > li a:first-child:hover .imgWrap img, .articleArea .mainContents .categoryList ul .slick-track > li a:first-child:hover .imgWrap img {
          opacity: 0.8; }
        .articleArea .mainContents .recommendation ul > li a:first-child .imgBorder img, .articleArea .mainContents .recommendation ul > li a:first-child .imgWrap img, .articleArea .mainContents .recommendation ul .slick-track > li a:first-child .imgBorder img, .articleArea .mainContents .recommendation ul .slick-track > li a:first-child .imgWrap img, .articleArea .mainContents .categoryList ul > li a:first-child .imgBorder img, .articleArea .mainContents .categoryList ul > li a:first-child .imgWrap img, .articleArea .mainContents .categoryList ul .slick-track > li a:first-child .imgBorder img, .articleArea .mainContents .categoryList ul .slick-track > li a:first-child .imgWrap img {
          max-width: 100%;
          width: auto;
          height: auto; }
        .articleArea .mainContents .recommendation ul > li a:first-child .imgBorder, .articleArea .mainContents .recommendation ul .slick-track > li a:first-child .imgBorder, .articleArea .mainContents .categoryList ul > li a:first-child .imgBorder, .articleArea .mainContents .categoryList ul .slick-track > li a:first-child .imgBorder {
          border: 1px solid #b3b3b3;
          display: block;
          background-color: #fff;
          transition: 0.3s; }
        .articleArea .mainContents .recommendation ul > li a:first-child .imgCaption, .articleArea .mainContents .recommendation ul .slick-track > li a:first-child .imgCaption, .articleArea .mainContents .categoryList ul > li a:first-child .imgCaption, .articleArea .mainContents .categoryList ul .slick-track > li a:first-child .imgCaption {
          margin-top: 10px;
          display: block; }
        .articleArea .mainContents .recommendation ul > li a:first-child .imgCaptionBox, .articleArea .mainContents .recommendation ul .slick-track > li a:first-child .imgCaptionBox, .articleArea .mainContents .categoryList ul > li a:first-child .imgCaptionBox, .articleArea .mainContents .categoryList ul .slick-track > li a:first-child .imgCaptionBox {
          padding: 10px 10px 0 10px;
          background-color: #f2f2f2; }
          .articleArea .mainContents .recommendation ul > li a:first-child .imgCaptionBox .materialIcons, .articleArea .mainContents .recommendation ul .slick-track > li a:first-child .imgCaptionBox .materialIcons, .articleArea .mainContents .categoryList ul > li a:first-child .imgCaptionBox .materialIcons, .articleArea .mainContents .categoryList ul .slick-track > li a:first-child .imgCaptionBox .materialIcons {
            color: #333333;
            font-size: 1.18rem;
            margin-right: 2px; }
          .articleArea .mainContents .recommendation ul > li a:first-child .imgCaptionBox ul, .articleArea .mainContents .recommendation ul .slick-track > li a:first-child .imgCaptionBox ul, .articleArea .mainContents .categoryList ul > li a:first-child .imgCaptionBox ul, .articleArea .mainContents .categoryList ul .slick-track > li a:first-child .imgCaptionBox ul {
            padding-bottom: 7px;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-flex-flow: row;
            -ms-flex-flow: row;
            flex-flow: row;
            flex-wrap: wrap; }
            .articleArea .mainContents .recommendation ul > li a:first-child .imgCaptionBox ul li, .articleArea .mainContents .recommendation ul .slick-track > li a:first-child .imgCaptionBox ul li, .articleArea .mainContents .categoryList ul > li a:first-child .imgCaptionBox ul li, .articleArea .mainContents .categoryList ul .slick-track > li a:first-child .imgCaptionBox ul li {
              overflow: hidden;
              text-overflow: ellipsis;
              white-space: nowrap;
              margin-right: 20px;
              list-style: none; }
          .articleArea .mainContents .recommendation ul > li a:first-child .imgCaptionBox > span, .articleArea .mainContents .recommendation ul .slick-track > li a:first-child .imgCaptionBox > span, .articleArea .mainContents .categoryList ul > li a:first-child .imgCaptionBox > span, .articleArea .mainContents .categoryList ul .slick-track > li a:first-child .imgCaptionBox > span {
            display: block;
            padding-bottom: 7px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap; }
            .articleArea .mainContents .recommendation ul > li a:first-child .imgCaptionBox > span.textRight, .articleArea .mainContents .recommendation ul .slick-track > li a:first-child .imgCaptionBox > span.textRight, .articleArea .mainContents .categoryList ul > li a:first-child .imgCaptionBox > span.textRight, .articleArea .mainContents .categoryList ul .slick-track > li a:first-child .imgCaptionBox > span.textRight {
              display: block; }
          .articleArea .mainContents .recommendation ul > li a:first-child .imgCaptionBox dl, .articleArea .mainContents .recommendation ul .slick-track > li a:first-child .imgCaptionBox dl, .articleArea .mainContents .categoryList ul > li a:first-child .imgCaptionBox dl, .articleArea .mainContents .categoryList ul .slick-track > li a:first-child .imgCaptionBox dl {
            padding-bottom: 7px;
            *zoom: 1; }
            .articleArea .mainContents .recommendation ul > li a:first-child .imgCaptionBox dl:before, .articleArea .mainContents .recommendation ul > li a:first-child .imgCaptionBox dl:after, .articleArea .mainContents .recommendation ul .slick-track > li a:first-child .imgCaptionBox dl:before, .articleArea .mainContents .recommendation ul .slick-track > li a:first-child .imgCaptionBox dl:after, .articleArea .mainContents .categoryList ul > li a:first-child .imgCaptionBox dl:before, .articleArea .mainContents .categoryList ul > li a:first-child .imgCaptionBox dl:after, .articleArea .mainContents .categoryList ul .slick-track > li a:first-child .imgCaptionBox dl:before, .articleArea .mainContents .categoryList ul .slick-track > li a:first-child .imgCaptionBox dl:after {
              content: " ";
              display: table; }
            .articleArea .mainContents .recommendation ul > li a:first-child .imgCaptionBox dl:after, .articleArea .mainContents .recommendation ul .slick-track > li a:first-child .imgCaptionBox dl:after, .articleArea .mainContents .categoryList ul > li a:first-child .imgCaptionBox dl:after, .articleArea .mainContents .categoryList ul .slick-track > li a:first-child .imgCaptionBox dl:after {
              clear: both; }
            .articleArea .mainContents .recommendation ul > li a:first-child .imgCaptionBox dl dt, .articleArea .mainContents .recommendation ul .slick-track > li a:first-child .imgCaptionBox dl dt, .articleArea .mainContents .categoryList ul > li a:first-child .imgCaptionBox dl dt, .articleArea .mainContents .categoryList ul .slick-track > li a:first-child .imgCaptionBox dl dt {
              font-weight: bold;
              min-width: 97px;
              padding-right: 4px;
              float: left; }
            .articleArea .mainContents .recommendation ul > li a:first-child .imgCaptionBox dl dd, .articleArea .mainContents .recommendation ul .slick-track > li a:first-child .imgCaptionBox dl dd, .articleArea .mainContents .categoryList ul > li a:first-child .imgCaptionBox dl dd, .articleArea .mainContents .categoryList ul .slick-track > li a:first-child .imgCaptionBox dl dd {
              display: block;
              min-width: 101px;
              border-left: 2px solid #b3b3b3;
              padding-left: 4px;
              height: 24px;
              overflow: hidden;
              text-overflow: ellipsis;
              white-space: nowrap; }
      .articleArea .mainContents .recommendation ul > li > .materialIcons, .articleArea .mainContents .recommendation ul .slick-track > li > .materialIcons, .articleArea .mainContents .categoryList ul > li > .materialIcons, .articleArea .mainContents .categoryList ul .slick-track > li > .materialIcons {
        position: relative;
        margin-right: 0;
        cursor: pointer;
        transition: 0.3s;
        position: absolute;
        top: 3px;
        right: 2px; }
        .articleArea .mainContents .recommendation ul > li > .materialIcons small, .articleArea .mainContents .recommendation ul .slick-track > li > .materialIcons small, .articleArea .mainContents .categoryList ul > li > .materialIcons small, .articleArea .mainContents .categoryList ul .slick-track > li > .materialIcons small {
          position: absolute;
          top: 8px;
          right: 16px;
          font-size: 1rem; }
        .articleArea .mainContents .recommendation ul > li > .materialIcons:hover, .articleArea .mainContents .recommendation ul .slick-track > li > .materialIcons:hover, .articleArea .mainContents .categoryList ul > li > .materialIcons:hover, .articleArea .mainContents .categoryList ul .slick-track > li > .materialIcons:hover {
          color: #770000; }
    .articleArea .mainContents .recommendation ul .slick-track > li, .articleArea .mainContents .categoryList ul .slick-track > li {
      margin-right: 3px;
      margin-left: 3px; }
    .articleArea .mainContents .recommendation ul > li, .articleArea .mainContents .categoryList ul > li {
      margin-right: 3px;
      margin-left: 3px; }
  .articleArea .mainContents .categoryList h2 .materialIcons {
    font-size: 2.2rem; }
  .articleArea .mainContents .categoryList ul li {
    margin-bottom: 42px; }
    .articleArea .mainContents .categoryList ul li a .imgBorder {
      min-height: 120px;
      line-height: 120px; }
  .articleArea .mainContents .inputContents {
    width: 868px;
    margin-left: auto;
    margin-right: auto; }
    .articleArea .mainContents .inputContents .billingAddressList li {
      display: block; }
      .articleArea .mainContents .inputContents .billingAddressList li label {
        display: block;
        margin-bottom: 10px; }
    .articleArea .mainContents .inputContents .para {
      border-bottom: 2px solid #6a6a6a;
      margin-bottom: 32px;
      padding-bottom: 45px; }
      .articleArea .mainContents .inputContents .para .horizontalTitle {
        padding-bottom: 30px; }
      .articleArea .mainContents .inputContents .para h2, .articleArea .mainContents .inputContents .para h3 {
        border-left: none;
        padding-left: 0;
        margin-bottom: 15px; }
      .articleArea .mainContents .inputContents .para h2 {
        color: #6a6a6a; }
      .articleArea .mainContents .inputContents .para .horizontalTitle h2, .articleArea .mainContents .inputContents .para .horizontalTitle h3 {
        margin-bottom: 0; }
      .articleArea .mainContents .inputContents .para .btnList li button, .articleArea .mainContents .inputContents .para .btnList li .button {
        min-width: 106px; }
        .articleArea .mainContents .inputContents .para .btnList li button .materialIcons, .articleArea .mainContents .inputContents .para .btnList li .button .materialIcons {
          line-height: 35px;
          font-size: 1.4rem; }
      .articleArea .mainContents .inputContents .para .imgViewContents {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-flow: row;
        -ms-flex-flow: row;
        flex-flow: row;
        margin-bottom: 55px; }
        .articleArea .mainContents .inputContents .para .imgViewContents .imgView {
          width: 264px; }
          .articleArea .mainContents .inputContents .para .imgViewContents .imgView img {
            max-width: 220px;
            height: auto; }
        .articleArea .mainContents .inputContents .para .imgViewContents .imgInfo {
          width: 590px; }
          .articleArea .mainContents .inputContents .para .imgViewContents .imgInfo .imgMeta {
            margin-top: 0; }
            .articleArea .mainContents .inputContents .para .imgViewContents .imgInfo .imgMeta dl {
              margin-bottom: 0; }
              .articleArea .mainContents .inputContents .para .imgViewContents .imgInfo .imgMeta dl:last-child {
                margin-bottom: inherit; }
              .articleArea .mainContents .inputContents .para .imgViewContents .imgInfo .imgMeta dl dt, .articleArea .mainContents .inputContents .para .imgViewContents .imgInfo .imgMeta dl dd {
                padding-top: 5px;
                padding-bottom: 5px; }
              .articleArea .mainContents .inputContents .para .imgViewContents .imgInfo .imgMeta dl dt {
                width: 100px; }
              .articleArea .mainContents .inputContents .para .imgViewContents .imgInfo .imgMeta dl dd {
                word-break: break-all; }
                .articleArea .mainContents .inputContents .para .imgViewContents .imgInfo .imgMeta dl dd * {
                  word-break: break-all; }
  .articleArea .mainContents .para {
    margin-bottom: 62px; }
    .articleArea .mainContents .para .btnList li {
      list-style: none;
      margin-right: 10px;
      display: inline-block; }
      .articleArea .mainContents .para .btnList li button, .articleArea .mainContents .para .btnList li .button {
        background-color: #6a6a6a;
        color: #fff;
        font-size: 1.07rem;
        padding-left: 12px;
        padding-right: 12px;
        text-align: left; }
        .articleArea .mainContents .para .btnList li button:hover, .articleArea .mainContents .para .btnList li button a:hover, .articleArea .mainContents .para .btnList li .button:hover, .articleArea .mainContents .para .btnList li .button a:hover {
          text-decoration: none;
          background-color: #770000; }
        .articleArea .mainContents .para .btnList li button .materialIcons, .articleArea .mainContents .para .btnList li .button .materialIcons {
          color: #fff; }
    .articleArea .mainContents .para .imgViewContents .imgView {
      width: 250px; }
      .articleArea .mainContents .para .imgViewContents .imgView .imgWrap {
        width: 240px;
        margin: 0 auto; }
      .articleArea .mainContents .para .imgViewContents .imgView .btnList li {
        display: block;
        margin: 10px auto; }
        .articleArea .mainContents .para .imgViewContents .imgView .btnList li button, .articleArea .mainContents .para .imgViewContents .imgView .btnList li .button {
          display: block;
          width: 100%; }
          .articleArea .mainContents .para .imgViewContents .imgView .btnList li button .materialIcons, .articleArea .mainContents .para .imgViewContents .imgView .btnList li .button .materialIcons {
            line-height: 46px;
            font-size: 2rem; }
    .articleArea .mainContents .para .imgViewContents .imgInfo {
      margin-left: auto;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-flow: row;
      -ms-flex-flow: row;
      flex-flow: row;
      -ms-flex-direction: nowrap;
      -webkit-flex-direction: nowrap;
      flex-direction: column; }
      .articleArea .mainContents .para .imgViewContents .imgInfo .btnWrap {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-flow: row;
        -ms-flex-flow: row;
        flex-flow: row; }
        .articleArea .mainContents .para .imgViewContents .imgInfo .btnWrap .viewControlIconlist {
          margin-bottom: 35px;
          margin-left: auto; }
          .articleArea .mainContents .para .imgViewContents .imgInfo .btnWrap .viewControlIconlist li {
            list-style: none;
            margin-left: 4px;
            display: inline-block; }
            .articleArea .mainContents .para .imgViewContents .imgInfo .btnWrap .viewControlIconlist li a {
              background-color: #6a6a6a;
              color: #fff;
              display: inline-block; }
              .articleArea .mainContents .para .imgViewContents .imgInfo .btnWrap .viewControlIconlist li a:hover, .articleArea .mainContents .para .imgViewContents .imgInfo .btnWrap .viewControlIconlist li a a:hover {
                text-decoration: none;
                background-color: #770000; }
              .articleArea .mainContents .para .imgViewContents .imgInfo .btnWrap .viewControlIconlist li a .materialIcons {
                margin-right: auto;
                color: #fff;
                line-height: 36px;
                min-width: 36px;
                text-align: center; }
              .articleArea .mainContents .para .imgViewContents .imgInfo .btnWrap .viewControlIconlist li a.request-fullscreen .materialIcons {
                font-size: 2rem; }
      .articleArea .mainContents .para .imgViewContents .imgInfo .imgMeta {
        margin-top: auto;
        *zoom: 1; }
        .articleArea .mainContents .para .imgViewContents .imgInfo .imgMeta .h3Style, .articleArea .mainContents .para .imgViewContents .imgInfo .imgMeta .h3StyleB {
          margin-bottom: 18px; }
        .articleArea .mainContents .para .imgViewContents .imgInfo .imgMeta .h3Style {
          display: inline-block; }
        .articleArea .mainContents .para .imgViewContents .imgInfo .imgMeta:before, .articleArea .mainContents .para .imgViewContents .imgInfo .imgMeta:after {
          content: " ";
          display: table; }
        .articleArea .mainContents .para .imgViewContents .imgInfo .imgMeta:after {
          clear: both; }
        .articleArea .mainContents .para .imgViewContents .imgInfo .imgMeta > div {
          width: 50%;
          float: left;
          padding: 0 10px; }
        .articleArea .mainContents .para .imgViewContents .imgInfo .imgMeta dl {
          *zoom: 1;
          margin-bottom: 20px;
          font-size: 0.87rem;
          line-height: 1rem; }
          .articleArea .mainContents .para .imgViewContents .imgInfo .imgMeta dl:before, .articleArea .mainContents .para .imgViewContents .imgInfo .imgMeta dl:after {
            content: " ";
            display: table; }
          .articleArea .mainContents .para .imgViewContents .imgInfo .imgMeta dl:after {
            clear: both; }
          .articleArea .mainContents .para .imgViewContents .imgInfo .imgMeta dl:last-child {
            margin-bottom: 0; }
          .articleArea .mainContents .para .imgViewContents .imgInfo .imgMeta dl dt, .articleArea .mainContents .para .imgViewContents .imgInfo .imgMeta dl dd {
            padding-top: 4px;
            padding-bottom: 4px; }
          .articleArea .mainContents .para .imgViewContents .imgInfo .imgMeta dl dt {
            /*font-family: "NotoSansCJKjpR";
								font-weight: normal;*/
            font-weight: bold;
            width: 145px;
            padding-right: 10px;
            float: left; }
          .articleArea .mainContents .para .imgViewContents .imgInfo .imgMeta dl dd {
            margin-left: 155px;
            border-left: 2px solid #b3b3b3;
            padding-left: 10px;
            word-break: break-all;
            *zoom: 1; }
            .articleArea .mainContents .para .imgViewContents .imgInfo .imgMeta dl dd:before, .articleArea .mainContents .para .imgViewContents .imgInfo .imgMeta dl dd:after {
              content: " ";
              display: table; }
            .articleArea .mainContents .para .imgViewContents .imgInfo .imgMeta dl dd:after {
              clear: both; }
            .articleArea .mainContents .para .imgViewContents .imgInfo .imgMeta dl dd.emphasis {
              color: red; }
            .articleArea .mainContents .para .imgViewContents .imgInfo .imgMeta dl dd * {
              word-break: break-all; }
    .articleArea .mainContents .para .imgList {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-flow: row;
      -ms-flex-flow: row;
      flex-flow: row;
      -webkit-flex-wrap: wrap;
      flex-wrap: wrap;
      width: 1160px;
      margin-left: auto;
      margin-right: auto; }
      .articleArea .mainContents .para .imgList > li, .articleArea .mainContents .para .imgList .slick-track > li {
        list-style: none;
        position: relative;
        margin-left: 8px;
        margin-right: 8px;
        margin-top: 5px; }
        .articleArea .mainContents .para .imgList > li a:first-child, .articleArea .mainContents .para .imgList .slick-track > li a:first-child {
          display: block;
          width: 150px;
          margin-left: auto;
          margin-right: auto;
          color: #333333; }
          .articleArea .mainContents .para .imgList > li a:first-child:hover, .articleArea .mainContents .para .imgList .slick-track > li a:first-child:hover {
            color: #6a6a6a;
            text-decoration: none; }
            .articleArea .mainContents .para .imgList > li a:first-child:hover .imgIcon, .articleArea .mainContents .para .imgList .slick-track > li a:first-child:hover .imgIcon {
              fill: #6a6a6a; }
          .articleArea .mainContents .para .imgList > li a:first-child:hover .imgBorder, .articleArea .mainContents .para .imgList .slick-track > li a:first-child:hover .imgBorder {
            border-color: #6a6a6a; }
          .articleArea .mainContents .para .imgList > li a:first-child:hover .imgWrap img, .articleArea .mainContents .para .imgList .slick-track > li a:first-child:hover .imgWrap img {
            opacity: 0.8; }
          .articleArea .mainContents .para .imgList > li a:first-child .imgBorder img, .articleArea .mainContents .para .imgList > li a:first-child .imgWrap img, .articleArea .mainContents .para .imgList .slick-track > li a:first-child .imgBorder img, .articleArea .mainContents .para .imgList .slick-track > li a:first-child .imgWrap img {
            max-width: 100%;
            width: auto;
            height: auto; }
          .articleArea .mainContents .para .imgList > li a:first-child .imgBorder, .articleArea .mainContents .para .imgList .slick-track > li a:first-child .imgBorder {
            border: 1px solid #b3b3b3;
            display: block;
            background-color: #fff;
            transition: 0.3s; }
          .articleArea .mainContents .para .imgList > li a:first-child .imgCaption, .articleArea .mainContents .para .imgList .slick-track > li a:first-child .imgCaption {
            margin-top: 10px;
            display: block; }
          .articleArea .mainContents .para .imgList > li a:first-child .imgCaptionBox, .articleArea .mainContents .para .imgList .slick-track > li a:first-child .imgCaptionBox {
            padding: 10px 10px 0 10px;
            background-color: #f2f2f2; }
            .articleArea .mainContents .para .imgList > li a:first-child .imgCaptionBox .materialIcons, .articleArea .mainContents .para .imgList .slick-track > li a:first-child .imgCaptionBox .materialIcons {
              color: #333333;
              font-size: 1.18rem;
              margin-right: 2px; }
            .articleArea .mainContents .para .imgList > li a:first-child .imgCaptionBox ul, .articleArea .mainContents .para .imgList .slick-track > li a:first-child .imgCaptionBox ul {
              padding-bottom: 7px;
              display: -webkit-flex;
              display: -ms-flexbox;
              display: flex;
              -webkit-flex-flow: row;
              -ms-flex-flow: row;
              flex-flow: row;
              flex-wrap: wrap; }
              .articleArea .mainContents .para .imgList > li a:first-child .imgCaptionBox ul li, .articleArea .mainContents .para .imgList .slick-track > li a:first-child .imgCaptionBox ul li {
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
                margin-right: 20px;
                list-style: none; }
            .articleArea .mainContents .para .imgList > li a:first-child .imgCaptionBox > span, .articleArea .mainContents .para .imgList .slick-track > li a:first-child .imgCaptionBox > span {
              display: block;
              padding-bottom: 7px;
              overflow: hidden;
              text-overflow: ellipsis;
              white-space: nowrap; }
              .articleArea .mainContents .para .imgList > li a:first-child .imgCaptionBox > span.textRight, .articleArea .mainContents .para .imgList .slick-track > li a:first-child .imgCaptionBox > span.textRight {
                display: block; }
            .articleArea .mainContents .para .imgList > li a:first-child .imgCaptionBox dl, .articleArea .mainContents .para .imgList .slick-track > li a:first-child .imgCaptionBox dl {
              padding-bottom: 7px;
              *zoom: 1; }
              .articleArea .mainContents .para .imgList > li a:first-child .imgCaptionBox dl:before, .articleArea .mainContents .para .imgList > li a:first-child .imgCaptionBox dl:after, .articleArea .mainContents .para .imgList .slick-track > li a:first-child .imgCaptionBox dl:before, .articleArea .mainContents .para .imgList .slick-track > li a:first-child .imgCaptionBox dl:after {
                content: " ";
                display: table; }
              .articleArea .mainContents .para .imgList > li a:first-child .imgCaptionBox dl:after, .articleArea .mainContents .para .imgList .slick-track > li a:first-child .imgCaptionBox dl:after {
                clear: both; }
              .articleArea .mainContents .para .imgList > li a:first-child .imgCaptionBox dl dt, .articleArea .mainContents .para .imgList .slick-track > li a:first-child .imgCaptionBox dl dt {
                font-weight: bold;
                min-width: 97px;
                padding-right: 4px;
                float: left; }
              .articleArea .mainContents .para .imgList > li a:first-child .imgCaptionBox dl dd, .articleArea .mainContents .para .imgList .slick-track > li a:first-child .imgCaptionBox dl dd {
                display: block;
                min-width: 101px;
                border-left: 2px solid #b3b3b3;
                padding-left: 4px;
                height: 24px;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap; }
        .articleArea .mainContents .para .imgList > li > .materialIcons, .articleArea .mainContents .para .imgList .slick-track > li > .materialIcons {
          position: relative;
          margin-right: 0;
          cursor: pointer;
          transition: 0.3s;
          position: absolute;
          top: 3px;
          right: 2px; }
          .articleArea .mainContents .para .imgList > li > .materialIcons small, .articleArea .mainContents .para .imgList .slick-track > li > .materialIcons small {
            position: absolute;
            top: 8px;
            right: 16px;
            font-size: 1rem; }
          .articleArea .mainContents .para .imgList > li > .materialIcons:hover, .articleArea .mainContents .para .imgList .slick-track > li > .materialIcons:hover {
            color: #770000; }
    .articleArea .mainContents .para .imgListTable {
      border-spacing: 0;
      text-align: left;
      font-size: 0.87rem;
      line-height: 1.5em; }
    .articleArea .mainContents .para .imgListTable th {
      border-bottom: 2px solid #b3b3b3;
      padding: 5px 8px; }
    .articleArea .mainContents .para .imgListTable td {
      word-break: break-all;
      padding: 5px; }
    .articleArea .mainContents .para .imgListTable a {
      color: #6a6a6a; }
    .articleArea .mainContents .para .imgListTable a:hover {
      color: #333; }
    .articleArea .mainContents .para .imgListTableHover:hover {
      text-decoration: underline;
      color: #333; }
    .articleArea .mainContents .para .imgListTableThumbDiv {
      display: flex;
      overflow: hidden;
      border: 1px solid #eee;
      width: 120px;
      height: auto;
      box-sizing: border-box;
      margin: 0;
      padding: 0; }
    .articleArea .mainContents .para .imgListTableThumbDiv:hover {
      border: 1px solid #333; }
    .articleArea .mainContents .para .imgListTableThumbDiv img {
      width: 100%;
      height: 100%; }
    .articleArea .mainContents .para .pagenation {
      margin-top: 10px;
      margin-bottom: 23px; }
      .articleArea .mainContents .para .pagenation ul {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-flow: row;
        -ms-flex-flow: row;
        flex-flow: row;
        justify-content: center;
        font-size: 0.87rem; }
        .articleArea .mainContents .para .pagenation ul li {
          list-style: none;
          margin-left: 8px;
          margin-right: 8px; }
          .articleArea .mainContents .para .pagenation ul li span {
            color: #999999; }
            .articleArea .mainContents .para .pagenation ul li span .materialIcons {
              color: #999999; }
          .articleArea .mainContents .para .pagenation ul li a {
            color: #333333; }
            .articleArea .mainContents .para .pagenation ul li a:hover {
              color: #6a6a6a;
              text-decoration: none; }
              .articleArea .mainContents .para .pagenation ul li a:hover .imgIcon {
                fill: #6a6a6a; }
          .articleArea .mainContents .para .pagenation ul li.first a .materialIcons, .articleArea .mainContents .para .pagenation ul li.first span .materialIcons, .articleArea .mainContents .para .pagenation ul li.prev a .materialIcons, .articleArea .mainContents .para .pagenation ul li.prev span .materialIcons, .articleArea .mainContents .para .pagenation ul li.next a .materialIcons, .articleArea .mainContents .para .pagenation ul li.next span .materialIcons, .articleArea .mainContents .para .pagenation ul li.last a .materialIcons, .articleArea .mainContents .para .pagenation ul li.last span .materialIcons {
            margin-right: 0; }
          .articleArea .mainContents .para .pagenation ul li.first a .materialIcons, .articleArea .mainContents .para .pagenation ul li.first span .materialIcons {
            margin-right: 10px; }
          .articleArea .mainContents .para .pagenation ul li.first .materialIcons, .articleArea .mainContents .para .pagenation ul li.prev .materialIcons {
            margin-left: -10px; }
          .articleArea .mainContents .para .pagenation ul li.first .materialIcons, .articleArea .mainContents .para .pagenation ul li.last .materialIcons {
            letter-spacing: -12px; }
    .articleArea .mainContents .para .searchOutputList {
      margin-bottom: 30px;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-flow: row;
      -ms-flex-flow: row;
      flex-flow: row;
      -webkit-flex-wrap: wrap;
      flex-wrap: wrap;
      width: auto;
      margin-left: 0;
      margin-right: -16px;
      font-size: 0.87rem; }
      .articleArea .mainContents .para .searchOutputList > li, .articleArea .mainContents .para .searchOutputList .slick-track > li {
        list-style: none;
        position: relative;
        margin-left: 0;
        margin-right: 16px;
        margin-top: 0; }
        .articleArea .mainContents .para .searchOutputList > li a:first-child, .articleArea .mainContents .para .searchOutputList .slick-track > li a:first-child {
          display: block;
          width: 224px;
          margin-left: auto;
          margin-right: auto;
          color: #333333; }
          .articleArea .mainContents .para .searchOutputList > li a:first-child:hover, .articleArea .mainContents .para .searchOutputList .slick-track > li a:first-child:hover {
            color: #6a6a6a;
            text-decoration: none; }
            .articleArea .mainContents .para .searchOutputList > li a:first-child:hover .imgIcon, .articleArea .mainContents .para .searchOutputList .slick-track > li a:first-child:hover .imgIcon {
              fill: #6a6a6a; }
          .articleArea .mainContents .para .searchOutputList > li a:first-child:hover .imgBorder, .articleArea .mainContents .para .searchOutputList .slick-track > li a:first-child:hover .imgBorder {
            border-color: #6a6a6a; }
          .articleArea .mainContents .para .searchOutputList > li a:first-child:hover .imgWrap img, .articleArea .mainContents .para .searchOutputList .slick-track > li a:first-child:hover .imgWrap img {
            opacity: 0.8; }
          .articleArea .mainContents .para .searchOutputList > li a:first-child .imgBorder img, .articleArea .mainContents .para .searchOutputList > li a:first-child .imgWrap img, .articleArea .mainContents .para .searchOutputList .slick-track > li a:first-child .imgBorder img, .articleArea .mainContents .para .searchOutputList .slick-track > li a:first-child .imgWrap img {
            max-width: 100%;
            width: auto;
            height: auto; }
          .articleArea .mainContents .para .searchOutputList > li a:first-child .imgBorder, .articleArea .mainContents .para .searchOutputList .slick-track > li a:first-child .imgBorder {
            border: 1px solid #b3b3b3;
            display: block;
            background-color: #fff;
            transition: 0.3s; }
          .articleArea .mainContents .para .searchOutputList > li a:first-child .imgCaption, .articleArea .mainContents .para .searchOutputList .slick-track > li a:first-child .imgCaption {
            margin-top: 10px;
            display: block; }
          .articleArea .mainContents .para .searchOutputList > li a:first-child .imgCaptionBox, .articleArea .mainContents .para .searchOutputList .slick-track > li a:first-child .imgCaptionBox {
            padding: 10px 10px 0 10px;
            background-color: #f2f2f2; }
            .articleArea .mainContents .para .searchOutputList > li a:first-child .imgCaptionBox .materialIcons, .articleArea .mainContents .para .searchOutputList .slick-track > li a:first-child .imgCaptionBox .materialIcons {
              color: #333333;
              font-size: 1.18rem;
              margin-right: 2px; }
            .articleArea .mainContents .para .searchOutputList > li a:first-child .imgCaptionBox ul, .articleArea .mainContents .para .searchOutputList .slick-track > li a:first-child .imgCaptionBox ul {
              padding-bottom: 7px;
              display: -webkit-flex;
              display: -ms-flexbox;
              display: flex;
              -webkit-flex-flow: row;
              -ms-flex-flow: row;
              flex-flow: row;
              flex-wrap: wrap; }
              .articleArea .mainContents .para .searchOutputList > li a:first-child .imgCaptionBox ul li, .articleArea .mainContents .para .searchOutputList .slick-track > li a:first-child .imgCaptionBox ul li {
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
                margin-right: 20px;
                list-style: none; }
            .articleArea .mainContents .para .searchOutputList > li a:first-child .imgCaptionBox > span, .articleArea .mainContents .para .searchOutputList .slick-track > li a:first-child .imgCaptionBox > span {
              display: block;
              padding-bottom: 7px;
              overflow: hidden;
              text-overflow: ellipsis;
              white-space: nowrap; }
              .articleArea .mainContents .para .searchOutputList > li a:first-child .imgCaptionBox > span.textRight, .articleArea .mainContents .para .searchOutputList .slick-track > li a:first-child .imgCaptionBox > span.textRight {
                display: block; }
            .articleArea .mainContents .para .searchOutputList > li a:first-child .imgCaptionBox dl, .articleArea .mainContents .para .searchOutputList .slick-track > li a:first-child .imgCaptionBox dl {
              padding-bottom: 7px;
              *zoom: 1; }
              .articleArea .mainContents .para .searchOutputList > li a:first-child .imgCaptionBox dl:before, .articleArea .mainContents .para .searchOutputList > li a:first-child .imgCaptionBox dl:after, .articleArea .mainContents .para .searchOutputList .slick-track > li a:first-child .imgCaptionBox dl:before, .articleArea .mainContents .para .searchOutputList .slick-track > li a:first-child .imgCaptionBox dl:after {
                content: " ";
                display: table; }
              .articleArea .mainContents .para .searchOutputList > li a:first-child .imgCaptionBox dl:after, .articleArea .mainContents .para .searchOutputList .slick-track > li a:first-child .imgCaptionBox dl:after {
                clear: both; }
              .articleArea .mainContents .para .searchOutputList > li a:first-child .imgCaptionBox dl dt, .articleArea .mainContents .para .searchOutputList .slick-track > li a:first-child .imgCaptionBox dl dt {
                font-weight: bold;
                min-width: 97px;
                padding-right: 4px;
                float: left; }
              .articleArea .mainContents .para .searchOutputList > li a:first-child .imgCaptionBox dl dd, .articleArea .mainContents .para .searchOutputList .slick-track > li a:first-child .imgCaptionBox dl dd {
                display: block;
                min-width: 101px;
                border-left: 2px solid #b3b3b3;
                padding-left: 4px;
                height: 24px;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap; }
        .articleArea .mainContents .para .searchOutputList > li > .materialIcons, .articleArea .mainContents .para .searchOutputList .slick-track > li > .materialIcons {
          position: relative;
          margin-right: 0;
          cursor: pointer;
          transition: 0.3s;
          position: absolute;
          top: 3px;
          right: 2px; }
          .articleArea .mainContents .para .searchOutputList > li > .materialIcons small, .articleArea .mainContents .para .searchOutputList .slick-track > li > .materialIcons small {
            position: absolute;
            top: 8px;
            right: 16px;
            font-size: 1rem; }
          .articleArea .mainContents .para .searchOutputList > li > .materialIcons:hover, .articleArea .mainContents .para .searchOutputList .slick-track > li > .materialIcons:hover {
            color: #770000; }
      .articleArea .mainContents .para .searchOutputList > li {
        margin-bottom: 10px; }
        .articleArea .mainContents .para .searchOutputList > li a:hover .imgCaptionBox .materialIcons {
          color: #6a6a6a; }
    .articleArea .mainContents .para.relationContents {
      padding-bottom: 5px; }
      .articleArea .mainContents .para.relationContents h2 {
        margin-bottom: 0;
        font-size: 1.2rem;
        line-height: 30px;
        height: auto;
        width: 1188px;
        margin-left: none;
        margin-right: auto; }
        .articleArea .mainContents .para.relationContents h2 .materialIcons {
          font-size: 24px;
          width: 24px;
          line-height: 30px; }
        .articleArea .mainContents .para.relationContents h2 a {
          cursor: pointer; }
          .articleArea .mainContents .para.relationContents h2 a:hover {
            text-decoration: none; }
    .articleArea .mainContents .para.displayContents {
      position: absolute;
      bottom: 0;
      left: 0;
      margin-bottom: 0;
      background-color: #ffffff;
      width: 100%; }
      .articleArea .mainContents .para.displayContents h2 {
        margin-bottom: 0;
        font-size: 1.2rem;
        line-height: 30px;
        height: auto;
        width: 1188px;
        margin-left: auto;
        margin-right: auto; }
        .articleArea .mainContents .para.displayContents h2 .materialIcons {
          font-size: 24px;
          width: 24px;
          line-height: 30px; }
        .articleArea .mainContents .para.displayContents h2 a {
          cursor: pointer; }
          .articleArea .mainContents .para.displayContents h2 a:hover {
            text-decoration: none; }
      .articleArea .mainContents .para.displayContents ul {
        justify-content: center;
        margin-top: 5px;
        margin-bottom: 20px;
        margin-left: auto;
        margin-right: auto; }
    .articleArea .mainContents .para .alert {
      color: #b3b3b3;
      margin-bottom: 19px;
      text-align: center; }
      .articleArea .mainContents .para .alert .materialIcons {
        color: #b3b3b3;
        font-size: 2.5rem;
        margin-right: 10px; }
    .articleArea .mainContents .para .inputList {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-flow: row;
      -ms-flex-flow: row;
      flex-flow: row;
      -webkit-flex-wrap: wrap;
      flex-wrap: wrap; }
      .articleArea .mainContents .para .inputList dt, .articleArea .mainContents .para .inputList dd {
        margin-bottom: 16px; }
      .articleArea .mainContents .para .inputList dt {
        font-weight: bold;
        padding-top: 5px;
        text-align: right;
        width: 200px;
        padding-right: 12px;
        vertical-align: middle; }
        .articleArea .mainContents .para .inputList dt label, .articleArea .mainContents .para .inputList dt span {
          display: inline-block;
          vertical-align: top;
          max-width: 220px; }
          .articleArea .mainContents .para .inputList dt label span, .articleArea .mainContents .para .inputList dt span span {
            color: #666666;
            display: block; }
        .articleArea .mainContents .para .inputList dt .required {
          color: #cf0c0c;
          margin-left: 10px;
          font-size: 0.8rem;
          line-height: 18px;
          display: inline-block;
          font-weight: normal;
          white-space: nowrap;
          width: 32px;
          text-align: center; }
        .articleArea .mainContents .para .inputList dt .case {
          color: #666666;
          font-weight: normal; }
      .articleArea .mainContents .para .inputList dd {
        width: 668px;
        padding-top: 5px;
        word-break: break-all; }
        .articleArea .mainContents .para .inputList dd ul li {
          list-style: none;
          margin-bottom: 12px; }
          .articleArea .mainContents .para .inputList dd ul li:last-child {
            margin-bottom: 0; }
        .articleArea .mainContents .para .inputList dd .warning {
          margin-top: 8px;
          display: block;
          color: #cf0c0c;
          font-weight: bold; }
          .articleArea .mainContents .para .inputList dd .warning .materialIcons {
            color: #cf0c0c;
            font-size: 1.4rem; }
        .articleArea .mainContents .para .inputList dd .customSelect, .articleArea .mainContents .para .inputList dd input {
          background-color: #f9f9f9;
          border: 1px solid #d1d1d1; }
        .articleArea .mainContents .para .inputList dd .customSelect, .articleArea .mainContents .para .inputList dd input[type="text"] {
          height: 35px;
          line-height: 35px;
          width: 100%;
          margin-top: -5px; }
        .articleArea .mainContents .para .inputList dd input[type="text"] {
          padding-right: 10px;
          padding-left: 10px; }
        .articleArea .mainContents .para .inputList dd input[type="text"].tel {
          width: 140px; }
        .articleArea .mainContents .para .inputList dd input[type="text"].code {
          width: 220px; }
        .articleArea .mainContents .para .inputList dd .customSelect select {
          line-height: 33px;
          height: 33px;
          vertical-align: top;
          width: 100%;
          padding-left: 10px; }
        .articleArea .mainContents .para .inputList dd label input[type="radio"] {
          margin-right: 5px; }
        .articleArea .mainContents .para .inputList dd label .case {
          margin-left: 10px;
          color: #666666;
          font-size: 90%;
          font-weight: normal; }
        .articleArea .mainContents .para .inputList dd textarea {
          width: 418px;
          height: 150px;
          background-color: #f9f9f9;
          border: 1px solid #d1d1d1;
          padding-right: 10px;
          padding-left: 10px; }
      .articleArea .mainContents .para .inputList dd.inputArea {
        width: 428px; }
        .articleArea .mainContents .para .inputList dd.inputArea .materialUser {
          width: 418px; }
      .articleArea .mainContents .para .inputList dd.note {
        width: 240px; }
  .articleArea .mainContents .requestCount {
    text-align: center;
    margin-bottom: 40px; }
  .articleArea .mainContents .transitionBtnWrap {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row;
    -ms-flex-flow: row;
    flex-flow: row;
    margin-bottom: 40px; }
    .articleArea .mainContents .transitionBtnWrap .threeCol {
      width: 33.3%; }
    .articleArea .mainContents .transitionBtnWrap button {
      height: 46px;
      line-height: 46px;
      padding-right: 20px;
      padding-left: 17px;
      font-size: 1.06rem; }
      .articleArea .mainContents .transitionBtnWrap button.btnCancel {
        padding-right: 15px;
        padding-left: 12px;
        font-size: 0.87rem;
        background-color: #c9c9c9;
        color: #666666; }
        .articleArea .mainContents .transitionBtnWrap button.btnCancel .materialIcons {
          color: #666666; }
        .articleArea .mainContents .transitionBtnWrap button.btnCancel:hover {
          background-color: #f2f2f2; }
  .articleArea .mainContents .updButtonComment {
    text-align: center;
    margin-top: -30px; }
  .articleArea .mainContents .dlButtonComment {
    text-align: center;
    margin-bottom: 5px; }

.articleArea .sideNav {
  margin-right: 20px;
  margin-left: -16px;
  width: 240px;
  min-width: 240px; }
  .articleArea .sideNav section {
    margin-bottom: 30px; }
    .articleArea .sideNav section .h3Style {
      display: inline-block;
      padding-left: 16px;
      margin-bottom: 5px;
      color: #6a6a6a;
      font-size: 1.25rem; }
    .articleArea .sideNav section .sideNavPara {
      padding: 15px 16px 15px 16px;
      background-color: #f2f2f2; }
      .articleArea .sideNav section .sideNavPara label {
        margin-bottom: 5px;
        display: block; }
        .articleArea .sideNav section .sideNavPara label .materialIcons {
          color: #333333;
          font-size: 1.18rem;
          margin-right: 2px; }
      .articleArea .sideNav section .sideNavPara .customSelect {
        position: relative;
        background-color: #fff;
        display: inline-block;
        margin-bottom: 16px;
        display: block; }
        .articleArea .sideNav section .sideNavPara .customSelect select {
          width: auto;
          -moz-appearance: none;
          -webkit-appearance: none;
          appearance: none;
          text-indent: 0.01px;
          text-overflow: '';
          padding-right: 20px;
          position: relative;
          z-index: 1;
          background-color: transparent;
          border: none; }
          .articleArea .sideNav section .sideNavPara .customSelect select::-ms-expand {
            display: none; }
        .articleArea .sideNav section .sideNavPara .customSelect:after {
          color: #6a6a6a;
          content: "expand_more";
          position: absolute;
          top: 50%;
          right: 3px;
          margin-top: -11px;
          margin-right: 0;
          font-family: 'Material Icons';
          font-weight: normal;
          font-style: normal;
          font-size: 1.6rem;
          /* Preferred icon size */
          display: inline-block;
          line-height: 1;
          text-transform: none;
          letter-spacing: normal;
          word-wrap: normal;
          white-space: nowrap;
          direction: ltr;
          /* Support for all WebKit browsers. */
          -webkit-font-smoothing: antialiased;
          /* Support for Safari and Chrome. */
          text-rendering: optimizeLegibility;
          /* Support for Firefox. */
          -moz-osx-font-smoothing: grayscale;
          /* Support for IE. */
          font-feature-settings: 'liga'; }
        .articleArea .sideNav section .sideNavPara .customSelect select {
          line-height: 35px;
          height: 35px;
          padding-left: 10px;
          width: 100%; }
      .articleArea .sideNav section .sideNavPara .facetRadio {
        display: block;
        background-color: #fff;
        padding-left: 10px;
        padding-top: 3px;
        padding-bottom: 2px; }
        .articleArea .sideNav section .sideNavPara .facetRadio button {
          display: none; }
      .articleArea .sideNav section .sideNavPara .sideNavCategorySearchList {
        padding-left: 10px;
        background-color: #fff; }
        .articleArea .sideNav section .sideNavPara .sideNavCategorySearchList ul {
          margin-left: 0; }
          .articleArea .sideNav section .sideNavPara .sideNavCategorySearchList ul li {
            padding-left: 24px;
            padding-bottom: 6px;
            list-style: none;
            position: relative; }
            .articleArea .sideNav section .sideNavPara .sideNavCategorySearchList ul li > span {
              padding-left: 4px;
              padding-right: 4px;
              display: inline-block; }
            .articleArea .sideNav section .sideNavPara .sideNavCategorySearchList ul li .toggleIcon {
              margin-right: 5px;
              width: 20px;
              height: 20px;
              text-align: center;
              position: absolute;
              top: 0;
              left: 0; }
              .articleArea .sideNav section .sideNavPara .sideNavCategorySearchList ul li .toggleIcon .materialIcons {
                font-size: 1.1rem;
                margin-right: 0;
                margin-top: -5px; }
            .articleArea .sideNav section .sideNavPara .sideNavCategorySearchList ul li a {
              display: inline;
              color: #333333; }
              .articleArea .sideNav section .sideNavPara .sideNavCategorySearchList ul li a:hover {
                color: #6a6a6a;
                text-decoration: none; }
                .articleArea .sideNav section .sideNavPara .sideNavCategorySearchList ul li a:hover .imgIcon {
                  fill: #6a6a6a; }
              .articleArea .sideNav section .sideNavPara .sideNavCategorySearchList ul li a:first-child {
                margin-left: -28px; }
            .articleArea .sideNav section .sideNavPara .sideNavCategorySearchList ul li > .favoriteIcon {
              position: relative;
              margin-right: 0;
              cursor: pointer;
              transition: 0.3s; }
              .articleArea .sideNav section .sideNavPara .sideNavCategorySearchList ul li > .favoriteIcon small {
                position: absolute;
                top: 8px;
                right: 16px;
                font-size: 1rem; }
              .articleArea .sideNav section .sideNavPara .sideNavCategorySearchList ul li > .favoriteIcon:hover {
                color: #770000; }
            .articleArea .sideNav section .sideNavPara .sideNavCategorySearchList ul li ul {
              margin-top: 6px;
              margin-bottom: -6px;
              margin-left: 0px; }
            .articleArea .sideNav section .sideNavPara .sideNavCategorySearchList ul li.current > span {
              background-color: #6a6a6a; }
              .articleArea .sideNav section .sideNavPara .sideNavCategorySearchList ul li.current > span a {
                color: #fff; }
        .articleArea .sideNav section .sideNavPara .sideNavCategorySearchList > ul {
          padding-top: 16px;
          padding-bottom: 16px;
          max-height: 600px;
          overflow: auto;
          font-size: 0.87rem;
          margin-bottom: 10px; }
          .articleArea .sideNav section .sideNavPara .sideNavCategorySearchList > ul > li {
            padding-right: 30px; }
            .articleArea .sideNav section .sideNavPara .sideNavCategorySearchList > ul > li .favoriteIcon {
              position: absolute;
              top: -2px;
              right: 3px; }
            .articleArea .sideNav section .sideNavPara .sideNavCategorySearchList > ul > li li .favoriteIcon {
              right: -27px; }
      .articleArea .sideNav section .sideNavPara .sideNavBusinessCategorySearchList {
        padding-left: 10px;
        background-color: #fff; }
        .articleArea .sideNav section .sideNavPara .sideNavBusinessCategorySearchList ul {
          margin-left: 0; }
          .articleArea .sideNav section .sideNavPara .sideNavBusinessCategorySearchList ul li {
            padding-bottom: 6px;
            list-style: none;
            position: relative; }
            .articleArea .sideNav section .sideNavPara .sideNavBusinessCategorySearchList ul li > span {
              padding-left: 4px;
              padding-right: 4px;
              display: inline-block; }
            .articleArea .sideNav section .sideNavPara .sideNavBusinessCategorySearchList ul li a {
              display: inline;
              color: #333333; }
              .articleArea .sideNav section .sideNavPara .sideNavBusinessCategorySearchList ul li a:hover {
                color: #6a6a6a;
                text-decoration: none; }
                .articleArea .sideNav section .sideNavPara .sideNavBusinessCategorySearchList ul li a:hover .imgIcon {
                  fill: #6a6a6a; }
            .articleArea .sideNav section .sideNavPara .sideNavBusinessCategorySearchList ul li ul {
              margin-top: 6px;
              margin-bottom: -6px;
              margin-left: 0px; }
            .articleArea .sideNav section .sideNavPara .sideNavBusinessCategorySearchList ul li.current > span {
              background-color: #6a6a6a; }
              .articleArea .sideNav section .sideNavPara .sideNavBusinessCategorySearchList ul li.current > span a {
                color: #fff; }
        .articleArea .sideNav section .sideNavPara .sideNavBusinessCategorySearchList > ul {
          padding-top: 16px;
          padding-bottom: 16px;
          max-height: 600px;
          overflow: auto;
          font-size: 0.87rem;
          margin-bottom: 10px; }

.formApproval {
  display: inline; }

.formUpdate {
  display: inline; }