@charset "UTF-8";

@media (max-width:1024px) {
	#hd_wrapper::after {display: none;}
	#gnb {width: 75%;}
	#gnb #gnb_1dul .gnb_1dli>a {font-size: 1rem;}

  #container #index_business .ib_wrap .ib_item {grid-template-columns: 1fr;}
  #container #index_business .ib_wrap .ib_text {padding: 20px 30px;}
  #container #index_business .ib_wrap .ib_img {height: 260px;}

  #container #com_about .about_inner {flex-direction: column;}
  #container #com_about .about_inner>div {width: 100%;}
  #container #com_about .about_inner .about_text {border: none; padding: 0; margin-top: 30px;}
  #container #com_about .about_title {font-size: 1.6rem; word-break: keep-all;}

  #container #com_affiliates .ca_wrap {grid-template-columns: repeat(2, 1fr);}

  #container .faci_it_wrap {grid-template-columns: 1fr;}
  #container .faci_it_wrap .faci_img {text-align: center; margin-bottom: 30px;}
  #container .faci_it_wrap .faci_img>img {max-width: 340px;}
}

@media (max-width:768px) {
    #hd_wrapper {flex-wrap: wrap;height: auto;padding: 0; padding-top: 15px;}
    #hd #hd_wrapper #logo {margin-left: 15px; margin-bottom: 15px; max-width: 80px;}
    #gnb_toggle_btn {display: flex;margin-left: auto; margin-right: 15px; margin-bottom: 15px;}
    #hd #gnb_toggle_btn span {background: #fff;}
    #hd.down #gnb_toggle_btn span {background: #000;}
    #gnb {width: 100%;display: none;flex-direction: column; background: #fff !important;}
    #gnb.active {display: flex;}
    #gnb_all, #gnb_all_bg {display: none;}
    #gnb #gnb_1dul {flex-direction: column;align-items: stretch;gap: 0;}
    #gnb #gnb_1dul .gnb_1dli {width: 100%; display: block;}
    #gnb #gnb_1dul .gnb_1dli>a {padding: 0 15px;border-top: 1px solid #eaeaea; height: 50px; color: #111;}

    #gnb .gnb_2dul {position: static;transform: none;width: 100%;display: block;padding-top: 0;background-color: var(--mc);}
    #gnb .gnb_2dul_box {border: none;border-top: 1px solid #ddd;border-radius: 0;}
    #gnb .gnb_2dli .gnb_2da {padding: 10px 15px; color: #fff; background: none; border-top: 1px solid #6f6fc3;}
    #gnb .gnb_2dli:first-of-type .gnb_2da {border-top: none;}
    #gnb .gnb_2dli .gnb_2da:hover {color: #fff;}
    #gnb .gnb_1dli:hover > .gnb_2dul {display: block;}
    #gnb .gnb_1dli {display: flex;align-items: center;}
    #gnb .gnb_sub_toggle {display: block;}
    #gnb .gnb_2dul {display: none !important;}
    #gnb .gnb_1dli.active .gnb_2dul {display: block !important;}

    .ft_wrap {flex-direction: column; gap: 20px; align-items: center;}
    #ft_wr span.mobile_none {display: none;}
    #ft_company>p br.pc_none {display: inline;}

    #container .slide_bn {height: 500px;}

    #container #index_about {height: 320px;}
    #container .index_title {font-size: 1.8rem;}
    #container .index_desc {font-size: 0.9rem;}

    #upper_banner .banner_title>h1 {font-size: 2rem;}

    #container #com_location .cl_wrap .cl_map_w .cl_text {display: block;}
    #container #com_location .cl_wrap .cl_map_w .cl_text .cl_title {text-align: left; margin-bottom: 12px;}
    #container #com_location .cl_wrap .cl_map_w .cl_text .cl_desc {word-break: keep-all;}

  #container #com_member .organization-chart .team_flex {display: block;}
  #container #com_member .organization-chart .team_flex>div {width: 100%;}
  #container #com_member .organization-chart .level-1 .box {max-width: none;}
  #container #com_member .organization-chart .level.level-1::after,
  #container #com_member .organization-chart .team_flex .box:first-child::before {display: none;}

  #container .busi_it_wrap {grid-template-columns: 1fr;}
  #container .faci_table {font-size: 0.9rem;}
  #container .faci_img2 {grid-template-columns: 1fr;}

  .notice_bo_list#bo_list .tbl_head01 thead th,
  .notice_bo_list#bo_list .td_num2, .notice_bo_list#bo_list .td_num, .notice_bo_list#bo_list .td_name, .notice_bo_list#bo_list .td_datetime, .notice_bo_list#bo_list .td_file {display: none;}
  .notice_bo_list#bo_list .bo_tit .fa-download {display: inline-flex;}

  .gallery_bo_gall#bo_gall .gall_li {width: 50%;}
  .gallery_bo_gall#bo_gall .gall_row .box_clear {clear: none;}

  #container .table_scroll_text {display: block; margin-bottom: 30px; margin-top: 10px;}
  #container .faci_twrap {margin-bottom: 0px;}

      #container .form_section .form_img {display: none;}
    #container .form_section>section {width: 100%;}
    #container .write_label>label {width: 17%;}
    #container .write_label>input,
    #container .write_label>textarea,
    #container .write_label>select {width: 80% !important;}
    #container .form-body {font-size: 1rem;}

    #container #com_certify .certify_inner ul {grid-template-columns: repeat(2, 1fr); gap: 15px;}

    #container .slide_bn .slide_text {font-size: 1.8rem;}
    #container .slide_bn .slide_title {font-size: 3.2rem;}
}

@media (max-width:425px) {
  #container #com_location .cl_wrap .cl_map_w .cl_text .cl_desc {font-size: 1rem;}

  #container #com_affiliates .ca_wrap {grid-template-columns: repeat(1, 1fr);}

  #container #com_history .ch_wrap .history_items .history_item {flex-direction: column; gap: 15px; text-align: center;}
  #container #com_history .ch_wrap .history_items .history_icon::after {display: none;}

  #container .busi_title,
  #container .faci_title {font-size: 1.2rem;}
  
  .gallery_bo_gall#bo_gall #gall_ul .gall_li {width: 100%;}
  
        #container #formmail-write {padding: 30px 15px;}
    #container .form_captcha,
    #container .write_label {flex-direction: column; text-align: center;}
    #container .write_label>label {width: 100%; margin-bottom: 10px;}
    #container .form_captcha>div,
    #container .write_label>input,
    #container .write_label>textarea,
    #container .write_label>select {width: 100% !important;}
    #container .form_file {margin-top: 10px; width: 100%;}

    #container #com_certify .certify_inner ul {grid-template-columns: 1fr;}

        #container .slide_bn .slide_text {font-size: 1.3rem;}
    #container .slide_bn .slide_title {font-size: 2.5rem;}
}

@media (max-width:375px) {
    #upper_banner .banner_title>p {font-size: 1rem;}
    #upper_banner .banner_title>h1 {font-size: 1.5rem;}

    .notice_bo_list#bo_list .bo_cate_link,
    .notice_bo_list#bo_list .bo_tit {font-size: 0.9rem;}
}

@media (max-width:320px) {
    #ft_wr {flex-direction: column-reverse;}
    .ft_wrap {width: 100%;}
}