.input16 { border:solid 1px #CACBCC;background-color:#FFFFFF;width:40%;height:18px;line-height:15px;padding:2px;font-size:14px;color: #595D59; }
.input18 { border:solid 1px #CACBCC;background-color:#FFFFFF;width:30%;height:18px;line-height:15px;padding:2px;font-size:14px;color: #595D59; }
.input19 { border:solid 1px  #CACBCC;background-color:#FFFFFF;width:20%;height:18px;line-height:15px;padding:2px;font-size:14px;color: #595D59; }


.image_list{padding:15px 0;font-size:14px;font-weight:bold;}
.image_list:after{display:block;clear:both;content:""}
.image_list li{float:left; width:24%; margin-right:1%; margin-bottom:2px; list-style:none;}
.image_list li:nth-child(4n){width:25%; margin-right:0;}
.image_list li a{display: block; padding:10px 0 10px 0; text-align:center; border:1px solid #cdcdcd; border-radius:4px; color:#435464; background:#fff;}
.image_list li .icon_line{margin:0; padding:0; height:20px; display:block;}
.image_list .icon{margin:0 10px 0 10px;}
.image_list .ci{height:40px;}


.ebook_title{width:1320px; margin:50px 0 30px 0; padding: 5px; font-size:30px; color:#000000; font-weight:400; text-align:left; border-bottom:1px solid #cccccc;}
.ebook {
    display: grid;
    grid-template-columns: repeat(6, 1fr); /* 4°³ÀÇ ¿­À» ±ÕµîÇÏ°Ô ¹èÄ¡ */
    gap: 30px; /* ¾ÆÀÌÅÛ °£ÀÇ °£°Ý (Á¿ì/»óÇÏ) */
    max-width: 1320px; /* Àüü ¸ñ·ÏÀÇ ÃÖ´ë ³Êºñ (ÇÊ¿ä¿¡ µû¶ó Á¶Àý °¡´É) */
    margin: 0 auto; /* ÁÂ¿ì ¸¶ÁøÀ» auto·Î ÁÖ¾î ÆäÀÌÁö Áß¾Ó¿¡ ¹èÄ¡ */
    padding: 0;
    list-style: none; /* ±âº» ºÒ¸´ ±âÈ£ Á¦°Å */
    box-sizing: border-box;
}

/* °³º° e-book ¾ÆÀÌÅÛ ¼³Á¤ */
.ebook li {
    text-align: center; /* À̹ÌÁö¿Í ÅؽºÆ® °¡¿îµ¥ Á¤·Ä */
    background: #fff;
    padding: 15px;
    border-radius: 8px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05); /* ÀºÀºÇÑ ±×¸²ÀÚ È¿°ú (¼±ÅûçÇ×) */
    transition: transform 0.2s ease;
}

/* ¸¶¿ì½º È£¹ö ½Ã »ì¦ ¶°¿À¸£´Â È¿°ú (¼±ÅûçÇ×) */
.ebook li:hover {
    transform: translateY(-5px);
}

/* À̹ÌÁö ½ºÅ¸ÀÏ (¹ÝÀÀÇü ´ëÀÀ) */
.ebook img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 4px;
    margin-bottom: 10px;
	border:1px solid #EFEFEF;
}

.ebook li {
    /* ÅؽºÆ®¿Í À̹ÌÁö °£°ÝÀ» ÀÚ¿¬½º·´°Ô ¸¸µé±â À§ÇÑ ÆùÆ® ¼³Á¤ */
    font-size: 16px;
    font-weight: 600;
    color: #333;
}

.text_box03 li{padding:0 0 50px 0; font-size:18px; line-height:28px; word-break:keep-all; text-align:justify;}
.text_box03 li b{font-weight:600; color:#0061A8; line-height:40px;}

.login{width:500px; margin:0 auto;}

.form-floating {
  position: relative;
}
.form-floating > .form-control,
.form-floating > .form-control-plaintext,
.form-floating > .form-select {
  height: 30px;
  line-height: 1.25;
}
.form-floating > label {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 6px 0 0 10px;
  overflow: hidden;
  text-align: start;
  text-overflow: ellipsis;
  white-space: nowrap;
  pointer-events: none;
  border: 1px solid transparent;
  transform-origin: 0 0;
  transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-floating > label {
    transition: none;
  }
}
.form-floating > .form-control,
.form-floating > .form-control-plaintext {
  padding: 1rem 0.75rem;
}
.form-floating > .form-control::-moz-placeholder, .form-floating > .form-control-plaintext::-moz-placeholder {
  color: transparent;
}
.form-floating > .form-control::placeholder,
.form-floating > .form-control-plaintext::placeholder {
  color: transparent;
}
.form-floating > .form-control:not(:-moz-placeholder-shown), .form-floating > .form-control-plaintext:not(:-moz-placeholder-shown) {
  padding-top: 1.625rem;
  padding-bottom: 0.625rem;
}
.form-floating > .form-control:focus, .form-floating > .form-control:not(:placeholder-shown),
.form-floating > .form-control-plaintext:focus,
.form-floating > .form-control-plaintext:not(:placeholder-shown) {
  padding-top: 1.625rem;
  padding-bottom: 0.625rem;
}
.form-floating > .form-control:-webkit-autofill,
.form-floating > .form-control-plaintext:-webkit-autofill {
  padding-top: 1.625rem;
  padding-bottom: 0.625rem;
}
.form-floating > .form-select {
  padding-top: 1.625rem;
  padding-bottom: 0.625rem;
}
.form-floating > .form-control:not(:-moz-placeholder-shown) ~ label {
  opacity: 0.65;
  transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}
.form-floating > .form-control:focus ~ label,
.form-floating > .form-control:not(:placeholder-shown) ~ label,
.form-floating > .form-control-plaintext ~ label,
.form-floating > .form-select ~ label {
  opacity: 0.65;
  transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}
.form-floating > .form-control:-webkit-autofill ~ label {
  opacity: 0.65;
  transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}
.form-floating > .form-control-plaintext ~ label {
  border-width: 1px 0;
}

.form-control {
  display: block;
  width: 95%;
  padding: 0.375rem 0.75rem;
  font-size: 24px;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border-radius: 0.375rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-control {
    transition: none;
  }
}
.form-control[type=file] {
  overflow: hidden;
}
.form-control[type=file]:not(:disabled):not([readonly]) {
  cursor: pointer;
}
.form-control:focus {
  color: #212529;
  background-color: #fff;
  border-color: #fab19d;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(244, 98, 58, 0.25);
}
.form-control::-webkit-date-and-time-value {
  height: 1.5em;
}
.form-control::-moz-placeholder {
  color: #6c757d;
  opacity: 1;
}
.form-control::placeholder {
  color: #6c757d;
  opacity: 1;
}
.form-control:disabled {
  background-color: #e9ecef;
  opacity: 1;
}
.form-control::file-selector-button {
  padding: 0.375rem 0.75rem;
  margin: -0.375rem -0.75rem;
  -webkit-margin-end: 0.75rem;
          margin-inline-end: 0.75rem;
  color: #212529;
  background-color: #e9ecef;
  pointer-events: none;
  border-color: inherit;
  border-style: solid;
  border-width: 0;
  border-inline-end-width: 1px;
  border-radius: 0;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-control::file-selector-button {
    transition: none;
  }
}
.form-control:hover:not(:disabled):not([readonly])::file-selector-button {
  background-color: #dde0e3;
}

.mb-3 {
  margin-bottom: 1rem !important;
}

@media all and (min-width:0px) and (max-width:1000px){
.ebook_title{width:100%; margin:10px 0 30px 0; padding: 5px; font-size:30px; color:#000000; font-weight:400; text-align:left; border-bottom:1px solid #cccccc;}
.ebook {grid-template-columns: repeat(1, 1fr);}

.image_list{padding:15px 0;font-size:14px;font-weight:bold;}
.image_list:after{display:block;clear:both;content:""}
.image_list li{float:left; width:33%; margin-right:1%; margin-bottom:2px; list-style:none; overflow:hidden;}
.image_list li:nth-child(4n){float:left; width:33%; margin-right:1%; margin-bottom:2px; list-style:none; overflow:hidden;}
.image_list li:nth-child(3n){width:32%; margin-right:0;}
.image_list li a{display: block; padding:10px 0 10px 0; text-align:center; border:1px solid #cdcdcd; border-radius:4px; color:#435464; background:#fff;}
.image_list li .icon_line{margin:0; padding:0; height:20px; display:block;}
.image_list .icon{margin:0 10px 0 10px;}
.image_list .ci{max-width:95px;}

.login{width:100%;}
}