/**************************** responsive ****************************/

@media screen and (max-width: 690px) {
  /******* mobile ******/

  /* 인사말 */
  .director_txt {
    width: 100%;
    top: 220px;
    left: 0;
    right: 0;
    margin: 0 auto;
  }
  .greeting_top {
    height: 220px;
  }
  .director_entxt {
    font-size: 16px;
    margin-bottom: 10px;
  }
  .director_tit {
    font-size: 24px;
    line-height: 34px;
  }
  .director_tit br {
    display: none;
  }
  .director_txt {
    padding: 25px 45px 25px 20px;
  }
  .director_cont {
    padding: 200px 20px 0 20px;
  }
  .director_cont b {
    font-size: 24px;
    line-height: 34px;
  }

  /* 연혁 */
  .history_top {
    height: 220px;
  }
  .history_title {
    width: 100%;
    padding-top: 20px;
  }
  .history_title .year {
    font-size: 37px;
    line-height: 43px;
  }
  .history_title .year1 {
    margin: 0;
    text-align: center;
  }
  .history_title .year2 {
    margin: 0;
    text-align: center;
  }
  .history_title .goal_tit {
    font-size: 18px;
    padding-top: 20px;
    margin: 0 20px;
    text-align: center;
  }
  .history_wrap {
    flex-wrap: wrap;
    padding: 0 20px;
  }
  .his_year_list h4 {
    width: 100%;
    font-size: 24px;
    padding-bottom: 8px;
  }
  .his_year_list .year_wrap {
    width: 100%;
  }
  .his_year_list .year_wrap dl dt.month {
    width: 100%;
  }
  .his_year_list .year_wrap dl dd.text {
    width: 100%;
  }

  /* 조직도 */
  .organization-top {
    height: auto;
  }
  .organization-top2 {
    height: auto;
  }
  .organization-title2 {
    width: 100%;
    padding: 40px 0;
  }
  .organization-txt1 {
    font-size: 38px;
  }
  .organization-txt2 {
    font-size: 20px;
    padding-top: 20px;
  }

  .organization .org_list li {
    width: 100%;
  }
  .organization::before {
    display: none;
  }
  .organization::after {
    top: 5%;
  }
  .organization .org_list {
    margin-top: 50px;
  }
  .organization .org_list li .org_depth1:after {
    display: none;
  }
  .organization .head_org {
    width: 130px;
    height: 130px;
  }
  .organization .head_org span {
    line-height: 130px;
    font-size: 23px;
  }
  .organization-top {
    height: auto;
  }
  .organization-top2 {
    height: auto;
  }

  /* 비전 및 목표 */

  .vision-top {
    height: auto;
  }
  .vision-top-title {
    width: 80%;
    padding: 40px 0px;
  }
  .vision-top-title-txt1 {
    font-size: 38px;
  }
  .vision-top-title-txt2 {
    font-size: 20px;
    padding-top: 20px;
  }

  .vision_wrap .vision_tit {
    font-size: 28px;
    padding: 30px 12px 25px 12px;
  }
  .vision_wrap .vision_txt p {
    font-size: 23px;
  }
  .bs_value ul {
    flex-wrap: wrap;
  }
  .bs_value ul li {
    width: 50%;
    padding-bottom: 20px;
  }
  .bs_value ul li:nth-of-type(2) {
    border-right: none;
  }
  .bs_value span {
    font-size: 24px;
  }

  /* 반응형 690*/

  /* 반응형 strategy */

  .strategy_title {
    width: 100%;
    height: 100%;
    border-radius: 8px;
    padding: 20px 0;
    flex-wrap: wrap;
  }
  .strategy li {
    flex-wrap: wrap;
  }
  .strategy_title span.num {
    position: static;
  }
  .strategy_text {
    width: 100%;
    padding-left: 0;
  }
  .strategy_title p {
    font-size: 23px;
    padding: 0 5px;
  }
  .strategy_title span.num {
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
  }
  .strategy_text ul {
    border-radius: 8px;
    padding: 0 30px;
    align-items: center;
  }
  .vs_container ul {
    flex-direction: column;
  }

  /* 오시는길 */
  .location_box {
    min-width: auto;
    width: 100%;
    padding: 40px 15px;
  }
  .map_item {
    flex: 1 1 100%;
  }
  .address_item {
    flex: 1 1 100%;
  }
  .map-flex-3-item {
    flex: 1 1 100%;
  }

  /* 사업소개 */
  .business-intro-top {
    height: auto;
  }
  .business-intro-top-title {
    width: 90%;
    padding: 40px 0px;
  }

  .business-intro-top-txt1 {
    font-size: 38px;
  }
  .business-intro-top-txt2 {
    font-size: 20px;
    padding-top: 20px;
  }

  .business_top {
    height: 420px;
    padding: 50px 35px;
  }
  .business_top h3 {
    font-size: 28px;
  }
  .business_top p {
    width: 100%;
  }
  .business_list .bs_img {
    width: 100%;
    overflow: hidden;
  }
  .business_list .bs_img img {
    height: 100%;
  }
  .business_list .bs_txt {
    width: 100%;
    padding: 30px 0px 0 20px;
  }
  .business_list .bs_txt h3 {
    font-size: 28px;
    line-height: 38px;
  }
  .business_list .bs_txt h3:after {
    display: none;
  }
  .business_list .bs_txt h3 br {
    display: none;
  }
  .business_list .bs_txt p {
    padding: 20px 20px 0 0px;
  }

  /* 사업영역	 */

  .business-area-top {
    height: auto;
  }

  .business-area-top-title {
    width: 100%;
    padding: 40px 10px;
  }

  .business-area-top-txt1 {
    font-size: 38px;
  }
  .business-area-top-txt2 {
    font-size: 20px;
    padding-top: 20px;
  }
  .business_top-total {
    padding: 0px;
  }
  .bcd-main {
    padding: 0px;
  }
  .bs_area_list li {
    width: 100%;
  }
  .bs_area_list li:nth-of-type(2n-1) {
    margin-right: 0;
  }
  .bs_design_area_second {
    flex: 0 1 100%;
    margin: 0 0px;
  }

  .bs_design_area_third {
    flex: 0 1 100%;
    margin: 0 30px;
  }

  .bs_template_title {
    top: 5%;
  }
  .bs_template_title img {
    width: 200px;
  }

  .bs_template_car_image {
  }
  .bs_template_car_image img {
    height: 100vh;
    object-fit: cover;
  }

  .bs_template_features {
    top: 45%; /* 중간 위치 */
  }

  .bs_template_feature {
    flex: 1 1 100%;
    padding: 5px 5px;
  }
  .bs_template_feature img {
    width: 90px;
  }

  .bs_template_template {
    top: 90%; /* 중간 아래 위치 */
  }
  .bs_template_template_icon img {
    width: 110px;
  }

  .bs_analysis_area {
    color: #fff;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin: 0 auto;
  }

  .bs_analysis_left_container {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin: 10px;
  }
  .bs_analysis_left_container::before {
    height: 0px;
  }
  .bs_analysis_right_container {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
  }
  .bs_analysis_right_container::before {
    height: 0px;
  }

  .bs_analysis_image_item {
    flex: 1 1 100%;
  }

  .bs_analysis_image_item img {
    display: block;
    margin: 0 auto;
    width: 150px;
  }
  .bs_analysis_text_item {
    flex: 1 1 100%;
    margin: 10px;
    width: 100%;
  }
  .bs_analysis_text1 {
    width: 100%;
  }
  .bs_analysis_text2 {
    width: 100%;
  }
  .n_business_middle_slogan {
    flex-wrap: wrap;
  }
  .n_business_bottom p {
    text-align: center;
    padding-left: 5%;
    padding-right: 5%;
    padding-bottom: 50px;
  }

  .n_business_bottom_img {
    width: 80%;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .bs_analysis_preproduct_1_2 {
    flex-direction: column;
  }
  .bs_analysis_preproduct_1_2_item_1 {
    width: 100%;
  }
  .bs_analysis_preproduct_1_2_item_2 {
    width: 100%;
  }
  .bs_analysis_preproduct_3 {
    flex-direction: column;
  }
  .bs_analysis_preproduct_3_item_1,
  .bs_analysis_preproduct_3_item_2 {
    width: 100%;
  }
  .bs_analysis_reverse_2 {
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .bs_analysis_reverse_2_item_1 {
    width: 100%;
  }
  .bs_analysis_reverse_2_item_2 {
    flex-direction: column;
    width: 100%;
  }
  .bs_analysis_reverse_2_1_item_2 {
    width: 100%;
  }
  .bs_analysis_study_1 {
    flex-direction: columns;
  }
  .bs_analysis_study_1_item_1,
  .bs_analysis_study_1_item_2,
  .bs_analysis_study_1_item_3,
  .bs_analysis_study_1_item_4 {
    width: 100%;
  }
  .location_box .info {
    min-width: 100%;
    max-width: 100%;
  }
}