.warp{
    margin-top: 50px;
}
/* inner */
 .inner {
    margin: 0 auto;
    width: 90%;
 }



 /* 버튼 */
 /* ************* 버튼공통 ************* */
 button{
    height: 56px;
    line-height: 56px;
    border-radius: 15px;
    border: 0;
    font-size: 16px;
    background: #333;
    color: #fff;
    text-align: center;
 }
 button.grayBtn{
    background: #ddd;
    color: #222;
 }
 /* ************* 버튼2개 ************* */
.buttonWrap{
    display: flex;
    flex-wrap: wrap;
}
button.buttonWrap{
    border-radius: 5px;
    padding: 0 10px;
    min-width: 100px;
    height: 44px;
    line-height: 44px;
    width: 49%;
    display: block;
    text-align: center;
    font-size: 14px;
}
button.buttonWrap:nth-child(1){
    margin-right: 2%;
}
button.w_100{
    width: 100% !important;
}


/* 글자표현 */
  /***** sub_span *****/
  .span_bar {
    position: relative;
    padding-left: 18px;
    font-size: 18px;
    
  }
  .span_bar::before {
    content: '';
    position: absolute;
    left: 0;top: 50%;
    transform: translateY(-50%);
    width: 8px;height: 22px;
    background: #16469D;
  }

   
/* 배경글자 */
.pg_bg {
    position: relative;
    height: 225px;
}
  .pg_bg>img{
    height: 225px;
    object-fit: cover;
   
}
.pg_bg h1{
    position: absolute;
    left: 50%;top: 50%;
    transform: translate(-50%,-50%);
    width: 100%;
    text-align: center;
    color: #333;
    font-size: 26px;
    font-weight: 800;
    z-index: 10;
}


/* //////////////////////////////////////////// */
  .subinner{
    padding-top: 100px;
    margin-bottom: 100px;
}

.big_txt {
    padding-bottom: 16px;
    font-size: 20px;
    font-weight: bold;
}

/* 서브페이지 젤위 제목 */
.subtit {
    text-align: center;
}
.subtit p{
    line-height: 1.5;
}

/* 서브페이지 가운데 제목 */
.top_tit_box{
    margin-bottom: 20px;
}
.top_tit_box .top_tit{
    text-align: center;
    font-size: 24px;
    color: #333;
    font-weight: 600;
}

/* 스크롤바 디자인 */
/* 스크롤바 전체 설정 */
.scrollStyle::-webkit-scrollbar{
    width: 8px;
    border-radius: 4px;
}
/* 스크롤바 설정 */
.scrollStyle::-webkit-scrollbar-thumb{
    background-color: #D9D9D9;
    border-radius: 4px;
} 
.scrollStyle::-webkit-scrollbar-thumb:hover{
    background-color: #D9D9D9;
    border-radius: 4px;
}


     
  

  /* input */
  /* ===> 로그인(다영)페이지 참고 */
input {
    display: inline-block;
    box-sizing: border-box;
    height: 42px;
    padding: 0 10px;
    border: 1px solid #e5e5e5;
    background: #fff;
    font-size: 13px;
    outline: none;
}
button{
    cursor: pointer;
}


  

  /************* 스크롤*************/
  /* 스크롤 박스 */
  .scroll_box {
    width: 100%;
    background-color: #EEE ;
    box-sizing: border-box;
    padding: 30px 60px 40px 60px;
    height: 360px;
    overflow-y: scroll;
    box-sizing: border-box;
  }
    /* 스크롤바 디자인 */
    .scroll_box::-webkit-scrollbar{
        border-radius: 25px;
        width: 10px;
        border-radius: 4px;
        box-shadow: inset 0 0 6px 0 rgb(238, 238, 238);
    }
    /* 스크롤바 설정 */
    .scroll_box::-webkit-scrollbar-thumb{
        background-color: #D9D9D9;
        box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.3);
        border-radius: 4px;
    } 
    .scroll_box::-webkit-scrollbar-thumb:hover{
        background-color: #D9D9D9;
        box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.4);
        border-radius: 4px;
    } 




 


/****** 팝업공통 ******/
.scrollLock { overflow: hidden; }

.popupWrap{
    display: none;
    position: fixed;
    left: 0;right: 0;top: 0;bottom: 0;
    background: rgba(0,0,0,0.5);
    z-index: 2000;
}
.popupWrap input{
    border-radius: 12px;
}
.popupWrap .popup{
    display: none;
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    background: #fff;
    padding: 30px 16px;
    /* min-width: 500px; */
    box-sizing: border-box;
    /* min-width: 500px; */
    width: 88%; max-height: 90vh;
    overflow: hidden;
    box-sizing: border-box;
}
.popupWrap .popup .top{
    height: 100%;
    max-height: 90vh;
    overflow-y: scroll;
}

.popupWrap .poptit{
    text-align: center;
    margin-bottom: 20px;
}
.popupWrap .poptit h1{
    font-weight: 500;
    font-size: 20px;
    line-height: normal;
    margin-bottom: 20px;
}
.popupWrap .poptit p{
    line-height: 1.5;
}
/* 팝업닫기버튼 */
.popupWrap .line-box{
    position: absolute;
    top: 12px; right: 12px;
    width: 30px; height: 30px;
    z-index: 10;
}
.popupWrap .line-box span{
    position: absolute;
    left: 50%;
    top: 50%;
    width: 25px;
    height: 2px;
    background-color: #000;

}
.popupWrap .line-box span.line-01{transform: translate(-50%, -50%) rotate(135deg);}
.popupWrap .line-box span.line-02{transform: translate(-50%, -50%) rotate(45deg);}


.clearfix:after {
    content: '';
    display: block;
    clear: both;
}


/* 안에 버튼있는 input */
.buttonInput{
    position: relative;
    border: 1px solid #e5e5e5;
    box-sizing: border-box;
}
.buttonInput input{
    width: 100%;
    border: 0;
}
.buttonInput button{
    position: absolute;
    height: unset;
    line-height: normal;
    border-radius: 0;
    right: 7px;top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    background: #222;
    padding: 4px 10px;
    color: #fff;
    letter-spacing: -0.03em;
    font-size: 13px;
}


/* 체크박스 공통 */
.formStyle1 input[type=checkbox],
.formStyle1 input[type=radio]{
    position: absolute;
    opacity: 0;
    cursor: pointer;
}
.formStyle1 input[type=checkbox] + label,
.formStyle1 input[type=radio] + label{
    position: relative;
    display: inline;
    margin-right: 10px;
    line-height: 2.2;
    width: 100%;
    padding-left: 23px;
    font-size: 15px;
    color: #666;
    cursor: pointer;
}
.formStyle1 input[type=checkbox] + label::before,
.formStyle1 input[type=radio] + label::before{
    content: '';
    display: inline-block;
    position: absolute;
    top: -1px;
    left: 0;
    height: 18px;
    width: 18px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 0;
    border: 1px solid #ddd;
    background-color: #fff;
}
.formStyle1 input[type=checkbox] + label::after,
.formStyle1 input[type=radio] + label::after{
    content: '';
    position: absolute;
    top: -1px;
    left: 0px;
    -webkit-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
    height: 8px;
    width: 12px;
    margin: 3px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-left: 3px solid #222;
    border-bottom: 3px solid #222;
    opacity: 0;
    -webkit-transform: scale(0) rotate(-45deg);
    transform: scale(0) rotate(-45deg);
}
.formStyle1 input[type=checkbox]:checked + label,
.formStyle1 input[type=radio]:checked + label{
    /* color:#222; */
}

.formStyle1 input[type=checkbox]:checked + label::after,
.formStyle1 input[type=radio]:checked + label::after{
    transform: scale(1) rotate(-45deg);
    opacity: 1;
}

/* 글자 */
.ptext {
    line-height: 1.5;
}
/* 글자 많은거에 쓰임 */

/* 탭메뉴 */
.tabMenuWrap{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    position: relative;
}
.tabMenuWrap > li{
    width: 50%;
    margin-left: -1px;
    margin-top: -1px;
    height: 44px;
    line-height: 44px;
    border: 1px solid #dddddd;
    transition: 0.3s ease;
}
.tabMenuWrap > li a{
    display: block;
    padding: 0 16px;
    color: #222;
    text-align: center;
}

.tabContWrap{
    padding-top: 50px;
}
.tabContWrap > li{
    display: none;
}
.tabContWrap > li.on{
    display: block;
}
.tabMenuWrap > li.on {
    background: #042A6F;
    border-color: #042A6F;
}
.tabMenuWrap > li.on a{
    color: #fff;
}

/* list_bottom */
.list_bottom {
    position: relative;
    padding-top: 10px;
    align-items: center;
}
.all_list {
    font-size: 14px;
    color: #aaa;
    text-align: right;
}
.list_number {
    left: 50%;
    display: flex;
    justify-content: center;
    color: #aaa;
    margin-top: 30px;
}
.list_number p{
    padding: 4px 10px;
}
.list_number>li {
    padding: 4px 10px;
}
.list_number>li:nth-child(1) {
    color: #000;
}
.search_box{
    position: relative;
}
.search_box>.search_btn {
    position: absolute;
    right: 10px; top: 50%;
    transform: translateY(-50%);

    min-width: unset;
    width: 23px; height: 23px;
    padding: 0;margin: 0 !important;
    z-index: 888;
    background-color: #fff; 
}
.search_btn>a {
    display: block;
    width: 23px;
    height: 22px;
}
.search_box .search {
    width: 100%; 
    padding: 0 42px 0 10px;
}

/*페이징*/
.paging {overflow: hidden; text-align: center;  margin-top: 20px; margin-bottom: 20px; font-weight: bold; color: #767676; display: table; margin-left: auto; margin-right: auto; }
.paging ul {overflow: hidden;text-align: center;padding-top: 20px;}
.paging li {display: inline-block; zoom: 1; display: inline;}

.paging li {display: inline-block; width: 24px; height: 20px; margin: 0 2px; overflow: hidden; color: #767676; font-size: 12px; padding-top: 4px;}/*border: 1px solid #ebebeb; */
.paging li.current {color:#000;}/*background:#EDA490; color: #fff;*/
.paging li a{color:#9C9C9C;}

/* 아이폰 대응 */
select{
    /*ios대응*/
    -webkit-appearance: none;
    -moz-appearance: none; 
    appearance: none;

}
input{
    /*ios대응*/
    appearance: none;
    -webkit-appearance: none;
    -webkit-border-radius: 0;
}



/******* 수강신청 달력 *******/
/* 따로 써야할듯 */
/* .Calendar_bar {
    text-align: center;
    width: 100%;
    background-color: #333;
    color: #fff;
    font-size: 34px;
    font-weight: 500;
    line-height: 62px;
} 
.Calendar {
    width: 100%;
    height: 1255px;
} */
/* table { border-collapse: collapse;}
td { border: 1px solid #D4D4D4; width: 191px; height: 215px; vertical-align:top;
     padding: 10px; font-size: 24px; color: #989898;}
th { height: 60px;
    background-color: #D4D4D4; font-size: 32px; color: #272E59; font-weight: 400;
    text-align: center;} */











/* 리스트 */
/* 따로 써야할듯 */
/* table {border-collapse: collapse; width: 100%;}
thead {border-top: 1px solid #000;  }
td { background-color: #fff; padding: 25px 13px;}
td.gray { background-color: #eee; padding: 25px 13px;}
th {padding: 25px 13px;
    border-top: 1px solid #000;}
tr {
    border-bottom:1px solid #ccc;
}
table.tstyle {
    width: 100%;
    border-top: solid #555;
    border-bottom: solid #555;
    border-collapse: collapse;
    border-width: 1.1px 0 1px 0;
    text-align: center;
} */

select {
   
    appearance:none;
    background:url('/images/select_arr3.png') no-repeat 95% 50%/12px auto;

}