.sec_hd.bd {
  border-bottom: 1px solid #DDD;
}

/* 뉴스 리스트 */
#news .news_list .dp_f {
  gap: 5.625rem;
}

#news .news_list .dp_f .col:nth-of-type(1) {
  min-width: 38.125rem;
  height: 25.25rem;
  border-radius: 1.875rem;
  overflow: hidden;
}

#news .news_list .dp_f .col:nth-of-type(1) .img_wrap {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  transition: transform 0.2s ease-in-out;
}

.news_list a:hover .img_wrap {
  transform: scale(1.05);
}

/* 뉴스 리스트 END */


/* 뉴스 상세 */
#newsDetail .sec_hd {
  position: relative;
}

#newsDetail .sec_hd .inner_sm {
  padding-bottom: 2.5rem;
  margin-bottom: 6.25rem;
  border-bottom: 1px solid #DDDDDD;
}
#newsDetail.promotion .sec_hd .inner_sm{
  border: none;
  padding: 0;
  margin: 0;
}

#newsDetail .sec_hd .social {
  gap: 1.25rem;
  margin-top: 2.25rem;
}

#newsDetail .sec_hd .social button {
  width: 1.5rem;
  height: 1.5rem;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

#newsDetail .sec_hd .social button.ico_kakao {
  background-image: url("../images/icons/ico_kakao.svg");
}

#newsDetail .sec_hd .social button.ico_facebook {
  background-image: url("../images/icons/ico_facebook.svg");
}

#newsDetail .sec_hd .social button.ico_blog {
  background-image: url("../images/icons/ico_blog.svg");
}

#newsDetail .sec_hd .social button.ico_x {
  background-image: url("../images/icons/ico_x.svg");
}

#newsDetail .sec_hd .social button.ico_share {
  background-image: url("../images/icons/ico_share.svg");
}

#newsDetail .sec_hd .detail_desc {
  gap: 1.875rem;
}

#newsDetail .sec_hd .back_btn {
  position: absolute;
  left: 0;
  top: 2.375rem;
  width: 5rem;
  height: 5rem;
  border-radius: 50%;
  border: 1px solid rgba(0, 0, 0, 0.15);
  transition: border 0.2s ease-in-out;
  background: url("../images/icons/ico_arrow_r_b.svg") no-repeat center / 28px 28px;
  transform: rotate(180deg);
}
#newsDetail.promotion .sec_hd .back_btn{
  top: 0;
}

#newsDetail .like_btn {
  width: 9.5rem;
  height: 3.5rem;
  border-radius: 3.5rem;
  border: 1px solid #DDDDDD;
  gap: 0.5rem;
  transition: border 0.2s ease-in-out;
}

#newsDetail .like_btn:hover {
  border: 1px solid #000;
}

#newsDetail .like_btn .ico_heart {
  width: 1.5rem;
  height: 1.5rem;
  background: url("../images/icons/ico_heart.svg") no-repeat center / cover;
}

#newsDetail .like_btn.active .ico_heart {
  background: url("../images/icons/ico_heart_active.svg") no-repeat center / cover;
}

#newsDetail .sec_newsDetail > .inner_sm {
  padding-bottom: 5rem;
  border-bottom: 1px solid #DDDDDD;
}
#newsDetail.promotion .sec_newsDetail > .inner_sm{
  padding-bottom: 0;
  border: none;
}

#newsDetail .sec_newsDetail .sec_ft span {
  min-width: 5.625rem;
}

#newsDetail .sec_newsDetail .sec_ft .back_btn {
  width: 9.5rem;
  height: 3.5rem;
  border-radius: 3.5rem;
  background-color: rgba(0, 0, 0, 0.8);
  transition: background-color 0.2s ease-in-out;
}

#newsDetail .sec_newsDetail .sec_ft .back_btn:hover {
  background-color: rgba(34, 34, 34, 0.8);
}

/* 뉴스 상세 END */


/* 제퓸 리뷰 및 영상 */
#prdVideo .content .inner_base {
  gap: 6.25rem 7.5rem;
}

#prdVideo .content .inner_base .col6 {
  flex: 0 0 calc(50% - 3.75rem);
  max-width: calc(50% - 3.75rem);
}

#prdVideo .content .inner_base .col6 .tit {
  min-height: 6rem;
}

#prdVideo .wv_modal_btn .img_wrap {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  /* height: 24.625rem; */
  height: 100%;
  background-color: #DDDDDD;
  position: relative;
  z-index: 1;
  transition: transform 0.2s ease-in-out;
}

#prdVideo .wv_modal_btn .img_box {
  position: relative;
  border-radius: 1.875rem;
  overflow: hidden;
  aspect-ratio: 16 / 9;
}

#prdVideo .wv_modal_btn .img_box::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 2;
}

#prdVideo .wv_modal_btn .img_box h3 {
  position: absolute;
  left: 3.75rem;
  top: 4.375rem;
  z-index: 3;
  line-height: 1.25;
}

#prdVideo .wv_modal_btn .img_box::before {
  display: block;
  position: absolute;
  bottom: 2.375rem;
  left: 3.75rem;
  z-index: 4;
  content: "";
  width: 3.75rem;
  height: 3.75rem;
  background: url("../images/icons/ico_play_w.svg") no-repeat center / cover;
}

#prdVideoModal {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100000000;
  width: 100%;
  height: 100%;
  overflow-y: scroll;
  overflow-x: hidden;
  background-color: rgba(0, 0, 0, 0.9);
}

#prdVideoModal .modal_content {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% - 10rem);
  max-width: 78.75rem;
  /* height: 44.375rem; */
  aspect-ratio: 16/9;
  background-color: gray;
}

#prdVideoModal .modal_content .close_modal {
  position: absolute;
  right: -5rem;
  top: -5rem;
  background: url("../images/icons/ico_close_w.svg") no-repeat center / 2rem 2rem;
}

#prdVideoModal .video_wrap,
#prdVideoModal .video_wrap iframe {
  width: 100%;
  height: 100%;
}

.prdVideo_list button:hover .img_wrap {
  transform: scale(1.05);
}

/* 제퓸 리뷰 및 영상 END */


/* 서비스 센터 */
.sec_service .tab_content > div {
  gap: 5.625rem;
}
.sec_service .tab_content > div .desc{
  width : 100%;
}

.sec_service .col4 {
  max-width: calc((100% / 3) - 3.758rem);
  flex: 0 0 calc((100% / 3) - 3.758rem);
}
.sec_service .tab_content h3{
  margin-bottom: 1.25rem;
}
.sec_service .tab_content .wv_modal_btn {
  display: flex;
  align-items: center;
  gap: 10px;
  position: relative;
  width: 100%;
  text-align: left;
  padding: 0.875rem 0;
  font-size: 1rem;
  font-weight: 300;
  transition: font-weight 0.2s ease-in-out;
}

.sec_service .tab_content .wv_modal_btn::after {
  display: inline-block;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  content: "";
  width: 1rem;
  height: 1rem;
  background: url("../images/icons/ico_black_arrow_r.svg") no-repeat center / cover;
  opacity: 0.3;
  transition: opacity 0.2s ease-in-out;
}

.sec_service .tab_content .wv_modal_btn:hover {
  font-weight: 500;
}

.sec_service .tab_content .wv_modal_btn:hover::after {
  opacity: 1;
}

.sec_service .tab_content .wv_modal_btn:not(:last-child) {
  border-bottom: 1px solid #EEEEEE;
}
.sec_service .tab_content .wv_modal_btn span{
  display : flex;
  align-items :center;
  gap: 0.375rem;
}
.sec_service .tab_content .wv_modal_btn span em{
  font-size:0.75rem;
  font-weight: 400;
  padding: 0.125rem 0.438rem;
  border-radius: 1.25rem;
}
.sec_service .tab_content .wv_modal_btn span em.red{color: #EF4023; border: 1px solid #EF4023;}
.sec_service .tab_content .wv_modal_btn span em.green{color: #01677D; border: 1px solid #01677D;}
.sec_service .tab_content .wv_modal_btn span em.black{color: #231F20; border: 1px solid #231F20;}


.sec_service .table_center_txt{
  width : calc(100% - 40px);
  max-width : 20.75rem;
}


#centerModal {
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 100;
  transform: translate(-50%, -50%);
  width: 35rem;
  height: max-content;
  border-radius: 0.625rem;
  border: none;
  box-shadow: 0 0.625rem 2.5rem rgba(0, 0, 0, 0.2);
  padding: 3.125rem 3.125rem 5rem;
}

#centerModal .close_modal {
  position: absolute;
  right: 1.25rem;
  top: 1.25rem;
  width: 2rem;
  height: 2rem;
  background: url("../images/icons/ico_close.svg") no-repeat center / cover;
}

#centerModal li > span {
  min-width: 4.5rem;
}

#centerModal li:not(:last-child) {
  margin-bottom: 1.125rem;
}

#centerModal .etc_txt {
  margin-left: 4.5rem;
  margin-top: 1.625rem;
}

.es_cart_wrap{
  position : relative;
  padding: 7.625rem 0;
  border-radius: 2.5rem;
  border: 1px solid #000;
}
.es_cart_wrap::before{
  content: "";
  position: absolute;
  top: 50%; left: 50%;
  transform: translate(-50%,-50%);
  width: 15.563rem;
  height: 14.188rem;
  background: url("/assets/images/common/daedong_mark_gray.png") no-repeat center / cover;
}

/* 서비스 센터 END */


/* 정비 가이드 및 매뉴얼 */
#menual .content.dp_f {
  gap: 12.5rem;
}

#menual .sticky_side {
  position: sticky;
  top: 15rem;
  min-width: 13.125rem;
  height: max-content;
}

#menual .sticky_side .anchor_btn {
  display: flex;
  align-items: center;
  font-size: 1.125rem;
  font-weight: 400;
  color: #DDD;
  transition: color 0.3s ease-in-out;
  margin-bottom: 1.25rem;
}

#menual .sticky_side .anchor_btn:hover {
  color: #000;
}

#menual .sticky_side .anchor_btn em {
  min-width: 1.375rem;
}

#menual .sticky_side .anchor_btn span {
  display: flex;
  align-items: center;
}

#menual .sticky_side .anchor_btn span::before {
  display: block;
  content: "";
  width: 0.188rem;
  height: 0.188rem;
  border-radius: 50%;
  background-color: #000;
  margin-right: 0.5rem;
  opacity: 0;
  transition: opacity 0.3s ease-in-out,
  margin-left 0.3s ease-in-out;
}

#menual .sticky_side .anchor_btn:hover span::before {
  opacity: 1;
  margin-left: 0.5rem;
}

#menual .sticky_side .anchor_btn.active {
  color: #000;
}

#menual .sticky_side .anchor_btn.active span::before {
  opacity: 1;
  margin-left: 0.5rem;
}

#menual .tab_btn_wrap.circle_type button {
  width: 9.25rem;
  height: 3.25rem;
  border-radius: 3.25rem;
  transition: color 0.3s ease-in-out,
  background-color 0.3s ease-in-out;
}

#menual .tab_btn_wrap.circle_type button::after {
  display: none;
}

#menual .tab_btn_wrap.circle_type .wv_tab_btn {
  background-color: #fff;
  border: 1px solid #000;
  color: #000;
}

#menual .tab_btn_wrap.circle_type .wv_tab_btn.active {
  background-color: #000;
  border: 1px solid #000;
  color: #fff;
}

#menual table td.check::after {
  content: "";
  width: 1.313rem;
  height: 1.313rem;
  border-radius: 50%;
  border: 1px solid #000;
  display: block;
  margin: 0 auto;
}

#menual table td.uncheck::after {
  content: "";
  width: 1.313rem;
  height: 1px;
  border-radius: 50%;
  background-color: #000;
  display: block;
  margin: 0 auto;
}

#menual table .backslash {
  position: relative;
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg"><line x1="0" y1="0" x2="100%" y2="100%" stroke="rgb(221,221,221)" /></svg>');
}

#menual table .backslash span {
  position: absolute;
}

#menual table .backslash span:nth-child(1) {
  left: 1.875rem;
  bottom: 1.625rem;
}

#menual table .backslash span:nth-child(2) {
  top: 1.625rem;
  right: 1.875rem;
}

#menual .catalog_content .catalog:not(:last-child) {
  border-bottom: 1px solid #DDD;
}

#menual .catalog_content .catalog > p {
  min-width: 18.75rem;
}

#menual .catalog_content .card_wrap {
  gap: 5.625rem;
}

#menual .wv_tab .tab_btn_wrap {
  gap: 1.25rem;
}

/* 정비 가이드 및 매뉴얼 END */


/* 문의 */
.wv_modal.inquiryModal {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 46.25rem;
  padding: 3.125rem 3.125rem 5rem;
  border-radius: 0.625rem;
  box-shadow: 0 0.625rem 2.5rem rgba(0, 0, 0, 0.2);
  border: none;
  z-index: 1000;
  line-height: 1.5;
}

.wv_modal.inquiryModal .close_modal {
  position: absolute;
  right: 1.625rem;
  top: 1.25rem;
  width: 2rem;
  height: 2rem;
  background: url("../images/icons/ico_close.svg") no-repeat center / cover;
}

.wv_modal .indent {
  margin-left: 1rem;
}

/* 문의 END */


/* 통합 검색 */
#search .prdVideo_list .col3,
#search .news_list .col3 {
  flex: calc(100% / 3 - 1.25rem);
  max-width: calc(100% / 3 - 1.25rem);
}

#search .prdVideo_list .col3 > button {
  width: 100%;
}

#search .prdVideo_list .img_box,
#search .news_list .img_box {
  width: 100%;
  height: 19.813rem;
  border-radius: 1.25rem;
  overflow: hidden;
}

#search .prdVideo_list .img_wrap,
#search .news_list .img_wrap {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  transition: transform 0.2s ease-in-out;
}

#search .prdVideo_list a:hover .img_wrap,
#search .news_list a:hover .img_wrap {
  transform: scale(1.05);
}

#search .prdVideo_list .img_box {
  position: relative;
  height: 16.875rem;
  overflow: hidden;
  border-radius: 1.25rem;
}

#search .prdVideo_list .img_box .img_wrap {
  height: 100%;
}

#search .prdVideo_list .img_box::after {
  position: absolute;
  left: 0;
  top: 0;
  content: "";
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
}

#search .prdVideo_list .img_box::before {
  position: absolute;
  bottom: 1.625rem;
  left: 2.625rem;
  content: "";
  width: 2.5rem;
  height: 2.5rem;
  background: url("../images/icons/ico_play_w.svg") no-repeat center / cover;
  z-index: 5;
}

#search .prdVideo_list .img_box h3 {
  position: absolute;
  top: 3.125rem;
  left: 2.5rem;
  z-index: 5;
}

/* 통합 검색 END */


/* 구매 신청 & 시승 신청 */
.reqModal {
  width: 100%;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.9);
  z-index: 1000000000;
  padding: 6.25rem 0 100px;
}

.reqModal .req_fs_16 {
  font-size: 16px;
}

.reqModal .req_fs_14 {
  font-size: 14px;
}

.reqModal .req_mt_40 {
  margin-top: 40px;
}

.reqModal .req_mt_30 {
  margin-top: 30px;
}

.reqModal .req_mt_20 {
  margin-top: 20px;
}

.reqModal .req_mt_16 {
  margin-top: 16px;
}

.reqModal .req_mt_10 {
  margin-top: 10px;
}

.reqModal .req_pt_0 {
  padding-top: 0px !important;
}

.reqModal .modal_content {
  width: calc(100% - 40px);
  max-width: 560px;
  border-radius: 10px 10px 0 0;
  margin: 0 auto;
  z-index: 1000;
  line-height: 1.5;
  background-color: var(--white);
}

.reqModal .modal_hd {
  position: relative;
  padding: 70px 80px 20px;
}

#driveAppModal {
  --hdHeight: 146px;
}

#buyAppModal {
  --hdHeight: 146px;
}

.reqModal .modal_content .close_modal {
  position: absolute;
  width: 24px;
  height: 24px;
  right: 20px;
  top: 20px;
  background: url("../images/icons/ico_close.svg") no-repeat center / 32px 32px;
}

.reqModal .modal_content h2 {
  font-size: 32px;
  font-weight: 700;
}

.reqModal .modal_body {
  padding: 0 80px;
  height: calc(100vh - var(--hdHeight) - 6.25rem);
  overflow-y: scroll;
}

.reqModal .line {
  width: 100%;
  height: 1px;
  background-color: rgba(0, 0, 0, 0.1);
  margin: 30px 0;
}

.reqModal textarea,
.reqModal input[type="text"],
.reqModal input[type="number"] {
  width: 100%;
  height: 48px;
  padding: 0 20px;
  border: 1px solid var(--black);
  background-color: var(--white);
  font-size: 16px;
  outline: none;
}

.reqModal textarea {
  min-width: 100%;
  max-width: 100%;
  height: 96px;
  min-height: 96px;
  max-height: 96px;
  padding: 12px 20px;
}

.reqModal .label {
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 20px;
  font-weight: 700;
  min-width: max-content;
  margin-right: 10px;
}

.reqModal .ipt_col:not(:first-of-type) .label {
  padding-top: 30px;
}

.reqModal .ipt_col:not(:first-of-type) .info + .label {
  padding-top: 4px;
}

.reqModal .ipt_col.col {
  flex-direction: column;
}

.reqModal .gs100_img {
  position: relative;
  width: 198px;
  height: 140px;
  margin: 0 auto;
}

.reqModal .gs100_img img {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  height: 100%;
  display: none;
}

.reqModal .gs100_img img.active {
  display: block;
}

.reqModal .checkbox_wrap {
  display: flex;
  flex-wrap: wrap;
  column-gap: 20px;
  row-gap: 14px;
  padding-left: 0;
  width : 100%;
}
.reqModal .checkbox_wrap.w_294{
  width: 294px;
}

.reqModal .checkbox_wrap.color_chk_wrap {
  justify-content: center;
  margin: 28px auto 0;
}

.reqModal .checkbox_wrap.full {
  width: 100%;
}

.reqModal .checkbox_wrap input[type=radio],
.reqModal .checkbox_wrap input[type=checkbox] {
  width: 0;
  height: 0;
  overflow: hidden;
  position: absolute;
  left: 0;
  top: 0;
}

.reqModal .checkbox_wrap input[type=radio]:checked + label::before,
.reqModal .checkbox_wrap input[type=checkbox]:checked + label::before,
.reqModal .checkbox_wrap input[type=checkbox]:checked + .terms_chk_wrap label::before {
  background: url("../images/icons/ico_checked.svg") no-repeat center / cover;
}

.reqModal .checkbox_wrap input[type=radio] + label,
.reqModal .checkbox_wrap input[type=checkbox] + label,
.reqModal .checkbox_wrap input[type=checkbox] + .terms_chk_wrap label {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 16px;
}

.reqModal .checkbox_wrap.color_chk_wrap input[type=radio] + label {
  flex-direction: column;
  justify-content: center;
  gap: 16px;
  font-size: 18px;
  font-weight: 700;
  color: #DDDDDD;
}

.reqModal .checkbox_wrap.color_chk_wrap input[type=radio] + label::before {
  display: none;
}

.reqModal .checkbox_wrap.color_chk_wrap input[type=radio] + label span {
  position: relative;
  width: 36px;
  height: 36px;
  border-radius: 50%;
}

.reqModal .checkbox_wrap.color_chk_wrap input[type=radio]:checked + label {
  color: #000000;
}

.reqModal .checkbox_wrap.color_chk_wrap input[type=radio]:checked + label span::before {
  content: "";
  width: 50px;
  height: 50px;
  border-radius: 50%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  border: 1px solid #888888;
}

.reqModal .checkbox_wrap input[type=radio] + label.img_label,
.reqModal .checkbox_wrap input[type=checkbox] + label.img_label {
  flex-wrap: wrap;
}

.reqModal .checkbox_wrap input[type=radio] + label.img_label .img_box,
.reqModal .checkbox_wrap input[type=checkbox] + label.img_label .img_box {
  width: 100%;
}

.reqModal .checkbox_wrap input[type=radio] + label.img_label .img_box,
.reqModal .checkbox_wrap input[type=checkbox] + label.img_label .img_box {
  width: max-content;
  max-width: max-content;
  padding-left: 32px;
}
.reqModal .checkbox_wrap input[type=checkbox] + label.img_label .img_box {
  padding-left: 4px;
  margin-top: 0;
}

.reqModal .checkbox_wrap input[type=radio] + label::before,
.reqModal .checkbox_wrap input[type=checkbox] + label::before,
.reqModal .checkbox_wrap input[type=checkbox] + .terms_chk_wrap label::before {
  display: inline-block;
  content: "";
  width: 24px;
  height: 24px;
  background: url("../images/icons/ico_check.svg") no-repeat center / cover;
}

.reqModal .checkbox_wrap input[type=radio].chkType1[disabled] + label,
.reqModal .checkbox_wrap input[type=radio].chkType2[disabled] + label,
.reqModal .checkbox_wrap input[type=checkbox].chkType1[disabled] + label,
.reqModal .checkbox_wrap input[type=checkbox].chkType2[disabled] + label {
  opacity: 0.5;
  cursor: auto;
}

.reqModal .ipt_col .info {
  font-size: 14px;
  color: #999;
  height: max-content;
  padding-top: 22px;
}

.reqModal .ipt_col .label.required::after {
  font-size: 20px;
}

.reqModal .all_chk_wrap {
  width: 100%;
  margin-top: 80px;
}

.reqModal .all_chk_wrap #allChk + label,
.reqModal .all_chk_wrap #allChk2 + label {
  font-size: 20px;
  font-weight: 700;
}

.reqModal label span {
  width: max-content;
  white-space: nowrap;
}

.reqModal .terms .hint_txt {
  width: calc(100% - 30px);
  margin-left: auto;
  padding-top: 0;
  padding-bottom: 10px;

}

.reqModal .terms .terms_chk_wrap{
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
}
.reqModal .terms .terms_chk_wrap svg{
  width : 16px;
  height: 16px;
  transition: transform .2s ease-in-out;
}
.reqModal .terms .terms_chk_wrap .on svg{
  transform: rotate(180deg);
}
.reqModal .terms .terms_txt {
  width: calc(100% - 30px);
  margin-left: auto;
  padding: 20px;
  background-color: #F7F7F7;
  font-size: 16px;
  line-height: 150%;

  max-height: 0;
  padding: 0 20px;
  overflow: hidden;
  transition: padding .2s ease-in-out, max-height .2s ease-in-out, margin .2s ease-in-out;
}
.reqModal .terms .terms_txt.on{
  max-height: 700px;
  padding: 20px;
  margin-bottom : 10px;
}

.reqModal .terms .terms_txt .mt {
  margin-top: 10px;
}

.reqModal .terms .terms_txt .medium {
  font-weight: 500;
}

.reqModal .terms .terms_txt .bd {
  border-bottom: 2px solid var(--black);
}

.reqModal .mt30 {
  margin-top: 30px;
}

.reqModal .submit_btn {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 144px;
  height: 56px;
  border-radius: 56px;
  background-color: #000;
  font-size: 18px;
  font-weight: 700;
  color: #fff;
  margin: 40px auto;
}

.reqModal .hint_txt {
  position: static;
  font-size: 12px;
  padding-top: 6px;
}

#reqSuccessModal {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 477px;
  height: 230px;
  border-radius: 10px;
  background-color: #fff;
  box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.20);
  border: none;
  z-index: 1000000000;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.2s ease-in-out,
  visibility 0.2s ease-in-out;
}

#reqSuccessModal.show {
  opacity: 1;
  visibility: visible;
}

#reqSuccessModal p + p {
  margin-top: 10px;
}

#reqSuccessModal a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 108px;
  height: 44px;
  border-radius: 44px;
  background-color: #000;
  font-size: 16px;
  font-weight: 700;
  color: #fff;
  margin-top: 30px;
}

#requiredModal{
  display : none;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index : 100;
  width : calc(100% - 40px);
  max-width : 560px;
  height: 284px;
  border-radius: 10px;
  background-color: #fff;
  border: none;
  outline: none;
  box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.20);
}
#requiredModal.show{
  display : flex;
}
#requiredModal .close_modal{
  display: flex;
  justify-content: center;
  align-items: center;
  width : 152px;
  height: 56px;
  background-color: #231F20;
  font-size: 18px;
  font-weight: 700;
  color: #fff;
  border-radius: 60px;
  margin-top: 40px;
}
#requiredModal ~ .dim{
  position: fixed;
  top: 0; left: 0;
  z-index : 90;
  width : 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.7);
  display : none;
}
#requiredModal ~ .dim.show{
  display : block;
}
/* 구매 신청 & 시승 신청 end */






/* 제품 자료 다운로드 */
.reference_list{
  row-gap: 6.25rem;
}
.reference_list li h3{
  min-height: 4.75rem;
}
.reference_list li:nth-child(4n+1){
  grid-column: 1/4;
}
.reference_list li:nth-child(4n+2){
  grid-column: 4/7;
}
.reference_list li:nth-child(4n+3){
  grid-column: 7/10;
}
.reference_list li:nth-child(4n+4){
  grid-column: 10/-1;
}
.reference_list li a img{
  min-height: 31.0625rem;
  object-fit: cover;
}


.reference_list2{
  row-gap: 2.5rem;
}
.reference_list2 li:nth-child(1n+1){
  grid-column: 1/7;
}
.reference_list2 li:nth-child(2n+2){
  grid-column: 7/-1;
}
.reference_list2 .attached{
  display: flex;
  width : 100%;
  min-height: 118px;
  border: 1px solid #000;
}
.reference_list2 .attached dt{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 6px;
  min-width : 176px;
  background-color: #111;
  color: #fff;
  font-size: 1.25rem;
  font-weight: 600;
  text-align: center;
}
.reference_list2 .attached dt small{
  font-size: 1rem;
  font-weight: 400;
}
.reference_list2 .attached dd{
  width : 100%;
}
.reference_list2 .attached ul{
  padding: 30px 2.5rem;
}
.reference_list2 .attached ul a{
  display : flex;
  align-items: center;
  justify-content: space-between;
  font-size: 18px;
  font-weight: 400;
}
.reference_list2 .attached ul li:not(:last-child) a{
  margin-bottom: 0.5rem;
}
.reference_list2 .attached ul li:not(:first-child) a{
  margin-top: 0.5rem;
}
.reference_list2 .attached .ico_download{
  min-width : 1.25rem;
  min-height: 1.25rem;
  background: url("/assets/images/icons/ico_download.svg") no-repeat center / cover;
}

.reference_list3{
  row-gap: 100px;
}
.reference_list3 li:nth-child(3n+1){
  grid-column: 1/5;
}
.reference_list3 li:nth-child(3n+2){
  grid-column: 5/9;
}
.reference_list3 li:nth-child(3n+3){
  grid-column: 9/-1;
}
.reference_list3 a{
  position: relative;
  display: block;
  overflow: hidden;
  width: 100%;
  height: 0;
  padding-top: 56.25%;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
.reference_list3 a::before{
  content: "";
  width : 100px;
  height: 100px;
  position: absolute;
  top: 50%; left: 50%;
  transform: translate(-50%, -50%);
  z-index : 2;
  background: rgba(255,255,255,0.5) url("/assets/images/icons/ico_download2.svg") no-repeat center / 48px 48px;
  border-radius: 50%;
  transition: background-color 0.2s ease-in-out;
}
.reference_list3 a:hover::before{
  background-color: rgba(255,255,255,1);
}
.reference_list3 a::after{
  content: "";
  width : 100%;
  height: 100%;
  position: absolute;
  top: 0; left: 0;
  z-index : 1;
  background-color: rgba(0,0,0,0.2);
}
/* 제품 자료 다운로드 END */





/* 푸터 - 대동모빌리티 정보 */
.history > div:nth-child(1){
  grid-column: 1 / 7;
}
.history > div:nth-child(2){
  grid-column: 7/-1;
}
.history > div li{
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  grid-column-gap: 2.5rem;
  align-items: center;
}
.history > div li:not(:last-child){
  margin-bottom : 2.5rem;
}
.history > div h4{
  grid-column: 1/3;
  font-size: 3rem;
  font-weight: 600;
}
.history > div p{
  grid-column: 3/-1;
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.75rem;
}
.short_about{
  border-radius: 2.5rem;
  border: 1px solid #000;
  width : 100%;
  padding: 4.75rem 0;
}
.short_about > div:nth-child(1){
  grid-column: 1/4;
}
.short_about > div:nth-child(2){
  grid-column: 4/7;
}
.short_about > div:nth-child(3){
  grid-column: 7/10;
}
.short_about > div:nth-child(4){
  grid-column: 10/-1;
}
.short_about > div h4{width : 100%;}

.sec_greeting .desc{
  height: 24.875rem;
  background: url("/assets/images/sub/img_ceo.png") no-repeat top left / 50%;
}
.sec_greeting .desc > div{grid-column: 1/7;}
.sec_greeting .desc p{
  grid-column: 7/-1;
  padding-left: 5.625rem;
}
.sec_greeting .desc p span{
  gap: 0.875rem;
}

.sec_vision .desc{
  background: url("/assets/images/sub/mission.png") no-repeat center / cover;
  padding-bottom: 10rem;
}
.sec_vision .vision_desc .card img{
  border-radius: 2.5rem;
}
.sec_vision .vision_desc .card p{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position : relative;
}
.sec_vision .vision_desc .card p::after{
  content: "";
  position : absolute;
  width : 2px;
  height: 3rem;
  left: 50%;
  top: -1.5rem;
  background-color: #000;
}
.sec_vision .vision_desc .card p span{
  margin-top : 0.375rem;
}
.sec_vision .vision_desc .card:nth-child(1){
  grid-column: 1/4;
}
.sec_vision .vision_desc .card:nth-child(2){
  grid-column: 4/7;
}
.sec_vision .vision_desc .card:nth-child(3){
  grid-column: 7/10;
}
.sec_vision .vision_desc .card:nth-child(4){
  grid-column: 10/-1;
}

.sec_ethical_ceo .desc{
  background: url("/assets/images/sub/ethical_ceo.png") no-repeat top center / 100% auto ;
}
.sec_ethical_ceo .desc h3{grid-column: 1/-1;}
.sec_ethical_ceo .desc p{grid-column: 1/-1;}
.sec_ethical_ceo .desc .box{
  grid-column: 2/-2;
  padding: 6.25rem;
  border-radius: 2.5rem;
  border: 1px solid #000;
  background-color: #fff;
}
.sec_ethical_ceo .desc .box h4{
  display: flex;
  align-items: center;
  gap: 1.25rem;
  font-size: 1.5rem;
  font-weight: 600;
  margin-bottom : 1.25rem;
}
.sec_ethical_ceo .desc .box h4 em{
  display: flex;
  justify-content: center;
  align-items: center;
  width : 2.5rem;
  height: 1.5rem;
  font-size: 0.75rem;
  font-weight: 600;
  color: #fff;
  border-radius: 1.5rem;
  background-color: #000;
}
.sec_ethical_ceo .desc .box p{
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 150%;
}

.sec_ethical_declaration .list{
  gap: 2.5rem;
}
.sec_ethical_declaration .list > div{
  display: flex;
  height: 13.375rem;
  padding: 2.5rem 0;
  border-radius: 2.5rem;
  border: 1px solid #000;
}
.sec_ethical_declaration .list > div:nth-child(1n+1){
  grid-column: 1/7;
}
.sec_ethical_declaration .list > div:nth-child(2n+2){
  grid-column: 7/-1;
}
.sec_ethical_declaration .list > div h4{
  max-width : 18.125rem;
  width : 100%;
  text-align: left;
  padding-left: 6.25rem;
  margin-right : 6.25rem;
  border-right : 1px solid #E6E6E6;
}
.sec_ethical_declaration .list > div .txt{
  padding-top: 0.625rem;
}
.sec_ethical_declaration .list > div h5{
  font-size: 1.125rem;
  font-weight: 700;
  margin-bottom : 1.25rem;
}
.sec_ethical_declaration .list > div li{
  font-size: 1rem;
  font-weight: 400;
  line-height: 150%;
}

.sec_norm .tab_content:nth-child(1) .box{
  padding: 6.25rem 0;
  border-radius: 2.5rem;
  border: 1px solid #000;
}
.sec_norm .tab_content:nth-child(1) .box > div{
  grid-column: 3/-3;
}
.sec_norm .tab_content:nth-child(1) .box > div > div{
  display: flex;
  align-items: center;
  gap: 3.875rem;
}
.sec_norm .tab_content:nth-child(1) .box > div > div span{
  min-width :5.625rem;
  font-size: 1.5rem;
  font-weight: 700;
  text-align: center;
}
.sec_norm .tab_content:nth-child(1) .box > div > div p{
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 150%;
}
.sec_norm .wv_accordion .accordion_btn{
  padding-left: 1.563rem;
}
.sec_norm .wv_accordion .accordion_desc{
  padding-left: 1.563rem;
}
.sec_norm .wv_accordion li.active .accordion_desc{
  max-height: 100rem;
}

.sec_cyber .box{
  padding: 1.5rem 1.875rem;
  background-color: #FAFAFA;
}
.sec_cyber .dd_form{
  padding-bottom: 7.5rem;
  border-bottom: 1px solid #DDDDDD;
}
.sec_cyber .dd_form .privacy_box{
  padding: 1.5rem 1.875rem;
  background-color: #FAFAFA;
}
.sec_cyber .dd_form .info_txt{
  grid-column: 1/-1;
}
.sec_cyber .dd_form .btn_wrap{
  grid-column: 1/-1;
  display: flex;
  justify-content: center;
  gap: 1.25rem;
}
.sec_cyber .dd_form .btn_wrap button{
  width : 9.5rem;
  height: 3.5rem;
  border-radius: 3.5rem;
}
.sec_cyber .dd_form .btn_wrap button.black{
  background-color: #000;
  color: #fff !important;
}
.sec_cyber .cyber_info{
  padding-top: 3.625rem;
  align-items: center;
}
.sec_cyber .cyber_info .txt{
  grid-column: 1/7;
}
.sec_cyber .cyber_info ul{
  grid-column: 7/-1;
}
.sec_cyber .cyber_info li:not(:last-child){
  margin-bottom : 1rem;
}
.sec_cyber .cyber_info li{
  display: flex;
  align-items: center;
  gap: 1.5rem;
}
.sec_cyber .cyber_info li img{
  width : 2.25rem;
  height: 2.25rem;
}
.sec_cyber .cyber_info li p{
  font-size: 1.125rem;
  font-weight: 400;
}
.sec_cyber .btn_wrap{
  margin-top: -2.5rem;
}
.sec_cyber .success_box{
  width : calc(100% - 40px);
  max-width : 820px;
  margin: 0 auto;
  border-radius: 2.5rem;
  border: 1px solid #000;
  overflow: hidden;
  padding: 5rem 0;
}
.sec_cyber .success_box .box{
  background-color: #fff;
  display: flex;
  align-items: center;
  padding: 0;
  width : max-content;
  margin: 0 auto;
}
.sec_cyber .success_box .box:not(:last-child){
  margin-bottom: 2.5rem;
}
.sec_cyber .success_box .box h4{
  min-width : 4rem;
}
.sec_cyber .success_box .box p{
  max-width : max-content;
  min-width : 26rem;
}
.sec_cyber .success_box .box p span{
  display : block;
  margin-left: auto;
  max-width : 16.25rem;
  width : 100%;
}
.sec_cyber .link_btn{
  display: flex;
  justify-content: center;
  align-items: center;
  width : 11.25rem;
  height: 4.375rem;
  border-radius: 4.375rem;
  background-color: #000;
  font-size: 1.125rem;
  font-weight: 700;
  color: #fff;
  margin: 3.75rem auto 0;
}


.sec_cyber .complication_form{
  width : 100%;
}
.sec_cyber .complication_form .tab_btn_wrap{
  gap: 0;
}
.sec_cyber .complication_form .wv_tab_btn{
  width : 50%;
  height: 5rem;
  font-weight: 400;
  color: #999999;
  background-color: #FAFAFA;
  border: 1px solid #DDDDDD;
}
.sec_cyber .complication_form .wv_tab_btn.active{
  font-weight: 600;
  color: #000;
  background-color: #fff;
  border: 1px solid #000;
  border-bottom: none;
}
.sec_cyber .complication_form .wv_tab_btn::after{
  display: none;
}
.sec_cyber .complication_form .tab_content{
  border: 1px solid #000;
  border-top: none;
}
.sec_cyber .complication_form .tab_content form{
  width : 100%;
  max-width : 740px;
  margin: 5rem auto 0;
}
.sec_cyber .complication_form .tab_content form .ipt_col{
  display: flex;
  align-items: center;
  gap: 1.25rem;
}
.sec_cyber .complication_form .tab_content form input[type=number]{
  width: 100%;
  height: 4.5rem;
  border: 1px solid #000;
  padding: 0 3.5rem 0 1.875rem;
  font-size: 1.25rem;
  font-weight: 400;
}
.sec_cyber .complication_form .tab_content form .ipt_col label{
  min-width : 110px;
  font-size: 1.5rem;
  font-weight: 600;
}
.sec_cyber .complication_form .tab_content form button.submit_btn{
  display: flex;
  justify-content: center;
  align-items: center;
  width : 11.125rem;
  height: 3.5rem;
  border-radius:3.5rem;
  background-color: #000;
  font-size: 1.125rem;
  font-weight: 600;
  color: #fff;
  margin: 5rem auto 6.25rem;
}
.sec_cyber .cyber_info{
  border-top: 1px solid #ddd;
}
.sec_cyber .complication_board{
  border-top: 2px solid #000;
  padding-bottom: 10rem;
  border-bottom: 1px solid #DDD;
}
.sec_cyber .complication_board li a{
  display : flex;
  align-items: center;
  justify-content: space-between;
  padding: 1.875rem 0;
  border-bottom: 1px solid #DDD;
}
.sec_cyber .complication_board li .code{
  padding-left: 1.5625rem;
  font-size: 1.125rem;
  font-weight: 700;
  min-width: 9.125rem;
}
.sec_cyber .complication_board li .title{
  font-size: 1.5rem;
  font-weight: 700;
  width : 100%;
  padding-left: 3.438rem;
}

.sec_cyber .complication_board li .status{
  min-width : 7.313rem;
  font-size: 1.125rem;
  font-weight: 400;
  text-align: center;
}
.sec_cyber .complication_board li .status.ing{color: #EF4023;}
.sec_cyber .complication_board li .status.end{color: #999999;}

.sec_subsidiary .cont .img_box  {
  grid-column: 1/7;
}
.sec_subsidiary .cont .txt_box{
  grid-column: 7/-1;
  padding-left: 5.625rem;
}
.sec_subsidiary .cont .txt_box p{
  line-height: 150%;
}
.sec_subsidiary .cont .txt_box a{
  width : 11.875rem;
  height: 3.5rem;
  border-radius:3.5rem;
  border: 1px solid #000;
}
.sec_subsidiary .cont_box{
  align-items: center;
}
.sec_subsidiary .desc_box{
  gap: 1.875rem 2.5rem;
  grid-column: 1/-1;
  row-gap: 1.875rem;
  padding: 2.5rem 0;
  border-top: 1px solid #DDD;
  border-bottom: 1px solid #DDD;
}
.sec_subsidiary .desc_box p{
  display: flex;
  align-items: center;
  gap: 24px;
  grid-column: var(--colSt) / var(--colEd);
  font-size: 1.125rem;
}
.sec_subsidiary .desc_box p img{
  width : 2.25rem;
}

.sec_contact .root_daum_roughmap .wrap_controllers{
  display : none;
}
.sec_contact .contact_box > div:first-child{
  height: 31.25rem;
}
.sec_contact .contact_box .root_daum_roughmap_landing{
  width : calc(100% - 32.5rem) !important;
}
.sec_contact .contact_box .root_daum_roughmap_landing .wrap_map{
  height: 100% !important;
}
.sec_contact .contact_box .map_txt{
  background-color: #FAFAFA;
  padding: 3.75rem 3.125rem;
  max-width : 32.5rem;
  width : 100%;
  height: 100%;
}
.sec_contact .contact_desc{
  padding: 2.5rem 0;
  margin-top: 2.5rem;
  border-top: 1px solid #ddd;
  border-bottom:  1px solid #ddd;
}
.sec_contact .contact_desc p{
  display: flex;
  align-items: center;
  gap: 1.5rem;
  grid-column: var(--colSt) / var(--colEd);
}
.sec_contact .contact_desc p img{
  width : 2.25rem;
}
/* 푸터 - 대동모빌리티 정보 END */





/* 프로모션 */
.sec_promotion .card_horizontal_list{
  display: flex;
  flex-direction: column;
  gap: 6.25rem;
}
.sec_promotion .card.horizontal{
  display: flex;
}
.sec_promotion .card .img_box{
  width : 100%;
  height: 100%;
  /* min-height: 24.625rem; */
  aspect-ratio: 16 / 9;
  border-radius: 2.5rem 0 0 2.5rem;
  overflow: hidden;
}
.sec_promotion .card .img_box img{
  height: 100%;
  object-fit: cover;
  object-position: left;
}
.sec_promotion .card.horizontal .txt_box{
  background-color: #F5F5F5;
  /* padding: 5rem 3.75rem 6.25rem; */
  padding: 2% 3.75rem 0;
  max-width : 650px;
  width : 100%;
  border-radius: 0 2.5rem 2.5rem 0;
  overflow: hidden;
}
.sec_promotion .card.horizontal .txt_box .sub_txt{
  margin-top: 5%;
}
.sec_promotion .card.horizontal a{
  display : flex;
  align-items: center;
  gap: 0.625rem;
  /* margin-top: 5.25rem; */
  margin-top: 10%;
}
.sec_promotion .card.horizontal a i{
  position : relative;
  width : 3.125rem;
  height: 3.125rem;
  background: url("/assets/images/icons/ico_arrow_r_b.svg") no-repeat center / 1.125rem 1.125rem;
  border: 1px solid #999;
  border-radius: 50%;
}
.sec_promotion .card_vertical_list{
  grid-row-gap: 7.5rem;
}
.sec_promotion .card.vertical:nth-child(2n+1){
  grid-column: 1/7;
}
.sec_promotion .card.vertical:nth-child(2n+2){
  grid-column: 7/-1;
}
.sec_promotion .card.vertical .img_box{
  border-radius: 1.875rem;
  overflow: hidden;
  background-repeat: no-repeat;
  background-size: cover;
  background-position : center;
  height: max-content;
}
.sec_promotion .card.vertical .tag{
  display : flex;
  justify-content: center;
  align-items: center;
  margin: 1.875rem 0 1.25rem;
  width: 5.438rem;
  height: 2.125rem;
  border-radius: 1.25rem;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: inherit;
  color: #fff;
}
.sec_promotion .card.vertical .tag.ing{
  background-color: #EF4023
}
.sec_promotion .card.vertical .tag.end{
  background-color: #000;
}



.sec_search .sec_promotion .card.vertical:nth-child(3n+1){
  grid-column: 1/5;
}
.sec_search .sec_promotion .card.vertical:nth-child(3n+2){
  grid-column: 5/9;
}
.sec_search .sec_promotion .card.vertical:nth-child(3n+3){
  grid-column: 9/-1;
}
.sec_search .sec_promotion .card .img_box{
  min-height: 16.875rem;
}
/* 프로모션 END */



.sec_recruitment .list1 > div:nth-child(2n+1){
  grid-column: 1/7;
}
.sec_recruitment .list1 > div:nth-child(2n+2){
  grid-column: 7/-1;
}
.sec_recruitment .list2 > div:nth-child(4n+1){
  grid-column: 1/4;
}
.sec_recruitment .list2 > div:nth-child(4n+2){
  grid-column: 4/7;
}
.sec_recruitment .list2 > div:nth-child(4n+3){
  grid-column: 7/10;
}
.sec_recruitment .list2 > div:nth-child(4n+4){
  grid-column: 10/-1;
}

.sec_recruitment .list3{
  /* display: flex; */
  /* justify-content: center; */
  /* gap: 2.5rem; */
  /* flex-wrap: wrap; */
}
.sec_recruitment .list3 > div:nth-child(1){grid-column: 1/5}
.sec_recruitment .list3 > div:nth-child(2){grid-column: 5/9}
.sec_recruitment .list3 > div:nth-child(3){grid-column: 9/-1}
.sec_recruitment .list3 > div:nth-child(4){grid-column: 3/7}
.sec_recruitment .list3 > div:nth-child(5){grid-column: 7/11}
.sec_recruitment .list3 > div{
  position : relative;
  border-radius: 50%;
  border: 1px solid #000;
  padding: 50%;
}
.sec_recruitment .list3 .txt{
  position : absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width : 21.25rem;
  width : 100%;
}

/* .sec_recruitment .list3 > div.mt{margin-top: -70px;} */


.prd_btn{
  padding: 1.5rem 3.125rem;
  border-radius: 3.125rem;
  width : max-content;
}



.notice_list{
  border-top: 2px solid #000;
}
.notice_list li{
  border-bottom: 1px solid #DDD;
}
.notice_list li a{
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1.875rem 0;
}
.notice_list li a .title{
  width : 100%;
  min-width : max-content;
  max-width : 76.4375rem;
  padding: 0 1.5625rem;
}
.notice_list li a .date{
  width : 100%;
  max-width : 9.625rem;
  padding: 0 1.5625rem;
  margin-left: auto;
}
.notice_list li a .view{
  width : 100%;
  min-width: 8.375rem;
  padding: 0 1.5625rem;
  max-width: max-content;
}
.sec_search .notice_list li a .view{
  min-width : 8.375rem;
  max-width : max-content;
}

.sec_cyber .complication_view{
  border-top: 2px solid #000;
  grid-column: 3/-3;
}
.sec_cyber .complication_view h5{
  min-width : 7.625rem;
}
.sec_cyber .complication_view .status{
  padding-left: 1.25rem;
}
.sec_cyber .complication_view .status.ing{
  color: #EF4023;
}
.sec_cyber .complication_view .status.end{
  color: #999;
}
.sec_cyber .complication_view .bd_t{
  border-top: 1px solid #ddd;
}
.sec_cyber .complication_view a[download]{
  text-decoration: underline;
}


.sec_faq .wv_accordion .accordion_content ol,
.sec_faq .wv_accordion .accordion_content ol li{
  list-style: auto;
}
.sec_faq .wv_accordion li ol li,
.sec_faq .wv_accordion .accordion_content ol li{
  border: none;
}
.sec_faq .wv_accordion ol li{overflow: visible}

.sec_faq .wv_accordion li ol{
  padding-left: 16px;
}
.sec_faq .wv_accordion li.active ol li{
  overflow: visible;
}
.sec_faq .wv_accordion li.active .accordion_btn + .accordion_desc li{
  list-style: auto;
}



.h3class {
  font-size:1.75rem;
  font-weight: 500;
}
.h4class {
  font-size:1.5rem;
  font-weight: 500;
}

@media all and (max-width: 1280px) {
}

@media all and (max-width: 1024px) {
  #menual .content.dp_f {
    gap: 7.5rem;
  }

  #search .news_list .img_box {
    height: 16.813rem;
  }
  .sec_promotion .card.horizontal a{
    margin-top: 5%;
  }
}


@media all and (max-width: 768px) {
  .table_scr_wrap table{
    width: max-content;
    max-width: 2000px;
    min-width: 800px;
  }

  .sec_menual .reference_tab_slide{
    overflow-x: scroll;
    padding-bottom: 20px;
    width : 100%;
  }
  .sec_menual .reference_tab_slide > div{
    gap: 10px !important;
    width : max-content;
  }
  .sec_menual .reference_tab_slide a{
    padding: 9px 14px;
    width : max-content !important;
    height: 36px !important;
  }
  .reference_list{
    grid-template-columns: repeat(4,1fr);
    grid-column-gap: 20px;
    grid-row-gap: 40px;
  }
  .reference_list li:nth-child(2n+1){
    grid-column: 1/3;
  }
  .reference_list li:nth-child(2n+2){
    grid-column: 3/-1;
  }
  .reference_list li h3{
    min-height: 38px;
    text-align: center;
  }
  .reference_list li a img{
    min-height: 213px;
    object-fit: cover;
  }


  #news .news_list .dp_f .col:nth-of-type(1) {
    min-width: 100%;
    height: 58.8889vw;
    border-radius: 15px;
  }

  #news .news_list .dp_f {
    gap: 30px;
  }

  #prdVideo .content .inner_base .col6 {
    flex: 1;
    max-width: 100%;
    width: 100%;
  }

  #prdVideo .wv_modal_btn .img_wrap {
    /* height: 50vw; */
    height: 100%;
  }

  #prdVideo .wv_modal_btn .img_box h3 {
    top: 30px;
    left: 30px;
  }

  #prdVideo .wv_modal_btn .img_box {
    border-radius: 15px;
    aspect-ratio: 16/9;
  }

  #prdVideo .wv_modal_btn .img_box::before {
    bottom: 20px;
    left: 30px;
    width: 40px;
    height: 40px;
  }

  #prdVideo .content .inner_base {
    gap: 60px;
  }

  #prdVideoModal .modal_content {
    height: auto;
    width: 100%;
    aspect-ratio: 16/9;
  }

  #prdVideoModal .modal_content .close_modal {
    width: 48px;
    height: 48px;
    right: 20px;
    top: auto;
    bottom: 55vh;
    background-size: 20px 20px;
  }

  #prdVideo .content .inner_base .col6 .tit {
    min-height: max-content;
  }

  .sec_service .tab_content .wv_modal_btn {
    font-size: 12px;
    padding: 10px 0;
  }
  .sec_service .tab_content .wv_modal_btn span{
    gap: 4px;
  }
  .sec_service .tab_content .wv_modal_btn span em{
    font-size: 10px;
    padding: 0 4px;
  }

  .sec_service .col4 {
    max-width: 100%;
  }

  .sec_service .col4:not(:first-child) {
    margin-top: 40px;
  }

  #centerModal {
    width: calc(100% - 40px);
    border-radius: 10px;
    padding: 30px 25px 40px;
  }

  #centerModal .close_modal {
    width: 24px;
    height: 24px;
    right: 12px;
    top: 12px;
  }

  #centerModal li:not(:last-child) {
    margin-bottom: 20px;
  }

  #centerModal .etc_txt {
    margin-left: 0;
    margin-top: 25px;
  }


  #newsDetail .sec_hd .back_btn {
    position: relative;
    top: 0;
    width: 50px;
    height: 50px;
    background-size: 18px 18px;
  }

  #newsDetail .sec_hd .inner_sm {
    width: 100%;
  }

  #newsDetail .sec_hd .detail_desc {
    gap: 20px;
  }

  #newsDetail .sec_hd .social {
    margin-top: 30px;
    gap: 14px;
  }

  #newsDetail .sec_hd .social button {
    width: 18px;
    height: 18px;
  }

  #newsDetail .sec_hd .inner_sm {
    padding-bottom: 20px;
    margin-bottom: 60px;
  }

  #newsDetail .like_btn {
    width: 96px;
    height: 36px;
    gap: 6px;
    border-radius: 36px;
  }

  #newsDetail .like_btn .ico_heart {
    width: 16px;
    height: 16px;
  }

  #newsDetail .sec_newsDetail > .inner_sm {
    padding-bottom: 50px;
  }

  #newsDetail .sec_newsDetail .sec_ft span {
    min-width: 52px;
  }

  #newsDetail .sec_newsDetail .sec_ft .back_btn {
    width: 96px;
    height: 36px;
  }


  .wv_modal.inquiryModal {
    width: calc(100% - 20px);
    padding: 30px 25px 40px;
  }

  .wv_modal.inquiryModal .close_modal {
    width: 24px;
    height: 24px;
    right: 12px;
    top: 12px;
  }

  #search .video_list .col3,
  #search .news_list .col3 {
    max-width: 100%;
    flex: 1;
  }

  #search .news_list .img_box {
    height: auto;
    aspect-ratio: 16/9;
    border-radius: 15px;
  }

  #search .video_list .img_box {
    height: 180px;
    border-radius: 15px;
  }

  #search .video_list .img_box h3 {
    top: 30px;
    left: 30px;
  }

  #search .video_list .img_box::before {
    bottom: 20px;
    left: 30px;
  }

  #search .wv_accordion .accordion_btn::after {
    top: 40px;
  }

  #menual .content.dp_f .desc {
    width: 100%;
  }

  #menual table td, #menual table th {
    padding: 12px 0;
  }

  #menual .menual1 .anc02 .table_scr_wrap:nth-of-type(1) col:nth-child(1) {
    width: 80px !important;
  }

  #menual .menual1 .anc02 .table_scr_wrap:nth-of-type(1) col:not(:nth-child(1)) {
    width: 160px !important;
  }

  #menual .tab_content:nth-of-type(1) .table_scr_wrap:nth-of-type(1) col {
    width: 200px;
  }

  #menual .tab_content:nth-of-type(2) .table_scr_wrap:nth-of-type(1) col {
    width: 163px !important;
  }

  #menual .tab_content:nth-of-type(2) .table_scr_wrap:nth-of-type(1) col:nth-child(2) {
    width: 123px !important;
  }

  #menual .tab_content .table_scr_wrap.pl td {
    padding-left: 10px;
    padding-right: 10px;
  }

  #menual .tab_btn_wrap.circle_type button {
    width: 100px;
    height: 38px;
  }

  #menual .wv_tab .tab_btn_wrap {
    gap: 10px;
  }

  #menual .catalog_content .card_wrap {
    gap: 20px;
  }

  #menual .catalog_content .card_wrap button p {
    min-height: 44px;
  }


  #search .prdVideo_list .col3 {
    width: 100%;
    max-width: 100%;
  }

  #search .prdVideo_list,
  #search .news_list {
    gap: 40px;
  }

  #search .prdVideo_list .img_box {
    height: auto;
    aspect-ratio: 16/9;
    border-radius: 15px;
  }

  #search .prdVideo_list .img_box h3 {
    top: 30px;
    left: 30px;
  }

  #search .prdVideo_list .img_box::before {
    left: 30px;
    bottom: 20px;
  }

  #driveAppModal {
    --hdHeight: 126px;
  }

  .reqModal {
    padding-top: 60px;
    padding-bottom: 0;
  }

  .reqModal .modal_content {
    width: 100%;
    height: 100%;
  }

  .reqModal .modal_body {
    padding: 0 20px;
    height: calc(100vh - var(--hdHeight) - 126px)
  }

  .reqModal .modal_hd {
    padding: 50px 20px 20px;
  }

  .reqModal .ipt_col .info {
    padding-top: 14px;
  }



  .sec_promotion .card.horizontal{
    flex-direction: column;
    width : 100%;
  }
  .sec_promotion .card .img_box{
    height: max-content;
    min-height: auto;
    aspect-ratio: 16/9;
    border-radius: 15px 15px 0 0
  }
  .sec_promotion .card.horizontal .txt_box{
    padding: 20px;
    max-width : 100%;
    border-radius: 0 0 15px 15px;
  }
  .sec_promotion .card.horizontal a{
    gap: 10px;
    margin-top: 20px;
    font-size: 14px;
  }
  .sec_promotion .card.horizontal a i{
    width : 36px;
    height : 36px;
    background-size: 12px 12px;
  }
  .sec_promotion .card_horizontal_list{
    gap: 60px;
  }
  .sec_promotion .card_vertical_list{
    grid-column-gap: 20px;
    grid-row-gap: 40px;
  }
  .sec_promotion .card.vertical .img_box{
    border-radius: 15px;
  }
  .sec_promotion .card.vertical .tag{
    margin: 16px 0 6px;
    width : 56px;
    height: 24px;
    border-radius: 24px;
    font-size: 12px;
  }

  .notice_list li a{
    padding: 20px 0;
    flex-wrap: wrap;
    justify-content: flex-start;
  }
  .notice_list li a .title{
    padding: 0;
    width : 100%;
    max-width : 100%;
    min-width : 100%;
    margin-bottom: 10px;
  }
  .notice_list li a .date{
    margin-left: 0;
    padding-left: 0;
    padding-right : 20px;
    max-width : 100px;
    width : max-content;
  }
  .notice_list li a .view{
    padding: 0;
  }



  .reference_list2{
    display: flex;
    flex-direction: column;
    gap: 20px;
  }
  .reference_list2 .attached{
    flex-direction: column;
    min-height: 140px;
  }
  .reference_list2 .attached dt{
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: 16px;
    padding: 10px 20px;
    font-size: 16px;
  }
  .reference_list2 .attached dt small{font-size: 14px}
  .reference_list2 .attached ul{
    padding: 20px 20px 28px;
  }
  .reference_list2 .attached ul a{
    font-size: 14px;
  }
  .reference_list2 .attached ul li:not(:last-child) a{margin-bottom: 12px}

  .reference_list3{
    display: flex;
    flex-direction: column;
    gap: 20px;
  }
  .reference_list3 a::before{
    width : 60px;
    height: 60px;
    background-size: 20px 20px;
  }

  .sec_recruitment .list1,
  .sec_recruitment .list3{
    display: flex;
    flex-direction: column;
  }
  .sec_recruitment .list2{
    grid-template-columns: repeat( 4, 1fr);
    grid-gap: 20px;
  }
  .sec_recruitment .list2 > div:nth-child(2n+1){
    grid-column: 1/3;
  }
  .sec_recruitment .list2 > div:nth-child(2n+2){
    grid-column: 3/-1;
  }
  .sec_recruitment .list3 .txt{
    width : 175px;
  }
  .prd_btn{
    padding: 16px 30px;
  }

  .history > div li{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
  }
  .history > div h4{
    font-size: 20px;
  }
  .history > div p{
    font-size: 14px;
  }
  .short_about{
    padding: 40px 0;
    border-radius: 15px;
  }
  .sec_greeting .desc p{
    padding-left: 0;
  }
  .sec_greeting .desc{background: none; height: max-content;}

  .sec_vision .desc{
    background-image: url("/assets/images/sub/mission_mo.png");
  }


  .sec_vision .vision_desc .card:nth-child(3),
  .sec_vision .vision_desc .card:nth-child(1){
    grid-column: 1/3;
  }
  .sec_vision .vision_desc .card:nth-child(4),
  .sec_vision .vision_desc .card:nth-child(2){
    grid-column: 3/-1;
  }
  .sec_vision .vision_desc .grid_lay{
    grid-template-columns: repeat(4, 1fr);
    grid-column-gap: 20px;
    grid-row-gap: 46px;
  }
  .sec_vision .vision_desc .card img{
    border-radius: 15px;
  }
  .sec_vision .vision_desc .card p::after{
    height: 25px;
    top: -12.5px;
  }
  .sec_vision .vision_desc .card p span{
    margin: 0;
  }

  .sec_ethical_ceo .desc .box{
    padding: 30px;
    border-radius: 15px;
  }
  .sec_ethical_ceo .desc{
    background-image: url("/assets/images/sub/ethical_ceo_mo.png");
  }
  .sec_ethical_ceo .desc .box h4{
    font-size: 16px;
    gap: 10px;
    margin-bottom : 18px;
  }
  .sec_ethical_ceo .desc .box p{
    font-size: 14px;
  }
  .sec_ethical_ceo .desc .box h4 em{
    font-size: 10px;
    padding: 4px 10px;
  }
  .sec_ethical_ceo .desc .box+p{
    padding: 0 20px;
  }
  .sec_ethical_declaration .list > div{
    padding: 36px 0;
    border-radius: 15px;
  }

  .sec_ethical_declaration .list > div h4{
    margin-right : 28px;
    max-width: 116px;
    padding-left: 36px;
  }
  .sec_ethical_declaration .list > div .txt{
    padding-top: 14px;
  }
  .sec_ethical_declaration .list > div h5{
    font-size: 14px;
  }
  .sec_ethical_declaration .list > div li{
    font-size: 12px;
  }

  .sec_cyber .wv_tab .tab_btn_wrap.slide,
  .sec_norm .wv_tab .tab_btn_wrap.slide{
    height: 58px;
  }
  .sec_cyber .wv_tab .tab_btn_wrap .tab_btn_slide,
  .sec_norm .wv_tab .tab_btn_wrap .tab_btn_slide{
    gap: 10px;
  }
  .sec_cyber .wv_tab .tab_btn_wrap .tab_btn_slide button,
  .sec_cyber .wv_tab .tab_btn_wrap .tab_btn_slide a,
  .sec_norm .wv_tab .tab_btn_wrap .tab_btn_slide button,
  .sec_norm .wv_tab .tab_btn_wrap .tab_btn_slide a{
    padding: 9px 14px;
    line-height: 1;
    height: 36px;
  }
  .sec_cyber .wv_tab .tab_btn_wrap .tab_btn_slide{
    padding-bottom: 0 !important;
  }
  .sec_norm .tab_content:nth-child(1) .box{
    display : block;
    padding: 60px 20px;
    border-radius: 16px;
  }
  .sec_norm .tab_content:nth-child(1) .box > div > div{
    flex-direction : column;
    gap: 16px;
  }
  .sec_norm .tab_content:nth-child(1) .box > div > div span{
    font-size: 16px;
  }
  .sec_norm .tab_content:nth-child(1) .box > div > div p{
    font-size: 14px;
  }
  .sec_norm .wv_accordion .accordion_btn{
    padding-left: 10px;
  }
  .wv_accordion .accordion_btn::after{
    top: 36px;
    /* transform: translateY(-50%); */
  }
  .sec_search .sec_promotion .card.vertical:nth-child(3n+1),
  .sec_search .sec_promotion .card.vertical:nth-child(3n+2),
  .sec_search .sec_promotion .card.vertical:nth-child(3n+3){
    grid-column: 1/-1;
  }
  .sec_search .sec_promotion .card .img_box{
    min-height: auto;
    height: auto;
    aspect-ratio: 16/9;
  }
  .sec_cyber .box{
    padding: 40px 20px;
  }

  .sec_cyber .dd_form .privacy_box{
    padding: 40px 20px;
  }
  .sec_cyber .dd_form .btn_wrap{
    gap: 16px;
    margin-top: -20px;
  }
  .sec_cyber .dd_form .btn_wrap button{
    width : 96px;
    height: 36px;
    font-size: 12px;
  }
  .sec_cyber .dd_form{
    padding-bottom: 80px;
  }
  .sec_cyber .cyber_info{
    padding-top: 60px;
    width : 100%;
  }
  .sec_cyber .cyber_info li{
    gap : 12px;
  }
  .sec_cyber .cyber_info li:not(:last-child){
    margin-top: 20px;
  }
  .sec_cyber .cyber_info li:first-child{margin-top: 0}
  .sec_cyber .cyber_info li img{
    width : 36px;
    height: 36px;
  }
  .sec_cyber .cyber_info li p{
    font-size: 16px;
  }
  .sec_cyber .complication_form .wv_tab_btn{
    height: 50px;
  }
  .sec_cyber .complication_form .tab_content form{
    margin-top : 40px;
    padding: 0 20px;
  }
  .sec_cyber .complication_form .tab_content form .ipt_col{
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
  }
  .sec_cyber .complication_form .tab_content form .ipt_col label{font-size: 16px;}
  .sec_cyber .complication_form .tab_content form input[type=number]{
    height: 46px;
    padding: 0 10px;
    font-size: 14px;
  }
  .sec_cyber .complication_form .tab_content form button.submit_btn{
    width : 118px;
    height: 36px;
    font-size: 12px;
    margin: 40px auto 50px;
  }

  .sec_subsidiary .cont .txt_box{
    padding-left: 0;
  }
  .sec_subsidiary .cont .txt_box a{
    width : 118px;
    height: 36px;
  }
  .sec_subsidiary .desc_box{
    display: flex;
    flex-direction: column;
    gap: 20px;
  }
  .sec_subsidiary .desc_box p{
    gap: 10px;
    font-size: 14px;
  }

  .sec_contact .contact_box .map_txt{
    padding: 40px 20px;
  }
  .sec_contact .contact_box > div:first-child{
    height: max-content;
  }
  .sec_contact .contact_box .root_daum_roughmap_landing{
    width : 100% !important;
    height: 260px;
  }
  .sec_contact .contact_desc{
    display: flex;
    flex-direction: column;
    padding: 30px 0;
    gap: 20px;
  }
  .sec_contact .contact_desc p{
    gap: 10px;
    font-size: 14px;
  }



  .sec_cyber .success_box{
    border-radius: 15px;
    padding: 40px 30px;
  }
  .sec_cyber .success_box .box{
    justify-content: space-between;
    width : 100%;
  }
  .sec_cyber .success_box .box:not(:last-child){
    margin-bottom: 30px;
  }
  .sec_cyber .success_box .box p{
    min-width : max-content;
  }
  .sec_cyber .link_btn{
    width : 130px;
    height: 50px;
    border-radius: 50px;
    margin: 40px auto 0;
    font-size: 14px;
  }
  .sec_cyber .complication_board{
    padding-bottom: 7.5rem;
  }
  .sec_cyber .complication_board li a{
    flex-wrap: wrap;
    justify-content: flex-start;
    padding: 20px 0;
  }
  .sec_cyber .complication_board li .title{
    width : 100%;
    margin-bottom: 10px;
    padding-left: 0;
    font-size: 16px;
  }
  .sec_cyber .complication_board li .code{
    padding-left: 0;
    order: 2;
    min-width : 92px;
    font-size: 14px;
  }
  .sec_cyber .complication_board li .status{
    order: 3;
    font-size: 14px;
    min-width : max-content;
  }
  .sec_cyber .complication_view{
    grid-column: 1/-1;
  }
  .sec_cyber .complication_view .status{
    padding-left: 10px;
  }
  .sec_cyber .complication_view h5{min-width : 84px;}


  .es_cart_wrap{
    padding: 90px 0;
    border-radius: 15px;
  }
  .es_cart_wrap::before{
    width : 168px;
    height: 153px;
  }
  .es_cart_wrap p{
  }
}

@media all and (max-width: 560px) {
  .reqModal {
    padding-bottom: 0;
    height: 100%;
  }

  .reqModal .modal_hd {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    padding-top: 20px;
    padding-bottom: 10px;
    background-color: #fff;
  }

  .reqModal .modal_content h2 {
    padding-top: 20px;
  }

  #driveAppModal {
    padding-top: 122px;
  }
  #buyAppModal{
    padding-top: 122px;
  }

  .reqModal .modal_content {
    border-radius: 0;
  }

  .reqModal .modal_body {
    /* padding-top: 120px; */
    height: calc(100vh - 122px);
    padding-bottom: 100px;
  }

  .reqModal .submit_btn {
    margin-bottom: 0;
  }
  .reqModal .checkbox_wrap input[type=radio] + label::before,
  .reqModal .checkbox_wrap input[type=checkbox] + label::before{
    min-width : 24px;
    min-height: 24px;
  }


}