/* 제목 */
.program.call_info h3, .program.call_info h4, .program.call_info h5, .program.call_info h6{position:relative;}
.program.call_info h3{margin:40px 0 10px;font-size:22px;color:#222;line-height:30px;letter-spacing:-0.03em;}
.program.call_info .h3_subtitle{margin-left:10px;font-size:18px;color:#888;line-height:24px;letter-spacing:-0.03em;}

.program.call_info h4, .program.call_info .h4{margin:20px 0;font-size:20px;color:#268b63;line-height:28px;letter-spacing:-0.03em;}
.program.call_info .h4_subtitle{margin-left:10px;font-size:16px;color:#888;line-height:24px;letter-spacing:-0.03em;}

.program.call_info h5, .program.call_info .h5{margin:22px 0;padding-left:19px;font-size:18px;color:#2f2f2f;line-height:26px;letter-spacing:-0.03em;}
.program.call_info h5:before, .program.call_info .h5:before{display:block;position:absolute;top:9px;left:1px;width:12px;height:12px;background:url('../images/template/h5_icon.png') no-repeat left top;content:'';}
.program.call_info h6, .program.call_info .h6{margin:16px 0;font-size:16px;color:#2f2f2f;line-height:24px;letter-spacing:-0.03em;}

@media all and (max-width:640px){
    .program.call_info h3, .program.call_info .h3{font-size:20px;margin:16px 0;}
    .program.call_info h4, .program.call_info .h4{font-size:18px;margin:14px 0;}
    .program.call_info h5, .program.call_info .h5{font-size:17px;margin:12px 0;}
    .program.call_info h6, .program.call_info .h6{font-size:16px;margin:10px 0;}
}

/* 검색버튼 */
.style_select_box{position:relative;z-index:10;width:160px;}
.style_select_box .search_select{display:block;position:relative;width:160px;height:40px;padding:9px 19px 5px;border:1px solid #bbb;font-size:16px;color:#444;line-height:24px;letter-spacing:-0.03em;text-align:left;}
.style_select_box .search_select:before{display:block;position:absolute;top:17px;right:15px;width:11px;height:7px;background:url('/site/www/images/template/select_icon.png') no-repeat left top;content:'';transition:all 0.3s linear;}
.style_select_box.active .search_select:before{transform:rotate(180deg);}
.style_select_box .search_list{display:none;position:absolute;top:40px;left:0;width:100%;background-color:#fff;border:1px solid #bbb;border-top:none;}
.style_select_box .search_list ul{padding:17px 21px;}
.style_select_box .search_list ul li{font-size:15px;color:#444;letter-spacing:-0.03em;}

/* ie9이상 적용사항 */
@media only all{
    .temp_select_box select{height:40px;padding:9px 19px 5px;background:#fff url('/site/www/images/template/select_icon.png') no-repeat top 17px right 15px;border:1px solid #bbb;appearance:none;}
    .temp_select_box select[disabled]{background-color:#f8f8f8;border:1px solid #dadada;color:#828282;}
}

/* 조직/직원 테이블css */
.table_scroll .table_unit{margin-bottom:0;text-align:right;}
.table_unit{margin-bottom:-20px; text-align:right;}
.table{width:100%;margin:20px 0;background-color:#fff;font-size:16px;line-height:23px;}
.table.fixed{table-layout:fixed;}

.table.break tbody td,.table.break thead th,.table.break tbody td,.table.break tbody th{word-break:break-all;}

.table thead th{padding:13px 10px 14px;border-top:1px solid #4d5360; border-left:1px solid #dadada; border-bottom:1px solid #dadada;background-color:#f2f2f2;color:#000;font-weight:600;text-align:center;}
.table thead th + th{border-left:1px solid #dadada;}
.table thead tr:first-child th:first-child{border-left:none;}
.table thead th:last-child{border-right:none;}

.table tbody th, .table tfoot th{background-color:#f8f8f8; color:#555; font-weight:400;}
.table tbody th{text-align:center;}
.table tbody th, .table tbody td, .table tfoot th, .table tfoot td{line-height:22px;padding:14px 10px 13px;border-bottom:1px solid #dadada; /*border-right:1px solid #dadada;*/}
.table tfoot td:first-child{border-left:none;}
.table tbody tr th:last-child{border-right:none;}
.table td:last-child{border-right:none;}
.table tbody th + td, .table tbody td + td, .table tfoot td{border-left:1px solid #dadada;}
.table tbody td, .table tfoot td{text-align:center;}
.table tbody td ul{margin-top:0; margin-bottom:0; padding-left:10px;}
.table tbody td ul.bu_clear{padding-left:0;}
.table tbody td ol{margin-top:0; margin-bottom:0;}
.table tbody td .blt{margin-left:10px; text-align:left;}
.table.tr_over tbody tr:first-child th, .table.tr_over tbody tr:first-child td{border-top:1px solid #4d5360;}

.table.type2 tbody th{background-color:#f8f8f8; color:#000;}
.table.type2 tbody tr:first-child th, .table.type2 tbody tr:first-child td{border-top:1px solid #4d5360;}
.table.type2 tbody td{text-align:left;}

.table_scroll{margin:30px 0 10px;}
.table_scroll table{margin:0;}
.table_scroll:before, .table_scroll_acitve:before{display: none;}
.table_scroll .scroll_notice{display: none;}

.call_table .head_text{display:none;}
@media all and (max-width:800px){
    .table_scroll{position:relative; max-width:100%; margin-top:20px; margin-bottom:30px; overflow-x:auto;}
    .table_scroll_acitve.table_scroll:before{display: none;}
    .table_scroll .scroll_notice{display: block;}
    .table_scroll table{min-width:800px;}
}
@media all and (max-width:640px){
    .table{font-size:14px;}
    .table .bu, .table .num,.table .dl,.table .dl2{margin-top:10px;margin-bottom:10px;}
    .table thead th{padding:10px 5px;}
    .table tbody th, .table tbody td, .table tfoot th, .table tfoot td{padding:10px;}
    table.table.responsive{border-top:#a6a6a6 solid 1px;}
    table.table.responsive thead{display:none;}
    table.table.responsive colgroup{display:none;}
    table.table.responsive tbody tr{position:relative; display:block; border-bottom:1px solid #d9d9d9;}
    table.table.responsive tbody tr:nth-child(2n-1){background-color:#f8f8f8;}

    table.table.responsive tbody tr:after{display:block; clear:both; content:"."; visibility:hidden; height:0;}
    table.table.responsive tbody td{display:block; float:left; width:100%; padding:4px 3%; border:none; text-align:left !important; box-sizing:border-box; background-color:transparent;}
    table.table.responsive tbody th{display:block; float:left; width:100%; padding:4px 3%; color:#555; text-align:left; vertical-align:middle; background-color:transparent; border:none;}
    table.table.responsive tbody tr:first-child td, table.table.responsive tbody tr:first-child th{border-top:none;}
    table.table.responsive tbody th:before, table.table.responsive tbody td:before{display:inline; content:attr(data-content)' : ';margin-right:4px;color:#000;font-weight:600;}
    table.table.responsive tfoot tr{position:relative; display:block; border-bottom:1px solid #d9d9d9;}
    table.table.responsive tfoot tr:after{display:block; clear:both; content:"."; visibility:hidden; height:0;}
    table.table.responsive tfoot tr:nth-child(odd){background:#f8f8f8;}
    table.table.responsive tfoot td{display:block; padding:4px 3%; border:none; text-align:left; box-sizing:border-box; background-color:transparent;}
    table.table.responsive tfoot th{display:block; padding:4px 3%; text-align:left; vertical-align:middle; background-color:transparent; border:none;}
    table.table.responsive tfoot tr:first-child td, table.table.responsive tfoot tr:first-child th{border-top:none;}
    table.table.responsive tfoot th:before, table.table.responsive tfoot td:before{display:inline; content:attr(data-content)' : ';}
    table.table.responsive.type2 tbody th:before, table.table.responsive.type2 tbody td:before{display:none;}
    table.table.responsive.type2 tfoot th:before, table.table.responsive.type2 tfoot td:before{display:none;}

    .call_table .head_text{display:inline;}
    table.table.responsive.call_table thead{display:block;}
    table.table.responsive.call_table thead tr{display:block;}
    table.table.responsive.call_table thead th{display:block;}
    table.table.responsive.call_table thead td{display:block;}
    table.table.responsive.call_table tbody tr.head_tr{display:none;}
    table.table.responsive.call_table tbody tr td .head_text a{font-weight:bold;}

	.program.call_info .table.call_table .head_text{display:block;}
}



/* 공통 직원정보 프로그램 call 디자인 */
.program.call_info .box{margin-bottom:20px;}
.program.call_info .box.type2 .box_wrap{padding:2% 0;min-height:0;text-align:center;}
.program.call_info .box.type2 .temp_select_box{display:inline-block;}
.program.call_info .box.type2 .btn.type2{height:40px;padding:0;line-height:40px;}
/* 버튼 */
.program.call_info .btn{display:inline-block;position:relative;min-width:100px;margin:10px 0;padding:9px 10px 8px; border:1px solid #bbb;box-sizing:border-box;background-color:#fff;font-size:16px;line-height:26px;color:#444;text-align:center;transition:0.1s;vertical-align:middle;}
.program.call_info a.btn:hover{text-decoration:none;}

.program.call_info .btn input[type="submit"], .program.call_info .btn input[type="button"]{position:relative;z-index:3;}
.program.call_info .box.type2 .front_box{display:inline-block;}
.program.call_info .table.type2 tbody td{text-align:center;}
.program.call_info .front_box .temp_select_box select{width:240px; padding:9px 19px 5px; border-color:#bbb; font-size:16px;}

.program.call_info fieldset{border:none;min-width:0}
.program.call_info button,.program.call_info input,.program.call_info optgroup,.program.call_info select,.program.call_info textarea{margin:0;padding:0;border:1px solid;box-sizing:border-box;color:inherit;font-size:inherit;font-family:inherit;line-height:inherit;vertical-align:middle}
/* 인풋, 체크, 라디오 */
.program.call_info input[type="search"], .program.call_info input[type="text"]{/*width:160px;*/height:40px;padding:9px 15px 5px;border:1px solid #bbb;font-size:16px;color:#444;line-height:24px;letter-spacing:-0.03em;}
.program.call_info input.temp_type2[type="password"]{height:40px;padding:9px 15px 5px;border:1px solid #bbb;font-size:16px;color:#444;line-height:24px;letter-spacing:-0.03em;}
.program.call_info input.temp_type2[type="search"], .program.call_info input.temp_type2[type="text"]{width:160px;height:40px;padding:9px 15px 5px;border:1px solid #bbb;font-size:16px;color:#444;line-height:24px;letter-spacing:-0.03em;}

@media all and (max-width:1360px){
    .program.call_info .table.type2 tbody th, .program.call_info .table.type2 tbody td{padding:2% 2px;font-size:14px;word-break:keep-all;}
}
@media all and (max-width:640px) {
    .program.call_info .box.type2 .box_wrap{padding:3% 0;}
    .program.call_info .box.type2 input[type="text"]{width:120px;height:30px;padding:0 3%;line-height:30px;font-size:14px;}
    .program.call_info .box.type2 .temp_select_box{margin-left:0;}
    .program.call_info .box.type2 .temp_select_box select{width:160px;height:30px;padding:0 3%;line-height:30px;background-position:top 12px right 15px;font-size:14px;}
    .program.call_info .box.type2 .btn.type2{height:30px;line-height:30px;margin:0;font-size:14px;}
    .program.call_info .call_table tbody tr:nth-child(odd){display:none;}
}
@media all and (max-width:588px){
    .program.call_info .box.type2 .temp_select_box{margin-right:0;width: 100%;margin: 2px;}
    .program.call_info .box.type2 .front_box{display:block;width:80%;margin:0 10% 10px;}
    .program.call_info .box.type2 .front_box input[type="text"]{display:block;width:100%;}
    .program.call_info .box.type2 .front_box .btn.type2{display:block;width:100%;margin-top:10px;}
    .program.call_info .box.type2 .temp_select_box select{width:216px;}
}