.sub_wrap .inner{
    width: 100%;
    margin: 100px 0;
    
}
.about_bg{
    position: relative;
    width: 100%;
    height: 70vh;
    background-image: url(../img/about_bg.jpg);
    background-repeat: no-repeat;
    background-size: cover; 
    background-position: center; 
}s

.top_txt {
    position: absolute;
    top: 50%;   
    left: 50%;
    transform: translate(-50%, -50%) !important;
    font-family: Marcellus,Noto Sans KR,sans-serif;
    text-align: center;
    color: #fff;
    font-size: 7rem;
}
@media (max-width: 1180px) {
    .top_txt {
        font-size: 3rem;
    }
}
@media (max-width: 767px) {
    .top_txt {
        font-size: 2rem;
    }
}
.hgroup .small_top{
    color: #7f6044;
    font-size: 1.5rem;
    font-family: Marcellus,Noto Sans KR,sans-serif;
    text-align: center;
    
}
.hgroup h3{
    font-family: Marcellus,Noto Sans KR,sans-serif;
    text-align: center;
}
.hgroup .txt{
    margin: 30px 0;
}
.hgroup .txt span{
    color: #7f6044;
    font-size: 1.2rem;
    font-family: Marcellus,Noto Sans KR,sans-serif;
    display: block;
    margin-bottom: 20px;
}


.sub2_1_top_view_bg {
    width: 100%;
    height: 100%;
    background: url(../img/contact_bg.jpg) 50% 50%/cover no-repeat !important;
    overflow: hidden;
}
.sub3_1_top_view_bg {
    width: 100%;
    height: 100%;
    background: url(../img/group_bg.jpg) 50% 50%/cover no-repeat !important;
    overflow: hidden;
}
.sub4_1_top_view_bg {
    width: 100%;
    height: 100%;
    background: url(../img/instructor_bg.jpg) 50% 50%/cover no-repeat !important;
    overflow: hidden;
}

.sub_inner{
    width: 75%;
    margin: 0 auto;
}

@media (max-width: 1024px) {
    .sub_inner{
        width: 80%;
    }
}
.loaction_info{
    padding-top: 50px;
}
.loaction_info div{
    margin-bottom: 20px;
    font-size: 1.5rem;
}
.loaction_info div strong{
    display: block;
    margin-bottom: 5px;
}
.time_table table {
    border-collapse: collapse;
    margin: 1rem auto;
  }
  
  /* 테이블 행 */
  .time_table th, td {
    border-bottom: 1px solid #ddd;
    text-align: center;
    padding: 20px 0 !important;
  }
  .time_table th {
    border-top: 2px solid #7f6044;
    border-bottom: 2px solid #7f6044;
    padding: 10px 0;
    border-right: 1px solid #f5ede3;
  }
  .time_table td {
    border-bottom: 1px solid #ddd;
    text-align: center;
    padding: 20px 2px !important; 
    border: 1px solid #f5ede3;
    vertical-align: middle;
    height: 4em;

  }
  
  @media (max-width: 654px) {
    .time_table td {
        height: 6em;
        font-size: 0.7rem;
      }
      .time_table td {
        font-size: 0.7rem;
      }
      .sub_inner{
        width: 90%;
    }
    .sub1_1_cont04_text02>h1 {
        font-size: 1.8rem !important;
    }
    .sub1_1_cont04_text01 .fz_20 {
        font-size: 1rem !important;
  }

}
  .time_table .color_brown{
    background: #754a2e;
    color: #fff;
  }
  .time_table .color_grey{
    background: #e0d9c8;
  }
  .time_table .color_beige{
    background: #d3bba0;
  }
  .time_table .color_dark{
    background: #44220f;
    color: #fff;
  }
  
  .tab{
    margin: 50px 0;
  }
  .tab_nav{
    display: flex;
    justify-content: center;
    text-align: center;
    font-family: Marcellus,Noto Sans KR,sans-serif;

  }
  .tab_nav a{
    cursor: pointer;
    margin: 0 20px;
    padding: 10px 0;
    font-size: 2rem;
  }

  .tab_nav a.active{
    border-bottom: 1px solid #754a2e;
    color: #754a2e;
 }

 @media (max-width: 1200px) {
    .tab_nav a{
        font-size: 1.5rem;
      }
}

.profile{
    padding: 8rem 0 0 0;
    display: flex;
    flex-flow: row;
}
.profile > div{
   width: 50%;
}
.profile .column_half{
    padding: 5rem 0 0 5rem;
}
.profile .column_half h2{
    color: #754a2e;
    font-size: 5rem;
    line-height: 5rem;
    
}

.profile .column_half h4{
        font-weight: bold;
}
.profile .name{
    display: block;
    margin: 25px 0;
}

.profile .name strong{
    font-weight: bold;
    font-size: 2.5rem;
    margin-right: 15px;
}
.profile .name::after{
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background: #333;
    margin: 13px 0;
}

.profile .tit{
    margin: 10px 0;
}

@media (max-width: 800px) {

    .profile{
        padding: 3rem 0 0 0;
        flex-flow: column;
    }
    .profile .column_half{
        padding:3rem 0 0 0;
    }

    .profile .column_half h2{
        font-size: 3rem;
        line-height: 3rem;
        
    }
    .profile .name strong{
        font-size: 1.5rem;
    }

    .profile .name::after{
        margin: 5px 0;
    }
    .profile > div{
        width: 100%;
    }
     .tab{
    margin: 30px 0;
  }
}


/*instructor course*/
.instructor h2{
     font-family: Marcellus,Noto Sans KR,sans-serif;
    text-align: center;
    font-weight: bold;
    font-size: 2.313rem;
    margin-top: 50px;
}
.instructor h3{
    font-family: Marcellus,Noto Sans KR,sans-serif;
    text-align: center;
    font-weight: bold;
}
.instructor h4{
    font-family: Marcellus;
    text-align: center;
    font-weight: bold;
    margin:20px 0;
}
.instructor h5{
    text-align: center;
}
.instructor h5 br{
    display:block;
}
.instructor h3::after{
    display: block;
    width: 100%;
    background: #4b4b4b;
    height: 1px;
    content: "";
    margin: 20px 0;
}
.instructor .level_1{
    display: flex;
}
.instructor .level_1_txt{
    margin-top: 100px;
}
.instructor p{
    font-family: Marcellus,Noto Sans KR,sans-serif;
    color: #754a2e;
    text-align: center;
}
.instructor span{
    display: block;
    color: #333;
    font-family: Marcellus,Noto Sans KR,sans-serif;
    font-size: 1.8rem;
    margin-top: 10px;
    text-align: center;
}
.instructor .remind{
    font-weight: 500;
    letter-spacing: -1px;
}
.instructor .lever_2_txt{
    margin-top: 100px;
}
.instructor .level_1 p{
    width: 25%;
     }

     .mini{font-size:1.5rem !important; opacity: 0.7; margin:20px 0 50px 0; display: block;}
@media (max-width: 1200px) {
    .instructor .level_1{
        flex-wrap: wrap;
        }
    .instructor .level_1 p{
       width: 50%;
    }
    .instructor p{
        font-size: 1.2rem;
    }
}
@media (max-width: 1024px) {
    .instructor .level_1 p{
        width: 100%;
     }
    .instructor h2{
        text-align: left;
        font-size: 1.3rem;
    }
    .instructor h3{
        text-align: left;
        font-size: 1.3rem;
    }
    .instructor h4{
        text-align: left;
        font-size: 1rem;
    }
    .instructor h5{
        text-align: left;
        font-size: 1rem;
        line-height: 1.2rem;
    }
    .mini{font-size:.9rem !important;}

    .instructor h3::after{
        margin: 10px 0;
    }
    .instructor p{
        font-family: Marcellus,Noto Sans KR,sans-serif;
        color: #754a2e;
        text-align: left;
    }
    .instructor br{
        display: none;
    }
    .instructor span{
        font-size: 1rem;
        text-align: left;
        margin:5px;
    }
 
    
}
@media (max-width: 768px) {
    .instructor p{
        width: 100%;
        font-size: 1.2rem;
    }
     
    .instructor .lever_2_txt{
        margin-top: 50px;
    }
    .instructor .level_1_txt{
        margin-top: 50px;
    }
}


.flex_wrap{
    width: 75%;
    margin: 0 auto;
    display: flex;
    flex-flow: row nowrap;
}

.flex_wrap > div{
    width: 50%;
    margin: 0 2%;
}

@media (max-width: 1200px) {
    .flex_wrap{
        width: 75%;
        margin: 0 auto;
        display: flex;
        flex-flow: column;
    }
    
    .flex_wrap > div{
        width: 100%;
        margin: 0;
    }

    .flex_wrap > div:last-child{
        margin-top: 50px;
    }
}

.oneday_tit{
    margin-top: 150px;
}
@media (max-width: 654px) {
    .oneday_tit{
        margin-top: 70px;
    }
}


.guide{
    width: 75%;
    margin: 50px auto 30px auto;
    display: flex;
    flex-flow: column;
    justify-content: space-between;
    text-align: center;
}

.guide_txt p{
    font-family: Marcellus,Noto Sans KR,sans-serif;
    font-size: 1.5rem;
}
.guide_txt b{
    display: block;
    font-weight: bold;
margin: 1.2rem 0;
    font-size: 2.7rem;
}
.guide_txt span{
    font-size: 1.8rem;
}

@media (max-width: 1024px) {
    .guide{
    width: 90%;
}
    .guide_txt p{
    font-size: 1.2rem;
    }
    .guide_txt b{
        display: block;
        font-weight: bold;
    margin: 1rem 0;
        font-size: 2rem;
    }
    .guide_txt span{
        font-size: 1.5rem;
}
.guide_img img{
   width:50%;
   margin: 0 auto;
   text-align:center;
}
    }

@media (max-width: 767px) {
    .guide{
    width: 90%;
}
    .guide_txt p{
    font-size: 0.8rem;
    }
    .guide_txt b{
        display: block;
        font-weight: bold;
    margin: 0.6rem 0;
        font-size: 1.5rem;
    }
    .guide_txt span{
        font-size: 1rem;
        line-height: 1.4rem;
}
.guide_img{
    display:flex;
    flex-flow: row;
}
.guide_img img{
   width:50%;
   margin: 0 auto;
   text-align:center;
}
    }