@font-face {
    font-family: "Pretendard";
    font-weight: 900;
    font-display: swap;
    src: local("Pretendard Black"),
      url("/home/fonts/woff2/Pretendard-Black.woff2") format("woff2"),
      url("/home/font/woff/Pretendard-Black.woff") format("woff");
  }
  
  @font-face {
    font-family: "Pretendard";
    font-weight: 800;
    font-display: swap;
    src: local("Pretendard ExtraBold"),
      url("/home/fonts/woff2/Pretendard-ExtraBold.woff2") format("woff2"),
      url("/home/font/woff/Pretendard-ExtraBold.woff") format("woff");
  }
  
  @font-face {
    font-family: "Pretendard";
    font-weight: 700;
    font-display: swap;
    src: local("Pretendard Bold"),
      url("/home/fonts/woff2/Pretendard-Bold.woff2") format("woff2"),
      url("/home/font/woff/Pretendard-Bold.woff") format("woff");
  }
  
  @font-face {
    font-family: "Pretendard";
    font-weight: 600;
    font-display: swap;
    src: local("Pretendard SemiBold"),
      url("/home/fonts/woff2/Pretendard-SemiBold.woff2") format("woff2"),
      url("/home/font/woff/Pretendard-SemiBold.woff") format("woff");
  }
  
  @font-face {
    font-family: "Pretendard";
    font-weight: 500;
    font-display: swap;
    src: local("Pretendard Medium"),
      url("/home/fonts/woff2/Pretendard-Medium.woff2") format("woff2"),
      url("/home/font/woff/Pretendard-Medium.woff") format("woff");
  }
  
  @font-face {
    font-family: "Pretendard";
    font-weight: 400;
    font-display: swap;
    src: local("Pretendard Regular"),
      url("/home/fonts/woff2/Pretendard-Regular.woff2") format("woff2"),
      url("/home/font/woff/Pretendard-Regular.woff") format("woff");
  }
  
  @font-face {
    font-family: "Pretendard";
    font-weight: 300;
    font-display: swap;
    src: local("Pretendard Light"),
      url("/home/fonts/woff2/Pretendard-Light.woff2") format("woff2"),
      url("/home/font/woff/Pretendard-Light.woff") format("woff");
  }
  
  @font-face {
    font-family: "Pretendard";
    font-weight: 200;
    font-display: swap;
    src: local("Pretendard ExtraLight"),
      url("/home/fonts/woff2/Pretendard-ExtraLight.woff2") format("woff2"),
      url("/home/font/woff/Pretendard-ExtraLight.woff") format("woff");
  }
  
  @font-face {
    font-family: "Pretendard";
    font-weight: 100;
    font-display: swap;
    src: local("Pretendard Thin"),
      url("/home/fonts/woff2/Pretendard-Thin.woff2") format("woff2"),
      url("/home/font/woff/Pretendard-Thin.woff") format("woff");
  }
  
  /* 영어 유니코드 */
  @font-face {
    font-family: "Montserrat";
    font-weight: 900;
    src: local("Montserrat Black"), url("/home/fonts/woff/Montserrat-Black.woff");
    unicode-range: U+0041-005A, U+0061-007A;
  }
  
  @font-face {
    font-family: "Montserrat";
    font-weight: 800;
    src: local("Montserrat ExtraBold"),
      url("/home/fonts/woff/Montserrat-ExtraBold.woff");
    unicode-range: U+0041-005A, U+0061-007A;
  }
  
  @font-face {
    font-family: "Montserrat";
    font-weight: 700;
    src: local("Montserrat ExtraBold"), url("/home/fonts/woff/Montserrat-Bold.woff");
    unicode-range: U+0041-005A, U+0061-007A;
  }
  
  @font-face {
    font-family: "Montserrat";
    font-weight: 600;
    src: local("Montserrat SemiBold"),
      url("/home/fonts/woff/Montserrat-SemiBold.woff");
    unicode-range: U+0041-005A, U+0061-007A;
  }
  
  @font-face {
    font-family: "Montserrat";
    font-weight: 500;
    src: local("Montserrat Medium"), url("/home/fonts/woff/Montserrat-Medium.woff");
    unicode-range: U+0041-005A, U+0061-007A;
  }
  
  @font-face {
    font-family: "Montserrat";
    font-weight: 400;
    src: local("Montserrat Regular"), url("/home/fonts/woff/Montserrat-Regular.woff");
    unicode-range: U+0041-005A, U+0061-007A;
  }
  
  @font-face {
    font-family: "Montserrat";
    font-weight: 300;
    src: local("Montserrat Light"), url("/home/fonts/woff/Montserrat-Light.woff");
    unicode-range: U+0041-005A, U+0061-007A;
  }
  
  * {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-family: "Montserrat", "Pretendard", sans-serif;
  }
  
  html {
    width: 100%;
    height: 100%;
  }
  body {
    width: 100%;
  }
  
  html,
  body,
  div,
  span,
  applet,
  object,
  iframe,
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  p,
  blockquote,
  pre,
  a,
  abbr,
  acronym,
  address,
  big,
  cite,
  code,
  del,
  dfn,
  em,
  img,
  ins,
  kbd,
  q,
  s,
  samp,
  small,
  strike,
  strong,
  sub,
  sup,
  tt,
  var,
  b,
  u,
  i,
  center,
  dl,
  dt,
  dd,
  ol,
  ul,
  li,
  fieldset,
  form,
  label,
  legend,
  table,
  caption,
  tbody,
  tfoot,
  thead,
  tr,
  th,
  td,
  article,
  aside,
  canvas,
  details,
  embed,
  figure,
  figcaption,
  footer,
  header,
  hgroup,
  menu,
  nav,
  output,
  ruby,
  section,
  summary,
  time,
  mark,
  audio,
  video {
    margin: 0;
    padding: 0;
    border: 0;
  }
  
  article,
  aside,
  details,
  figcaption,
  figure,
  footer,
  header,
  hgroup,
  menu,
  nav,
  section {
    display: block;
  }
  
  ul,
  ol,
  li {
    list-style: none;
  }
  
  /**/
  img,
  fieldset {
    border: none;
    vertical-align: top;
  }
  
  a {
    color: #000;
    text-decoration: none;
  }
  
  button {
    background: 0;
    border: 0;
    outline: 0;
    font-size: inherit;
    font-weight: inherit;
    font-family: inherit;
  }
  * {
    margin: 0;
    padding: 0;
    letter-spacing: -0.5px;
  }
  /**{margin:0;padding:0;letter-spacing: -0.5px;font-family: 'Roboto', sans-serif;}*/
  /**{margin:0;padding:0;letter-spacing: -0.5px;font-family: 'Malgun Gothic', "맑은 고딕", Dotum, "돋움", sans-serif;}*/
  html {
    font-size: 12px;
    height: 100%;
  }
  body {
    height: auto;
  }
  a {
    cursor: pointer;
  }
  a.noul:hover {
    text-decoration: none !important;
  }
  a:link {
    text-decoration: none !important;
  }
  a:visited {
    text-decoration: none !important;
  }
  a:hover {
    text-decoration: none !important;
  }
  img {
    display: block;
    border: none;
  }

  div,
  label,
  article,
  section,
  footer {
    position: relative;
  }



  tr,
  td {
    position: relative;
  }
  
/**/

  h4 {
    color: #111111;
    letter-spacing: 1px;
    font-weight: bold;
  }
  small {
    display: block;
    color: #111111;
    font-weight: 500;
  }
  
  .ui-datepicker-title select {
    padding: 0;
  }
  
  .cursor_pointer {
    cursor: pointer;
  }
  .block {
    display: block !important;
  }
  .inline_block {
    display: inline-block !important;
  }
  .box_center {
    margin: 0 auto;
  }
  .text_center {
    text-align: center !important;
  }
  .text_right {
    text-align: right !important;
  }
  .bg_tc {
    background-repeat: no-repeat;
    background-position: top center;
    background-size: auto 100%;
  }
  .bg_contain {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
  }
  .bg_cover {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
  }
  .full_box {
    display: block;
    width: 100%;
    height: 100%;
  }
  .float_left {
    float: left;
  }
  .float_right {
    float: right;
  }

  
  /*************************************** 폰트 사이즈 s **************************************/
  .fs12 {
    font-size: 1rem !important;
  }
  .fs13 {
    font-size: 1.1rem !important;
  }
  .fs14 {
    font-size: 1.18rem !important;
  }
  .fs15 {
    font-size: 1.25rem !important;
  }
  .fs16 {
    font-size: 1.35rem !important;
  }
  .fs17 {
    font-size: 1.42rem !important;
  }
  .fs18 {
    font-size: 1.5rem !important;
  }
  .fs20 {
    font-size: 1.67rem !important;
  }
  .fs22 {
    font-size: 1.8rem !important;
  }
  .fs24 {
    font-size: 2rem !important;
  }
  .fs25 {
    font-size: 2.1rem !important;
  }
  .fs28 {
    font-size: 2.33rem !important;
  }
  .fs30 {
    font-size: 2.5rem !important;
  }
  .fs32 {
    font-size: 2.67rem !important;
  }
  .fs38 {
    font-size: 3.15rem !important;
  }
  .fs40 {
    font-size: 3.3rem !important;
  }
  .fs42 {
    font-size: 3.5rem !important;
  }
  .fs44 {
    font-size: 44px !important;
  }
  .fs50 {
    font-size: 4.2rem !important;
  }
  /*************************************** 폰트 사이즈 e **************************************/
  
  .noto {
    font-family: "Noto Sans KR" !important;
  }
  .noto400 {
    font-family: "Noto Sans KR" !important;
    font-weight: 400 !important;
  }
  .noto500 {
    font-family: "Noto Sans KR" !important;
    font-weight: 500 !important;
  }
  .noto700 {
    font-family: "Noto Sans KR" !important;
    font-weight: 700 !important;
  }

  .pre400 {
    font-family: "Montserrat", "Pretendard", sans-serif !important;
    font-size:15px !important;
    /*font-weight: 400 !important;*/
  }
  



  .roboto {
    font-family: "Roboto" !important;
  }
  .lato {
    font-family: "Lato" !important;
  }
  .lato700 {
    font-family: "Lato" !important;
    font-weight: 700 !important;
  }
  .lato900 {
    font-family: "Lato" !important;
    font-weight: 900 !important;
  }
  
  /*************************************** 컬러 s **************************************/
  .bg_red {
    background-color: #ff2a00;
  }
  .bg_blue{
    background:#214a99;
  }
  .bg_gray {
    background-color: #abafb5;
  }
  .bg_gray1 {
    background-color: #666;
  }
  .bg_gray2 {
    background-color: #9e9e9e;
  }
  .bg_gray4 {
    background-color: #eeeff0;
  }
  .bg_gray3 {
    background-color: #f6f6f6;
  }
  .bg_black {
    background-color: #1c1c1f;
  }
  .bg_black2 {
    background-color: #111111;
  }
  .bg_black3 {
    background-color: #333333;
  }
  .bg_black4 {
    background-color: #888888;
  }
  .bg_black5 {
    background-color: #7d7d7d;
  }
  .bg_pink {
    background-color: pink;
  }
  .bg_white {
    background-color: #fff;
  }
  .bg_transparent {
    background-color: transparent;
  }
  .color_white {
    color: #fff !important;
  }
  .color_red {
    color: #ff2a00;
  }
  .color_gray {
    color: #abafb5;
  }
  .color_gray1 {
    color: #666;
  }
  .color_gray2 {
    color: #9e9e9e;
  }
  .color_gray4 {
    color: #eeeff0;
  }
  .color_gray3 {
    color: #f6f6f6;
  }
  .color_black {
    color: #1c1c1f;
  }
  .color_black2 {
    color: #111111;
  }
  .color_black3 {
    color: #333333;
  }
  .color_black4 {
    color: #888888;
  }
  .color_black5 {
    color: #7d7d7d;
  }
  .text_gray {
    color: #666 !important;
  }
  .text_bold {
    font-weight: bold;
  }

  .lineh{
    line-height:20px;
  }
  /*************************************** 컬러 e **************************************/
  
  /*************************************** 박스 s **************************************/
  .white_box {
    color: #000;
    background: #fff;
    border: 1px solid #000;
    box-sizing: border-box;
    text-align: center;
  }
  .white_border_box {
    color: #000;
    background: transparent;
    border: 1px solid #000;
    box-sizing: border-box;
    text-align: center;
  }
  .black_box {
    color: #fff;
    background: #333;
    border: 1px solid #333;
    box-sizing: border-box;
    text-align: center;
  }
  .black_box2 {
    color: #fff;
    background: #111;
    border: 1px solid #111;
    box-sizing: border-box;
    text-align: center;
  }
  .green_box {
    color: #fff;
    background: #19838d;
    border: 1px solid #19838d;
    box-sizing: border-box;
    text-align: center;
  }
  .red_box {
    color: #fff;
    background: #ff2a00;
    border: 1px solid #ff2a00;
    box-sizing: border-box;
    text-align: center;
  }
  .gray_box {
    color: #fff;
    background: #abafb5;
    border: 1px solid #abafb5;
    box-sizing: border-box;
    text-align: center;
  }

  .blue_box {
    color: #fff;
    background: #214a99;
    border: 1px solid #214a99;
    box-sizing: border-box;
    text-align: center;
  }

  .blue_box1{
    color: #fff;
    background: #214a99;
    border: 1px solid #214a99;
    box-sizing: border-box;
    text-align: center;
    line-height:20px;   
  }
  /*************************************** 박스 e **************************************/
  
  /*************************************** 마진 s **************************************/
  .mt5 {
    margin-top: 5px;
  }
  .mt10 {
    margin-top: 10px;
  }
  .mt15 {
    margin-top: 15px;
  }
  .mt20 {
    margin-top: 20px;
  }
  .mt25 {
    margin-top: 25px;
  }
  .mt30 {
    margin-top: 30px;
  }
  .mt35 {
    margin-top: 35px;
  }
  .ml10 {
    margin-left: 10px;
  }
  .ml15 {
    margin-left: 15px;
  }
  .ml30 {
    margin-left: 30px !important;
  }
  .ml50 {
    margin-left: 50px !important;
  }
  .ml110 {
    margin-left: 110px;
  }
  .ml130 {
    margin-left: 130px;
  }
  .mr10 {
    margin-right: 10px !important;
  }
  .mr15 {
    margin-right: 15px !important;
  }
  .mr30 {
    margin-right: 30px !important;
  }
  .mb20 {
    margin-bottom: 20px;
  }
  /*************************************** 마진 e **************************************/
  
  /*************************************** 너비 s **************************************/
  .w100p {
    width: 100% !important;
  }
  .w50 {
    width: 50px !important;
  }
  .w80 {
    width: 80px !important;
  }
  .w90 {
    width: 90px !important;
  }
  .w100 {
    width: 100px !important;
  }
  .w120 {
    width: 120px !important;
  }
  .w150 {
    width: 150px !important;
  }
  .w180 {
    width: 180px !important;
  }
  .w200 {
    width: 200px !important;
  }
  .w250 {
    width: 250px !important;
  }
  .w300 {
    width: 300px !important;
  }
  .w350 {
    width: 350px !important;
  }
  .w400 {
    width: 400px !important;
  }
  .w500 {
    width: 500px !important;
  }
  .w600 {
    width: 600px !important;
  }
  .w700 {
    width: 700px !important;
  }
  .w1200 {
    width: 1200px !important;
  }
  .w1240 {
    width: 1240px !important;
  }
  .w1400 {
    width: 1400px !important;
  }
  .w25p {
    width: 25% !important;
  }
  .w50p {
    width: 50% !important;
  }
  .w90p {
    width: 90% !important;
  }
  .w92p {
    width: 92% !important;
  }
  .w93p {
    width: 93% !important;
  }
  .w95p {
    width: 95% !important;
  }
  .w98p {
    width: 98% !important;
  }
  .w99p {
    width: 99% !important;
  }
  .w100p {
    width: 100% !important;
  }
  .h2 {
    height: 2px !important;
  }
  .h3 {
    height: 3px !important;
  }
  .h100 {
    height: 100px !important;
  }
  .h500 {
    height: 500px !important;
  }
  .h100p {
    height: 100% !important;
  }
  .wh100p {
    width: 100% !important;
    height: 100% !important;
  }
  .w1200a {
    width: 1200px !important;
    margin: 0 auto;
  }
  .w1220a {
    width: 1220px !important;
    margin: 0 auto;
  }
  .w1400a {
    width: 1400px !important;
    margin: 0 auto;
  }
  .w1600a {
    width: 1600px !important;
    margin: 0 auto;
  }
  .w1800a {
    width: 1800px !important;
    margin: 0 auto;
  }
  /*************************************** 너비 e **************************************/
  
  /*************************************** 선 s **************************************/
  .black_line1 {
    background: #000;
    border: 0;
    height: 0px;
    box-sizing: border-box;
  }
  .black_line2 {
    background: #000;
    border: 0;
    height: 2px;
  }
  .black_line3 {
    background: #000;
    border: 0;
    height: 3px;
  }
  .white_line1 {
    background: #fff;
    border: 0;
    height: 1px;
    box-sizing: border-box;
  }
  .gray_line1 {
    background: #abafb5;
    border: 0;
    height: 1px;
    box-sizing: border-box;
  }
  .gray1_line1 {
    background: #666;
    border: 0;
    height: 1px;
    box-sizing: border-box;
  }
  .red_line2 {
    background: #ff2a00;
    border: 0;
    height: 2px;
  }
  .red_line3 {
    background: #ff2a00;
    border: 0;
    height: 3px;
  }
  /*************************************** 선 e **************************************/
  
  div.t_chk {
    position: absolute;
    top: 4px;
    right: -15px;
    color: red;
  }
  
  input[type="text"],
  input[type="password"] {
    padding: 0 15px;
  }
  select {
    padding: 0 15px;
  }
  
  .ui-datepicker-trigger {
    display: inline-block;
    margin-left: 5px;
  }
  
  .absolute_tl {
    position: absolute;
    top: 0;
    left: 0;
  }
  .absolute_tr {
    position: absolute;
    top: 0;
    right: 0;
  }
  .absolute_bl {
    position: absolute;
    bottom: 0;
    left: 0;
  }
  .absolute_br {
    position: absolute;
    bottom: 0;
    right: 0;
  }
  .y_center {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
  }
  .x_center {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
  }
  .all_center {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  
  button.btn1 {
    width: 250px;
    height: 55px;
    background-image: url(/home/images/btn1.jpg);
    margin: 0 auto;
    display: block;
    border: 0;
    /*argin-top: 50px;*/
    border-radius: 27.5px;
    border: 1px solid #a5a5a5;
  }
  button.btn1 > a {
    cursor: pointer;
    display: block;
    width: 240px;
    height: 100%;
    line-height: 55px;
    padding-right: 10px;
    text-align: center;
    font-size: 1.25rem;
    font-weight: bold;
  }
  
  button.black_box {
    width: 250px;
    height: 55px;
    background-image: url(https://www.himedia.co.kr/home/images/btn_black.jpg);
    margin: 0 auto;
    display: block;
    border: 0;
    margin-top: 50px;
    background-size: cover;
    background-position: center center;
  }
  button.black_box > a {
    cursor: pointer;
    display: block;
    width: 240px;
    height: 100%;
    line-height: 55px;
    padding-right: 10px;
    text-align: center;
    font-size: 1.25rem;
    font-weight: bold;
    color: #fff;
  }
  
  button.red_box {
    width: 250px;
    height: 55px;
    background-image: url(https://www.himedia.co.kr/home/images/btn_red.jpg);
    margin: 0 auto;
    display: block;
    border: 0;
    margin-top: 50px;
    background-size: cover;
    background-position: center center;
  }
  button.red_box > a {
    cursor: pointer;
    display: block;
    width: 240px;
    height: 100%;
    line-height: 55px;
    padding-right: 10px;
    text-align: center;
    font-size: 1.25rem;
    font-weight: bold;
    color: #fff;
  }
  
  select,
  input,
  textarea {
    border: 0;
    background: #f6f6f6;
    border: 1px solid #ddd;
  }
  
  #contents small {
    margin-top: 5px;
    font-size: 1.25rem;
  }
  
  #contents > .area > .line {
    margin: 60px 0;
    width: 100%;
    height: 2px;
    background: #000;
  }
  
  #contents > .area > .title {
    margin-bottom: 50px;
    height: auto;
  }
  #contents > .area > .title > .text > h4 {
    font-size: 2.5rem;
    display: inline-block;
    margin-right: 2rem;
    width: auto !important;
  }
  #contents > .area > .title > .text > small {
    display: inline-block;
  }
  #contents > .area > .title > .line {
    width: 30px;
    height: 2px;
    background: #000;
    margin-top: 35px;
    position: absolute;
    top: 0;
    right: 0;
    display: inline-block;
  }
  
  #contents > .banner {
    width: 100%;
    height: 200px;
    background-size: 100% auto;
    background-position: center center;
  }
  #contents > .banner.Institute {
    background-image: url(/home/images/Institute/banner.jpg?ver=2);
  }
  #contents > .banner.Campus {
    background-image: url(/home/images/Campus/banner.jpg);
  }
  #contents > .banner.Support {
    background-image: url(../images/Support/banner.jpg);
  }
  #contents > .banner.Portfolio {
    background-image: url(../images/Portfolio/banner.jpg);
  }
  #contents > .banner.Job {
    background-image: url(/home/images/Job/banner.jpg?ver=1);
  }
  #contents > .banner.Information {
    background-image: url(/home/images/info/banner.jpg?ver=1);
  }
  #contents > .banner.License {
    background-image: url(../images/License/banner.jpg);
  }
  #contents > .banner.Community {
    background-image: url(/home/images/Community/banner.jpg?ver=1);
  }
  #contents > .banner.Counsel {
    background-image: url(/home/images/Counsel/banner.jpg);
  }
  #contents > .banner.Policy {
    background-image: url(/home/images/Counsel/banner.jpg);
  }
  
  #contents > .banner.openday{

    background-image: url(/home/images/Counsel/banner.jpg);
  }


  #contents h4 {
    font-size: 2.4rem;
    font-weight: bold;
    width: 100%;
    line-height: 1em;
  }
  #contents small {
    margin-top: 5px;
    font-size: 1.25rem;
  }
  
  #contents .banner > .text {
    width: 1200px;
    margin: 0 auto;
    bottom: 25px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
  }
  #contents .banner h4 {
    width: auto;
    display: inline-block;
    margin-right: 25px;
    color: #fff;
  }
  #contents .banner small {
    color: #fff;
    display: inline-block;
  }
  

  /*수정부분*/
  #contents > .area {
    width: 1200px;
    margin: 0 auto;
  }
  #contents > .area > .nav {
    height: 70px;
  }
  #contents > .area > .menu {
    margin-top: 80px;
    display: inline-block;
    width: 100%;
    height: 55px;
    padding-left: 30px;
  }
  #contents > .area > .menu * {
    box-sizing: border-box;
    position: relative;
  }
  #contents > .area > .menu::after {
    display: block;
    content: "";
    width: 100%;
    height: 3px;
    background-color: #0e2141;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: -10;
  }
  #contents > .area > .menu > div {
    width: 228px;
    float: left;
    height: 40px;
    text-align: center;
  }
  #contents > .area > .menu > div > a {
    font-size: 16px;
    font-weight: 500;
    line-height: 55px;
    width: 100%;
    height: 55px;
    display: block;
    color: #0e2141;
    border-radius: 10px 10px 0 0;
  }
  #contents > .area > .menu > div:last-child {
    margin-right: 0;
  }
  #contents > .area > .menu > div.on > a {
    border: 3px solid #0e2141;
    background-color: #fff;
    border-bottom: 0;
  }
  
  /*수정부분*/

  #contents > .area > .head {
    width: 100%;
    text-align: center;
  }
  #contents > .area > .head > .title {
    font-weight: bold;
    letter-spacing: -0.025px;
    font-family: "Lato";
    font-weight: 900;
    margin-top: 80px;
    font-size: 42px;
    color: #444444;
    line-height: 1em;
  }
  #contents > .area > .head > .text {
    width: 100%;
    font-size: 1.25rem;
    text-align: center;
    margin-top: 15px;
    margin-bottom: 80px;
    color: #666;
  }
  #contents > .area > .head > .line {
    width: 20px;
    height: 3px;
    background: #000;
    margin: 0 auto;
    margin-top: 20px;
  }
  
  #contents>.area >.cont1 {
    width: 100%;
  }
  #contents>.area>.cont1>.title {
    font-weight: 500;
    margin-top: 80px;
    font-size: 1.75rem;
    text-align: center;
  }
  #contents>.area>.cont1>.text {
    font-weight: 400;
    width: 100%;
    font-size: 1.25rem;
    text-align: center;
    margin-bottom: 60px;
  }
  #contents>.area>.cont1>.ig {
    margin-bottom: 50px;
  }
  #contents>.area>.menu2 {
    margin-top: 50px;
  }

#contents .area .head{width:100%;text-align: center;}
#contents .area .head .title{font-weight: bold;letter-spacing: -0.025px; font-weight:600;margin-top:80px;font-size:30px;color:#444444;line-height: 1em;}
#contents .area .head .text{width:100%;font-size:1.25rem;text-align: center;margin-top: 15px;margin-bottom: 80px;color:#666;}
#contents .area .head .line{width:20px;height:3px;background:#000;margin: 0 auto;margin-top: 20px;}

  
  .paging {
    margin-top: 65px;
  }
  .paging > .paginate {
    text-align: center;
  }
  .paging > .paginate span,
  .paging > .paginate a {
    color: #666;
    text-align: center;
    font-size: 1.5rem;
    width: 30px;
    display: inline-block;
  }
  .paging > .paginate .prev,
  .paging > .paginate .next,
  .paging > .paginate .first,
  .paging > .paginate .last {
    background-size: auto;
    background-repeat: no-repeat;
    background-position: center center;
    width: 30px;
    height: 10px;
  }
  .paging > .paginate .prev {
    background-image: url(https://www.himedia.co.kr/home/images/prev.jpg);
  }
  .paging > .paginate .next {
    background-image: url(https://www.himedia.co.kr/home/images/next.jpg);
  }
  .paging > .paginate .first {
    background-image: url(https://www.himedia.co.kr/home/images/first.jpg);
  }
  .paging > .paginate .last {
    background-image: url(https://www.himedia.co.kr/home/images/last.jpg);
  }
  
  #paging_bottom {
    height: 125px;
  }
  #paging_bottom > .list {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  #paging_bottom > .prev,
  #paging_bottom > .next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
  }
  #paging_bottom > .next {
    right: 0;
  }
  #paging_bottom > .prev {
    left: 0;
  }
  
  #search {
    width: 550px;
    height: 50px;
    margin: 0 auto;
    display: block;
    margin-top: 25px;
    margin-bottom: 10px;
  }
  #search > form > div {
    float: left;
  }
  #search > .search_mode {
    margin-right: 10px;
  }
  #search input,
  #search select {
    padding: 12px;
    height: 24px;
    background: #fff;
  }
  #search .search_text input {
    box-sizing: content-box;
  }
  #search select.mode {
    width: 124px;
    height: 50px;
  }
  #search input.str {
    width: 324px;
    border-right: 0px;
  }
  #search .ig {
    box-sizing: border-box;
    border-top: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    width: 50px;
    height: 50px;
    background-image: url(https://www.himedia.co.kr/home/images/icon_search.jpg);
    background-size: auto;
    background-repeat: no-repeat;
    background-position: center center;
  }
  #one_click {
    margin-top: 150px;
    margin-bottom: 100px;
    width: 100%;
    text-align: center;
  }
  #layout #one_click {
    margin-bottom: 100px;
  }
  article#one_click {
    margin-bottom: 100px;
  }
  #one_click > form > .title > h4 {
    font-size: 1.9rem;
    font-weight: bold;
    display: block;
    width: 100%;
    letter-spacing: -1px;
  }
  #one_click > form > .title > small {
    font-size: 1.25rem;
    display: block;
    width: 100%;
  }
  #one_click > form > section {
    margin-top: 40px;
    border-top: 3px solid #000;
  }
  #one_click > form > section > table {
    width: 100%;
  }
  #one_click > form > section > table tr {
    height: 60px;
  }
  #one_click > form > section > table th,
  #one_click > section > table td {
    border-bottom: 2px solid #f1f1f1;
  }
  #one_click > form > section > table tr:last-child th,
  #one_click > section > table tr:last-child td {
    border-bottom: 0;
  }
  #one_click > form > section > table tr.privacy {
    height: 180px;
  }
  #one_click > form > section > table tr.btn img {
    margin: 0 auto;
    margin-top: 30px;
    margin-bottom: 30px;
    cursor: pointer;
  }
  #one_click > form > section > table tr > td:first-child {
    width: 200px;
  }
  #one_click > form > section > table tr > td:first-child > .txt {
    font-size: 1.25rem;
    margin-left: 30px;
  }
  #one_click > form > section > table tr > td:last-child {
    text-align: left;
  }
  #one_click > form > section > table tr > td > div {
    float: left;
    margin-right: 10px;
  }
  #one_click > form > section > table .sel1 {
    width: 250px;
    height: 32px;
  }
  #one_click > form > section > table .sel2 {
    width: 700px;
    height: 32px;
  }
  #one_click > form > section > table select.sel3 {
    width: 350px;
    height: 32px;
  }
  #one_click > form > section > table select.sel5 {
    width: 960px;
    height: 32px;
  }
  #one_click > form > section > table .inp1 {
    width: 250px;
    height: 32px;
  }
  #one_click > form > section > table .inp2 {
    width: 150px;
    height: 32px;
  }
  #one_click > form > section > table .texta {
    width: 930px;
    height: 90px;
    padding: 15px;
    overflow-y: auto;
    background: #f6f6f6;
  }
  #one_click > form > section > table .texta p {
    font-size: 1.15rem;
  }
  #one_click > form > section > table .agree {
    margin-top: 5px;
    clear: both;
  }
  #one_click > form > section > table .agree > div {
    float: left;
    margin-right: 5px;
  }
  #q_menu {
    padding-top: 50px;
    height: 56px;
    padding-left: 0;
    min-width: 1200px;
    width: 100%;
    margin-bottom: 100px;
  }
  #q_menu > .area {
    height: 100%;
    width: 1210px;
    margin: 0 auto;
  }
  #q_menu > .area > .btn {
    width: 232px;
    height: 55px;
    float: left;
    margin: 0 5px;
    background: #1c1c1f;
    color: #fff;
    text-align: center;
    cursor: pointer;
  }
  #q_menu > .area > .btn:hover {
    transition: background 0.2s ease, -webkit-transform 0.2s ease;
    background: #ff2a00;
  }
  #q_menu > .area > .btn > div {
    display: inline-block;
  }
  #q_menu > .area > .btn > a > .txt {
    line-height: 53px;
    margin-left: -10px;
    font-size: 1.25rem;
  }
  #q_menu > .area > .btn > a > .arrow {
    position: absolute;
    top: 19px;
    right: 20px;
  }
  article.add {
    margin-bottom: 100px;
  }