#sub04 .sub_title .rt .title_bg {background: url(/img/title_bg_sub04.jpg) no-repeat center 60%; background-size: cover;}

#sub04.page_news .news_wrap ul {border-top: 2px solid #111; letter-spacing: 0; margin: 15px 0 10px 0;}
#sub04.page_news .news_wrap ul li {display: flex; align-items: center; border-bottom: 1px solid #e6e6e6; height: 80px; transition: all 0.3s;}
#sub04.page_news .news_wrap ul li .number {font-size: 1.25em; width: 10%; text-align: center;}
#sub04.page_news .news_wrap ul li .title {font-size: 1.25em; width: 75%;}
#sub04.page_news .news_wrap ul li .title a {
  white-space: normal;
  display: -webkit-box;
  -webkit-line-clamp: 1; /* 텍스트를 자를 때 원하는 단위 ex) 3줄 */
  -webkit-box-orient: vertical;
  overflow: hidden;
  transition: all 0.3s;
}
#sub04.page_news .news_wrap ul li .date {color: #aaa; font-size: 1.125em; width: 15%; text-align: center;}
#sub04.page_news .news_wrap ul li:hover {background: #f6f6f6;}
#sub04.page_news .news_wrap ul li:hover .title a {text-decoration: underline;}

#sub04.page_news .news_view_wrap {transform: rotate(-0.03deg);}
#sub04.page_news .news_view_wrap .top {border-top: 2px solid #111; border-bottom: 1px solid #e6e6e6; display: flex; align-items: center; justify-content: space-between; padding: 2%;}
#sub04.page_news .news_view_wrap .top .title {font-size: 1.25em; width: 90%; padding-right: 3%;}
#sub04.page_news .news_view_wrap .top .date {font-size: 1.125em; color: #aaa; width: 10%; text-align: center;}
#sub04.page_news .news_view_wrap .cont {border-bottom: 1px solid #e6e6e6; padding: 3% 2% 5% 2%; text-align: center;}
#sub04.page_news .news_view_wrap .cont p {font-size: 1.125em; line-height: 170%}

#sub04 .red_btn {
  font-size: 1.625em;
  background: #b8282e;
  border: 2px solid #b8282e;
  transition: all 0.3s;
  width: 260px;
  height: 65px;
  border-radius: 35px;
  display: flex;
  justify-content: center;
  align-items: center;
  transform: rotate(-0.03deg);
  margin: 50px auto 0 auto;
  cursor: pointer;
}
#sub04 .red_btn:hover {background: #fff; color: #b8282e;}

.filebox {display: flex; align-items: center;}
.filebox > input.upload-name {width: 84%; margin-right: 1%}
.filebox > div {width: 15%;}
.filebox > input::placeholder {color: #aaa;}
.file_info {color: #aaa; font-size: 1em; margin-top: 5px;}
.file_info::before {content: "-";}
.filebox input[type="file"] {
  position: absolute;
  width: 1px !important;
  height: 1px !important;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0 !important;
}

.filebox label {
  display: inline-block;
  color: #fff;
  background-color: #fff;
  border: 1px solid #111;
  color: #111;
  vertical-align: middle;
  cursor: pointer;
  width: 100%;
  text-align: center;
  height: 50px;
  line-height: 50px;
  border-radius: 5px;
  transition: all 0.3s;
  box-sizing: border-box;
}
.filebox label:hover {background: #111; color: #fff;}

/* named upload */
.filebox .upload-name {
  display: inline-block;
  padding: .5em .75em;
  font-size: 1rem;
  font-family: inherit;
  /* line-height: normal; */
  vertical-align: middle;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 50%;
  color: rgba(17, 17, 17, 0.35);

  border: 0;
  background: #fff;
}

#sub04 .inquiry_table {border-top: 2px solid #111; transform: rotate(-0.03deg);}
#sub04 .inquiry_table li {border-bottom: 1px solid #e6e6e6; padding: 2.5% 5%; display: flex;}
#sub04 .inquiry_table li.p30 {padding: 4% 5%;}
#sub04 .inquiry_table li .lt {width: 20%; font-size: 1.375em;}
#sub04 .inquiry_table li .rt {width: 80%;}
#sub04 .inquiry_table li .rt .scroll_y {background: #f8f8f8; color: #aaa; font-size: 1.0625em; max-height: 150px; overflow-y: scroll; padding: 25px 30px; -ms-overflow-style: none; } 
#sub04 .inquiry_table li .rt .scroll_y::-webkit-scrollbar{ display:none; }
#sub04 .inquiry_table li .rt .person_chk {margin-top: 15px; display: flex; justify-content: flex-end; align-items: center; position: relative;}
#sub04 .inquiry_table li .rt .person_chk input {
  /* position: relative;
  height: auto;
  width: 1px;
  clip: rect(0, 0, 0, 0);
  border: 0 !important; */

  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

/* #sub04 .inquiry_table li .rt .person_chk input::after {content: ""; display: block; position: absolute; top: 50%; transform: translateY(-50%); left: -16px; background: url(/img/chk.png) no-repeat center center; background-size: 12px 9px; width: 12px; height: 9px;}
#sub04 .inquiry_table li .rt .person_chk input:checked::before {background: #e6e6e6;}
#sub04 .inquiry_table li .rt .person_chk input:checked::after {mix-blend-mode: difference;} */

#sub04 .inquiry_table li .rt .person_chk .flex {width: fit-content;}
#sub04 .inquiry_table li .rt .person_chk label::before {content: ""; display: block; position: absolute; top: 57%; transform: translateY(-50%); right: 85px; width: 20px; height: 20px; background: #fff; border: 1px solid #e6e6e6; border-radius: 50%;}
#sub04 .inquiry_table li .rt .person_chk label::after {content: ""; display: block; position: absolute; top: 57%; transform: translateY(-50%); right: 90px; background: url(/img/chk.png) no-repeat center center; background-size: 12px 9px; width: 12px; height: 9px;}
#sub04 .inquiry_table li .rt .person_chk input:checked ~ label::before {background: #e6e6e6;}
#sub04 .inquiry_table li .rt .person_chk input:checked ~ label::after {mix-blend-mode: difference;}
#sub04 .inquiry_table li .rt .person_chk label {font-size: 1.0625em; margin-left: 10px;}
#sub04 .inquiry_table li .rt span.input_span {width: 2%; text-align: center; display: inline-block;}
#sub04 .inquiry_table li .rt .tel1,
#sub04 .inquiry_table li .rt .tel2,
#sub04 .inquiry_table li .rt .tel3 {width: 170px; max-width: 29.3333%;}
#sub04 .inquiry_table li .rt .email2 {margin-right: 1%;}

#sub04 .inquiry_table li input {height: 50px; border: 1px solid #e6e6e6; padding: 10px 20px;  background-color: #fff; border-radius: 5px; color: #111;}
#sub04 .inquiry_table li select {height: 50px; border: 1px solid #e6e6e6; padding: 10px 50px 10px 20px;  background-color: #fff; border-radius: 5px; color: #111;}
#sub04 .inquiry_table li textarea {width: 100%; height: 200px; border: 1px solid #e6e6e6; padding: 10px 20px;  background-color: #fff; border-radius: 5px; color: #111;}
#sub04 .inquiry_table li .w_350 {width: 350px; max-width: 35%;}
#sub04 .inquiry_table li .w_300 {width: 300px; max-width: 30.24%;}
#sub04 .inquiry_table li .w_100 {width: 100%;}


@media screen and (max-width: 1240px) {

}

@media screen and (max-width: 1024px) {
  #sub04 .inquiry_table li .lt {font-size: 1.125em;}
  .filebox > input.upload-name {width: 79%;}
  .filebox > div {width: 20%;}
  .file_info {font-size: 0.9em;}
  #sub04 .inquiry_table li .rt span.input_span {width: 4%;}
  #sub04 .inquiry_table li .w_350 {max-width: 32%;}
  #sub04 .inquiry_table li .w_300 {max-width: 30%;}
}

@media screen and (max-width: 768px) {
  #sub04.page_news .news_wrap ul {transform: rotate(-0.03deg); margin: 3% 0 2% 0;}
  #sub04.page_news .news_wrap ul li {height: 60px;}
  #sub04.page_news .news_wrap ul li .number {font-size: 0.875em;}
  #sub04.page_news .news_wrap ul li .title {font-size: 1em; width: 70%;}
  #sub04.page_news .news_wrap ul li .date {font-size: 0.875em; width: 20%;}

  #sub04.page_news .news_view_wrap .top {display: block;}
  #sub04.page_news .news_view_wrap .top .title {font-size: 1.125em; width: 100%;}
  #sub04.page_news .news_view_wrap .top .date {font-size: 0.875em; width: 100%; text-align: right; margin-top: 5px;}
  #sub04.page_news .news_view_wrap .cont p {font-size: 1em;}
  #sub04 .red_btn {width: 165px; height: 50px; font-size: 1.325em; margin: 5% auto 0 auto;}

  #sub04 .inquiry_table li {display: block; padding: 3.5%;}
  #sub04 .inquiry_table li .lt {width: 100%; margin-bottom: 2.5%;}
  #sub04 .inquiry_table li .rt {width: 100%;}
  #sub04 .inquiry_table li .rt .scroll_y {padding: 2% 3%; font-size: 0.9em; max-height: 110px;}
  #sub04 .inquiry_table li .rt .person_chk {margin-top: 2%;}
  #sub04 .inquiry_table li .rt .person_chk label::before {width: 17px; height: 17px; right: 70px;}
  #sub04 .inquiry_table li .rt .person_chk label::after {width: 12px; height: 8px; background-size: 10px 8px; right: 73px;}
  #sub04 .inquiry_table li .rt .person_chk label {font-size: 1em; margin-left: 7px;}
  #sub04 .inquiry_table li input {height: 45px; padding: 7px 15px;}
  #sub04 .inquiry_table li select {height: 45px; padding: 7px 35px 7px 15px;}
  #sub04 .inquiry_table li textarea { height: 120px; padding: 7px 15px;}
  .filebox label {height: 45px; line-height: 45px;}
}

@media screen and (max-width: 540px) {
  #sub04.page_news .news_wrap ul li {height: 45px;}
  #sub04.page_news .news_wrap ul li .number {width: 12%;}
  #sub04.page_news .news_wrap ul li .title {width: 65%;}
  #sub04.page_news .news_wrap ul li .date {width: 23%;}
  #sub04.page_news .news_view_wrap .top .title {font-size: 1.111em;}
  #sub04.page_news .news_view_wrap .cont {padding: 5% 2% 8% 2%;}

  #sub04 .red_btn {width: 110px; height: 35px; font-size: 1.125em; margin: 5% auto 0 auto;}

  #sub04 .inquiry_table li input {height: 40px;}
  #sub04 .inquiry_table li select {height: 40px; background-size: 10px;}
  #sub04 .inquiry_table li textarea { height: 100px;}
  .filebox label {height: 40px; line-height: 40px;}
  #sub04 .inquiry_table li .rt .scroll_y {padding: 3% 4%;}
  #sub04 .inquiry_table li .w_300.email3 {max-width: 100%; width: 100%; margin-top: 2%;}
  #sub04 .inquiry_table li .w_350 {max-width: 47%;}
  #sub04 .inquiry_table li .rt .email2 {max-width: 47%; margin-right: 0;}
  #sub04 .inquiry_table li .rt span.input_span {font-size: 12px;}
  #sub04 .inquiry_table li .rt .person_chk label::before {right: 65px;}
  #sub04 .inquiry_table li .rt .person_chk label::after {right: 68px;}
  .filebox > input.upload-name {width: 74%;}
  .filebox > div {width: 25%;}
}

@media screen and (max-width: 414px) {

}