.organization_wrap * { position : relative; text-align : center; z-index : 2 }
.organization_wrap p { width : 215px; line-height : 55px; border : 1px solid #d8e3ea; background-color : #f2f7fa }
.organization_top { position : relative; width : 345px; margin : 0 auto; padding-bottom : 50px }
.organization_top:before { content : ''; background-color : #dfdfdf; position : absolute; width : 1px; height : 100%; top : 0; left : 50% }
.organization_top .h2 { background : url('../img/sub/organization_bg.png') no-repeat center center; line-height : 65px; color : #fff; font-size : 22px }
.organization_top .h22 { background : url('../img/sub/organization_bg.png') no-repeat center center; line-height : 65px; color : #fff; font-size : 22px }
.organization_top .h2_sub { position : relative; height : 55px }
.organization_top .h2_sub:before { content : ''; background-color : #dfdfdf; position : absolute; width : 100%; height : 1px; top : 50%; left : 50% }
.organization_top .h2_sub .organization_right { position : absolute; top : 0; left : 390px; width : 215px; }
.organization_top div:last-child { background-color : #0d2754; color : #fff; font-size : 20px; line-height : 65px }

.organization_middle { margin-top : 50px }
/* .organization_middle .organization_table { display : flex; justify-content : space-evenly } */
.organization_middle .organization_table { display : table; width : 100%; table-layout: fixed ;}
.organization_middle .organization_table > li:first-child,
.organization_middle .organization_table > li { display : table-cell; padding : 0 10px; vertical-align: top;}
.organization_middle .organization_table > li:first-child { width : 75px }

.organization_middle .h2 { line-height : 55px; border-top : 2px solid #0d2754; background-color : #f8f8f8 }
.organization_middle .h22 { line-height : 55px; border-top : 2px solid #0d2754; background-color : #f8f8f8 }
.organization_middle p { width : 100% }
.organization_middle .organization_table > li:first-child p { line-height : 120%; height : 200px; cursor : pointer; display: flex;align-items: center;justify-content: center}
.organization_middle .organization_table .h2 { cursor: pointer;}
.organization_middle .organization_table .h22 { cursor: pointer;}
.organization_middle .organization_table > li:first-child:after,
.organization_middle .organization_table > li:before,
.organization_middle .organization_table > li:after { content : ''; position : absolute; background-color: #dfdfdf; width : 50%; height : 1px; background: #dfdfdf ;}
.organization_middle .organization_table > li:before { top : -50px; left : 0 }

.organization_middle .organization_table > li:first-child:after,
.organization_middle .organization_table > li:after { top : -50px; right : 0 }
.organization_middle .organization_table > li:first-child:before,
.organization_middle .organization_table > li:last-child:after { content : ''; width : 1px; height : 50px; background-color: #dfdfdf; position : absolute; top : -50px; left : 50% }

.organization_middle .organization_table > li:first-child p{ margin: 0}
.organization_middle .organization_table > li p { margin : 10px 0 }

/* 0612추가*/
.organization_wrap_type2 * { position : relative; text-align : center; z-index : 2 }
.organization_wrap_type2 p { width : 215px; line-height : 55px; border : 1px solid #d8e3ea; background-color : #f2f7fa }
.organization_top_type2 { position : relative;  padding-bottom : 50px }
.organization_top_type2:before { content : ''; background-color : #767676; position : absolute; width : 1px; height : 236px; top : 0; left : 50% }
.organization_top_type2 .h2_sub { position : relative; width : 345px; margin : 0 auto;height : 55px }
.organization_top_type2 .h2_sub:before { content : ''; background-color : #767676; position : absolute; width : 100%; height : 1px; top : 50%; left : 50% }
.organization_top_type2 .h2_sub .organization_right { position : absolute; top : 0; left : 390px; width : 215px; }
.organization_top_type2 .org1 { width : 345px; margin : 0 auto; background-color : #0d2754; color : #fff; font-size : 20px; line-height : 65px;}

.organization_middle_type2 { margin-top : 50px;padding-top:50px; }
.organization_middle_type2  .organization_table { display : table; width : 100%; table-layout: fixed ;}
.organization_middle_type2  .organization_table > li:first-child,
.organization_middle_type2  .organization_table > li { display : table-cell; padding : 0 10px; vertical-align: top;}
.organization_middle_type2  .organization_table > li:first-child { width : 75px }

.organization_middle_type2  .h2 { line-height : 55px; border-top : 2px solid #0d2754; background-color : #f8f8f8 }
.organization_middle_type2  .h22 { line-height : 55px; border-top : 2px solid #0d2754; background-color : #f8f8f8 }
.organization_middle_type2  p { width : 100% }
.organization_middle_type2  .organization_table > li:first-child p { line-height : 120%; height : 200px; cursor : pointer; display: flex;align-items: center;justify-content: center}
.organization_middle_type2  .organization_table .h2 { cursor: pointer;}
.organization_middle_type2  .organization_table .h22 { cursor: pointer;}
.organization_middle_type2  .organization_table > li:first-child:after,
.organization_middle_type2  .organization_table > li:before,
.organization_middle_type2  .organization_table > li:after { content : ''; position : absolute; background-color: #767676; width : 50%; height : 1px; background: #767676 ;}
.organization_middle_type2  .organization_table > li:before { top : -50px; left : 0 }

.organization_middle_type2  .organization_table > li:first-child:after,
.organization_middle_type2  .organization_table > li:after { top : -50px; right : 0 }
.organization_middle_type2  .organization_table > li:first-child:before,
.organization_middle_type2  .organization_table > li:last-child:after { content : ''; width : 1px; height : 50px; background-color: #767676; position : absolute; top : -50px; left : 50% }

.organization_middle_type2  .organization_table > li:first-child p{ margin: 0}
.organization_middle_type2  .organization_table > li p { margin : 10px 0 }
/* 0612추가 end*/


.organization_txt { padding : 50px 0; border-bottom : 1px solid #dfdfdf; text-align : center; color : #868686  }
.organization_txt b { color : #0d2754 }
.organization_table_wrap { display : none }
.organization_table_wrap dl { display : table; margin : 30px 0; line-height: 30px}
.organization_table_wrap dl dt,
.organization_table_wrap dl dd { position : relative; display : table-cell; vertical-align: middle; padding : 10px 20px }
.organization_table_wrap dt { font-size : 22px; color : #0571f2; padding-left : 0 !important }
.organization_table_wrap dl dd { font-size : 18px }
.organization_table_wrap dl dd:before { content : ''; width : 1px; height : 25px; background-color: #dfdfdf;; position : absolute; top : 15px; left : 0 }
.organization_table_wrap img { display : inline-block; margin : 0 10px 0 0 }
.organization_table_wrap ul { padding : 0 20px }
.organization_table_wrap ul li { position : relative; padding-left : 15px; margin : 10px 0; text-align : left }
.organization_table_wrap ul li:before { content : '-'; position : absolute; top : 0; left : 0 }


.member_search_wrap .search_top { border-top : 2px solid #0d2754; padding : 50px 80px; background-color : #f8f8f8; text-align : center }
.member_search_wrap .search_top > * { display : inline-block; height : 45px; line-height: 42px; border : 1px solid #dfdfdf; padding : 0 20px; font-size : 17px; color : #626262 }
.member_search_wrap .search_top select { padding-right : 50px; background-color: #fff }
.member_search_wrap .search_top> #schCode {padding-left : 0px !important;}
.member_search_wrap .search_top button { background-color : #1f48a7; color : #fff; padding : 0 35px }

html .calendar_wrap { overflow : hidden}
html .calendar_wrap > div { float : left; width : 50%; height : 100%; padding : 10px }
html .calendar_wrap .schedule{ border : 1px solid #dfdfdf;}
html .calendar_wrap .schedule .ui-widget.ui-widget-content{ width: 100%; border: none; padding: 0, }
html .calendar_wrap .ui-state-default,
html .calendar_wrap .ui-widget-content .ui-state-default,
html .calendar_wrap .ui-widget-header .ui-state-default,
html .calendar_wrap .ui-button,
html html .calendar_wrap .ui-button.ui-state-disabled:hover,
html html .calendar_wrap .ui-button.ui-state-disabled:active {
    border: none;
    background: transparent;
    font-weight: normal;
    color: #454545;
    text-align: center;
}
html .calendar_wrap .ui-widget-header{ border: none; border-radius: 0}
html .right-side .calendar_wrap .ui-datepicker-header { position : relative; background-color : #2e3a56; padding : 10px 0  }
html .right-side .calendar_wrap .ui-datepicker-title { display: flex !important; flex-direction:column !important; color: transparent}
html .calendar_wrap .ui-datepicker-header > a { position : absolute; display : block; width : 50px; height: 100%; top : 0; text-indent:-9999px; }
html .right-side .calendar_wrap .ui-datepicker-prev { left : 50%; margin-left : -120px; background : url('../img/common/ic_cal_arrow_prev.png') no-repeat center center; }
html .right-side .calendar_wrap .ui-datepicker-next { right : 50%; margin-right : -120px; background : url('../img/common/ic_cal_arrow_next.png') no-repeat center center; }
html .calendar_wrap .ui-datepicker-prev .ui-icon,
html .calendar_wrap .ui-datepicker-next .ui-icon{ background: transparent}
html .calendar_wrap .ui-datepicker-title select { display : block; width : 100px; margin : 10px auto; color : #fff; border : none; background : transparent; height : 100%; line-height: 100%; text-align : center; background-color : #2e3a56 }
html .calendar_wrap .ui-datepicker-title option { font-size : 14px }
html .calendar_wrap .ui-datepicker-year { font-size : 18px; font-family: "Noto Sans KR"}
html .right-side .calendar_wrap .ui-datepicker-month { font-size : 40px; line-height : 40px; font-family: "Noto Sans KR"}
html .calendar_wrap table { float : none; border : none !important }
html .calendar_wrap th,
html .calendar_wrap td { padding : 10px; border : none !important; font-weight: normal}
html .calendar_wrap td a{ padding: 0;}

/**  border: solid 1px #696969 !important;**/
html .calendar_wrap tr { border : none }
html .calendar_wrap .ui-state-active { background-color : #e4f0ff; padding : 5px 0; border: solid 2px #bbc4d9 !important; }
			
html .calendar_wrap th:first-child,
html .calendar_wrap td:first-child { color : #d73608 }
html .calendar_wrap th:last-child,
html .calendar_wrap td:last-child { color : #021dc2 }
html .calendar_wrap .ui-datepicker-buttonpane { display : none }
.schedule_table h2 { border-top : 2px solid #0d2754; background-color : #f1f1f1; text-align : center; font-size : 18px; line-height : 70px  }
.schedule_table div { height : 385px; overflow-y : auto }
.schedule_table dl { display : table; width : 100%; table-layout: fixed;; border-bottom : 1px solid #dfdfdf; min-height : 70px }
.schedule_table dl dt,
.schedule_table dl dd { display : table-cell; vertical-align: middle; padding : 15px  }
.schedule_table dl dt { width : 165px; text-align : center; color :#1f48a7 }




@media ( max-width : 1200px ){
    .organization_top,
    .organization_top .h2_sub p { width : 300px; max-width: 100%}
    .organization_top .h2_sub .organization_right { left : 320px }
    .organization_table_wrap dl,
    .organization_table_wrap dl dt,
    .organization_table_wrap dl dd { font-size : 16px; text-align : left }
    .member_search_wrap .search_top * { font-size : 15px }
    .member_search_wrap .search_top input { width : 200px }
}

@media ( max-width : 1100px ){
    .organization_top .h2_sub { margin : 10px 0 }
    .organization_top .h2_sub .organization_right { position : static; left : inherit; width : 100%; }
    
    .organization_top .h2_sub:before { display : none }

    .organization_middle { margin : 0 }
    .organization_middle .organization_table,
    .organization_middle .organization_table > li:first-child,
    .organization_middle .organization_table > li { display : block; width : 100% }
    .organization_middle .organization_table { width : 215px; margin : 0 auto }
    .organization_middle .organization_table > li:first-child:before, .organization_middle .organization_table > li:last-child:after,
    .organization_middle .organization_table > li:first-child:after, .organization_middle .organization_table > li:before, .organization_middle .organization_table > li:after{ display : none }

    .organization_middle .organization_table > li:first-child p { width : 100%; line-height : 55px; height : 100%; padding : 0; margin-bottom : 10px }
    .organization_middle .organization_table > li:first-child p br { display : none }
}

@media ( max-width : 1000px ){
    html .calendar_wrap > div { float : none; width : 100% }
    html .calendar_wrap .ui-datepicker-month { font-size : 30px }
    .schedule_table h2 { line-height : 50px }
    .schedule_table dl { min-height : 50px }
}

@media ( max-width : 750px ){
    .member_search_wrap .search_top { padding : 30px}
    .member_search_wrap .search_top * { display : block; width : 100% !important; margin : 10px 0; }

	.member_search_wrap .organization_table_wrap table{ table-layout: auto;}
	
    .member_search_wrap .organization_table_wrap dl,
    .member_search_wrap .organization_table_wrap dl dt,
    .member_search_wrap .organization_table_wrap dl dd { display : block; padding : 0; margin : 10px 0 }
    .member_search_wrap .organization_table_wrap dl { overflow : hidden }
    .member_search_wrap .organization_table_wrap dl dd:before { display: none;}
    .member_search_wrap .organization_table_wrap dl dd { float : left; width : 100% }
    .member_search_wrap .organization_table_wrap dl dt { padding : 10px 15px !important; background-color : #f1f1f1; font-size : 17px }
}