@charset "UTF-8";
 
.header .logo a .sub{
  display: none;
}
.header .logo a .main{
  display: block;
}
.gnb_nav .gnb .depth1_a{
  color: #fff;
}
.header{
  background: transparent;
}
.header.on{
  background: #fff;
}
.header.on .gnb_nav .gnb .depth1_a{
  color: rgb(0, 0, 0);
}
.header.on a .main{
  display: none;
}
.header.on a .sub{
  display: block;
}

/* Main_visual */
.main_visual_wrap{position: relative;width: 100%;height: 100vh;background: url(../img/main_visual.png)no-repeat center/cover;}
.main_visual_wrap .company_desc{position: absolute;top: 52%;left: 13%;}
.main_visual_wrap .company_desc p:nth-child(1){font-size: 86px;font-weight: 500;line-height: 1.2em;color: #fff;}
.main_visual_wrap .company_desc p:nth-child(1) span{font-weight: 800;}
.main_visual_wrap .company_desc p:nth-child(2){font-size: 26px;font-weight: normal;line-height: 1.5em;color: #fff;margin-top: 40px;}
.main_visual_wrap .company_desc p:nth-child(2) span{font-weight: 800;}

.main_visual_wrap .scroll_down{position: absolute;left: 50%;top: 87%; transform: translateX(-50%);}
.main_visual_wrap .scroll_down span{position: relative;width: 59px;height: 59px;border: #fff solid 1px;border-radius: 50%;}
.main_visual_wrap .scroll_down span::after{content: '';position: absolute;top: 30%;left: 50%;width: 25%;height: 13.3%;background: url(../img/down_arrow.png) no-repeat center/cover;transform: translateX(-50%);animation: scroll_down ease-in-out 1s infinite alternate;}
@keyframes scroll_down {
  to {
      top: 60%;
  }
}
@media screen and (max-width: 1200px) {
  .main_visual_wrap .company_desc{top: 45%;left: 10%;}
  .main_visual_wrap .company_desc p:nth-child(1){font-size: 80px;}
  .main_visual_wrap .company_desc p:nth-child(2){font-size: 24px;margin-top: 32px;}
}
@media screen and (max-width: 1024px) {
  .main_visual_wrap .company_desc{top: 40%;left: 8%;}
  .main_visual_wrap .company_desc p:nth-child(1){font-size: 72px;}
  .main_visual_wrap .company_desc p:nth-child(2){font-size: 22px;margin-top: 26px;}
}
@media screen and (max-width: 768px) {
  .main_visual_wrap .company_desc{top: 33%;left: 5%;}
  .main_visual_wrap .company_desc p:nth-child(1){font-size: 64px;}
  .main_visual_wrap .company_desc p:nth-child(2){font-size: 20px;margin-top: 22px;}
}
@media screen and (max-width: 512px) {
  .main_visual_wrap .company_desc{left: 3%;}
  .main_visual_wrap .company_desc p:nth-child(1){font-size: 48px;}
  .main_visual_wrap .company_desc p:nth-child(2){font-size: 18px;margin-top: 15px;}
  .main_visual_wrap .scroll_down span{width: 45px;height: 45px;}
}

/* Main_sect1 */
.collab_wrap .collab{margin: 80px 0;}
.collab_wrap .collab > li{display: flex;justify-content: space-between;gap: 20px;padding: 80px 0;}
.collab_wrap .collab > li:nth-child(n + 2){border-top: #707070 dashed 1px;}
.collab_wrap .collab .collab_title{font-size: 64px;line-height: 1.3em;}
.collab_wrap .collab .collab_title h2{font-weight: 800;}
.collab_wrap .collab .collab_title span{display: block;font-weight: 200;}
.collab_wrap .collab .collab_title a{width: 253px;height: 70px;font-size: 27px;font-weight: bold;line-height: 70px;text-align: center;border: #000 solid 1px;border-radius: 35px;margin-top: 60px;transition: color 0.3s, background-color 0.3s;}
.collab_wrap .collab .collab_title a:hover{color: #fff;background-color: #000;}

.collab_wrap .collab .collab_desc .collab_logo{display: flex;justify-content: right;gap: 18px;}
.collab_wrap .collab .collab_desc .collab_logo li{display: flex;justify-content: center;align-items: center;width: 213px;height: 118px;border: #D6D6D6 solid 1px;border-radius: 15px;}
.collab_wrap .collab .collab_desc .collab_logo li img{max-width: 50%;}
.collab_wrap .collab .collab_desc h3{font-size: 40px;font-weight: bold;line-height: 1.3em;text-align: right;margin-top: 50px;}
.collab_wrap .collab .collab_desc p{font-family: 'gmarket', sans-serif;font-size: 26px;font-weight: 500;line-height: 1.5em;text-align: right;margin-top: 42px;color: #707070;}

@media screen and (max-width: 1200px) {
  .collab_wrap .collab{margin: 70px 0;}
  .collab_wrap .collab > li{flex-direction: column;padding: 70px 0;}
  .collab_wrap .collab .collab_title{font-size: 58px;}
  .collab_wrap .collab .collab_title a{width: 240px;height: 40px;font-size: 24px;line-height: 37px;border-radius: 30px;margin-top: 16px;}
  .collab_wrap .collab > li{
    gap: 30px;
  }

  .collab_wrap .collab .collab_desc .collab_logo{justify-content: left;
  padding-bottom: 20px;
  }
  .collab_wrap .collab .collab_desc .collab_logo li{width: 200px;height: 110px;border-radius: 15px;}
  .collab_wrap .collab .collab_desc h3{font-size: 24px; margin-top: 0;}
  .collab_wrap .collab .collab_desc p{font-size: 18px;margin-top: 12px;}
  .collab_wrap .collab .collab_desc h3, .collab_wrap .collab .collab_desc p{text-align: left;}
}
@media screen and (max-width: 768px) {
  .collab_wrap .collab{margin: 50px 0;}
  .collab_wrap .collab > li{padding: 50px 0;}
  .collab_wrap .collab .collab_title{font-size: 42px;}
  /* .collab_wrap .collab .collab_title a{width: 180px;height: 50px;font-size: 20px;line-height: 50px;border-radius: 25px;margin-top: 30px;} */

  .collab_wrap .collab .collab_desc .collab_logo{gap: 12px;}
  .collab_wrap .collab .collab_desc .collab_logo li{width: 150px;height: 80px;border-radius: 12px;}
  /* .collab_wrap .collab .collab_desc h3{font-size: 26px;margin-top: 30px;} */
  /* .collab_wrap .collab .collab_desc p{font-size: 20px;margin-top: 20px;} */
}
@media screen and (max-width: 512px) {
  .collab_wrap .collab{margin: 30px 0;}
  .collab_wrap .collab > li{padding: 30px 0;}
  .collab_wrap .collab .collab_title{font-size: 32px;}
  /* .collab_wrap .collab .collab_title a{width: 120px;height: 36px;font-size: 16px;line-height: 36px;border-radius: 18px;margin-top: 10px;} */

  .collab_wrap .collab .collab_desc .collab_logo{gap: 8px;}
  .collab_wrap .collab .collab_desc .collab_logo li{width: 120px;height: 65px;}
  /* .collab_wrap .collab .collab_desc h3{font-size: 20px;margin-top: 10px;} */
  /* .collab_wrap .collab .collab_desc p{font-size: 16px;margin-top: 10px;} */
}

/* Main_sect2 */
.main_about_wrap{height: 100%;background-color: #F4F4F4;}
.main_about_wrap .inner{height: 100%;}
.main_about_wrap .main_about{display: flex;height: 100%;}
.main_about_wrap .main_about > li{position: relative;flex: 1;border-left: rgb(112, 112, 112, 0.2) solid 1px;padding: 0 20px 170px;}
.main_about_wrap .main_about > li::before{content: '';display: block;position: absolute;top: 220px;width: 62px;height: 60px;background-repeat: no-repeat;background-size: contain;background-position: center;}
.main_about_wrap .main_about .off_about::before{background-image: url(../img/main_icon1.png);}
.main_about_wrap .main_about .on_about::before{background-image: url(../img/main_icon2.png);}
.main_about_wrap .main_about .con_about::before{background-image: url(../img/main_icon3.png);}
.main_about_wrap .main_about .con_about{border-right: rgb(112, 112, 112, 0.2) solid 1px;}

.main_about_wrap .main_about li h2{font-size: 75px;font-weight: 900;line-height: 1.2em;color: #000;margin-top: 300px;}
.main_about_wrap .main_about li p{font-size: 40px;font-weight: bold;line-height: 1.2em;color: #007fff;margin-top: 38px;}
.main_about_wrap .main_about .about_list{margin-top: 56px;}
.main_about_wrap .main_about .about_list li{font-family: 'gmarket', sans-serif;font-size: 26px;font-weight: normal;line-height: 1.5em;color: #707070;}

@media screen and (max-width: 1200px) {
  .main_about_wrap .main_about > li{padding: 0 18px 150px;}
  .main_about_wrap .main_about > li::before{top: 200px;}
  .main_about_wrap .main_about li h2{font-size: 60px;margin-top: 270px;}
  .main_about_wrap .main_about li p{font-size: 32px;margin-top: 30px;}

  .main_about_wrap .main_about .about_list{margin-top: 40px;}
  .main_about_wrap .main_about .about_list li{font-size: 22px;
  padding-bottom: 4px;
  }
}
@media screen and (max-width: 1024px) {
  .main_about_wrap{height: auto;}
  .main_about_wrap .main_about{flex-direction: column;}
  .main_about_wrap .main_about .con_about{padding-bottom: 100px;}
  .main_about_wrap .main_about > li::before{top: 60px;width: 52px;height: 50px;}
  .main_about_wrap .main_about li h2{margin-top: 100px;}
  .main_about_wrap .main_about li p{margin-top: 20px;}

  .main_about_wrap .main_about > li{border-bottom: rgb(112, 112, 112, 0.2) solid 1px;border-left: 0;padding-bottom: 40px;}
  .main_about_wrap .main_about .con_about{border: 0;}


  .main_about_wrap .main_about .about_list{margin-top: 30px;}
}
@media screen and (max-width: 768px) {
  .main_about_wrap .main_about li h2{margin-top: 90px;font-size: 48px;}
  .main_about_wrap .main_about li p{font-size: 28px;margin-top: 18px;}

  .main_about_wrap .main_about > li::before{top: 50px;width: 40px;height: 38px;}

  .main_about_wrap .main_about .about_list{margin-top: 20px;}
  /* .main_about_wrap .main_about .about_list li{font-size: 16px;} */
}

/* Main_sect3 */
.main_sect3{background-color: #212121;}
.main_project_wrap{display: flex;height: 1614px;
justify-content: space-between
}

.main_project_wrap .m_project_tit{padding-top: 226px;}
.main_project_wrap .m_project_tit h2{font-size: 74px;font-weight: 500;line-height: 1.4em;color: #B2B2B2;}
.main_project_wrap .m_project_tit h2 span{font-weight: 900;color: #fff;}
.main_project_wrap .m_project_tit > a{width: 253px;height: 70px;font-size: 30px;font-weight: bold;color: #fff;line-height: 70px;text-align: center;border: #fff solid 1px;border-radius: 35px;margin-top: 67px;transition: color 0.3s, background-color 0.3s;}
.main_project_wrap .m_project_tit > a:hover{color: #000;background-color: #fff;}

.main_project_wrap .m_project_tab{margin-top: 264px;padding-bottom: 240px;}
.main_project_wrap .m_project_tab li:nth-child(n + 2){margin-top: 63px;}
.main_project_wrap .m_project_tab li button{font-family: 'Montserrat', sans-serif;font-size: 58px;font-weight: 900;line-height: 1.2em;color: #606060;transition: color 0.3s;}
.main_project_wrap .m_project_tab li button:hover{color: #fff;}
.main_project_wrap .m_project_tab li.active button{color: #fff;}

.main_project_wrap .project_right{display: none;height: 1614px;overflow: hidden;}
.main_project_wrap .project_right.active{display: block;}
.main_project_wrap .project_right .scroll_left .swiper-slide img{max-width: 378px;max-height: 334px;}
.main_project_wrap .project_right .scroll_left2{
  display: flex;
  gap: 28px;
}
.main_project_wrap .project_right .scroll_left2 ul{
}
.main_project_wrap .project_right .scroll_left2 ul > li{
  width: 100%;
  position: relative;
  padding-bottom: 28px;
}
.main_project_wrap .project_right .scroll_left2 ul:last-child{
  position: relative;
}
.main_project_wrap .project_right .scroll_left2 ul > li img{
  max-width: 378px;
}

/* @media screen and (max-width: 1440px) {
  .main_project_wrap .m_project_tab{margin-top: 250px;padding-bottom: 220px;}
} */
@media screen and (max-width: 1200px) {
  .main_project_wrap .m_project_tit{padding-top: 180px;}
  .main_project_wrap .m_project_tit h2{font-size: 60px;}
  .main_project_wrap .m_project_tit > a{width: 240px;height: 60px;font-size: 24px;line-height: 60px;border-radius: 30px;margin-top: 40px;}

  .main_project_wrap .m_project_tab{margin-top: 220px;padding-bottom: 200px;}
  .main_project_wrap .m_project_tab li:nth-child(n + 2){margin-top: 40px;}
  .main_project_wrap .m_project_tab li button{font-size: 40px;}

  .project_left{
    width: 100%;
    padding-bottom: 30px;
  }
  .main_project_wrap .project_right{
    width: 100%;
    max-height: 300px;
    height: auto;
  }
  .main_project_wrap{
    flex-wrap: wrap;
  }
  .main_project_wrap .project_right .scroll_left2 > ul{
    position: relative;
    top: -300px;
  }
  .main_project_wrap{
    height: auto;
  }
} 
@media screen and (max-width: 1024px) {
  .main_project_wrap .m_project_tit{padding-top: 150px;}
  .main_project_wrap .m_project_tit h2{font-size: 30px;}
  .main_project_wrap .m_project_tit > a{width: 180px;height: 40px;font-size: 20px;line-height: 37px;border-radius: 25px;margin-top: 30px;}

  .main_project_wrap .m_project_tab{margin-top: 30px;padding-bottom: 60px;}
  .main_project_wrap .m_project_tab li:nth-child(n + 2){margin-top: 20px;}
  .main_project_wrap .m_project_tab li button{font-size: 18px;}
  .main_project_wrap .project_right .scroll_left2 ul > li img{
    max-width: 100%;
  }

}
@media screen and (max-width: 768px) {
  .main_project_wrap .m_project_tit{padding-top: 120px;}
  /* .main_project_wrap .m_project_tit h2{font-size: 32px;} */
  /* .main_project_wrap .m_project_tit > a{width: 120px;height: 30px;font-size: 14px;line-height: 30px;border-radius: 15px;margin-top: 12px;} */

  /* .main_project_wrap .m_project_tab{margin-top: 200px;padding-bottom: 570px;} */
  /* .main_project_wrap .m_project_tab li:nth-child(n + 2){margin-top: 18px;} */
  /* .main_project_wrap .m_project_tab li button{font-size: 22px;} */
}
@media screen and (max-width: 512px) {
  .main_project_wrap .m_project_tit{padding-top: 100px;}
  /* .main_project_wrap .m_project_tit h2{font-size: 24px;} */
  /* .main_project_wrap .m_project_tit > a{width: 85px;height: 24px;font-size: 12px;line-height: 24px;border-radius: 12px;margin-top: 10px;} */

  /* .main_project_wrap .m_project_tab{margin-top: 150px;padding-bottom: 300px;} */
  /* .main_project_wrap .m_project_tab li:nth-child(n + 2){margin-top: 14px;} */
  /* .main_project_wrap .m_project_tab li button{font-size: 18px;} */
}

/* Main_sect4 */
.main_client_wrap{padding: 140px 0;}
.main_client_wrap h2{font-size: 75px;font-weight: 900;line-height: 1.2em;color: #000;}
.main_client_wrap .img_box{margin-top: 60px;}
@media screen and (max-width: 1200px) {
  .main_client_wrap h2{font-size: 62px;}
}
@media screen and (max-width: 1024px) {
  .main_client_wrap{padding: 100px 0;}
  .main_client_wrap h2{font-size: 50px;}
  .main_client_wrap .img_box{margin-top: 40px;}
}
@media screen and (max-width: 768px) {
  .main_client_wrap h2{font-size: 36px;}
}
@media screen and (max-width: 512px) {
  .main_client_wrap{padding: 80px 0;}
  .main_client_wrap h2{font-size: 28px;}
  .main_client_wrap .img_box{margin-top: 20px;}
}

/* Main_sect5 */
.main_contact_wrap{height: 100%;padding: 165px 0 150px;background-color: #212121;}
.main_contact_wrap .inner{display: flex;justify-content: space-between;}

.main_contact_wrap .contact_title h2{font-size: 75px;font-weight: 900;line-height: 1.3em;color: #fff;}
.main_contact_wrap .contact_title p{font-size: 26px;font-weight: normal;line-height: 1.5em;color: #fff;margin-top: 20px;}

.main_contact_wrap .contact_desc_wrap{margin-left: 12px;}
.main_contact_wrap .contact_desc_wrap .contact_desc h3{font-size: 26px;font-weight: 800;line-height: 1.2em;color: #DEDEDE;margin-top: 37px;padding-bottom: 40px;}
.main_contact_wrap .contact_desc_wrap .contact_desc h3 span{color: #007FFF;margin-right: 13px;}

.main_contact_wrap .contact_desc_wrap .contact_desc .contact_1{display: flex;justify-content: space-between;width: 767px;margin-left: 49px;}
.main_contact_wrap .contact_desc_wrap .contact_desc .contact_1 input{display: none;}
.main_contact_wrap .contact_desc_wrap .contact_desc .contact_1 label{font-size: 22px;font-weight: 500;line-height: 1.2em;color: #DEDEDE;}
.main_contact_wrap .contact_desc_wrap .contact_desc .contact_1 input:checked + label{color: #007FFF;font-weight: bold;}

.main_contact_wrap .contact_desc_wrap .contact_desc .contact_2{display: flex;justify-content: space-between;flex-wrap: wrap;width: 812px;margin-left: 49px;}
.main_contact_wrap .contact_desc_wrap .contact_desc .contact_2 label{display: block;font-size: 22px;font-weight: bold;line-height: 1.2em;color: #fff;cursor: default;}
.main_contact_wrap .contact_desc_wrap .contact_desc .contact_2 input{width: 100%;height: 70px;background-color: #fff;border-radius: 24px;padding: 23px;margin: 20px 0;font-size: 21px;font-weight: 500;line-height: 1.2em;}
.main_contact_wrap .contact_desc_wrap .contact_desc .contact_2 .con2_1{width: 55%;}
.main_contact_wrap .contact_desc_wrap .contact_desc .contact_2 .con2_2{width: 40%;}

.main_contact_wrap .contact_desc_wrap .contact_desc .contact_3 textarea{width: 812px;height: 259px;background-color: #fff;border-radius: 24px;padding: 25px 23px;font-size: 21px;font-weight: 500;line-height: 1.2em;margin-left: 49px;resize: none;}

.main_contact_wrap .contact_desc_wrap .contact_agreement{display: inline-block;position: relative;margin-left: 49px;padding: 50px 0;}
.main_contact_wrap .contact_desc_wrap .contact_agreement input{position: relative;top: 7px;width: 31px;height: 31px;border-radius: 7px;appearance: none;background-color: transparent;z-index: 88;}
.main_contact_wrap .contact_desc_wrap .contact_agreement .checkmark{position: absolute;left: 0;top: 58px;width: 31px;height: 31px;border-radius: 7px;background-color: #fff;}
.main_contact_wrap .contact_desc_wrap .contact_agreement .checkmark::after{content: '';position: absolute;display: none;left: 12px;top: 6px;width: 8px;height: 16px;border: solid white;border-width: 0 3px 3px 0;transform: rotate(45deg);}
.main_contact_wrap .contact_desc_wrap .contact_agreement input:checked + .checkmark{background-color: #007FFF;}
.main_contact_wrap .contact_desc_wrap .contact_agreement input:checked + .checkmark:after{display: block;}
.main_contact_wrap .contact_desc_wrap .contact_agreement label{font-size: 22px;font-weight: 500;line-height: 1.2em;color: #fff;margin-left: 11px;}
.main_contact_wrap .contact_desc_wrap .contact_agreement label button{text-decoration: underline;}

.main_contact_wrap .contact_desc_wrap #contact_submit{width: 275px;height: 70px;border-radius: 24px;background-color: #007FFF;font-size: 26px;font-weight: 800;line-height: 1.2em;color: #fff;text-align: center;margin-left: 210px;padding-top: 2px;}
.main_contact_wrap .contact_desc_wrap #contact_submit:hover{
  text-decoration: underline;
}

@media screen and (max-width: 1300px) {
  .main_contact_wrap .inner{flex-direction: column;}
  
  .main_contact_wrap .contact_desc_wrap{margin-top: 50px;}
}
@media screen and (max-width: 1024px) {
  .main_contact_wrap{padding: 140px 0 120px;}

  .main_contact_wrap .contact_title h2{font-size: 62px;}
  .main_contact_wrap .contact_title p{font-size: 22px;margin-top: 16px;}

  .main_contact_wrap .contact_desc_wrap .contact_desc h3{font-size: 22px;margin-top: 30px;padding-bottom: 30px;}
  .main_contact_wrap .contact_desc_wrap .contact_desc h3 span{margin-right: 10px;}

  .main_contact_wrap .contact_desc_wrap .contact_desc .contact_1{width: 100%;padding: 0 40px;margin: 0;}
  .main_contact_wrap .contact_desc_wrap .contact_desc .contact_1 label{font-size: 20px;}

  .main_contact_wrap .contact_desc_wrap .contact_desc .contact_2{width: 100%;padding: 0 40px;margin: 0;}
  .main_contact_wrap .contact_desc_wrap .contact_desc .contact_2 label{font-size: 20px;}
  .main_contact_wrap .contact_desc_wrap .contact_desc .contact_2 input{height: 60px;border-radius: 20px;padding: 20px;margin: 18px 0;font-size: 20px;}

  .main_contact_wrap .contact_desc_wrap .contact_desc .contact_3{padding: 0 40px;}
  .main_contact_wrap .contact_desc_wrap .contact_desc .contact_3 textarea{width: 100%;height: 200px;border-radius: 20px;padding: 22px 20px;font-size: 20px;margin: 0;}

  .main_contact_wrap .contact_desc_wrap .contact_agreement{margin-left: 40px;padding: 40px 0;}
  .main_contact_wrap .contact_desc_wrap .contact_agreement input{width: 28px;height: 28px;border-radius: 5px;}
  .main_contact_wrap .contact_desc_wrap .contact_agreement .checkmark{position: absolute;left: 0;top: 48px;width: 28px;height: 28px;border-radius: 5px;}
  .main_contact_wrap .contact_desc_wrap .contact_agreement .checkmark::after{left: 11px;top: 6px;width: 7px;height: 14px;}
  .main_contact_wrap .contact_desc_wrap .contact_agreement label{font-size: 20px;margin-left: 10px;}

  .main_contact_wrap .contact_desc_wrap #contact_submit{width: 200px;height: 60px;border-radius: 20px;font-size: 22px;margin-left: 150px;padding-top: 2px;}
}
@media screen and (max-width: 768px) {
  .main_contact_wrap{padding: 120px 0 100px;}

  .main_contact_wrap .contact_title h2{font-size: 50px;}
  .main_contact_wrap .contact_title p{font-size: 20px;margin-top: 12px;}

  .main_contact_wrap .contact_desc_wrap{margin-top: 20px;}

  .main_contact_wrap .contact_desc_wrap .contact_desc h3{font-size: 20px;padding-bottom: 20px;}
  .main_contact_wrap .contact_desc_wrap .contact_desc h3 span{margin-right: 8px;}

  .main_contact_wrap .contact_desc_wrap .contact_desc .contact_1{padding: 0 30px;}
  .main_contact_wrap .contact_desc_wrap .contact_desc .contact_1 label{font-size: 18px;}

  .main_contact_wrap .contact_desc_wrap .contact_desc .contact_2{padding: 0 30px;}
  .main_contact_wrap .contact_desc_wrap .contact_desc .contact_2 label{font-size: 18px;}
  .main_contact_wrap .contact_desc_wrap .contact_desc .contact_2 input{height: 40px;border-radius: 12px;padding: 10px;margin: 14px 0;font-size: 18px;}

  .main_contact_wrap .contact_desc_wrap .contact_desc .contact_3{padding: 0 30px;}
  .main_contact_wrap .contact_desc_wrap .contact_desc .contact_3 textarea{height: 150px;border-radius: 12px;padding: 12px 10px;font-size: 18px;}

  .main_contact_wrap .contact_desc_wrap .contact_agreement{margin-left: 30px;padding: 30px 0;}
  .main_contact_wrap .contact_desc_wrap .contact_agreement input{top: 3px;width: 20px;height: 20px;border-radius: 5px;}
  .main_contact_wrap .contact_desc_wrap .contact_agreement .checkmark{position: absolute;left: 0;top: 33px;width: 20px;height: 20px;border-radius: 3px;}
  .main_contact_wrap .contact_desc_wrap .contact_agreement .checkmark::after{left: 7px;top: 5px;width: 5px;height: 10px;border-width: 0 2px 2px 0;}
  .main_contact_wrap .contact_desc_wrap .contact_agreement label{font-size: 18px;margin-left: 8px;}

  .main_contact_wrap .contact_desc_wrap #contact_submit{width: 150px;height: 40px;border-radius: 10px;font-size: 18px;margin-left: 30px;padding-top: 2px;}
}
@media screen and (max-width: 512px) {
  .main_contact_wrap{padding: 100px 0 80px;}

  .main_contact_wrap .contact_title h2{font-size: 36px;}
  .main_contact_wrap .contact_title p{font-size: 16px;margin-top: 8px;}

  .main_contact_wrap .contact_desc_wrap{margin: 10px 0 0 0;}

  .main_contact_wrap .contact_desc_wrap .contact_desc > li{
    padding-bottom: 10px;
  }
  .main_contact_wrap .contact_desc_wrap .contact_desc h3{font-size: 20px;margin-top: 20px;font-weight: 900;padding-bottom: 16px;}
  .main_contact_wrap .contact_desc_wrap .contact_desc h3 span{margin-right: 6px;}

  .main_contact_wrap .contact_desc_wrap .contact_desc .contact_1{gap: 10px;flex-wrap: wrap;padding: 0 24px; padding-left: 30px;}
  .main_contact_wrap .contact_desc_wrap .contact_desc .contact_1 label{font-size: 16px;width: calc(50% - 12px);}

  .main_contact_wrap .contact_desc_wrap .contact_desc .contact_2{padding: 0 24px; padding-left: 30px;}
  .main_contact_wrap .contact_desc_wrap .contact_desc .contact_2 label{font-size: 16px;}
  .main_contact_wrap .contact_desc_wrap .contact_desc .contact_2 input{height: 36px;border-radius: 6px;padding: 6px;margin: 10px 0;font-size: 16px;}
  .main_contact_wrap .contact_desc_wrap .contact_desc .contact_2 .con2_1, .main_contact_wrap .contact_desc_wrap .contact_desc .contact_2 .con2_2{width: 100%;}

  .main_contact_wrap .contact_desc_wrap .contact_desc .contact_3{padding: 0 24px; padding-left: 30px;}
  .main_contact_wrap .contact_desc_wrap .contact_desc .contact_3 textarea{height: 100px;border-radius: 6px;padding: 12px 10px;font-size: 16px;}

  .main_contact_wrap .contact_desc_wrap .contact_agreement{display: block;margin-left: 30px;padding: 10px 0;}
  .main_contact_wrap .contact_desc_wrap .contact_agreement input{top: 2px;width: 14px;height: 14px;border-radius: 5px;}
  .main_contact_wrap .contact_desc_wrap .contact_agreement .checkmark{position: absolute;left: 0;top: 17px;width: 14px;height: 14px;border-radius: 3px;}
  .main_contact_wrap .contact_desc_wrap .contact_agreement .checkmark::after{left: 5px;top: 3px;width: 4px;height: 8px;}
  .main_contact_wrap .contact_desc_wrap .contact_agreement label{font-size: 16px;font-weight: 400;margin-left: 4px;}

  .main_contact_wrap .contact_desc_wrap #contact_submit{width: 120px;height: 40px;border-radius: 6px;font-size: 16px;margin-top: 10px;margin-left: 30px;padding-top: 2px;}
}