﻿@charset "euc-kr";

@media only screen and (max-width:639px) {

    body {padding-top: 64px;}

    .header {  position: fixed;top: 0;left: 0;right: 0; z-index: 999; opacity : 0.8;}
    .header .gnb_wrap_view {
      visibility: visible;  transition: 0.7s; opacity: 0; width: 100%; position: absolute; top: 0; height: 0px; padding-top: 110px; z-index: 105; 
      > .gnb_wrap_view_in, .gnb_wrap_view_nav{display: none; height: 0px;}
      .gnb_wrap_view_nav {height:  0px; transition: 5s;}
    }
    .header:hover {opacity: 1.0;}
    .header:hover .gnb_wrap_view {
      display: none;
    }
    
    
    .h_top {position: relative; z-index: 111; background-color: #fff; height: 28px; display: none;}
    .h_top .in {width:100%; margin:0 auto;}
    
    .h_top .top_util {float:right; margin-top:6px;}
    .h_top .top_util a {display:inline-block; padding:0 14px 0 10px; color:#333; font-size:13px; }
    .h_top .top_util a.last {padding-right:15px; background:none;}
    

    .gnb_wrap {display: none;}
    .gnb_wrap_mobile {position:relative; z-index:110; clear:both;  display: flex; justify-content: center;  border-bottom: 1px solid #f7f7f7; background-color: #fff;}
    .gnb_wrap_mobile .in, .gnb_wrap_view_in {width: 100%; padding: 0px 5px; margin: 0 auto;}
    .gnb_wrap_mobile .in h1{ text-align: left;}
    
    #nav {height: 100%;}
    #nav #logo_img {width: 270px;float:left; }
    #nav #mobile_menu_frame {float:right;}
    #nav #menu_img {width: 22px; margin: 20px 5px 0px 5px;}

/* 기본 스타일 */
.gnb_wrap_mobile_view {
  display: block;  /* 메뉴가 기본적으로 화면에 보이도록 설정 */
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1000;
  margin-top: 61px; /* 상단 메뉴 높이 */
  transform: translateX(100%); /* 메뉴가 처음에 오른쪽 밖에 위치 */
  transition: transform 0.3s ease-in-out; /* 메뉴가 열리고 닫힐 때 애니메이션 */
}

/* 메뉴 내용 */
.gnb_wrap_mobile_view_in {
  background-color: #fff;
  width: 70%;
  height: 100%;
  overflow-y: auto;
  padding: 0 5px;
  box-sizing: border-box;
  float: right;
  transform: translateX(100%); /* 초기에는 오른쪽 밖으로 위치 */
  transition: transform 0.3s ease-in-out; /* 메뉴 애니메이션 */
}

/* 메뉴 리스트 */
.gnb_wrap_mobile_view ul {
  list-style: none;
  padding: 0;
}

.gnb_wrap_mobile_view .menu-item {}

.gnb_wrap_mobile_view .menu-title {
  font-size: 18px;
  font-weight: 600;
  padding: 20px 0;
  text-align: center;
  cursor: pointer;
  display: block;
  border-bottom: 1px solid #b6b6b6;
}

/* 기본 상태 */
.gnb_wrap_mobile_view .sub-menu {
  list-style: none;
  max-height: 0; /* 초기 상태에서 하위 메뉴는 숨겨짐 */
  overflow: hidden; /* 넘치는 내용은 숨기기 */
  transition: max-height 0.3s ease-in-out; /* 슬라이드 애니메이션 */
  padding: 0; /* 기본 패딩 */
}

.gnb_wrap_mobile_view .sub-menu li {
  font-size: 15px;
  padding: 15px 0px 15px 15px;
  border-bottom: 1px solid #dadada;
  background-color: #f5f3f3dd;
}

/* 메뉴가 열리면 오른쪽에서 슬라이드 */
.gnb_wrap_mobile_view.open {
  transform: translateX(0); /* 메뉴를 화면 안으로 슬라이드 */
}

/* 하위 메뉴가 열리면 슬라이드 효과 */
.gnb_wrap_mobile_view .sub-menu.open {
  max-height: 500px; /* 열릴 때 max-height 설정 */
}

/* 하위 하위 메뉴도 같은 방식으로 처리 */
.gnb_wrap_mobile_view .sub-menu .sub-menu {
  padding-left: 20px; /* 중첩된 메뉴 들여쓰기 */
}

/* 메뉴 아이콘을 X로 변경 */
#menu_img.x-close {
  content: url('../img/icon_mobile_close.png');  /* X 모양 아이콘 경로 */
  transition: transform 0.3s ease; /* 애니메이션을 부드럽게 추가 */
}

/* 메뉴가 열릴 때 X 아이콘 회전 애니메이션 */
.gnb_wrap_mobile_view.open + #menu_img.x-close {
  transform: rotate(180deg); /* 메뉴가 열릴 때 아이콘 회전 */
}




    #bx_shadow_frame {
      display: inline-block;
      position: absolute;
      width: 100%;
      height: 300px;
      background-image: linear-gradient(156deg, #000000a3, #ffffff00);
      z-index: 1;
      pointer-events: none;
      opacity: 0.8;
    }
    #bx_shadow_frame #text1{
      color: #ffffffeb;
      font-size: 30px;
      font-family: 'OSeongandHanEumB';
      padding: 20px 0px 0px 20px;
      display: inline-block;
    }
    
    #bx_shadow_frame #text2{
      color: #fff;
      font-size: 20px;
      font-family: 'OSeongandHanEumB';
      padding: 10px 0px 0px 20px;
      display: inline-block;
    }
    
    
    .bxslider_default {display: flex; justify-content: center; height: 300px; background-color: #f3f3f3e6;}
    .bxslider { background-color: #f3f3f3e6;}
    .bxslider li {display: flex; justify-content: center;  background-color: #f3f3f3e6;}
    .bxslider li img {width: 100%; height: 300px; object-fit: cover;}
    
    .bxslider_gallery_frame {padding: 30px 0px;}
    .bxslider_gallery_frame #title{font-size: 15px; font-weight: 600; display: inline-block; width: 100%; padding: 10px 0px; color: #2e2e2e;}
    .bxslider_gallery_frame #date{font-size: 15px; font-weight: 600; display: inline-block; width: 100%; color: #6f6f6f;}
    
    #bxslider_gallery_frame_s {display: none;}
    #bxslider_gallery_frame_m {display: block;}
    #bxslider_gallery_s {display: none;}
    #bxslider_gallery_m {display: block;}

    .bxslider_gallery li:hover {#title {text-decoration: underline; text-decoration-thickness: 2px;  text-underline-offset: 3px;}}
    .bxslider_gallery li img {height: 200px; width: 500px;}
    
    .content_top {text-align: center; padding: 20px;}
    .content_top .content_top_view {display: flex; justify-content:center; flex-wrap: wrap;}
    .content_top .content_top_view_frame {text-align: center; width: 100%;  }
    .content_top #content_top_frame {width: 100%;  color: #4d4d4d;  border-radius: 17px; }
    .content_top #content_top_frame #content_title_select {float: left; font-size: 26px; font-weight: 600; padding: 10px; border-bottom: 2px solid #fb9f73;}
    .content_top #content_top_frame #content_title_none {float: left; font-size: 32px; font-weight: 600; padding: 10px;}
    .content_top #content_top_frame #content_title {float: left; font-size: 32px; font-weight: 600; padding: 10px; color: #a9a9a9; margin-left: 10px;}
    .content_top #content_top_frame #content_more {float: right; padding: 10px;}
    
    .content_top #content_top_text_frame {width: 100%; display: inline-block; text-align: left; margin-top: 8px;}
    .content_top #content_top_text_frame li {line-height: 1.7; padding: 25px 12px 20px 12px; background: #ededede0; margin: 3px 0px; cursor:pointer;}
    .content_top #content_top_text_frame li:hover {background-color: #d8d8d8e0;}
    .content_top #content_top_text_frame li #text {font-size: 16px; font-weight: 600; width: 100%; color: #535151;  display: inline-block;overflow: hidden;text-overflow: ellipsis; white-space: nowrap;}
    .content_top #content_top_text_frame li #more {font-size: 17px; font-weight: 600; width: 100%; color: #535151;  display: inline-block;overflow: hidden;text-overflow: ellipsis; white-space: nowrap;}
    .content_top #content_top_text_frame li img {margin-left: 10px;}
    .content_top #content_top_text_frame li #date {float: right;font-size: 14px;font-weight: 600; color: #9f9f9f;}
    
    
    
    .content_mid {text-align: center; background-color: #f3f3f3e6; padding-bottom: 50px; padding: 25px; 	-moz-box-shadow: 5px 0 0 0 #ccc;-webkit-box-shadow: 5px 0 0 0 #ccc;box-shadow: 5px 0 0 0 #ccc;}
    .content_mid .content_mid_view {display: flex; justify-content:center; flex-wrap: wrap;}
    .content_mid .content_mid_view_frame {display: inline-block; text-align: center;}
    .content_mid #content_mid_view_frame2 {display: none;}
    .content_mid #content_mid_frame {width: 100px; height: 100px; margin: 15px; background-color: #fff; color: #4d4d4d; border-radius: 50%; position: relative; border: 1px solid #b1b1b1; cursor: pointer;}
    .content_mid #content_mid_frame:hover {border: 1px solid #253557e0; background-color: #f1f1f1;}
    .content_mid #content_mid_frame #content_title {display: inline-block; font-size: 30px; font-weight: 600; padding: 25px 0px; color: #fff;}
    .content_mid #content_mid_frame #content_more {float: right; padding: 10px;}
    
    .content_mid #content_mid_frame .content_mid_text_frame {width: 100%;}
    .content_mid #content_mid_frame .content_mid_img_frame {width: 100%; height: 100px; display: flex; justify-content: center; align-items: center;}
    .content_mid #content_mid_frame .content_mid_img_frame div {display: flex; justify-content: center; height: 100%;}
    .content_mid #content_mid_frame .content_mid_img_frame img {width: 50px;}
    
    .content_mid .content_mid_view_frame #content_mid_bottom_frame{font-size: 16px; font-weight: 600; margin-top: 15px;}
    
    #mid_img_1 {margin-top: 0px;}
    #mid_img_2 {margin-top: 0px;}
    #mid_img_3 {margin-top: 0px;}
    #mid_img_4 {margin-top: 3px; margin-left: 7px;}
    #mid_img_5 {margin-top: 35px; margin-left: 8px;}
    
    .content_bottom_frame {display: flex; justify-content: center;}
    .content_bottom_title {width: 1500px; padding: 20px;}
    .content_bottom_title #content_bottom_title_text {font-size: 28px; font-weight: 600;}
    .content_bottom_title #content_bottom_title_img {margin-left: 10px; padding-top: 6px; border-radius: 13px; cursor: pointer;}
    
    
    /* 페이지 */
    .contents_top {height: 180px; text-align: center; background-color: #f9f8f8e0; display: flex; justify-content: center;}
    .contents_top .title {position: relative; width: 100%; font-size: 27px; font-weight: 600; align-content: center; font-family: "OSeongandHanEumB"}
    .contents_top .title img {width: 100%; height: 180px; position: absolute; top: 0; left: 0; object-fit: cover;}
    .contents_top .title span {position: relative;}
    .contents_top #prinacy_title {font-size: 19px;}
    
    
    .select_top_menu {display: flex; justify-content: center; background-color: #f9f8f8e0;}
    .select_top_menu ul {width: 1450px;}
    .select_top_menu li {display: inline-block; color: #3d3d3d; padding: 10px; font-size: 16px; font-weight: 600; margin: 10px 30px;}
    .select_top_menu img {width: 25px; height: 18px; margin-right: 10px; display: inline-block; margin-top: 5px;}
    .select_top_menu #home {font-size: 16px; margin-left: 5px; padding: 10px; margin: 0px;  cursor: pointer;}
    .select_top_menu #menu {font-size: 16px; margin-left: 5px; padding: 5px; margin: 0px;}
    .select_top_menu #select {font-size: 16px; margin-left: 5px; padding: 5px;}
    
    .contents_warp_menu_frame .top_menu_tap {position: relative; display: none;}
    .contents_warp_menu_frame .top_menu_tap #menu{width: 330px; position: absolute; max-height: 0; overflow: hidden; top: 60%; left: -30px;  transition: max-height 0.3s ease;}
    .contents_warp_menu_frame .top_menu_tap #em {display: inline-block; float: right;}
    .contents_warp_menu_frame .top_menu_tap:hover #menu{max-height: 700px;}
    
    #contents_default_text_frame {width: 100%; margin: 30px 0;}
    #contents_default_text_frame img {width: 20px; margin-right: 6px;}
    
    #contents_default_pose_frame {width: 100%; display: flex; align-items: center;}
    #contents_default_pose_frame img {width: 24px; margin-right: 10px; padding: 3px 0;}
    #contents_default_pose_frame #pose_text {font-size: 20px; font-weight: 600;}
    
    #contents_default_main_text_frame {width: 100%; margin-top: 30px; display: flex; align-items: center;}
    #contents_default_main_text_frame img {width: 30px; margin-right: 10px; padding: 3px 0;}
    #contents_default_main_text_frame span {font-size: 22px; font-weight: 600;}
    
    #contents_default_busin_text_frame {width: 100%; margin-top: 10px; margin-left: 25px; display: flex; align-items: center;}
    #contents_default_busin_text_frame img {width: 22px; margin-right: 6px; padding: 13px 0;}
    #contents_default_busin_text_frame #default_text {font-size: 20px; font-weight: 600; padding:15px 0; display: inline-block;}
    
    
    .contents_warp {min-height: 1000px; width: 100%; display: flex; justify-content: center;}
    .contents_warp_frame {width: 100%; display: flex; justify-content: center; padding: 0 10px;}
    .contents_warp_menu_frame {display: none;}
    .contents_warp_menu_frame ul {margin-top: 20px; padding: 10px 30px; margin-right: 30px;}
    .contents_warp_menu_frame li {width: 300px; text-align: left; padding: 25px 15px; font-size: 16px; color: #666666; font-weight: 600; background-color: #f7f6f6e0; margin-top: 10px; border-radius: 13px; cursor: pointer;}
    .contents_warp_menu_frame #select {font-size: 18px; color: #ffffff; background-color: #718587e0;}
    .contents_warp_menu_frame li:hover {color: #ffffff; background-color: #aaaaaae0; font-size: 17px;}


#contents_info_sitemap_frame {width: 100%; display: flex;flex-direction: column;  align-items: center; margin: 40px 0;}
#contents_info_sitemap_frame #contents_default_text_frame #contents_title{font-size: 25px; font-weight: 600;}
#contents_info_sitemap_frame #contents_sitemap_frame {width: 100%; margin-top: 30px;}
#contents_sitemap_frame #sitemap {display: flex; justify-content: center; flex-direction: row; font-weight: 600; font-size: 18px; flex-wrap: wrap;}
#contents_sitemap_frame ul {display: flex; flex-direction: column; align-items: center;}
#contents_sitemap_frame li {padding: 15px 0; cursor: pointer; width: 80%;}
#contents_sitemap_frame span {padding: 12px 0; display: inline-block; text-align: center; background-color: #5f9148c4; color: #fff; border-radius: 5px;}
#contents_sitemap_frame #st_title1 {width: 100%; border-bottom: 1px solid; font-size: 18px;}
#contents_sitemap_frame #st_title2 {width: 100%; border-bottom: 1px solid; font-size: 18px;}
#contents_sitemap_frame #st_title3 {width: 100%; border-bottom: 1px solid; font-size: 18px;}
#contents_sitemap_frame #st_title4 {width: 100%; border-bottom: 1px solid; font-size: 18px;}
#contents_sitemap_frame #st_title5 {width: 100%; border-bottom: 1px solid; font-size: 18px;}
#contents_sitemap_frame #st_menu {width: 90%; display: inline-block; font-weight: 500; font-size: 14px; margin-left: 10px; border-bottom: 1px dashed #b8b7b7;}
#contents_sitemap_frame #st_frame #st_un_title {font-weight: 500; font-size: 16px; background-color: #718587e0; color: #fff; width: 100%; border-radius: 5px;}
#contents_sitemap_frame #st_frame #st_un_menu {font-weight: 500;  width: 100%; font-size: 14px; margin-left: 5px; border-bottom: 1px dashed #b8b7b7;}


    #contents_info_1_frame {width: 100%; display: flex;flex-direction: column;  align-items: center;}
    #contents_info_1_img_frame1 {width: 100%; height: 130px; background-color: #5c461575; margin: 40px 0; position: relative; overflow : hidden; border-radius: 5px;}
    #contents_info_1_img_frame1 #contents_info_1_div {position: absolute; left: 3%; top: 19%; z-index: 3; font-weight: 600; line-height: 2;}
    #contents_info_1_img_frame1 #contents_info_1_div #text {font-size: 15px; color: #fff;}
    #contents_info_1_img_frame1 #contents_info_1_div #text_b {font-size: 20px; color: #ffbb44;}
    #contents_info_1_img_frame1 #contents_info_1_background_img {position: absolute; right: 7%; top: -42%; width: 150px; height: 150px;  opacity: 0.2; z-index: 2;}
    #contents_info_1_text_frame1 {font-size: 13px; margin: 30px 0; line-height: 1.3; font-weight: 500; position: relative;}
    #contents_info_1_text_frame1 #contents_info_1_text_frame1_img2 {position: absolute; right: 0px; bottom: 0px; width: 320px; opacity: 0.9; display: none;}
    #contents_info_1_text_frame1 #textbold {font-weight: 600; font-size: 13px;}
    #contents_info_1_text_frame1 #textnamebold {font-weight: 600; font-size: 25px; font-family: "OSeongandHanEumB"}
    #contents_info_1_text_frame2 {width: 100%; text-align: center; line-height: 1.5;}
    
    
    
    #contents_info_2_frame {width: 100%; margin: 40px 0; display: flex;flex-direction: column;  align-items: center; font-weight: 500;}
    #contents_info_2_frame #contents_info_2_table1 {width: 100%; font-size: 18px; border: 1px solid #c2c1c1; border-collapse: collapse; border-spacing: 0; text-align: center; margin: 30px 0;}
    #contents_info_2_frame #contents_info_2_table1 td {padding: 10px; border: 1px solid #c2c1c1;}
    #contents_info_2_frame #contents_info_2_table1 #top {border-top: 2px solid #74a122;}
    #contents_info_2_frame #contents_info_2_text {text-align: center; padding: 20px 40px; font-size: 20px; width: 500px; border: 1px solid #ccc; margin: 40px 0; border-radius: 13px;}
    #contents_info_2_frame #contents_title {font-size: 22px; font-weight: 600; text-align: left; width: 100%; margin-top: 30px;}
    #contents_info_2_frame #contents_info_2_table2 {width: 100%; margin: 50px 0; font-size: 20px; text-align: center; border-collapse: collapse; border-spacing: 0;}
    #contents_info_2_frame #contents_info_2_table2 #trfixed {border-bottom: 1px solid #464646; font-size: 17px; cursor: default; font-weight: 600; border-top: 2px solid #74a122; background-color: #f5f5f5;}
    #contents_info_2_frame #contents_info_2_table2 tr {height: 40px; border-bottom: 1px solid #dadada; font-size: 13px; cursor: pointer;}
    #contents_info_2_frame #contents_info_2_table2 td, th {padding: 20px 10px 20px 10px; border: 1px solid #e3dcdc;}
    
    
    #contents_info_3_frame {width: 100%; margin: 40px 0; display: flex;flex-direction: column;  align-items: center; font-weight: 500;}
    #contents_info_3_frame #contents_history_frame {width: 100%; border-left: 4px solid #ddd; margin: 60px 0 40px 50px;}
    #contents_info_3_frame #contents_history_frame li {border-top: 1px dashed #ddd; padding: 20px 10px; line-height: 1.6; position: relative; margin-left: 17px;}
    #contents_info_3_frame #contents_history_frame li #em {font-size: 30px; font-family: "OSeongandHanEumB"; position: absolute; top: -25px; left: -33px; color: #74a122;}
    #contents_info_3_frame #contents_history_frame li #date {font-size: 22px; font-family: "OSeongandHanEumB"; color:#19588b;}
    #contents_info_3_frame #contents_history_frame li #text {font-size: 15px; margin-left: 5px; line-height: 1.8;}
    #contents_info_3_frame #contents_title {font-size: 22px; font-weight: 600; text-align: left; width: 100%; margin-top: 30px;}
    
    
    
    #contents_info_4_frame {width: 100%; display: flex; flex-direction: column;  align-items: center; font-weight: 600;}
    #contents_info_4_frame #contents_title {font-size: 22px; font-weight: 600; text-align: left; width: 100%; margin: 30px 0;}
    #contents_info_4_frame #info4img {width: 800px; height: 300px; margin-top: 230px; transform: rotate(90deg);}
    
    #contents_info_5_frame {width: 100%; display: flex; flex-direction: column;  align-items: center; font-weight: 500;}
    #contents_info_5_frame #daumRoughmapContainer1729236079792 {margin: 40px 0;}
    #contents_info_5_frame #contents_title {font-size: 22px; font-weight: 600; text-align: left; width: 100%; margin-top: 30px;}
    #contents_info_5_text_frame {width: 100%; font-size: 14px; display: flex; justify-content: center;}
    #contents_info_5_text_frame #contents_info_5_table {width: 100%; border-collapse: collapse; border-spacing: 0; text-align: center; border-bottom: 1px solid #ddd;}
    #contents_info_5_text_frame #contents_info_5_table tr {border-top: 1px solid #ddd;}
    #contents_info_5_text_frame #contents_info_5_table td {padding: 20px; border: 1px solid #e3dcdc;}
    #contents_info_5_text_frame #contents_info_5_table #sub{width: 40px; background-color: #f9f7f7; text-align: left; border: 1px solid #e3dcdc;}
    #contents_info_5_text_frame #contents_info_5_table #top {border-top: 2px solid #74a122;}
    
    
    #contents_busin_frame {width: 100%; display: flex; flex-direction: column;  align-items: center; padding: 0 10px;}
    #contents_busin_frame #contents_busin_view_frame {width: 100%; border-bottom: 1px dashed #e0e0e0; padding: 30px 0;}
    #contents_busin_frame #img_frame {width: 100px; height: 100px; display: flex; flex-direction: column; justify-content: center; align-items:center; border: 1px solid #e0e0e0; border-radius: 50%; background-color: #f7f7f7;}
    #contents_busin_frame #img_frame img {width:50px; height: 60px;}
    #contents_busin_frame #title { display: inline-block; width: auto; margin-left: 32px; padding: 13px 0px 7px 0px; font-size: 23px; font-weight: 600; text-align: left; color: #3f3f3f;}
    #contents_busin_frame #text { display: inline-block; width: 100%; margin-left: 10px; padding: 10px; font-size: 15px; font-weight: 500; text-align: left; color: #525151;}
    #contents_busin_frame #contents_title {font-size: 35px; font-weight: 600; text-align: center; width: 100%; margin: 30px 0;}
    
    #contents_busin_3_frame {width: 100%; padding: 0 10px; display: flex; flex-direction: column;  align-items: center;}
    
    #contents_busin_3_frame #contents_busin_3_top_frame { display: flex; flex-direction: column; gap: 10px; border: 1px solid #aba9a9; border-radius: 13px; padding: 5px; margin-top: 30px;}
    #contents_busin_3_frame #contents_busin_3_top_frame #l_title { font-size: 17px; width: auto; height: auto; visibility: visible; line-height: 1; text-align: center; font-weight: 600; padding: 15px; background: #45635fe0; border-radius: 15px; color: #fff;}
    #contents_busin_3_top_frame #contents_top_text_view_frame {display: flex; justify-content: space-between; gap: 10px; margin-top: 15px;}
    #contents_busin_3_top_frame #contents_top_text_frame {width: 150px; border-radius: 20px; background-color: #f0f0f0; margin: 0px 10px;}
    #contents_busin_3_top_frame #contents_top_text_frame #top {width: 100%; text-align: center; padding: 13px 0; background-color: #253557e0; border-radius: 20px 20px 0px 0px;}
    #contents_busin_3_top_frame #contents_top_text_frame #top span {font-size: 15px; font-weight: 600; color: #fff;}
    #contents_busin_3_top_frame #contents_top_text_frame #contents {height: 130px; text-align: left; padding: 8px; line-height: 1.5;}
    #contents_busin_3_top_frame #contents_top_text_frame #contents span {font-size: 14px; font-weight: 500; color: #383838;}
    #contents_busin_3_top_frame #contents_top_text_frame #contents #em {padding: 0px 3px 3px 0px; color: #253557e0; font-size: 18px;}
    
    #busin3_img {width: 160%;}

    #contents_busin_3_top_frame #contents_top_text_frame2 {width: 50%; border-radius: 20px; background-color: #f0f0f0; margin: 0 auto; margin-top: 40px;}
    #contents_busin_3_top_frame #contents_top_text_frame2 #top {width: 100%; text-align: center; padding: 13px 0; background-color: #454f64e0; border-radius: 20px 20px 0px 0px;}
    #contents_busin_3_top_frame #contents_top_text_frame2 #top span {font-size: 15px; font-weight: 600; color: #fff;}
    #contents_busin_3_top_frame #contents_top_text_frame2 #contents {height: 140px; text-align: left; padding: 10px 15px; line-height: 1.5;}
    #contents_busin_3_top_frame #contents_top_text_frame2 #contents span {font-size: 15px; font-weight: 500; color: #383838;}
    #contents_busin_3_top_frame #contents_top_text_frame2 #contents #em {padding: 0px 3px 3px 0px; color: #454f64e0; font-size: 18px;}
    
    #contents_busin_3_frame #contents_title {font-size: 35px; font-weight: 600; text-align: left; width: 100%; margin-top: 30px; text-align: center;}
    
    #contents_busin_3_frame #contents_busin_3_table2 {width: 100%; margin: 50px 0; text-align: center; border-collapse: collapse; border-spacing: 0;}
    #contents_busin_3_frame #contents_busin_3_table2 #trfixed {border: 1px solid #e3dcdc; font-size: 15px; cursor: default; font-weight: 600; border-top: 2px solid #74a122; background-color: #f5f5f5;}
    #contents_busin_3_frame #contents_busin_3_table2 tr {height: 40px; font-size: 13px; cursor: pointer;}
    #contents_busin_3_frame #contents_busin_3_table2 td, th {padding: 5px; border: 1px solid #e3dcdc; text-align: center;}
    #contents_busin_3_frame #contents_busin_3_table2 #place {text-align: left;}
    
    #contents_employ_frame {width: 100%; display: flex; justify-content: center;}
    #contents_employ_frame #contents_employ_view_frame {width: 100%; margin: 40px 0; font-size: 20px;  line-height: 1.6;}
    #contents_employ_view_frame #contents_title {font-size: 20px; font-weight: 600; text-align: left; width: 100%; margin: 30px 0;}
    
    #contents_employ_view_frame #contents_employ_top_frame {width: 100%; padding: 20px 0; border-bottom: 1px dashed #c2c1c1; line-height: 2.1; margin-top: 40px;}
    #contents_employ_view_frame #contents_employ_top_frame #pose {font-size: 28px; font-weight: 600;}
    #contents_employ_view_frame #contents_employ_top_frame #text {font-size: 14px; font-weight: 500;}
    
    #contents_employ_view_frame #contents_employ_main_frame {width: 100%; margin-top: 30px;}
    #contents_employ_view_frame #contents_employ_main_frame #em_title {width: 100%; color: #fff; padding: 40px 0; text-align: center; background-color: #407aa9; font-size: 30px; font-weight: 600; line-height: 2; display: inline-block; margin-bottom: 30px;}
    #contents_employ_view_frame #contents_employ_main_frame #em_text {font-size: 16px; font-weight: 600; line-height: 2; color: #4d4d4d;}
    
    #contents_employ_view_frame #contents_employ_main_frame #table {width: 100%; text-align: center; font-weight: 600; margin-top: 70px;}
    #contents_employ_view_frame #contents_employ_main_frame #table thead td {font-size: 27px; background-color: #318576; color: #fff; padding: 40px 0;}
    #contents_employ_view_frame #contents_employ_main_frame #table td {font-size: 25px; padding: 30px 0; background-color: #f1f1f1;}
    #contents_employ_view_frame #contents_employ_main_frame #table #t_title {width: 250px;}
    
    #contents_employ_main_frame #contents_employ_table_frame {width: 100%; margin-top: 40px;}
    #contents_employ_main_frame #contents_employ_table_frame tr {display: flex; justify-content: center; flex-wrap: wrap;}
    #contents_employ_main_frame #contents_employ_table_td1 {width: 80%;}
    #contents_employ_main_frame #contents_employ_table_td2 {width: 100%;}
    #contents_employ_main_frame #contents_employ_table_1 {display: flex; flex-direction:column; align-items: center;}
    #contents_employ_main_frame #contents_employ_table_1 span {width: 100%; height: 40px; padding: 7px 0px 5px 0px; font-size: 20px; font-weight: 600; color: #fff; border-radius: 13px; text-align: center; margin: 15px 0;}
    #contents_employ_main_frame #contents_employ_table_1 #et_frame_1 {background-color: #326b6f;}
    #contents_employ_main_frame #contents_employ_table_1 #et_frame_2 {background-color: #455164; width: 360px;}
    #contents_employ_main_frame #contents_employ_table_1 #et_frame_3 {background-color: #2b4761; width: 95%; font-size: 14px; display: flex;align-items: center;justify-content: center;}
    #contents_employ_main_frame #contents_employ_table_1 #et_frame_3_1 {font-size: 13px; width: 95%; display: flex;align-items: center;justify-content: center;}
    #contents_employ_main_frame #contents_employ_table_1 img {width: 50px; height: 40px;}
    #contents_employ_main_frame #contents_employ_table_2 {display: flex; justify-content: center;}
    #contents_employ_main_frame #contents_employ_table_2 #frame {width: 100%; border-radius: 13px; background-color: #f3f3f3; padding-bottom: 50px;}
    #contents_employ_main_frame #contents_employ_table_2 #top {width: 100%; padding: 10px 0; text-align: center; font-size: 24px; font-weight: 600; color: #fff; background-color: #253557e0; border-radius: 13px 13px 0 0;}
    #contents_employ_main_frame #contents_employ_table_2 #contents {padding: 10px; font-weight: 600; font-size: 16px;}
    
    #contents_employ_main_frame #contents_employ_img_frame {display: flex; justify-content: center; align-items:center; flex-wrap: wrap;}
    #contents_employ_main_frame #contents_employ_img_frame #img_em {width: 80px; height: 40px;}
    #contents_employ_main_frame #contents_employ_img_frame #img_frame1, #img_frame2 {display: flex; flex-direction: column; padding: 30px;}
    #contents_employ_main_frame #contents_employ_img_frame #img_frame1 img, #img_frame2 img {width: 150px;}
    #contents_employ_main_frame #contents_employ_img_frame #img_frame1 span, #img_frame2 span {display: inline-block; padding: 10px 0; font-size: 19px; font-weight: 600; text-align: center;}
    
    #contents_employ_table_2 #contents #con_f {border-bottom: 1px dashed #d1d1d1; padding: 7px 0; line-height: 2;}
    #contents_employ_table_2 #contents #con_f #title {font-size: 18px;}
    #contents_employ_table_2 #contents #con_f #text {color: #535353; margin-left: 7px;}
    #contents_employ_table_2 #contents #con_f #em {font-size: 18px; color: #455164;}
    
    #contents_employ_main_frame #contents_employ_field_frame, #contents_employ_field_frame_2 {display: flex; padding: 5px; flex-direction: column; flex-wrap: wrap; border: 1px solid #aba9a9; border-radius: 13px; margin-top: 30px;} 
    #contents_employ_main_frame #contents_employ_field_frame #l_title, #contents_employ_field_frame_2 #l_title  { font-size: 16px; width: auto; height: auto; visibility: visible; line-height: 1; text-align: center; font-weight: 600; padding: 15px; background: #9d6838e0; border-radius: 15px; color: #fff;}
    
    #contents_employ_field_frame #contents_employ_text_view_frame {display: flex; justify-content: center; flex-wrap: wrap;}
    #contents_employ_field_frame_2 #contents_employ_text_view_frame {display: flex; flex-direction: column; align-items: center;}
    
    #contents_employ_field_frame_2 #contents_employ_text_view_frame #frame {margin-top: 20px; font-size: 16px; padding: 10px 15px; background-color: #3c6395; font-weight: 600; color: #fff; border-radius: 13px;}
    #contents_employ_field_frame_2 #contents_employ_text_view_frame #frame2 {padding: 10px 15px; font-size: 14px; background-color: #214573; font-weight: 600; color: #fff; border-radius: 13px;}
    #contents_employ_field_frame_2 #contents_employ_text_view_frame #frame3 {padding: 10px 15px; font-size: 14px; background-color: #7b3131e0; font-weight: 600; color: #fff; border-radius: 13px;}
    #contents_employ_field_frame_2 #contents_employ_text_view_frame #em_img {width: 50px; height: 40px;}
    #contents_employ_field_frame_2 #contents_employ_text_view_frame #vf_frame {width: 100%; font-size: 14px;}
    #contents_employ_field_frame_2 #contents_employ_text_view_frame #vf_frame #vf_view {display: flex; justify-content: center; font-weight: 600;}
    #contents_employ_field_frame_2 #contents_employ_text_view_frame img {width: 90px;}
    #contents_employ_field_frame_2 #contents_employ_text_view_frame #vf_frame #vf_view div{width: 170px; color: #fff; padding: 7px 0; margin: 10px 3px; background-color: #6f8b9f; text-align: center; border-radius: 13px;}
    
    
    
    #contents_employ_text_view_frame #contents_employ_text_frame {width: 180px; border-radius: 20px; background-color: #f0f0f0; margin: 20px 5px;}
    #contents_employ_text_view_frame #contents_employ_text_frame #top {width: 100%; text-align: center; padding: 13px 0; background-color: #39767de0; border-radius: 20px 20px 0px 0px;}
    #contents_employ_text_view_frame #contents_employ_text_frame #top2 {width: 100%; text-align: center; padding: 13px 0; background-color: #498168e0; border-radius: 20px 20px 0px 0px;}
    #contents_employ_text_view_frame #contents_employ_text_frame #top span, #contents_employ_text_view_frame #contents_employ_text_frame #top2 span {font-size: 18px; font-weight: 600; color: #fff;}
    #contents_employ_text_view_frame #contents_employ_text_frame #contents {height: 70px; text-align: left; padding: 10px 5px; line-height: 1.5;}
    #contents_employ_text_view_frame #contents_employ_text_frame #contents span {font-size: 13px; font-weight: 500; color: #4e4e4e;}
    #contents_employ_text_view_frame #contents_employ_text_frame #contents #em {padding: 0px 3px 3px 0px; color: #253557e0; font-size: 16px;}
    
    
    
    
    #contents_employ_text_view_frame #contents_employ_view_frame_1 {width: 100%; padding: 30px 5px; display: flex; flex-direction:column; align-items: center;}
    #contents_employ_text_view_frame #contents_employ_view_frame_1 #frame {width: 85%; color: #fff; background-color: #428d8a; margin-top: 15px; font-size: 18px; text-align: center; padding: 10px; font-weight: 600; border-radius: 13px;}
    #contents_employ_text_view_frame #contents_employ_view_frame_1 #text {width: 100%; color: #585858; background-color: #ffffff; margin-top: 5px; font-size: 17px;text-align: center; font-weight: 600;}
    #contents_employ_text_view_frame #contents_employ_view_frame_1 img {width: 50px; height: 40px;}
    
    #contents_employ_text_view_frame #contents_employ_view_frame_2 {width: 100%; margin: 30px 50px; display: flex; flex-direction:column; align-items: center;}
    #contents_employ_text_view_frame #contents_employ_view_frame_2 #frame {width: 100%; color: #fff; background-color: #395271; margin-top: 15px; font-size: 18px; text-align: center; padding: 10px; font-weight: 600; border-radius: 13px;}
    #contents_employ_text_view_frame #contents_employ_view_frame_2 #text {width: 100%; color: #585858; background-color: #ffffff; margin-top: 5px; font-size: 17px; text-align: center; font-weight: 600;}
    #contents_employ_text_view_frame #contents_employ_view_frame_2 img {width: 50px; height: 40px;}
    
    #contents_employ_text #em {font-size: 30px; margin: 0px 10px; color: #123081;}
    #contents_employ_text #bold_t {font-size: 30px; font-weight: 600;}
    #contents_employ_text #bold_n {font-size: 25px; font-weight: 600;}
    #contents_employ_text #bold {font-size: 20px; font-weight: 600;}
    
    
    
    
    #contents_employ_btn_frame,#contents_employ_btn_frame2 {width: 100%; display: flex; justify-content: center; margin: 40px 0; flex-wrap: wrap;}
    #contents_employ_btn_frame div, #contents_employ_btn_frame2 div {margin: 10px 2px; background-color: #19588b; border-radius: 13px; color: #fff; font-weight: 600; cursor: pointer;}
    #contents_employ_btn_frame div a {padding: 30px 5px; display: inline-block; color: #fff; width: 100%; font-size: 15px;}
    
    #contents_employ_btn_frame2 div a {padding: 28px 7px; display: inline-block; color: #fff; font-size: 16px; text-align: center; width: 170px;}
    
    #contents_chapter_frame {width: 100%;  display: flex; flex-direction: column;  align-items: center;}
    #contents_chapter_frame #contents_chapter_table {width: 100%; font-size: 20px; text-align: center; border-collapse: collapse; border-spacing: 0; margin: 40px 0px 60px 0px;}
    #contents_chapter_frame #contents_chapter_table #trfixed {border-bottom: 1px solid #464646; font-size: 17px; cursor: default; background-color: #f5f5f5; border-top: 2px solid #74a122;}
    #contents_chapter_frame #contents_chapter_table tr {height: 40px; border-bottom: 1px solid #dadada; font-size: 15px; cursor: pointer;}
    #contents_chapter_frame #contents_chapter_table td, th {padding: 0px; border: 1px solid #e3dcdc;}
    
    #contents_senior_frame {width: 100%;  display: flex; flex-direction: column;  align-items: center;}
    #contents_senior_top_frame {width: 100%; height: 340px; background-color: #f5f5f5; margin: 50px 0; position: relative; border: 1px solid #c2c1c1;}
    #contents_senior_top_frame #left {display: none; width: 360px; height: 350px; flex-direction: column; padding: 10px 0px 40px 40px; float: left;}
    #contents_senior_top_frame #left #local_frame {width: 90px; height: 90px; margin-top: 40px; border-radius: 50%; background-color: #fff; border: 1px solid #e7e7e7; display: flex; align-items: center; justify-content: center;}
    #contents_senior_top_frame #left img {width: 37px; height: 50px;}
    #contents_senior_top_frame #left span {display: inline-block; width: 100%;}
    #contents_senior_top_frame #left #text_b {font-size: 25px; font-weight: 600; margin-top: 40px;}
    #contents_senior_top_frame #left #text_n {font-size: 17px; font-weight: 500; margin-top: 30px;}
    
    #contents_senior_top_frame #right {width: 100%; height: 360px; display: flex; flex-direction: column; float: left; padding: 20px 0px 20px 0px; align-items: center;}
    #contents_senior_top_frame #right ul {font-size: 17px; display: flex; flex-direction: column; display: inline-block; text-align: center; font-weight: 600;}
    #contents_senior_top_frame #right li {padding: 10px; background-color: #217b81; display: inline-block; margin: 10px; cursor: pointer; color: #fff; border-radius: 15px;}
    
    #contents_senior_frame #contents_senior_table {width: 100%; margin: 50px 0; font-size: 20px; text-align: center; border-collapse: collapse; border-spacing: 0;}
    #contents_senior_frame #contents_senior_table #trfixed {border-bottom: 1px solid #464646; font-size: 15px; cursor: default; background-color: #f5f5f5; border-top: 2px solid #74a122;}
    #contents_senior_frame #contents_senior_table tr {height: 40px; border-bottom: 1px solid #dadada; font-size: 13px; cursor: pointer;}
    #contents_senior_frame #contents_senior_table td, th {padding: 10px; border: 1px solid #e3dcdc;}
    
    #contents_notice_frame {width: 100%; display: flex; flex-direction: column;  align-items: center;}
    #contents_notice_frame #contents_notice_search_frame {width: 100%; margin-top: 40px;}
    #contents_notice_search_frame #contents_title {font-size: 35px; font-weight: 600; text-align: left;}
    #contents_notice_frame #searchGo #contents_search_frame {margin-bottom: 40px;}
    #contents_notice_frame #searchGo #contents_search_frame input{float: left; width: 60%; height: 40px;  padding: 10px; font-size: 16px; border: 1px solid #dadada; border-radius: 13px 0px 0px 13px;}
    #contents_notice_frame #searchGo #contents_search_frame input:focus {outline: none; background-color: #e7e7e7;}
    #contents_notice_frame #searchGo #contents_search_btn {width: 40px; height: 20px; display: inline-block; padding: 10px; background-color: #19588b; border-radius: 0px 13px 13px 0px; display: flex; align-items: center; justify-content: center;}
    #contents_notice_frame #searchGo #contents_search_btn img {width: 20px; height: 20px;}
    
    #contents_notice_frame #searchGo {width: 100%; margin: 40px 0;}
    #contents_notice_table {width: 100%; font-size: 20px; text-align: center; border-collapse: collapse; border-spacing: 0;}
    #contents_notice_table #trfixed {border-bottom: 1px solid #464646; font-size: 16px; cursor: default;}
    #contents_notice_table .notice {font-weight: 600; color: rgb(235, 57, 57);}
    #contents_notice_table tr {height: 40px; border-bottom: 1px solid #dadada; font-size: 14px; cursor: pointer;}
    #contents_notice_table td, th {padding: 5px;}
    #contents_notice_table .title {text-align: left;} 
    
    #contents_notice_table2 {width: 100%; font-size: 20px; text-align: center; border-collapse: collapse; border-spacing: 0;}
    #contents_notice_table2 #trfixed {border-bottom: 1px solid #464646; font-size: 20px; cursor: default;}
    #contents_notice_table2 .notice {font-weight: 600; color: rgb(235, 57, 57);}
    #contents_notice_table2 tr {height: 40px; border-bottom: 1px solid #dadada; font-size: 17px; cursor: pointer;}
    #contents_notice_table2 td, th {padding: 5px; border: 1px solid #e3dcdc;}
    #contents_notice_table2 .title {text-align: left;} 
    #contents_notice_table2 .file {width: 37px;} 
    #contents_notice_table2 .writer {width: 57px;} 
    #contents_notice_table2 .date {width: 55px;} 
    #contents_notice_table2 .hits {width: 40px;} 
    
    #contents_notice_frame .paging {width: 100%; display: flex; justify-content: center; margin-top: 30px;}
    #contents_notice_frame .paging #prev, #next {width: 50px; height: 50px; background-color:  #dadada; margin: 0px 10px; border-radius: 14px; position: relative; display: flex; align-items: center; justify-content: center;}
    #contents_notice_frame .paging #prev img {width: 17px; height: 14px;}
    #contents_notice_frame .paging #next img {width: 17px; height: 14px;}
    
    #contents_notice_frame #paging_frame {font-size: 17px; font-weight: 600; position: relative;}
    #contents_notice_frame #paging_frame li {width: 40px; height: 50px; margin: 0px 10px; border-radius: 14px; display: inline-block; text-align: center; vertical-align: middle; line-height: 50px}
    #contents_notice_frame #paging_frame li:hover {background-color: #e7e7e7; cursor: pointer;}
    #contents_notice_frame #paging_frame #select {background-color: #19588b; color: #fff;}
    
    
    #content_calendar_frame {width: 1200px; height: 100%; display: flex; flex-direction: column;  align-items: center;}
    #content_calendar_frame #contents_title {font-size: 35px; font-weight: 600; text-align: left; float: left; margin-top: 40px;}
    #content_calendar_frame .calendar {position: relative;  width: 100%; height: 650px; margin-top: 70px;}
    #content_calendar_frame .days {display: flex; flex-wrap: wrap;  justify-content: space-between; }
    #content_calendar_frame .day-wrapper {display: flex; flex-direction: column;  flex-grow: 1; min-height: 100px;  width: calc(100% / 7); box-sizing: border-box; }
    #content_calendar_frame .day-wrapper div {display: flex; justify-content: center; align-items: center; flex-grow: 1;}
    #content_calendar_frame .day-wrapper div.saturday,
    #content_calendar_frame .day-wrapper div.sunday {color: inherit;  flex-grow: 1;}
    #content_calendar_frame .day-wrapper div {width: 90px; font-size: 20px;}
    #content_calendar_frame  .weekdays div {padding: 30px 0;}
    
    #content_calendar_frame #content_calendar_coment_frame {width: 100%; line-height: 1.6; margin-top: 20px;}
    #content_calendar_frame #content_calendar_coment_frame span {font-size: 30px; font-weight: 600;}
    
    #contents_gallery_frame {width: 100%; margin: 0px 0px 10px 0px; display: flex; flex-direction: column; justify-content: center; align-items: center;
  }}
    #contents_gallery_frame li {width: 310px; height: 330px; background-color: #f7f7f7; position: relative; display: inline-block; margin: 20px 10px; cursor: pointer;}
    #contents_gallery_frame li img {width: 100%; height: 200px;}
    #contents_gallery_frame .info {display: flex; flex-direction: column; padding: 10px;}
    #contents_gallery_frame span {display: inline-block; text-align: left; font-weight: 600;}
    #contents_gallery_frame #local {font-size: 17px; color: chocolate; margin-bottom: 5px;}
    #contents_gallery_frame #title {font-size: 20px; overflow: hidden; text-overflow: ellipsis; margin-top: 25px;} 
    #contents_gallery_frame #date {font-size: 15px;  color: #b3b3b3; text-align: left; position: absolute; bottom: 10px;} 
    
    #contents_board_view_frame {width: 100%; display: flex; flex-direction: column;  align-items: center;}
    #contents_board_view_frame #contents_board_top_frame {width: 100%; font-weight: 600; margin-top: 70px; border-bottom: 1px solid #dddddd; border-top: 1px solid #272727; padding: 30px 0; line-height: 2.3;}
    #contents_board_view_frame #contents_board_top_frame #type {color: rgb(235, 57, 57); font-size: 0px;}
    #contents_board_view_frame #contents_board_top_frame #g_type {color: chocolate; font-size: 0px;}
    #contents_board_view_frame #contents_board_top_frame #title {font-size: 28px;}
    #contents_board_view_frame #contents_board_top_frame #date {font-size: 16px; color: #a9a9a9;}
    #contents_board_view_frame .cnt {width: 100%; font-size: 18px; min-height: 400px; border-bottom: 1px solid #dddddd; padding: 30px 0;}
    #contents_board_view_frame .cnt img {width: 100%;}
    #contents_board_view_frame .file_download {width: 100%; font-size: 18px; min-height: 200px; border-bottom: 1px solid #ececec;}
    #contents_board_view_frame #contents_board_bottom_frame {width: 100%;}
    #contents_board_view_frame #contents_board_bottom_frame li {width: 100%; display: inline-block; padding: 10px 0px 10px 0;}
    #contents_board_view_frame #contents_board_bottom_frame #line1 {border-bottom: 1px dashed #dddddd;}
    #contents_board_view_frame #contents_board_bottom_frame #line_frame {float: left; cursor: pointer; display:flex; align-items: center; min-width: 30%;}
    #contents_board_view_frame #contents_board_bottom_frame #line_frame img {width: 21px;}
    #contents_board_view_frame #contents_board_bottom_frame #line_frame span {margin-left: 10px; font-size: 17px; font-weight: 600; color:#464646}
    #contents_board_view_frame #contents_board_bottom_frame #img_frame_up, #img_frame_down, #line_list {padding: 15px; font-size: 16px; border: 1px solid #c4c2c2; font-weight: 600; border-radius: 5px; }
    #contents_board_view_frame #contents_board_bottom_frame #img_frame_down, #img_frame_up{float: left; background-color: #7d6e6ee0;}
    #contents_board_view_frame #contents_board_bottom_frame #line_list {float: right;}
    
    
    
    .footer {background-color: #393741e6;}
    .footer_frame {display: flex; justify-content: center;}
    .footer_frame_view { width: 1700px;}
    .footer_top {padding: 25px; margin-top: 20px; border-bottom: 1px solid #d2d2d2;}
    .footer_top #privacy {color: #fff; font-size: 16px; font-weight: 600;}
    .footer_top select {width: 150px; height: 30px; padding: 0px 10px; font-size: 14px; font-weight: 600; background-color: #393741e6; color: #fff;}
    
    .footer_warp {padding: 20px;}
    .footer_warp span{font-size: 12px; font-weight: 600; color: #fff; display: inline-block;}
    .footer_warp img{float: right; width: 270px;}
    .footer_warp #address {padding: 35px 0px 0px;}
    .footer_warp #info01 {padding: 20px 0px;}
    .footer_warp #info02 {padding: 10px 0px;}
    .footer_warp #info03 {padding: 30px 0px;}
    
    .divbasic{margin-bottom: 15px; padding-bottom: 15px; }
.divbasic>h1 { font-size: 140%;  font-weight: 500; color:#000; font-family: "Noto Sans KR";  margin:15px 0px; line-height: 140%; }
.divbasic h2{ font-family: "Noto Sans KR"; font-size: 110%; font-weight: 500; color:#333; }
.divbasic .step1{margin-left: 20px;padding: 5px 0px;}
.divbasic .step1>li{ padding: 5px 0px; }
.divbasic .step2{ margin-left: 20px; list-style:upper-alpha ; padding: 5px 0px; }
.divbasic .step2>li{ padding: 2px 0px; }
.divbasic .step1>li>p{ text-indent: -20px; padding:3px 0px 3px 20px;  }

.lbasictable{width: 100%;border-collapse: collapse; border-spacing: 0; font-size: 13px;} 
.lbasictable #trfixed { border: 1px solid #e3dcdc; border-top: 2px solid #74a122;}
.lbasictable caption{ text-align: left; font-weight: bold; padding: 10px;}
.lbasictable thead{ background: rgba(0, 0, 0, 0.03);}
.lbasictable th, .lbasictable td{border:1px solid #ddd; padding: 8px;}
.tablec td{ text-align: center;}
    
    #pop_01{
      width:447px; height:668px; background:#333; color:#fff;       /*이미지 width 값, height 는 + 35 한다*/
      position:absolute; top:125px; left:90px; text-align:center;   /*top는 위에서 간격, left는 좌측으로부터 간격*/
      border:1px solid #333; z-index: 9999;
        }
      
    #pop_02{
      width:420px; height:535px; background:#333; color:#fff; 
      position:absolute; top:135px; left:90px; text-align:center; 
      border:1px solid #333; z-index: 9999;
      }
    
    #pop_03{
      width:450px; height:495px; background:#333; color:#fff; 
      position:absolute; top:135px; left:800px; text-align:center; 
      border:1px solid #333; z-index: 9999;
      }
    
    #pop_04{
      width:420px; height:400px; background:#333; color:#fff; 
      position:absolute; top:135px; left:511px; text-align:center; 
      border:1px solid #333; z-index: 9999;
      }
    
    .close div{float:left; text-align:right;}
    #check{font-size:12px; font-family:'돋움'; padding-left:20px;}
    #close{font-size:13px; font-weight:bold;}
    #close a{color:#fff}
    #pop_01 .pop_h{height: 643px;}                  /*이미지 높이 보다 + 10 한다.*/
    #pop_02 .pop_h{height: 510px;}
    #pop_03 .pop_h{height: 470px;}
    #pop_04 .pop_h{height: 374px;}
    .close_t1 {margin:auto; padding-left: 207px;}   /*이미지 width - 240 값으로 한다.*/
    .close_t2 {margin:auto; padding-left: 180px;}
    .close_t3 {margin:auto; padding-left: 210px;}
    .close_t4 {margin:auto; padding-left: 180px;}
    
    
    

}