/* COMMON */
.sec_sub_tit{
  height: 35.75rem;
  padding-top: 18.75rem;
  border-bottom: 1px solid #ddd;
}
.sec_sub_tit h2{
  font-size: 4.5rem;
  font-weight: 800;
}
.sec_sub_tit p{
  margin-top : 2.5rem;
  font-size: 1.25rem;
  font-weight: 400;
}


/* COMMON END */


/* COMPANY ABOUT */
main.about .sec_visual{
  height: 56.25rem;
}
main.about .sec_visual .slogan{
  width: 61.5rem;
}
main.about .sec_anim_cont{
  background-color: #111;
}
main.about .sec_anim_cont .desc {
  display: flex;
  position: relative;
  width: 100%;
  max-width: 70.5rem;
  height: 33.5rem;
  margin: 0 auto;
}
main.about .sec_anim_cont .desc > div{
  position: absolute;
  width : 33.5rem;
  height: 100%;
  border-radius: 50%;
  border: 1px solid #fff;
}
main.about .sec_anim_cont .desc > div .txt{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width : max-content;
}
main.about .sec_anim_cont .desc > div .txt p{
  width : 21.563rem;
  margin: 0 auto;
}
main.about .sec_anim_cont .desc > div:nth-child(1){
  left: 0;
  transition: left 0.75s ease-in-out, transform 0.75s ease-in-out, opacity 0.75s ease-in-out;
}
main.about .sec_anim_cont .desc > div:nth-child(2){
  right: 0;
  transition: right 0.75s ease-in-out, transform 0.75s ease-in-out, opacity 0.75s ease-in-out;
}
main.about .sec_anim_cont .desc > div:nth-child(3){
  left: 50%;
  transform: translateX(-50%);
  opacity: 0;
  transition: opacity 0.25s 0s ease-in-out;
}
main.about .sec_anim_cont.on .desc > div:nth-child(1){
  left: 50%;
  transform: translateX(-50%);
  opacity: 0;
}
main.about .sec_anim_cont.on .desc > div:nth-child(2){
  right: 50%;
  transform: translateX(50%);
  opacity: 0;
}
main.about .sec_anim_cont.on .desc > div:nth-child(3){
  opacity: 1;
  transition: opacity 0.75s 0.5s ease-in-out;
}
main.about .sec_cont3 ul{
  display: flex;
  flex-wrap: wrap;
  gap:  1.25rem 2.5rem;
}
main.about .sec_cont3 ul li{
  width: calc(50% - 1.25rem)
}
main.about .sec_cont3 ul li img{
  width : 10rem;
}
main.about .sec_cont3 ul li p{
  letter-spacing: -0.05em;
}

.sec_partners{
  background-color: #F5F5F5;
  overflow:hidden;
}
.sec_partners .marquee_compo .marquee{
  display: flex;
  align-items: center;
  height: 8.25rem;
  gap: 10rem;
}
.sec_partners .marquee_el{
  display: flex;
  align-items: center;
  gap: 10rem;
  height: 100%;
}
.sec_partners .marquee_el > *{
  /* margin-right: 6.25rem; */
}
.sec_partners .marquee_el img{
  width : auto;
  max-width : max-content;
  height: 100%;
}
/* COMPANY ABOUT END */


/* COMPANY GREETING  */
main.greeting .sec_cont1 .ceo_img{
  height: max-content;
  border-radius: 1.875rem;
  overflow: hidden;
  box-shadow: 0px 10px 40px 0px rgba(0, 0, 0, 0.10);
}
main.greeting .sec_cont1 .txt{
  padding-left: 5.625rem;
}
main.greeting .sec_cont1 .wv_target_btn{
  display: flex;
  justify-content: space-between;
  align-items: center;
  width : 100%;
  height: 5rem;
  padding: 0 1.25rem;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  font-size: 1.125rem;
  font-weight: 700;
}
main.greeting .sec_cont1 .wv_target_btn img{
  width : 1.5rem;
  height: 1.5rem;
  transition: transform var(--trans2);
}
main.greeting .sec_cont1 .wv_target_btn.on img{
  transform: rotate(180deg);
}
main.greeting .sec_cont1 .wv_target_btn + div{
  max-height: 0;
  padding: 0 1.25rem;
  border-bottom: 1px solid rgba(0,0,0,0);
  overflow: hidden;
  transition: border-bottom-color var(--trans4), padding var(--trans4), max-height var(--trans4);
}
main.greeting .sec_cont1 .wv_target_btn + div.on{
  border-bottom-color: rgba(0,0,0,1);
  padding: 2.5rem 1.25rem;
  max-height: 2000px
}
main.greeting .history_wrap{
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  padding: 1.75rem 0;
}
main.greeting .history_list:not(:last-child){
  margin-bottom: 2.25rem;
}
main.greeting .history_list li{
  display: flex;
  padding: 0.75rem 0;
}
main.greeting .history_list li h4{
  min-width : 11.25rem
}
main.greeting .history_list li p{
  padding-top: 0.188rem;
}
/* COMPANY GREETING  END */


/* COMPANY HISTORY */
main.history .sec_cont1 h3{
  display: flex;
  align-items: center;
  gap: 1.25rem;
  height: max-content;
  font-size: 3.75rem;
  font-weight: 800;
}
main.history .sec_cont1 h3::before{
  content: "";
  width : 1rem;
  height: 1rem;
  border-radius: 50%;
  background-color:var(--point1);
}
main.history .sec_cont1 .img_box{
  border-radius: 1.875rem;
  overflow: hidden;
}
main.history .sec_cont1 .history_txt em{
  display:block;
  min-width: 8.125rem;
  line-height: 1.2084;
}
/* COMPANY HISTORY END */

/* COMPANY SUBSIDIARY */
main.subsidiary .sec_cont1 .img_box  {
  grid-column: 1/7;
  border-radius: 1.875rem;
  overflow: hidden;
}
main.subsidiary .sec_cont1 .txt_box{
  grid-column: 7/-1;
  padding-left: 5.625rem;
}
main.subsidiary .sec_cont1 .txt_box p{
  line-height: 150%;
}
main.subsidiary .sec_cont1 .txt_box a{
  width : 11.875rem;
  height: 3.5rem;
  border-radius:3.5rem;
  border: 1px solid #000;
}
main.subsidiary .sec_cont1 .txt_box a + a{
  background-color: #000;
  color: #fff;
}
main.subsidiary .sec_cont1 .cont_box{
  align-items: center;
}
main.subsidiary .sec_cont1 .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;
}
main.subsidiary .sec_cont1 .desc_box p{
  display: flex;
  align-items: center;
  gap: 1.5rem;
  font-size: 1.125rem;
}
main.subsidiary .sec_cont1 .desc_box p img{
  width : 2.25rem;
}
main.subsidiary .sec_cont1 .desc_box em{
  font-size: 1.125rem;
  line-height: 150%;
}
/* COMPANY SUBSIDIARY END */


/* NEWS LIST */
.sec_news .list a:not(:first-child){
  margin-top: 7.5rem;
}
.sec_news .list .txt_box{
  padding-left: 3.125rem;
}
.sec_news .list .img_box{
  border-radius: 1.875rem;
  overflow: hidden;
}
.sec_news .list .img_box img{
  transition: transform var(--trans2);
}
.sec_news .list a:hover .img_box img{
  transform: scale(1.05);
}

/* 뉴스 상세 */
.news .view_hd .inner_sm {
  /* padding-bottom: 2.5rem; */
  /* margin-bottom: 6.25rem; */
  /* border-bottom: 1px solid #DDDDDD; */
}
.news.promotion .view_hd .inner_sm{
  border: none;
  padding: 0;
  margin: 0;
}

.news .view_hd{
  border-bottom: 1px solid #ddd;
}
.news .view_hd .social {
  gap: 1.25rem;
  margin-top: 2.25rem;
}

.news .view_hd .social button {
  width: 1.5rem;
  height: 1.5rem;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.news .view_hd .social button.ico_kakao {
  background-image: url("../images/icons/ico_kakao.svg");
}

.news .view_hd .social button.ico_facebook {
  background-image: url("../images/icons/ico_facebook.svg");
}

.news .view_hd .social button.ico_blog {
  background-image: url("../images/icons/ico_blog.svg");
}

.news .view_hd .social button.ico_x {
  background-image: url("../images/icons/ico_x.svg");
}

.news .view_hd .social button.ico_share {
  background-image: url("../images/icons/ico_share.svg");
}

.news .view_hd .detail_desc {
  gap: 1.875rem;
}

.news .view_hd .back_btn {
  position: absolute;
  left: 0;
  top: 18.75rem;
  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);
}
.news.promotion .view_hd .back_btn{
  top: 0;
}

.news .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;
}

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

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

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

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

.news .sec_newsDetail .post_wrap img{
  aspect-ratio: auto !important;
  height: auto;
}
.news .sec_newsDetail .view_ft{
  border-top: 1px solid #ddd;
}
.news .sec_newsDetail .view_ft span {
  min-width: 5.625rem;
}

.news .sec_newsDetail .view_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;
}

.news .sec_newsDetail .view_ft .back_btn:hover {
  background-color: rgba(34, 34, 34, 0.8);
}
/* 뉴스 상세 END */
/* NEWS LIST END */

/* CONTACT */

.sec_contact .root_daum_roughmap .wrap_controllers{
  display : none;
}
.sec_contact .contact_box > div:first-child{
  max-height: max-content;
  min-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%;
  max-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;
}
.sec_contact .contact_desc p img{
  width : 2.25rem;
}
/* CONTACT END */


/* PRODUCT */
.prd_desc{
  display : flex;
  justify-content: center;
  background-color: #111;
  padding: 2.5rem 0;
}
.prd_desc ul li{
  position: relative;
  width : 15.25rem;
  height: 100%;
}
.prd_desc ul li:not(:last-child)::after{
  display : block;
  position: absolute;
  right : 0;
  bottom: 0;
  content: "";
  width : 1px;
  height: 100%;
  background-color: #666;
}


.sec_prdDetail .prd_visual a i{
  width: 5rem;
  height: 5rem;
  border-radius: 50%;
  background: url("../images/icons/ico_arrow_r_b.svg") no-repeat center / 1.875rem 1.875rem;
  border: 1px solid rgba(0,0,0,0.15);
  transition: border-color .2s ease-in-out;
}
.sec_prdDetail .prd_visual a:hover i{
  border-color: rgba(0,0,0,1);
}

.prd_view_swiper h2{
  font-size: 3.75rem;
  font-style: normal;
  font-weight: 700;
  line-height: 140%;
  text-align: center;
  background: var(--gra01, linear-gradient(222deg, #000 4.13%, #676767 93.39%));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.prd_view_swiper h3{
  width: max-content;
  padding: 0.563rem 1.75rem !important;
  margin: 1.75rem auto;
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 140%;
  color: #fff;
  background: var(--gra01, linear-gradient(222deg, #000 4.13%, #676767 93.39%));
}
.prd_view_swiper h3 span{
  color: #EF4023;
}
.prd_view_swiper p{
  justify-content: center;
  align-items: center;
  gap: 1rem;
  font-size: 1.25rem;
  font-weight: 700;
  text-align: center;
}
.prd_view_swiper p img{
  width: 5.938rem;
}
.prd_view_swiper .swiper-container{
  max-width : 1216px;
  max-width : 76rem;
  margin: 3.125rem auto 0;
}
.prd_view_swiper .swiper-container .swiper-wrapper{
  height: max-content;
}
.prd_view_swiper .swiper-container .swiper-slide{
  background-color: #fff;
}
.prd_view_swiper .swiper-container .swiper-slide img{
  width: 100%;
}
.prd_view_swiper .swiper-button-prev,
.prd_view_swiper .swiper-button-next{
  width: 1.75rem;
  height: 3.5rem;
  background: url("../images/icons/ico_swiper_arrow.svg") no-repeat center / cover;
}
.prd_view_swiper .swiper-button-prev{
  left: 0;
  transform: rotate(180deg);
}
.prd_view_swiper .swiper-button-next{
  right: 0;
}
.prd_view_swiper .swiper-button-prev-disabled,
.prd_view_swiper .swiper-button-next-disabled{
  opacity: .2;
}
.prd_view_swiper .prd_view_swiper_txt{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: .5rem;
  margin-top: 1.25rem;
  font-size: 1.125rem;
  font-weight: 400;
  color: #585858;
}
.prd_view_swiper .prd_view_swiper_txt::before{
  content: "";
  width: 3rem;
  height: 3rem;
  background: url("../images/content/product/prd_swiper_mouse.svg") no-repeat center / cover;
}


.prd_view_lay1{
  background: #F5F5F5 url("../images/content/product/rt100/view_bg.png") no-repeat bottom right / 48.75rem 47.125rem;
}
.prd_view_lay1 .mt{
  margin-top: calc(-50% - -1.625rem)
}


.prd_view_lay2 .txt{
  width: calc(100% - 49.5rem);
}
.prd_view_lay2 .txt + video,
.prd_view_lay2 .txt + img{
  width: 44.5rem;
}
.prd_view_lay2 .txt span{
  font-size: 1.25rem;
  line-height: 140%;
  font-weight: 600;
  color: #EF4023;
  margin-bottom: 0.25rem;
}
.prd_view_lay2 .txt h3{
  width: 100%;
  padding: 0 !important;
  margin: 0;
  padding-bottom: 2rem !important;
  margin-bottom: 2rem;
  font-size: 2.25rem;
  font-weight: 600;
  line-height: 140%;
  border-bottom: 1px solid #000;
}
.prd_view_lay2 .txt p{
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 160%;
  color: var(--gray1)
}

.prd_view_lay3 .grid_lay{
  gap: 2rem;
}
.prd_view_lay3 .grid_col{
  overflow: hidden;
}
.prd_view_lay3 .grid_col p{
  display: flex;
  justify-content: center;
  align-items: center;
  height: 4.5rem;
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 160%;
  background-color: #F5F5F5;
}
.prd_view_lay3 .grid_col .video_box{
  overflow: hidden;
  aspect-ratio: 1/1;
}
.prd_view_lay3 .grid_col .video_box video{
  display : block;
  height: 100%;
  object-fit: cover;
  object-position: 80%;
}
.prd_view_lay3 .grid_col p  + video{
  aspect-ratio: 1/1;
  height: 100%;
  object-fit: cover;
}



.prd_view_lay4{
  background-color: #1D1D1D;
  color: #fff;
}
.prd_view_lay4 .col_item{
  display: flex;
}
.prd_view_lay4 .col_item .txt{
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  padding: 0 5rem;
  background-color: rgba(255,255,255,.05);
}
.prd_view_lay4 .col_item > img{
  width: 22.5rem;
}
.prd_view_lay4 .col_item .txt h3{
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 0 !important;
  padding-bottom: 1.5rem !important;
  margin-bottom: 1.5rem;
  border-bottom: 1px solid rgba(255,255,255,0.2);
}
.prd_view_lay4 .col_item .txt p{
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 160%;
}
.prd_view_lay4 .col_item .txt span{
  margin-top: .5rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 160%;
}

.prd_view_lay4_2 .img_col img:nth-child(1){
  width: calc(100% - 26.625rem - 30px);
}
.prd_view_lay4_2 .img_col img:nth-child(2){
  width: 26.625rem;
  object-fit: cover;
}

.prd_view_lay5 .grid_lay{
  gap: 2rem;
}

.prd_view_lay6{
  background-color: #EBECED;
}
.prd_view_lay6 .inner_base > img{
  position: absolute;
  right:0; bottom: 0;
  width: 37rem;
}
.prd_view_lay6 .qr{
  width: 8.75rem;
}

.prd_view_lay7 .grid_col{
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: #F5F5F5;
  padding: 3.75rem 0;
}
.prd_view_lay7 .grid_col img{
  height: 5rem;
  margin: 0 auto;
}
.prd_view_lay7 .grid_col span{
  margin-top: 2rem;
  margin-bottom: 0.25rem;
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 140%;
  color: #EF4023;
}
.prd_view_lay7 .grid_col h3{
  padding: 0 !important;
  margin-bottom: .5rem;
  font-size: 1.75rem;
  font-weight: 600;
  line-height: 160%;
}
.prd_view_lay7 .grid_col p{
  font-size: 1rem;
  font-weight: 400;
  line-height: 160%;
  color: var(--gray1);
}




.prd_banner{
  padding: 11.25rem 0;
  margin: 0 auto !important;
  color: #fff;
  background: url("../images/content/product/rt100/banner_bg.png") no-repeat center / cover;
}
.prd_banner a{
  display: flex;
  justify-content: center;
  align-items: center;
  width: 12.25rem;
  height: 3.5rem;
  border-radius: 3.5rem;
  margin: 1rem auto 0;
  font-size: 1rem;
  font-weight: 600;
  background-color: #EF4023;
}
.prd_banner a span{
  text-decoration: underline;
}


.prd_detail .grid_lay{
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 2rem 3rem;
}
.prd_detail .grid_lay img{
  width: 100%;
}
.prd_detail .grid_lay .txt{
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.25rem;
  width: 100%;
  height: 4.5rem;
  background-color: #f5f5f5;
}
.prd_detail .grid_lay .txt p{
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 160%;
}
.prd_detail .grid_lay .txt span{
  font-size: 1rem;
  font-weight: 400;
  color: var(--gray1);
}


.tit_tag{
  display: block;
  width : max-content;
  margin: 0 auto;
  padding: 0.25rem 1.5rem;
  font-size : 1.5rem;
  font-weight: 600;
  border-radius: 2.875rem;
  border: 1px solid #1d1d1d;
}
/* PRODUCT END */



/* QA */
form .ipt_col{
  display: flex;
  position: relative
}
form .ipt_col > label{
  min-width : 8.125rem;
  font-size: 1.5rem;
  font-weight: 600;
  padding-top: 1.188rem;
}
form .ipt_col.chk_box > label{
  padding-top: 0;
}
form .ipt_col.required > label::after{
  content: "*";
  font-size: 1.5rem;
  font-weight: 600;
  color: #EF4123;
}
form input[type="text"]{
  width: 100%;
  height: 4.5rem;
  border: 1px solid #000;
  padding: 0 1.875rem;
  font-size: 1.25rem;
  font-weight: 400;
  color: #000;
  outline: none;
}
form input[type="text"]::placeholder{
  color: #999;
}
form .hint_txt{
  font-size: 1rem;
  font-weight: 400;
  color: #EF4123;
  position: absolute;
  left: 8.125rem; top: calc(100% + 0.625rem);
  display: none;
}
form .hint_txt.show{
  display: block;
}

form .wv_select{
  position: relative;
  width: 100%;
}
form .wv_select .wv_select_btn{
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 4.5rem;
  border: 1px solid #000;
  padding: 0 1.875rem;
  font-size: 1.25rem;
  font-weight: 400;
  text-align: left;
  color: #999999;
  outline: none;
}
form .wv_select.val .wv_select_btn{
  color: #000;
}
form .wv_select .wv_select_btn::after{
  display: block;
  content: "";
  width: 1.5rem;
  height: 1.5rem;
  background: url("../images/icons/ico_select_arrow.svg") no-repeat center / cover;
  transition: transform .2s ease-in-out
}
form .wv_select.show .wv_select_btn::after{
  transform: rotate(180deg);
}
.wv_select .option_list{
  display: flex;
  flex-direction: column;
  position: absolute;
  top: calc(100% + 0.625rem); left: 0;
  width : 100%;
  max-height: 0;
  overflow-x: hidden;
  overflow-y: scroll;
  border: 0 solid rgba(187, 187, 187, 0);
  z-index : 10;
  background-color: var(--white1);
  transition: max-height .2s ease-in-out , padding .2s ease-in-out, border .2s ease-in-out;
}
.wv_select .option_list label{
  display : flex;
  align-items: center;
  min-height: 3.75rem;
  padding: 0 1.25rem;
  /* padding: 1.125rem 1.25rem; */
  font-size: 1.25rem;
  transition: color .2s ease-in-out, background-color .2s ease-in-out;
}
.wv_select .option_list label:hover{
  background-color :#000;
  color: #fff;
}
.wv_select.show .option_list{
  padding: 0.625rem 0;
  max-height: 20rem;
  border: 1px solid rgba(187, 187, 187, 1);
  transition: max-height .2s ease-in-out , padding .2s ease-in-out, border-color .2s ease-in-out;
}
form textarea.wv_ipt{
  width: 100%;
  height: 17.5rem;
  resize: none;
  border: 1px solid #000;
  padding: 1.5rem 1.875rem;
  font-size: 1.25rem;
  color: #000;
  outline: none;
}
form textarea.wv_ipt::placeholder{
  color: #999;
}
form .chk_box{
  display: flex;
  align-items: center;
}
form .chk_box input[type="checkbox"]{
  display: none;
}
form .chk_box input[type="checkbox"] + label{
  display: flex;
  align-items: center;
  font-size: 1.125rem;
  font-weight: 700;
}
form .chk_box input[type="checkbox"] + label::before{
  content: "";
  width: 1.75rem;
  height: 1.75rem;
  border-radius: 50%;
  border: 1px solid rgba(0,0,0,0.15);
  background-color: #fff;
  margin-right: 0.625rem;
}
form .chk_box input[type="checkbox"]:checked + label::before{
  background-color: #111;
  border-color: #111;
  background-image: url("../images/icons/ico_check.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 1.5rem 1.5rem;
}
form .chk_box input[type="checkbox"] + label button{
  text-decoration: underline;
  font-size: 1.125rem;
  font-weight: 700;
}
form .chk_box input[type="checkbox"] + label span em{
  color: #EF4123;
}
form .chk_box .hint_txt{
  position: static;
  margin-left: 1.25rem;
}
form .wv_submit_btn{
  display: flex;
  justify-content: center;
  align-items: center;
  width: 11.625rem;
  height: 5rem;
  border-radius: 5rem;
  font-size: 1.75rem;
  font-weight: 700;
  color: #fff;
  background-color: #000;
  margin: 5rem auto 0;
}
/* QA END */


/* Modal */
.wv_modal{
  position: fixed;
  top: 50%; left:50%;
  transform: translate(-50%, -50%);
  z-index: 1000000002;
  max-width: 740px;
  padding: 3.125rem 3.125rem 5rem;
  background-color: #fff;
  border-radius: 0.625rem;
  box-shadow: 0px 10px 40px 0px rgba(0, 0, 0, 0.20);
}
.wv_modal .close_modal{
  position: absolute;
  top: 1.25rem; right: 1.625rem;
  width: 2rem;
  height: 2rem;
  background: url("../images/icons/ico_close.svg") no-repeat center / cover;
}
.dim{
  position:fixed;
  top: 0; left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.4);
  z-index: 1000000001;
  opacity: 0;
  visibility: hidden;
  transition: opacity .2s ease-in-out, visibility .2s ease-in-out;
}
.dim.active{
  opacity: 1;
  visibility: visible;
}
.wv_modal p em{
  font-weight: 700;
  text-decoration: underline;
}
/* Modal END */


#prod-sec3 .inner_base{
  max-width: 1260px;
}
#prod-sec3 .grid_lay{
  row-gap: 2.5rem;
}
#prod-sec3 .link-video{
  position: relative;
  width : 100%;
  aspect-ratio: 16/9;
  background-size: cover;
}
#prod-sec3 .link-video::before{
  display: block;
  position: absolute;
  left: 0; top: 0;
  width : 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.4);
  content: "";
}
#prod-sec3 .link-video::after{
  display: block;
  position: absolute;
  left: 50%; top: 50%;
  width : 5rem;
  height: 5rem;
  border-radius: 50%;
  background: rgba(255,255,255,.6) url("../images/icons/ico_play_p.svg") no-repeat 56% 50% / 30px 30px;
  content: "";
  transform: translate(-50%, -50%);
  transition: background-color .25s ease-in-out;
}
#prod-sec3 .link-video:hover::after{
  background-color: rgba(255,255,255,1);
}

.mfp-bg{
  z-index : 1000000002 !important;
}
.mfp-wrap{
  z-index : 1000000003 !important;
}
.mfp-close{
  width: 28px !important;
  height: 28px !important;
  background: url("../images/icons/ico_close_w.svg") no-repeat center / cover;
  opacity: 1;
  cursor: pointer;
}

.product-list .img_box{
  border-radius: 1.875rem;
  overflow: hidden;
  background-color: #F5F5F5;
}
.product-list .img_box img{
  transform: scale(1);
  transition: transform .25s ease-in-out;
}
.product-list a:hover .img_box img{
  transform: scale(1.15);
}



.contact_cont{
  width : 100%;
  padding: 12.875rem 0;
  border-radius: 2.5rem;
  border: 1px solid #000;
  background: url("../images/common/daedong_mark_gray.png") no-repeat center / 15.625rem 14.25rem;
}


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

  .contact_cont{
    padding: 100px 0;
    border-radius: 15px;
    background: url("../images/common/daedong_mark_gray.png") no-repeat center / 168px 154px;
  }
  .product-list .img_box{
    border-radius: 12px;
  }

  .sec_sub_tit{
    height: max-content;
    padding-top: 120px;
    padding-bottom: 40px;
  }
  .sec_sub_tit h2{
    font-size: 24px;
  }
  .sec_sub_tit p{
    font-size: 14px;
    margin-top: 20px;
  }

  main.about .sec_visual .slogan{
    width : 100%;
  }
  main.about .sec_visual{
    height: max-content;
  }
  main.about .sec_anim_cont .desc{
    flex-direction: column;
    align-items: center;
    height: 500px;
  }
  main.about .sec_anim_cont .desc > div{
    width : 240px;
    height: 240px;
  }
  main.about .sec_anim_cont .desc > div:nth-child(1){
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    transition: top 0.75s ease-in-out, transform 0.75s ease-in-out, opacity 0.75s ease-in-out
  }
  main.about .sec_anim_cont .desc > div:nth-child(2){
    right: 50%;
    bottom: 0;
    transform: translateX(50%);
    transition: bottom 0.75s ease-in-out, transform 0.75s ease-in-out, opacity 0.75s ease-in-out
  }
  main.about .sec_anim_cont.on .desc > div:nth-child(1){
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
  }
  main.about .sec_anim_cont.on .desc > div:nth-child(2){
    bottom: 50%;
    right: 50%;
    transform: translateY(50%) translateX(50%);
  }
  main.about .sec_anim_cont .desc > div:nth-child(3){
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: opacity 0.75s ease-in-out;
  }
  main.about .sec_anim_cont.on .desc > div:nth-child(3){
    transition: opacity 0.75s 0.5s ease-in-out;
  }
  main.about .sec_anim_cont .desc > div .txt h3{
    letter-spacing: -0.07em;
  }
  main.about .sec_anim_cont .desc > div .txt p{
    width : 180px;
  }
  main.about .sec_cont3 ul{
    gap: 10px;
  }
  main.about .sec_cont3 ul li{
    width : 100%;
  }
  main.about .sec_cont3 ul li img{
    width : 60px;
  }
  main.about .sec_cont3 ul li p,
  main.about .sec_cont3 ul li h3{
    padding-top: 6px;
  }
  main.about .sec_cont3 ul li p{line-height: 120% !important;}
  main.about .sec_cont3 ul li p span{padding-top: 4px; display : block;}
  .sec_partners .marquee_compo .marquee{
    height: 80px;
    gap: 60px;
  }
  .sec_partners .marquee_el{
    gap: 60px;
  }

  main.greeting .sec_cont1 .ceo_img{
    width : 176px;
    margin: 0 auto;
    border-radius: 15px;
  }
  main.greeting .sec_cont1 .txt{
    padding-left: 0;
  }
  main.greeting .sec_cont1 .wv_target_btn{
    height: 48px;
    padding: 0 20px;
    font-size: 12px;
  }
  main.greeting .sec_cont1 .wv_target_btn img{
    width: 16px;
    height: 16px;
  }
  main.greeting .history_list li{
    flex-direction: column;
    padding: 10px 0;
  }
  main.greeting .history_list li h4{
    min-width : 100%;
  }
  main.greeting .history_list li p{
    padding-top: 4px;
  }
  main.greeting .history_list:not(:last-child){
    margin-bottom: 10px;
  }
  main.greeting .history_wrap{
    padding: 20px 0
  }

  main.history .sec_cont1 h3{
    gap: 10px;
    font-size: 20px;
  }
  main.history .sec_cont1 h3::before{
    width : 10px;
    height: 10px;
  }
  main.history .sec_cont1 .img_box{
    border-radius: 15px;
  }
  main.history .sec_cont1 .history_txt em{
    min-width : 34px;
  }
  main.history .sec_cont1 h3{
    order: 2;
  }
  main.history .sec_cont1 h3 + div{
    order: 1;
  }
  main.history .sec_cont1 h3 + div + div{
    order: 3;
  }

  main.subsidiary .sec_cont1 .img_box{
    border-radius: 15px;
  }
  main.subsidiary .sec_cont1 .txt_box{
    padding-left: 0;
  }
  main.subsidiary .sec_cont1 .txt_box a{
    width : 118px;
    height: 36px;
  }
  main.subsidiary .sec_cont1 .desc_box{
    row-gap: 20px;
    padding: 30px 0;
  }
  main.subsidiary .sec_cont1 .desc_box p{
    gap:10px;
    font-size: 14px;
  }
  main.subsidiary .sec_cont1 .desc_box em{
    font-size: 14px;
    line-height: 150%;
  }
  .sec_news .list .txt_box{
    padding-left: 0;
  }
  .sec_news .list a:not(:first-child){
    margin-top: 60px;
  }

  .news .view_hd .back_btn{
    position: static;
    width: 48px;
    height: 48px;
    background-size: 20px 20px;
  }
  .news .view_hd .social{
    gap: 14px;
    margin-top: 30px;
  }
  .news .view_hd .social button{
    width: 18px;
    height: 18px;
  }
  .news .like_btn{
    width : 96px;
    height: 36px;
    border-radius: 36px;
    gap:6px;
  }
  .news .like_btn .ico_heart{
    width : 16px;
    height: 16px;
  }
  .news .sec_newsDetail .view_ft span{
    min-width : 52px;
  }
  .news .sec_newsDetail .view_ft .back_btn{
    width : 96px;
    height: 32px;
  }

  .sec_contact .contact_box .root_daum_roughmap_landing{
    width : 100% !important;
    height: 72.2222vw !important;
  }
  .sec_contact .contact_box .map_txt{
    padding: 40px 20px;
  }
  .sec_contact .contact_desc{
    margin-top: 40px;
    padding: 30px 0;
  }
  .sec_contact .contact_desc p{
    gap: 10px;
  }

  form .ipt_col > label{
    min-width : 100%;
  }
  form .ipt_col.required > label::after{
    font-size: 16px;
  }
  form .hint_txt{
    font-size: 14px;
    left: 0;
    top: calc(100% + 6px);
  }
  form .wv_select .wv_select_btn{
    height: 46px;
    padding: 0 16px;
  }
  form .wv_select .wv_select_btn::after{
    width : 16px;
    height: 16px;
  }
  .wv_select .option_list label{
    min-height: 36px;
    padding: 0 16px;
    font-size: 14px;
  }
  form textarea.wv_ipt{
    height: 200px;
    padding: 14px 16px;
    font-size: 14px;
  }
  form .chk_box{
    align-items: flex-start
  }
  form .chk_box input[type="checkbox"] + label{
    font-size: 14px;
  }
  form .chk_box input[type="checkbox"] + label button{
    font-size: 14px;
  }
  form .chk_box input[type="checkbox"] + label::before{
    width: 24px;
    height: 24px;
    margin-right: 10px;
    background-size: 22px 22px;
  }
  form .wv_submit_btn{
    margin: 60px auto 0;
    width : 100px;
    height: 36px;
    font-size :12px;
  }
  form .chk_box .hint_txt{
    position:relative;
    margin-left: 34px;
  }

  .wv_modal{
    width : calc(100% - 40px);
    max-width: 320px;
    padding: 30px 20px;
  }
  .wv_modal .close_modal{
    top: 12px; right: 12px;
    width : 24px;
    height: 24px;
  }

  .sec_prdDetail .prd_visual a i{
    width : 48px;
    height: 48px;
    background-size: 20px 20px;
  }
  .prd_desc{
    padding: 20px 0;
  }
  .prd_desc ul{
    margin: 0 auto;
    width : 320px;
  }
  .prd_desc ul li:not(:last-child){
    border-right: none;
  }
  .prd_desc ul li{
    width : 160px;
    height: 160px;
    padding-top: 24px;
  }
  .prd_desc p{
    line-height: 150% !important;
  }
  .prd_view_swiper h2{
    font-size: 22px;
  }
  .prd_view_swiper h3{
    font-size: 14px;
    padding: 6px 14px !important;
    margin:  20px auto;
  }
  .prd_view_swiper p{
    gap: 20px;
    font-size: 14px;
    text-align: left;
  }
  .prd_view_swiper p img{
    width: 95px;
  }
  .prd_view_swiper .swiper-container{
    margin: 40px auto 0;
  }
  .prd_view_swiper .swiper-button-prev, .prd_view_swiper .swiper-button-next{
    width : 12px;
    height: 20px;
  }
  .prd_view_swiper .prd_view_swiper_txt{
    gap: 10px;
    justify-content: center;
    margin-top: 20px;
    font-size: 12px;
  }
  .prd_view_swiper .prd_view_swiper_txt::before{
    width: 36px;
    height: 36px;
  }
  .prd_view_lay1{
    background-image: none;
  }

  .prd_view_lay2 .txt{
    width: 100%;
    margin-top: 20px;
  }
  .prd_view_lay2 .txt + video,
  .prd_view_lay2 .txt + img{
    position: relative;
    min-width: 100%
  }
  .prd_view_lay2 .col_item .img1,
  .prd_view_lay2 .col_item .img3{
    left: -20px;
  }
  .prd_view_lay2 .col_item .img2{
    right: -20px;
  }
  .prd_view_lay2 .txt span{
    display: block;
    font-size: 14px;
    margin-bottom: 4px;
  }
  .prd_view_lay2 .txt h3{
    font-size: 20px;
    padding-bottom: 10px !important;
    margin-bottom: 10px;
  }
  .prd_view_lay2 .txt p{
    margin-top : 10px;
    font-size: 16px;
  }
  .prd_view_lay3 .grid_lay{
    gap: 20px;
  }
  .prd_view_lay3 .grid_col p{
    height: 42px;
    font-size: 16px;
  }
  .prd_view_lay4 .col_item{
    flex-direction: column;
  }
  .prd_view_lay4 .col_item:nth-of-type(2){
    flex-direction: column-reverse;
  }
  .prd_view_lay4 .col_item .txt{
    padding: 20px;
  }
  .prd_view_lay4 .col_item > img{
    width: 100%;
  }
  .prd_view_lay4 .col_item .txt h3{
    gap: 6px;
    padding-bottom: 10px !important;
    margin-bottom: 10px;;
    font-size: 16px;
    letter-spacing: -0.05em;
  }
  .prd_view_lay4 .col_item .txt h3 img{
    width: 24px;
    height: 24px;;
  }
  .prd_view_lay4 .col_item .txt p{
    font-size: 16px;
  }
  .prd_view_lay4 .col_item .txt span{
    font-size: 14px;
  }
  .prd_view_lay4_2 .img_col img:nth-child(1){
    width: 100%;
  }
  .prd_view_lay4_2 .img_col img:nth-child(2){
    width: 100%;
  }
  .prd_view_lay4_3 img{
    width : 300px;
  }
  .prd_view_lay5 .grid_lay{
    gap: 8px;
  }

  .prd_view_lay6 .inner_base > img{
    position: static;
    grid-column: 1/-1;
  }
  .prd_view_lay7 .grid_lay{
    gap: 20px;
  }
  .prd_view_lay7 .grid_col{
    padding: 40px 0;
  }
  .prd_view_lay7 .grid_col span{
    font-size: 14px;
  }
  .prd_view_lay7 .grid_col h3{
    font-size: 20px;
  }
  .prd_view_lay7 .grid_col p{
    font-size: 16px;
    text-align: center;
    padding: 0 10px;
  }

  .prd_banner{
    justify-content: center;
    height: 240px;
    padding: 60px 0;
    margin-top: 0;
  }
  .prd_banner h3{
    margin-bottom: 0;
  }
  .prd_banner a{
    width: 159px;
    height: 50px;
    font-size: 16px;
    margin: 16px auto 0;
  }
  .prd_banner a span{
    text-decoration:none;
  }

  #prod-sec1 h3{
    padding: 0;
  }
  .prd_detail .grid_lay{
    gap: 20px;;
    position:relative;
    width: 100%;
    left: 0;
  }
  .prd_detail .grid_lay .txt{
    height: 46px;
    gap: 4px
  }
  .prd_detail .grid_lay .txt p{
    font-size: 16px;
  }
  .prd_detail .grid_lay .txt span{
    font-size: 14px;
  }




  .aos_link,
  .ios_link{
    display: none;
    width: max-content;
  }
  .aos_link.show,
  .ios_link.show{
    display: block;
  }
  .sect-prod{overflow: hidden}
  .sect-prod .table-frame{
    overflow-x: scroll;
    touch-action: pan-x;
  }

  .view-quick{
    padding: 40px 0;
  }
  .view-quick h5{
    gap: 4px;
    font-size: 16px;
  }
  .view-quick h5::after{
    width: 8px;
    height: 13px;
  }

  .sect-prod li{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 16px;
  }
  #prod-sec3 .grid_lay{
    row-gap: 20px;
  }
  #prod-sec3 .link-video{
    width : calc(50% - 8px);
  }
  #prod-sec3 .link-video + div{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width : calc(50% - 8px);
    height: 100%;
    padding-bottom: 10px;
  }
  #prod-sec3 .link-video::after{
    width : 32px;
    height: 32px;
    background-size: 12px 12px;
  }

  .mfp-close{
    right : 0 !important;
  }


  .tit_tag{
    padding: 4px 20px;
    font-size : 18px;
    font-weight: 600;
    border-radius: 40px;
    border: 1px solid #1d1d1d;
  }

  .with_list img{
    width : calc(50% - 8px);
  }
}