@charset "utf-8";
/* CSS Document */
@media screen and (max-width:1600px) {
  .dp1_product #contents .sub_page_con {
    padding-top: 7.5em;
  }
  #contents .sub_page_con .con_tit .tt {
    font-size: 2em;
  }
  .filter-tit-wrap {
    height: 2.25em;
  }
  .filter-tit-wrap .page_tt.s10 {
    font-size: 1.75em;
  }
  .filter-search > button {
    height: 2.25em;
  }
  .filter-search > button .xi {
    font-size: 1.25rem;
  }
  .prod-layout .filter-wrap {
    max-width: 250px;
  }
  .prod-layout .filter-list > li .filter-tit {
    padding: 0.75em 0;
  }
  .prod-layout .filter-list > li .filter-tit .page_tt.s4 {
    font-size: 1.125em;
  }
  .filter-options {
    padding: 1em 0.5em 1em;
  }
  .prod-layout .filter-list > li .filter-tit::after {
    font-size: 1.125rem;
  }
  .prod-list > li .prod-st .prod-info .type .page_tt.s2 {
    font-size: 1rem;
  }
}

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

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

/******************************************* 1024px *******************************************/
@media screen and (max-width:1024px) {
  .layerWrap {
    z-index: 100000;
  }
  .pcHide {
    display: block !important;
  }
  .moHide {
    display: none !important;
  }

  [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;
  }
  #header .all_wrap .all_layer {
    z-index: 3100;
  }

  /* 통합검색 */
  .search-con .search-box {
    width: 100%;
  }
  .search-list > li .inner .depth1 .numVal {
    font-size: 1.5rem;
  }
  .prod-main.st2 .main-lay {
    flex-wrap: wrap;
  }
  .prod-main.st2 .main-lay > li {
    flex: 1 1 calc(33% - 1em);
    max-width: calc(33% - 0.5em);
  }
  /* // */
  
  /* // */

  /*************************** 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%;
  }
  /* // */


  /*************************** Sub Page ***************************/
  /* Contents */
  #contents .sub_page_top {
    height: 45vh;
  }
  #contents .sub_page_tit {
    padding: 0 0 1.5em 0;
  }
  #contents .sub_page_tit .wrap_tit .sub_tit .tt {
    font-size: 4em;
  }
  #contents .sub_page_tit .wrap_tit .sub_txt .tt {
    font-size: 3.5em;
  }
  #contents .sub_page_menu {
    width: 100%;
  }
  #contents .sub_page_menu .home {
    display: none;
  }
  #contents .sub_page_menu .drop_menu {
    flex: 2.5;
  }
  #contents .sub_page_menu .drop_menu .drop_tit {
    min-width: 5em;
    justify-content: flex-start;
    gap: 0 1em;
  }
  #contents .sub_page_menu .menu {
    flex: 5;
  }
  #contents .sub_page_menu .menu .gnb .dp2 > li {
    flex: 1;
    max-width: 50%;
  }
  #contents .sub_page_con .con_menu {
    margin-top: 2em;
  }
  #contents .sub_page_con .con_menu .gnb > li .dp3 > li > a .tt {
    font-size: 1.125em;
  }
  #contents .sub_page_con .con_tit .tt {
    font-size: 2.5em;
  }
  #contents .doc {
    padding: 3em 0 7em;
  }
  /* // */
  /* page_con */
  .page_con {
    padding: 3em 0;
  }
  .doc.pd0 .page_con:last-child, 
  .doc.pb0 .page_con:last-child {
    padding-bottom: 7em;
  }
  /* // */
  /* page_tt */
  .page_txt:not(:last-child) {
    margin-bottom: 1.5em;
  }
  .page_tt.s3 {
    font-size: 1em;
  }
  .page_tt.s5 {
    font-size: 1.125em;
  }
  .page_tt.s6 {
    font-size: 1.250em;
  }
  .page_tt.s8 {
    font-size: 1.500em;
  }
  .page_tt.s9 {
    font-size: 2.000em;
  }
  .page_tt.s10 {
    font-size: 2.000em;
  }
  .page_tt.s11 {
    font-size: 3.000em;
  }
  .page_tt.s12 {
    font-size: 3.250em;
  }
  .page_tt.s13 {
    font-size: 3.500em;
  }
  .page_tt.s14 {
    font-size: 4.250em;
  }
  /* // */
  /* about - greetings */
  .page_greetings .page_col {
    gap: 0;
  }
  .page_greetings .page_col > li {
    width: 100%;
  }
  .page_greetings .page_col .gsimgFix {
    order: 2;
  }
  .page_greetings .page_col .gsimgFix .posImg {
    min-height: auto;
    height: 50vh;
  }
  .page_greetings .page_col .inTxt {
    order: 1;
    flex: 1 1 100%;
  }
  .page_greetings .page_col > li .p1 {
    padding: 0 0 4em 0;
  }
  /* // */
  /* about - overview */
  .page_overview .page_txt .tit.icon.st1 .page_tt {
    text-align: center;
  }
  .page_overview .page_col {
    gap: 0;
  }
  .page_overview .page_col > li {
    flex: 1 1 100%;
    width: 100%;
  }
  .page_overview .page_col .gsimgFix.st2 .posImg {
    height: 30vh;
  }
  .page_overview .page_col .gsimgFix.st2 .posImg img {
    height: 100%;
  }
  .page_col.overview {
    gap: 1.5em;
  }
  .page_col.overview .img-wrap {
    height: 30vh;
  }
  .vision-list {
    flex-wrap: wrap;
  }
  .vision-list > li {
    width: 100%;
    flex: 1 1 100%;
  }
  /* // */
  /* about - history */
  .history-intro {
    height: 30vh;
  }
  .history-section .inner .year.active > p {
    font-size: 2.5em;
  }
  .history-section .inner .year-list {
    padding-left: 15%;
  }
  .history-section .inner .year-list > li:first-child {
    padding-top: 0.5em;
  }
  .history-img {
    height: 25vh;
  }

  #historyNav {
    width: 92%;
    margin: 0 auto;
  }
  #historyNav .nav-list {
    justify-content: center;
  }
  /* // */
  /* about - ci */
  .ci-container .page_col {
    gap: 1em;
  }
  .ci-container .page_col > li {
    width: 100%;
    flex: 1 1 100%;
  }
  /* // */
  /* about - location */
  .map-container .page_col {
    gap: 0;
  }
  .map-container .page_col > li {
    width: 100%;
    flex: 1 1 100%;
  }
  .map-container .map-info .info-wrap {
    padding-top: 1.5em;
  }
  .map-info .tab-title {
    justify-content: center;
  }
  .map-info .info-list {
    display: flex;
    flex-wrap: wrap;
  }
  .map-info .info-list > li:first-child {
    flex: 1 1 100%;
  } 
  .map-info .info-list:last-child > li:nth-child(2) {
    flex: 1 1 100%;
  }
  .map-info .info-list > li {
    flex: 1 1 50%;
  }
  .map-info .info-list .info-area {
    padding-top: 0;
  }
  .map-info .info-list > li dd {
    font-size: 1.25em;
  }
  .map-info .info-list > li dl {
    padding-right: 0;
  }
  /* // */

  /* rnd - intro */
  .section-lay-img .imgfix {
    width: 100%;
    height: 30vh;
  }
  .rnd-container .page_col > li.w2 {
    width: 35%;
  }
  .rnd-container .page_col {
    gap: 2em;
  }
  .rnd-list-wrap .list {
    flex-direction: column;
  }
  .rnd-container .inner .rnd-list-wrap .bg-wrap {
    height: 30vh;
  }
  /* // */

  /* rnd - objective */
  .object-list > li .circle-area {
    width: 26vw;
    height: 26vw;
  }
  .object-list > li .circle-area .txt-area {
    padding: 0.5em;
  }
  .object-list > li .circle-area .txt-area > p {
    font-size: 1.5em;
  }
  .objective-ico .ico-list {
    justify-content: space-between;
  }
  .objective-ico .ico-list > li .ico-area .ico .imgfix {
    width: 4em;
    height: 4em;
  }
  /* // */

  /* rnd - facility */
  .facility-table {
    width: 100%;
    overflow-x: scroll;
  }
  .facility-table .board_table {
    width: 1023px;
  }
  .facility-table .board_table td,
  .facility-table .board_table th {
    font-size: 1rem;
  }
  .w_no {
    width: 4em;
  }
  .facility-table .board_table td {
    padding: 0.5em 1em;
  }
  .chamber-list {
    gap: 1em !important;
  }
  .prod-detail .in-list.st2 > li {
    border-left: 1px solid #ddd;
    border-top: 1px solid #ddd;
  }
  .prod-detail .in-list.st2 > li:last-child {
    border-top: none;
  }
  .prod-detail .in-list > li > dl dt {
    flex: 0 0 35%;
  }
  /* // */

  /* rnd - certification */
  .cert-container .cert-list > li .inner .img-wrap .imgfix {
    height: 30vh;
  }
  .imgLayerModal .img-swiper-con {
    width: 100vw;
  }
  /* // */

  /*************************** Product ***************************/
  .prod-layout .filter-list {
    height: 58vh;
    box-shadow: none;
  }
  /* .prod-list > li > .act {
    cursor: pointer;
    opacity: 0.5;
  }
  .prod-list > li .prod-st.act {
    pointer-events: none;
  } */
  /* // */

  /*************************** Measuring ***************************/
  .prod-list > li {
    flex: 1 1 calc(33% - 1em);
    max-width: calc(33% - 0.75em)
  }
  .prod-list > li .prod-st .prod-img .imgfix {
    height: auto;
    aspect-ratio: 1/1;
  }
  /* // */

  /*************************** Product ***************************/
  .prodLaySlide-control {
    display: none;
  }
  .product-list-wrap .list-side {
    margin-top: 1.5em;
    margin-bottom: 1em;
  }
  /* view */
  .agency-view-top {
    flex-wrap: wrap;
  }
  .agency-view-top .view-img {
    flex: 1 1 100%;
  }
  .agency-view-top .view-img .img-wrap .imgfix {
    height: auto;
    aspect-ratio: 1/1;
  }
  .agency-view-top .view-img .img-wrap .change-btn .prev {
    margin-left: 1em;
  }
  .agency-view-top .view-img .img-wrap .change-btn .next {
    margin-right: 1em;
  }
  .moblie-filter-wrap {
    z-index: 2000;
  }
  /* // */

  /*************************** customer ***************************/
  /* inquiry */
  .inquiry-lay > li {
    flex: 1 1 100%;
  }
  .inquiry-con .form_wrap .form > li .inp_wrap .tit {
    top: -2px;
  }
  .inquiry-con .form_wrap .form > li .inp_wrap .input_st:not(textarea) {
    padding-left: 6em;
  }
  .inquiry-con .form_wrap .form > li .inp_wrap .input_st {
    border-radius: 0;
  }
  /* recruitment */
  .deco-line {
    margin: 4.5em 0 0;
  }
  .welfare-list > li {
    flex: 0 0 calc(33% - 0.55em);
  }
  .welfare-list > li .inner .icon .imgfix {
    width: 70px;
  }
  /* // */

  /*************************** Mypage ***************************/
  .box2 {
    width: 92%;
  }
  .dp1_mypage #contents .sub_page_menu .menu .gnb .dp2 > li > a {
    padding: 0 1.5em;
    min-width: 5em;
  }
  .dp1_mypage #contents .sub_page_menu .drop_menu {
    flex: 2;
  }
  .dp1_mypage #contents .sub_page_menu .drop_menu .drop_tit {
    padding: 0 1.5em;
  }
  /* // */
  /* // */
}

/******************************************* 768px *******************************************/
@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;
  }
  /* // */

  /*************************** Sub Page ***************************/
  #contents .sub_page_top {
    height: 35vh;
  }
  #contents .sub_page_tit .wrap_tit .sub_tit .tt {
    font-size: 2.5em;
  }
  #contents .sub_page_tit .wrap_tit .sub_txt .tt {
    font-size: 3em;
  }
  #contents .sub_page_tit .tit_inner {
    padding: 1.5em 0 2.5em 0;
  }
  #contents .sub_page_menu .menu .gnb .dp2 > li > a {
    padding: 1em 1em;
  }
  .dp2_partner #contents .sub_page_menu .drop_menu {
    flex: 3.5;
  }
  #contents .sub_page_menu .drop_menu .drop_tit {
    padding: 0 1em;
  }
  #contents .sub_page_menu .drop_menu .drop_tit .tt,
  #contents .sub_page_menu .menu .gnb .dp2 > li > a .tt {
    font-size: 1em;
  }
  #contents .sub_page_menu .drop_menu {}
  #contents .sub_page_menu .menu .gnb .dp2 > li > a {
    min-width: auto;
  }
  #contents .sub_page_menu .wrapH, 
  #contents .sub_page_menu .menu .gnb .dp2 > li > a {
    height: 3.5em;
  }
  #contents .sub_page_con {
    padding: 3em 0 0;
  }
  #contents .sub_page_con .con_tit .tt {
    font-size: 1.75em;
  }
  #contents .sub_page_con .con_menu {
    margin-top: 1.5em;
  }
  #contents .sub_page_menu .drop_menu .gnb {
    padding: 0.75em 1em;
  }
  #contents .sub_page_menu .drop_menu .gnb > li .dp1 .tt {
    font-size: 0.875em;
  }
  #contents .sub_page_con .con_menu .gnb > li .dp3 {
    flex-wrap: wrap;
  }
  #contents .sub_page_con .con_menu .gnb > li .dp3 > li {
    width: calc(33% - 0.83333em);
  }
  #contents .sub_page_con .con_menu .gnb > li .dp2 li.m2_rnd .dp3 > li {
    width: calc(50% - 0.8333em);
  }
  #contents .sub_page_con .con_menu .gnb > li .dp3 > li > a {
    height: 3.125em;
  }
  #contents .sub_page_con .con_menu .gnb > li .dp3 > li > a .tt {
    font-size: 1em;
  }
  /* // */

  /* page_con */
  .page_con {
    /* padding: 1.5em 0; */
  }
  /* // */

  /* page_tt */
  .page_tt.s4 {
    font-size: 1.125em;
  }
  .page_tt.s5 {
    font-size: 1.125em;
  }
  .page_tt.s6 {
    font-size: 1.125em;
  }
  .page_tt.s8 {
    font-size: 1.250em;
  }
  .page_tt.s9 {
    font-size: 1.500em;
  }
  .page_tt.s10 {
    font-size: 1.500em;
  }
  .page_tt.s11 {
    font-size: 2.000em;
  }
  .page_tt.s12 {
    font-size: 2.500em;
  }
  .page_tt.s13 {
    font-size: 2.500em;;
  }
  .page_tt.s14 {
    font-size: 3.000em;
  }
  /* // */

  /* page_col */
  .page_col > li .round {
    border-radius: 10px;
  }
  .page_col .gsimgFix .posImg img {
    height: 100%;
  }
  /* // */

  /* sub-title */
  .sub-title > p {
    margin-top: 0;
  }
  .sub-title > p br {
    display: none;
  }
  /* // */

  /* about - greetings */
  .page_greetings .page_con.conP1 {
    padding: 1em 0;
  }
  .page_greetings .ps {
    margin-top: 2em !important;
  }

  /* about - overview */
  .page_list.info > li .in .con_wrap .t1 {
    font-size: 1em;
  }
  .page_list.info > li .in .con_wrap .t2 {
    font-size: 1em;
  }
  /* // */

  /* about - philosophy */
  .philosophy-list {
    gap: 2em 0;
    padding: 1.5em 0 3em;
  }
  .philosophy-list > li .circle-in .icon-area .imgfix {
    width: 40px;
  }
  .philosophy-list > li .circle-in {
    margin-left: 10%;
    width: 30vw;
    aspect-ratio: 1/1;
    padding: .75em 0.5em;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 0.5em;
    text-align: center;
    border-radius: 50%;
  }
  .philosophy-list > li:nth-child(2n + 1) .circle-in {
    flex-direction: column;
    text-align: center;
  }
  .philosophy-list > li:nth-child(1) .circle-in {
    margin-left: auto;
    margin-right: 10%;
  }
  .philosophy-list > li:nth-child(3) .circle-in {
    margin-left: 0;
    margin-right: auto;
  }
  .philosophy-list > li:nth-child(4) .circle-in {
    margin-left: auto;
  }
  .philosophy-list > li:nth-child(5) .circle-in {
    margin-left: auto;
    margin-right: 10%;
  }
  .philoCircle .circleIn {
    width: 35vw;
    aspect-ratio: 1/1;
    height: auto;
  }
  .philoCircle .circleIn::before {
    width: 60vw;
    aspect-ratio: 1/1;
    height: auto;
  }
  .philoCircle .circleIn::after {
    width: 85vw;
    aspect-ratio: 1/1;
    height: auto;
  }
  .philoCircle .circleIn .page_tt {
    font-size: 1.125em;
  }
  .philosophy-list > li .circle-in .txt-area > .page_tt.s6 {
    font-size: 1em;
  }
  .philosophy-list > li .circle-in .txt-area > .page_tt.s3 {
    font-size: 0.875em;
  } 
  /* // */
  /* about - history */
  .history-section .inner {
    flex-wrap: wrap;
  }
  .history-section .inner > .year {
    display: none;
  }
  .history-section .inner > .year-list {
    width: 100%;
    flex: 1 1 100%;
  }
  .history-section .inner .year-list {
    padding-left: 0;
  }
  .history-section .inner .year-list > li p {
    font-size: 1em;
  }
  #historyNav .nav-list {
    display: none;
  }

  #historyNav {
    z-index: 1000;
  }
  #historyNav .nav-list {
    gap: 0.5em;
    justify-content: space-between;
  }
  #historyNav .nav-list > li .in {
    font-size: 1em;
    padding: 0.25em 0.75em;
  }
  /* // */

  /* about - ci */
  .ci-container .page_txt .txt br {
    display: none;
  }
  .l-color .list {
    flex-direction: column;
  }
  /* // */

  /* about - location */
  .map-info .tab-title {
    gap: 1.5em;
  }
  .map-info .info-list > li dt {
    font-size: 1rem;
  }
  .map-info .info-list > li dd {
    font-size: 1.125em;
  }
  /* // */

  /* rnd - container */
  .rnd-container .page_col {
    flex-direction: column;
    gap: 0;
  }
  /* // */

  /* rnd - objective */
  .object-list {
    flex-direction: column;
    margin: 0 5vw;
    gap: 2em;
  }
  .object-list > li {
    width: 100%;
  }
  .object-list > li .circle-area {
    width: 100%;
    height: auto;
    aspect-ratio: 1/1;
  }
  .objective-ico .ico-list {
    gap: 1em;
  }
  .objective-ico .ico-list > li:nth-child(1) {flex: 0 0 calc(60% - 1em);}
  .objective-ico .ico-list > li:nth-child(2) {flex: 0 0 calc(43% - 1em);}
  .objective-ico .ico-list > li:nth-child(3) {flex: 0 0 calc(50% - 2em);}
  .objective-ico .ico-list > li:nth-child(4) {flex: 0 0 calc(60% - 2em);}
  .objective-ico .ico-list > li:nth-child(5) {flex: 0 0 calc(71% - 2em);}
  .objective-ico .ico-list > li:nth-child(6) {flex: 0 0 calc(35% - 1em);}
  .objective-ico .ico-list > li:nth-child(7) {flex: 0 0 calc(35% - 2em);}
  .objective-ico .ico-list > li:nth-child(8) {flex: 0 0 calc(36% - 2em);}
  .objective-ico .ico-list > li:nth-child(9) {flex: 0 0 calc(39% - 1em);}
  .objective-ico .ico-list > li .ico-area {
    padding: 1em;
  }
  .quote-title > p br {
    display: none;
  }
  .facilitySwiper {
    width: 80%;
    overflow: visible !important;
    margin-left: 0 !important;
    margin-right: auto !important;
  }
  .facilitySwiper .list > li .img-area .imgfix {
    width: 100%;
    height: auto;
    aspect-ratio: 1/1;
  }
  .facilitySwiper .list > li .img-area .imgfix > img {
    object-fit: contain;
  }
  .facilitySwiper .list > li .prod-name {
    text-align: left !important;
  }
  .facilitySwiper .list > li .prod-name > p {
    font-size: 1.25em;
  }
  .facility-control {
    display: none;
  }
  .chamber-list {
    flex-direction: column;
    gap: 2em !important;
  }
  /* // */

  /* rnd - certification */
  .cert-container .cert-list {
    flex-wrap: wrap;
    gap: 1em;
  }
  .cert-container .cert-list > li {
    flex: 1 1 calc(50% - 1em);
    max-width: calc(50% - 0.5em);
  }
  .cert-container .cert-list > li .inner .img-wrap {
    margin-bottom: 1em;
  }
  .cert-container .cert-list > li .inner .img-wrap .imgfix {
    height: 62vw;
  }
  .imgLayerModal .img-swiper-con {
    width: 80vw;
  }

  /*************************** Product ***************************/
  .prod-list > li {
    flex: 1 1 calc(50% - 1em);
    max-width: calc(50% - 0.75em);
  }
  .agency-view-top .view-btn {
    flex-wrap: wrap;
  }
  .agency-view-top .view-btn > a {
    flex: 1 1 100%;
    width: 100%;
  }
  /* compare */
  .compare-picker {
    z-index: 1234;
  }
  .compare-picker > .picker-bottom {
    flex-wrap: wrap;
  }
  .compare-picker .pick-list {
    width: 92%;
    margin: 0 auto 1em auto;
  }
  .compare-picker .picker-btn {
    width: 100%;
    display: flex;
    flex-direction: row-reverse;
    gap: 10px;
  }
  .compare-picker .picker-btn > button {
    width: 50%;
  }
  .compare-wrapper {
    overflow-x: scroll;
  }
  .compare-list {
    width: 768px;
  }
  .compare-list > li .inner .num {
    top: 1.5em;
    width: 2rem;
    height: 2rem;
  }
  .compare-list > li .inner .num > span {
    font-size: 1em;
    line-height: auto;
  }
  .compare-list > li .inner .datasheet button {
    height: 3.5em;
  }
  .compare-list > li .inner .compare-st {
    padding: 1em;
  }
  /* // */

  /*************************** measuring ***************************/
  .agency-view-top.gap5 {
    gap: 3em;
  }
  .agency-view-top.gap5 .page_txt .txt {
    margin-top: 3em !important;
  }
  .agency-view-top .info-list > li > dl > dt {
    font-size: 0.875em;
    margin-bottom: 0.5em;
  }
  /* // */

  /*************************** Partener ***************************/
  .partner-container .prod-layout {
    margin-top: 3em !important;
  }
  .partner-container .page_col > li {
    width: 100%;
  }
  .partner-list {
    gap: 2em 1em;
  }
  .partner-list > li {
    flex: 1 1 calc(50% - 1em);
  }
  .partner-list > li .partner-st .partner-logo {
    padding: 1.5em;
  }
  .partner-list > li .link-in {
    width: 1.5em;
    height: 1.5em;
    transform: scale(1);
    z-index: 11;
  }
  .partner-list > li .link-in .xi {
    font-size: 0.875em;
  }
  .prod-main .main-lay > li .logo-img {
    max-width: 100%;
    width: 25vw;
    height: 2em;
    /* width: auto;
    height: auto; */
  }
  /* // */

  /*************************** inquiry ***************************/
  .inquiry-con .inform {
    margin-top: 3em;
  }
  .inquiry-con .form_wrap .form_chk {
    flex-wrap: wrap;
  }
  .inquiry-con .form_wrap .form_chk > div {
    flex: 1 1 100%;
    width: 100%;
  }
  .inquiry-con .form_wrap .form_chk .chk {
    justify-content: space-between;
  }
  .inquiry-con .form_wrap .form_chk .btn {
    text-align: center;
    margin-top: 3em;
  }
  .inquiry-con .form_wrap .form > li .inp_wrap .input_st:not(textarea) {
    padding-left: 5.5em;
  }
  .inquiry-con .form_wrap .form > li .inp_wrap .tit .tt {
    font-size: 1rem;
  }
  .inquiry-con .form_wrap .form > li .inp_wrap .input_st {
    font-size: 1rem;
  }

  /* recruitment */
  .deco-line {
    margin: 2.5em 0 0;
  }  
  .department-list > li .in {
    height: 13em;
  }
  .department-list > li .in .txt-wrap {
    bottom: 3em;
    left: 1.5em;
  }
  .welfare-list > li {
    flex: 0 0 calc(50% - 0.55em);
  }
  .welfare-list > li:last-child {
    flex: 0 0 100%;
  } 
  .welfare-list > li .inner {
    padding: 1.5em;
    height: 11em;
  }
  .recruit-inquiry {
    padding: 3em 0 !important;
  }

  /* // */

  /*************************** Member ***************************/
  .simple #contents {
    padding-top: 5em;
  }
  .simple #contents .sub_page_con .con_tit .tt {
    font-size: 2em;
  }
  .box2 {
    width: 92%;
  }
  .loginBorder {
    padding:
  }
  .table_form .wrap_in .con_wrap .inp_tt {
    text-align: left !important;
  }
  .fin_box .tit {
    font-size: 1.5em;
  }
  /* // */
  /*************************** Mypage ***************************/
  /* inquiry */
  .dp1_mypage #contents .sub_page_menu .drop_menu .drop_tit {
    padding: 0 1em;
    gap: 0 0.5em;
  }
  .dp1_mypage #contents .sub_page_menu .menu .gnb .dp2 > li > a {
    padding: 0 1em;
  }

  .myInquiry thead {
    display: none;
  }
  .myInquiry .w_no {
    display: none;
  }
  .myInquiry col {
    display: none;
  }
  .myInquiry tr {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    padding: 0.5em 0 1em 0; 
  }
  .myInquiry tr td {
    display: flex;
    align-items: center;
    font-size: 1em;
    box-sizing: border-box;
    height: 2.5em;
  }
  .board_table .tag {
    font-size: 0.75rem;
  }
  .myInquiry tr td:nth-child(2) {
    border-bottom: none;
    width: fit-content;
    text-align: left;
    order: 1;
  }
  .myInquiry tr td:nth-child(2),
  .myInquiry tr td:nth-child(4) {
    padding: 0 0.25em;
  }
  .myInquiry tr td:nth-child(3) {
    width: 100%;
    border-bottom: none;
    order: 3;
    font-size: 1.125em;
  }
  .myInquiry tr td:nth-child(4) {
    width: fit-content;
    border-bottom: none;
    order: 2;
  }
  .myInquiry tr td:nth-child(5) {
    width: 100%;
    text-align: left;
    font-size: 0.875rem;
    color: #777;
    order: 4;
  }
  /* .box3 {
    width: 100%;
    max-width: 100%;
  } */
  .inquiry-con.view .inform {
    margin-top: 0;
  }
  .inquiry-con.view .form_wrap .form > li {
    width: 100%;
  }
  .inquiry-con.view .form_wrap .form > li .inp_wrap .input_st {
    border-bottom: none;
  }
  .inquiry-con.view .form_wrap .form > li .inp_wrap .tit {
    margin-bottom: 0.5em;
  }
  .inquiry-con.view .form_wrap .form > li .inp_wrap .tit .tt {
    font-size: 0.875rem;
  }
  .inquiry-con.view .form_wrap .form > li .inp_wrap .input_st:not(textarea) {
    padding-left: 0.5em;
  }
  .inquiry-con.view .form_wrap .form > li .inp_wrap textarea.input_st {
    padding-left: 0.5em;
  }
  /* // */
  /* // */

  /* 통합검색 */
  .prod-main.st2 .main-lay > li {
    flex: 1 1 calc(50% - 1em);
    max-width: calc(50% - 0.5em);
  }
  /* // */
  /* // */
}

/******************************************* 500px *******************************************/
@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 0.5em 0;
  }
  #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 .inner .logo {
    max-width: 25vw;
  }
  #footer .info_wrap .menu {
    flex-wrap: wrap;
  }
  #footer .info_wrap .info {
    margin-top: 1.5em;
  }
  #footer .info_wrap .info > li .tt {
    font-size: 0.875em;
  }
  #footer .info_wrap .info .copyright {
    font-size: 0.75em;
  }
  #footer .info_wrap .menu > li > .in .tt {
    font-size: 0.875rem;
  }
  #footer .info_wrap .menu > li:not(:last-child) > .in:after {
    margin: 0 0.75em;
  }
  #footer .goTop {
    width: 3em;
    height: 3em;
  }
  /* // */

  /*************************** 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;
  }
  /* // */

  /*************************** Sub Page ***************************/
  #contents .sub_page_tit .tit_inner {
    padding: 1.5em 0;
  }
  #contents .sub_page_menu .drop_menu {
    flex: 3;
  }
  #contents .doc {
    padding: 1.5em 0 5em;
  }
  .dp2_partner #contents .sub_page_menu .drop_menu {
    flex: 1;
  }
  .dp2_partner #contents .sub_page_menu .menu {
    flex: 1;
  }
  .dp2_partner #contents .sub_page_menu .menu .gnb .dp2 > li {
    max-width: 100%;
  }
  #contents .sub_page_menu .menu .gnb .dp2 > li > a {
    padding: 1em 0.5em;
  }
  #contents .sub_page_con .con_menu .gnb > li .dp3 {
    gap: 0.5em;
  }
  #contents .sub_page_con .con_menu .gnb > li .dp3 > li {
    width: calc(33% - 0.33333em);
  }
  #contents .sub_page_con .con_tit .tt {
    font-size: 1.5em;
  }

  /* page_con */
  .page_con.conP1 {
    padding: 1.5em 0;
  }
  /* // */

  /* page_col */
  .page_col > li .round {
    border-radius: 5px;;  
  }
  /* // */

  /* page_tt */
  .page_txt > .txt:not(:first-child) {
    margin-top: 1em;
  }
  .page_tt.s2 {
    font-size: 1.000em;
  }
  .page_tt.s4 {
    font-size: 1.000em;
  }
  .page_tt.s6 {
    font-size: 1.000em;
  }
  .page_tt.s8 {
    font-size: 1.125em;
  }
  .page_tt.s9 {
    font-size: 1.250em;
  }
  .page_tt.s12 {
    font-size: 2.000em;
  }
  .page_tt.s13 {
    font-size: 2.000em;
  }
  .page_tt.s14 {
    font-size: 2.000em;
  }
  /* // */

  /* about - greetings */
  .page_greetings .page_col > li .p1 {
    padding: 0 0 3em 0;
  }
  /* // */

  /* sub - title */
  .sub-title {
    margin-bottom: 1.5em;
  }
  /* // */
  
  /* about - overview */
  .page_overview .page_con {
    padding: 1.5em 0;
  }
  .page_list.info > li .in .con_wrap {
    padding: 1.25em 0;
  }
  .page_list.info > li .in .con_wrap .t1 {
    padding: 0 1em;
  }
  .page_overview .page_con.bg-wrap {
    padding: 3em 0;
  }
  /* // */

  /* about - philosophy */
  .philosophy-list {
    gap: 1em 0;
  }
  .philosophy-list > li .circle-in {
    transform: scale(0.9);
  }
  .philosophy-list > li .circle-in .icon-area .imgfix {
    width: 32px;
  }
  .philosophy-list > li .circle-in .txt-area > .page_tt.s6 {
    font-size: 0.875em;
  }
  .philosophy-list > li .circle-in .txt-area > .page_tt.s3 {
    font-size: 0.75em;
  }
  .philoCircle .circleIn .page_tt {
    font-size: 1em;
  }
  .philoCircle .circleIn .ltsp {
    letter-spacing: 4px;
    margin-left: 0;
  }
  /* // */

  /* about - ci */
  .ci-container .page_col > li .p2 {
    padding-top: 0;
  }
  /* about - location */
  .map-info .tab-title > h3 {
    font-size: 1.5em;
  }
  .map-info .info-list > li {
    margin-bottom: 1.5em;
  }
  /* // */

  /* rnd - intro */
  .rnd-container .inner .rnd-list-wrap .bg-wrap {
    padding: 1.5em 2em;
  }
  /* // */
  /* rnd - objective */
  .objective-ico .ico-list > li {
    flex: 1 1 45% !important;
  }
  .objective-ico .ico-list > li .ico-area {
    height: 20vh;
  }
  .objective-ico .ico-list > li .ico-area .ico {
    bottom: 1em;
    right: 1em;
  }
  .objective-ico .ico-list > li .ico-area .ico .imgfix {
    width: 3em;
    height: 3em;
  }
  /* // */

  /* rnd - facility */
  .facility-table .board_table {
    width: 768px;
  }
  .w_no {
    width: 3em;
  }
  .facility-chamber .prod-detail .in-list {
    padding: 0;
  }
  .facility-chamber .prod-detail .in-list > li > dl {
    flex-wrap: wrap;
  }
  .facility-chamber .prod-detail .in-list > li > dl .page_tt {
    flex: 1 1 100%;
  }
  .facility-chamber .prod-detail .page_tt.s5 {
    font-size: 1em;
  }
  /* // */

  /* rnd - certification */
  .cursor {
    display: none;
  }
  /* // */

  /*************************** Product ***************************/
  /* view */
  .agency-view-top .view-img .img-wrap .change-btn {
    display: none;
  }
  .agency-view-top.gap5 {
    gap: 3em;
  }
  .agency-view-top .view-btn > a {
    font-size: 1em;
  }
  .agency-view-top .view-img .img-thumbs .list > li {
    flex: 1;
  }
  .agency-view-top .view-img .img-thumbs .list > li .imgfix {
    width: 100%;
    height: auto;
  }
  /* compare */
  .compare-check {}
  .compare-check .xi {
    width: 0.75em;
    height: 0.75em;
    zoom: 1;
  }
  .compare-check .xi::after {
    font-size: 0.875em;
  }
  .compare-picker .pick-list > li {
    flex: 1;
    max-width: 25%;
  }
  .compare-picker .pick-list > li .img-wrap {
    width: 100%;
    height: auto;
    aspect-ratio: 1/1;
  }
  .filter-options::-webkit-scrollbar {
    width: 4px;
  }
  .prod-layout .filter-list::-webkit-scrollbar {
    width: 4px;
  }
  /* // */

  /*************************** Customer ***************************/
  .inquiry-con .form_wrap .form_chk .chk {
    flex-wrap: wrap;
  }
  .inquiry-con .form_wrap .form > li:not(.w100) {
    width: 100%;
  }
  /* recruitment */
  .department-list.gap2 {
    gap: 1em;
  }
  .department-list > li .in {
    height: auto;
    width: 100%;
    aspect-ratio: 1/1;
  }
  .department-list .circle-txt {
    width: 7em;
    height: 7em;
    border: 5px solid var(--siteC);
  }
  .department-list > li .in .txt-wrap {
    bottom: 2em;
  }
  .welfare-list > li .inner .icon {
    bottom: 1em;
    right: 1em;
  }
  /* // */

  /*************************** Member ***************************/
  .simple #contents .sub_page_con .con_tit .tt {
    font-size: 1.75em;
  }
  .login_wrap .login {
    padding: 1.5em;
  }
  .login_wrap .login .inp-sec > input,
  .login_wrap button.btn {
    font-size: 1em;
  }
  .login_wrap .label_st > span,
  .login_wrap .link_wrap > li {
    font-size: 0.875em;
  }
  .label_st input {
    zoom: 1;
  }

  .step_st {
    margin: 2.5em 0 2em 0;
  }
  .step_st > li .tt {
    font-size: 1em;
  }
  .member_wrap .member_form.st2 {
    border: none;
    border-top: 2px solid #111;
  }
  .member_wrap .member_form {
    padding: 1em 0;
  }
  .member_wrap .terms_wrap .all_check {
    font-size: 1em;
  }
  .table_form .wrap_in {
    flex-wrap: wrap;
  }
  .table_form .wrap_in .tit_wrap {
    padding: 0;
  }
  .table_form .wrap_in .tit_wrap,
  .table_form .wrap_in .con_wrap {
    width: 100%;
    flex: 1 1 100%;
    font-size: 1em;
  }
  .table_form .wrap_in .tit2 {
    font-size: 1em;
  }
  .input_st.s1 {
    font-size: 1em;
    height: 3em;
  }
  .ess_tt > .tt {
    font-size: 0.875em;
  }
  .fin_box .table_form .wrap_in {
    justify-content: center;
    text-align: center;
  }
  .fin_box .table_form .wrap_in .tit_wrap {
    flex: 1 1 30%;
  }
  .fin_box .table_form .wrap_in .con_wrap {
    flex: 1 1 70%;
  }
  /* // */
  /*************************** Mypage ***************************/
  .dp1_mypage #contents .sub_page_menu .menu .gnb .dp2 > li > a {
    padding: 0;
  }
  .dp1_mypage #contents .sub_page_menu .drop_menu .drop_tit {
    padding: 0;
    gap: 0 0.25em;
  }
  .dp1_mypage #contents .sub_page_menu .drop_menu .drop_tit .arrow {
    font-size: 1.125em;
  }
  .table_form_wrap .form_tit .t1 {
    font-size: 1.25em;
  }
  
  /* 통합검색 */
  .search-con .search-box {
    align-items: center;
    height: fit-content;
  }
  .search-con .search-box > input {
    font-size: 1rem;
  }
  .search-list > li .inner .depth1 .numVal {
    font-size: 1rem;
  }
  .nocon .imgfix {
    width: 3em;
    height: 3em;
  }
  .nocon.ico p {
    font-size: 1rem;
  }
  /* // */
  /* // */
}

/******************************************* 320px *******************************************/
@media screen and (max-width:320px) {
  /*************************** Header ***************************/
  #header .all_wrap .all_layer .wrap_top .all_mem > li .in {
    padding: 0 1em;
  }
  #header .search_wrap .search_layer .sc_tit .tt {
    font-size: 1.5em;
  }
  #header .search_wrap .search_layer .sc_keyword .kw_list > li > a {
    font-size: 0.875em;
  }
  /* // */
  /*************************** Footer ***************************/
  #footer .goTop {
    width: 3em;
    height: 3em;
  }
  #footer .info_wrap .menu {
    flex-wrap: wrap;
  }
  #footer .info_wrap .info > li .tt {
    font-size: 0.875em;
  }
  #footer .info_wrap .info .copyright {
    font-size: 0.75em;
  }
  /* // */

  /*************************** Sub Page ***************************/
  #contents .sub_page_tit .wrap_tit .sub_tit .tt {
    font-size: 2em;
  }
  #contents .sub_page_tit .wrap_tit .sub_txt .tt {
    font-size: 2.5em;
  }
  .dp1_mypage #contents .sub_page_menu {
    max-width: 100%;
    overflow-x: scroll;
    padding-left: 4%;
    justify-content: start;
  }
  .dp1_mypage #contents .sub_page_menu .drop_menu {
    flex: auto;
    min-width: 6.5em;
  }
  .dp1_mypage #contents .sub_page_menu .menu {
    flex: auto;
    min-width: fit-content;
  }
  .dp1_mypage #contents .sub_page_menu .menu .gnb .dp2 > li > a {
    min-width: 6.5em;
  }
  .dp1_mypage #contents .sub_page_menu .menu .gnb .dp2 > li:last-child {
    padding-right: 4%;
  }
  #contents .sub_page_menu .drop_menu .drop_tit {
    gap: 0.5em;
    padding: 0 0 0 0.5em;
  }
  #contents .sub_page_menu .wrapH, 
  #contents .sub_page_menu .menu .gnb .dp2 > li > a {
    height: 3em;
  }
  #contents .sub_page_menu .menu .gnb .dp2 > li > a {
    padding: 1em 0;
  }
  


  /* about - overview */
  .page_list.info > li .in .con_wrap {
    flex-wrap: wrap;
    gap: 0.5em 0;
    padding: 1em 0.5em;
  }
  .page_list.info > li .in .con_wrap .t1 {
    padding: 0;
    font-size: 0.875em;
  }
  .page_list.info > li .in .con_wrap .t1,
  .page_list.info > li .in .con_wrap .t2 {
    min-width: auto;
    width: 100%
  }
  .vision-list {
    gap: 1em !important;
  }
  .vision-list > li {
    padding: 1em;
  }
  /* // */
  /* about - philosophy */
  .philosophy-list {
    gap: 0;
    margin-top: 1.5em;
  }
  .philosophy-list > li .circle-in {
    width: 35vw;
    height: 35vw;
    transform: scale(0.8);
    margin-left: 0;
  }
  .philosophy-list > li:nth-child(1) .circle-in,
  .philosophy-list > li:nth-child(5) .circle-in {
    margin-right: 0;
  }
  .philosophy-list > li:nth-child(4) .circle-in {
    margin-left: 35%;
  }
  .philosophy-list > li:nth-child(3) .circle-in {
    margin-right: 35%;
    margin-left: -10%;
  }
  /* // */

  /* about - history */
  .history-intro.aos-animate .txt-area .tit {
    font-size: 1.25em;
  }
  .history-section .inner .year-list > li {
    gap: 1em !important;
    flex-direction: column;
  }
  .history-section .inner .year-list > li p {
    padding-left: 0;
  }
  .history-section .inner .year-list > li dd {
    padding: 0.5em 0;
  }
  #historyNav {
    display: none;
  }
  /* // */

  /* about - ci */
  .ci-container .type-wrap ul {
    flex-direction: column;
    gap: 2em;
  }
  /* // */
  /* about - location */
  .map-info .tab-title {
    padding-bottom: 0.5em;
  }
  .map-info .info-list {
    gap: 0.5em;
  }
  /* // */

  /* rnd - intro */
  .section-lay-img .imgfix {
    height: 25vh;
  }
  .rnd-container .page_col > li.w2 {
    width: 100%;
  }
  .rnd-container .inner .rnd-list-wrap .bg-wrap {
    padding: 1.5em;
    height: auto;
  }
  /* // */
  /* rnd - objective */
  .sub-title.objectSt {
    width: 7rem;
    height: 7rem;
  }
  .sub-title.objectSt::before {
    width: 10rem;
    height: 10rem;
  }
  .object-list {
    margin: 0;
    padding: 1em;
  }
  .objective-ico .ico-list > li {
    flex: 1 1 100% !important;
  }
  /* // */

  /* rnd - facility */
  .facility-wrap .swiper-pagination-bullet {
    width: 0.5em !important;
    height: 0.5em !important;
  }
  .facility-wrap .swiper-pagination-bullet-active {
    width: 2em !important;
  }
  /* // */

  /* rnd - certification */
  .cert-container .cert-list > li {
    flex: 1 1 100%;
    max-width: 100%;
  }
  .cert-container .cert-list > li .inner .img-wrap .imgfix {
    height: auto;
  }
  /* // */

  /*************************** Product ***************************/
  .prod-list > li {
    flex: 1 1 100%;
    max-width: 100%;
  }
  /* compare */
  .compare-btn .ico::before {
    inset: 3.5px;
  }
  /* filter */
  .prod-layout .filter-wrap {
    padding: 0;
  }
  .partner-list {
    gap: 3em 1em;
  }
  .partner-list > li {
    flex: 1 1 100%;
  }
  /* // */

  /*************************** Customer ***************************/
  .inquiry-con .form_wrap .form {
    gap: 2em;
  }
  .inquiry-con .form_wrap .form > li {
    width: 100% !important;
  }
  .inquiry-con .form_wrap .form > li .inp_wrap .tit {
    position: relative;
    height: auto;
    padding-left: 0;
  }
  .inquiry-con .form_wrap .form > li .inp_wrap .tit .tt {
    color: #555;
  }
  .inquiry-con .form_wrap .form > li .inp_wrap .input_st:not(textarea) {
    padding-left: 0.25em;
    height: 3.5em;
  }
  .inquiry-con .form_wrap .form > li .inp_wrap textarea.input_st {
    padding: 1em 0 0 0;
    height: 8em;
  }
  .inquiry-con .form_wrap .form_chk .chk .label_st .tt {
    font-size: 0.875em;
  }
  .inquiry-con .form_wrap .form_chk .chk .input_st .tt {
    font-size: 0.75em;
  }
  .inquiry-con .form_wrap .form_chk .btn .input_st {
    width: auto;
    height: 3em;
  }

  .department-list .circle-txt {
    display: none;
  }
  .department-list > li {
    flex: 1 1 100%;
  }
  .department-list > li .in {
    aspect-ratio: auto;
  }
  .department-list > li .in .txt-wrap {
    bottom: 1.5em;
  }
  .welfare-list > li {
    flex: 1 1 100%;
  }
  .welfare-list > li .inner {
    height: 8em;
  }
  .welfare-list > li .inner .icon .imgfix {
    width: 50px;
  }
  /* // */

  /*************************** Member ***************************/
  .step_st {
    gap: 0 1em;
    justify-content: space-between;
  }
  .step_st > li .tt {
    font-size: 0.875em;
  }
  .step_st > li:not(:last-child) .ico:before {
    width: 1em;
  }
  .member_wrap .terms_wrap .all_check {
    font-size: 0.875em;
  }
  .member_agree .agree.H {
    padding: 1em;
  }
  .member_agree .check .label_st span {
    line-height: 1.5em;
    font-size: 0.875em;
  }
  .table_form .wrap_in .con_wrap .max2 {
    max-width: 6.375em;
  }
  .fin_box .xIco .imgfix {
    width: 50px;
  }
  .fin_box .tit {
    font-size: 1.25em;
  }
  .fin_box .tt1 {
    font-size: 1em;
  }
  .login_wrap {
    border-radius: 10px;
  }
  .login_wrap .login {
    padding: 1em;
  }
  .login_wrap .login .flex.space.vc.mt20 {
    margin-top: 1em !important;
  }
  .login_wrap .login .link_wrap {
    margin-top: 0.5em;
    width: 100%;
    justify-content: center;
  }
  .form .etc_wrap .find {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    text-align: center;
  }
  .form .etc_wrap .find .link {
    margin-left: 0.5em;
    padding-left: 0.5em;
    font-size: 0.875em;
  }
  /* // */
}

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

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

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