@charset "utf-8";
/* CSS Document */
@media screen and (max-width:1680px) {}

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

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

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

  [data-aos^=fade][data-aos^=fade] {
    opacity: 1 !important;
    transform: translateZ(0) !important;
  }

  .moAc {
    text-align: center !important;
  }
  .moAl {
    text-align: left !important;
  }
  .moBr br {
    display: block !important;
  }

  /*************************** INC ***************************/
  .box1 {
    width: 92%;
  }

  /*************************** Header ***************************/
  #header .gnb_wrap {
    display: none;
  }
  .headH,
  #header .gnb_wrap .gnb > li,
  #header .gnb_wrap .gnb > li .dp1 {
    height: 5.5rem;
  }
  #header .util_wrap {
    gap: 0 3.5vw;
  }
  #header .all_wrap .all_btn {
    width: 3.5rem;
    height: 3.5rem;
  }
  #header .util_wrap .menu > li .in .tt {
    font-size: 1rem;
  }
  #header .all_wrap .all_layer .all_header .close_btn {
    width: 3.5em;
    height: 3.5em;
  }
  #header .all_wrap .all_layer .wrap_top .all_mem > li .in .tt {
    font-size: 1rem;
  }
  #header .all_wrap .all_layer .wrap_middle .gnb {
    flex-direction: column;
    padding-bottom: 8rem;
  }
  #header .all_wrap .all_layer .wrap_middle .gnb > li {
    border-left: none;
  }
  #header .all_wrap .all_layer .wrap_middle .gnb > li .dp1 .arrow {
    width: 0.3125rem;
    height: 0.3125rem;
  }
  #header .all_wrap .all_layer .wrap_middle .gnb > li .dp2 > li > a .tt {
    font-size: 1.25em;
  }
  #header .all_wrap .all_layer .wrap_middle .gnb > li ul {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem 0;
  }
  #header .all_wrap .all_layer .wrap_middle .gnb > li ul > li {
    margin-right: 1rem;
  }

  #header .search_wrap .search_layer .wrap_in {
    width: 100%;
    padding: 0 4%;
  }
  #header .search_wrap .search_layer .search {
    height: 3.5rem;
  }
  #header .search_wrap .search_layer .sc_close .close_btn {
    width: 3.5rem;
    height: 3.5rem;
    right: 0;
  }
  /* // */

  /*************************** Main ***************************/
  /* INC */
  .main_con {
    padding: 5em 0;
  }
  .main_layout {
    gap: 4em 6em;
  }
  .main_layout > li.w1 {
    width: 100%;
  }
  .main_layout > li.w2 {
    width: 100%;
  }

  /* Visual Slider */
  .visualSlider_wrap .slogan .t2 {
    font-size: 2.5em;
    line-height: 1.5em;
  }

  /* Intro */
  .main_txt .inPosVod.st1 {
    width: 50vw;
  }
  .main_layout {
    flex-direction: column;
  }
  .main_layout > li .p1 {
    padding-top: 0;
  }

  /* Business */
  .main_business .main_layout:nth-child(1) {
    flex-direction: column-reverse;
  }
  .main_layout > li .wrap_img {
    height: 50vw;
  }
  .main_layout > li.inm1 {
    margin: 0;
  }

  /* Product */
  .main_product {}
  .main_product .main_prod_wrap {
    position: relative;
    width: 100%;
    padding: 5em 6%;
  }
  .main_product .main_con {
    padding-bottom: 0;
  }

  /* Customers */
  .main_partners_list .list > li {
    min-width: 7.5em;
  }
  /* // */

  /*************************** Footer ***************************/
  #footer .inner {
    gap: 5vw;
  }
  #footer .inner .logo,
  #footer .info_wrap {
    width: 100%;
    flex: 1 1 100%;
  }
  /* // */

}
@media screen and (max-width:768px) {
  /*************************** Header ***************************/
  #header .logo {
    width: 25vw;
  }
  .wrapHide,
  .scroll .headH,
  .scroll #header .gnb_wrap .gnb > li,
  .scroll #header .gnb_wrap .gnb > li .dp1 {
    height: 4.5rem;
  }
  #header .all_wrap .all_btn,
  #header .all_wrap .all_layer .all_header .close_btn,
  #header .search_wrap .search_layer .sc_close .close_btn,
  .main_more > .more.st1 {
    width: 3.125rem;
    height: 3.125rem;
  }
  #header .util_wrap .menu > li:last-child {
    display: none;
  }

  /*************************** Main ***************************/
  /* Inc */
  .main_txt_wrap:not(:last-child) {
    margin-bottom: 2em;
  }
  .main_txt .t4 {
    font-size: 1.125rem;
  }
  .main_txt .t7 {
    font-size: 1.5em;
  }
  .main_txt .t8 {
    font-size: 1.5em;
  }
  .main_txt .t9 {
    font-size: 2em;
  }
  .main_txt .t10 {
    font-size: 3em;
  }
  .main_txt .t12 {
    font-size: 3.5em;
  }
  .main_txt:not(:last-child) {
    margin-bottom: 2em;
  }
  .main_layout {
    gap: 0 6em;
  }
  .main_layout > li .p1 {
    padding-bottom: 3em;
  }
  .main_con {
    padding: 3.5em 0;
  }
  .main_con.bg1 {
    margin-bottom: -1px;
  }
  .main_layout > li .round {
    border-radius: 1em;
  }

  /* Visual */
  .visualSlider_wrap .slogan .t1 {
    font-size: 8rem;
  }
  .visualSlider_wrap .slogan .t2 {
    font-size: 1.5rem;
  }
  /* // */
  /* about */
  .main_about .itemList > li .in {
    padding: 1em 1.5em 0.5em 1em;
  }
  .main_about .itemList > li:nth-child(1) {
    height: 16em;
  }
  .main_about .itemList > li:nth-child(5) {
    width: calc(33% - .6666em);
    margin-top: auto;
  }
  .main_about .itemList > li:nth-child(6) {
    width: calc(33% - .6666em);
    height: 16em;
  }
  .main_about .itemList > li:nth-child(7) {
    width: calc(33% - .6666em);
    height: 16em;
  }
  .main_about .itemList > li .in .ico_wrap {
    width: 4em;
  }
  /* // */

  /* Business */
  .main_business .main_layout {}
  .main_business .img_box .main_txt {
    margin-top: -1em;
  }

  .main_layout + .main_layout {
    margin-top: 4em;
  }
  .main_layout > li.inm2 {
    margin-top: 4em;
  }
  .main_layout + .main_layout {}
  /* // */

  /* Product */
  .main_product .main_prod_wrap {
    padding: 3.5em 8%;
  }
  /* // */

  /* Customers */
  .main_partners_list .list.marqueeAni {
    gap: 3em;
    margin-top: 3em !important;
  }
  .main_partners_list .list > li::after {
    right: -1.5em;
  }

  /* Inquiry */
  .main_layout .inForm {
    padding-top: 3em;
  }
  .main_inquiry .form_wrap .form {
    font-size: 1rem;
  }
  .main_inquiry .form_wrap .form > li .inp_wrap .tit .tt {
    font-size: 1em;
  }
  .main_inquiry .form_wrap .form > li:not(.w100) {
    width: 100%;
  }
  .main_inquiry .form_wrap .form_chk {
    flex-wrap: wrap;
    justify-content: center;
    gap: 3em;
  }
  .main_inquiry .form_wrap .form_chk .chk {
    width: 100%;
  }
  /* // */

  /*************************** Footer ***************************/
  #footer .inner .logo {
    max-width: 8.5rem;
  }
  #footer .info_wrap .menu > li > .in .tt {
    font-size: 1rem;
  }
  #footer .info_wrap .menu > li:not(:last-child) > .in:after {
    height: 0.875rem;
  }
  /* // */
}


@media screen and (max-width:500px) {
  /*************************** Header ***************************/
  #header .util_wrap {
    gap: 5vw;
  }
  #header .util_wrap .menu {
    display: none;
  }
  #header .all_wrap .all_layer .all_header .all_logo {
    width: 25vw;
  }
  #header .all_wrap .all_layer .wrap_top .all_mem {
    justify-content: center;
  }
  #header .all_wrap .all_layer .wrap_middle .gnb > li {
    padding: 0;
    padding-bottom: 2em;
  }
  #header .all_wrap .all_layer .wrap_middle .gnb > li.act {
    background: transparent;
  }
  #header .all_wrap .all_layer .wrap_middle .gnb > li ul {
    gap: 0.5em 0;
  }
  #header .all_wrap .all_layer .wrap_middle .gnb > li ul {
    padding: 0.5em 2em;
  }
  #header .all_wrap .all_layer .wrap_middle .gnb > li .dp1 .tt {
    font-size: 1.5em;
  }
  #header .all_wrap .all_layer .wrap_middle .gnb > li .dp2 {
    padding-left: 1em;
  }
  #header .all_wrap .all_layer .wrap_middle .gnb > li .dp2 > li {
    width: 100%;
  }
  #header .all_wrap .all_layer .wrap_middle .gnb > li .dp2 > li > a .tt {
    font-size: 1.125em;
    opacity: 0.9;
  }
  #header .all_wrap .all_layer .wrap_middle .gnb > li .dp1 .in {
    gap: 0.5em;
  }
  #header .all_wrap .all_layer .wrap_middle .gnb > li .dp1 .arrow {
    margin-bottom: 0.175em;
  }

  #header .search_wrap .search_layer .sc_tit .tt {
    font-size: 2em;
  }
  #header .search_wrap .search_layer .search .input_st {
    font-size: 1em;
  }
  #header .search_wrap .search_layer .sc_keyword .kw_tit .tt {
    font-size: 1.125em;
  }

  #header .all_wrap .all_btn,
  #header .all_wrap .all_layer .all_header .close_btn,
  #header .search_wrap .search_layer .sc_close .close_btn,
  .main_more > .more.st1 {
    width: 3rem;
    height: 3rem;
  }



  /* // */

  /*************************** Main ***************************/
  /* INC */
  .main_txt .txt {
    margin-top: 1em;
  }
  .main_txt .t4 {
    font-size: 1rem;
  }
  .main_txt .t7 {
    font-size: 1.25rem;
  }
  .main_txt .t9 {
    font-size: 1.5rem;
  }
  .main_txt .t10 {
    font-size: 2.5rem;
  }
  .main_more > .more {
    height: 3em;
    min-width: 9em;
  }
  .main_more > .more .in_tt {
    font-size: 1rem;
  }

  /* Visual */
  .visualSlider_wrap .slogan .t1 {
    font-size: 5rem;
  }
  .visualSlider_wrap .slogan .t2 {
    font-size: 1.25rem;
  }
  .visualSlider_control .box1 {
    justify-content: center;
  }

  /* About */
  .main_about .itemList > li:nth-child(5) {
    width: 90%;
  }
  .main_about .itemList > li:nth-child(6),
  .main_about .itemList > li:nth-child(7) {
    width: calc(50% - 0.5em);
  }

  /* Business */
  .main_business .img_box .main_txt {
    margin-top: 1em;
    padding: 0 0.5em;
  }

  /* Product */
  .mainProdSlider .el .wrap_in {
    gap: 1em;
  }
  .mainProdSlider .el .wrap_in .img_wrap {
    border-bottom: 1px solid #ddd;
  }
  .mainProdSlider .el .wrap_in .con_wrap .cate .tt {
    font-size: 0.875rem;
  }
  .mainProdSlider_wrap .swiperControl {
    left: -1.25rem;
    right: -1.25rem;
  }
  .swiperBtn.btn {
    width: 2.5rem;
    height: 2.5rem;
  }

  /* Agency */
  .mainAgencySlider {
    width: 85%;
    overflow: visible !important;
    margin: 0 auto 0 0 !important;
  }

  /* Inquiry */
  .main_inquiry .form_wrap .form > li .inp_wrap .tit {
    padding-left: 1em;
  }
  .main_inquiry .form_wrap .form_chk .chk {
    flex-wrap: wrap;
  }
  .main_inquiry .form_wrap .form_chk .btn .input_st {
    width: 8em;
    height: 3em;
  }
  .main_inquiry .form_wrap .form > li .inp_wrap .input_st:not(textarea) {
    padding-left: 5em;
  }
  .main_inquiry .form_wrap .form_chk .chk .round {
    border-radius: 5px;
  }
  /* // */

  /*************************** Footer ***************************/
  #footer .inner {
    padding: 3em 0;
  }
  #footer .info_wrap .menu > li > .in .tt {
    font-size: 0.875rem;
  }
  #footer .info_wrap .menu > li:not(:last-child) > .in:after {
    margin: 0 1em;
  }
  #footer .info_wrap .info {
    margin-top: 1.5em;
  }
  #footer .inner .logo {
    max-width: 25vw;
  }
  /* // */

  /*************************** Pop ***************************/
  html.pop .popWrap .popTit .popClose .xi {
    font-size: 1.5em;
  }
  html.pop .popWrap .popTit {
    padding: 1em;
  }
  html.pop .popWrap .popTit .tit {
    padding-top: 0;
  }
  html.pop .popWrap .popTit .tit .t1 {
    font-size: 1.25em;
  }
  html.pop .popWrap .popIn {
    padding: 1em;
  }
  html.pop .popWrap .popIn .popCon .agree_box {
    font-size: 1rem;
    padding: 1em;
  }
  .page_email .email_top {
    padding: 1em;
  }
  .page_email .email_top br {
    display: none;
  }
  /* // */
}

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

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

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

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

@media all and (max-width:1024px) and (orientation:landscape) {}

@media screen and (max-device-width:1024px) {}