@charset "utf-8";
/* com2zoa design KYJ 20181114 */

/*세부 조직도*/
.sb_part .part_top{overflow: hidden; margin-bottom:15px; border-radius: 20px 3px 3px 3px; font-family: NSQ}
.sb_part .part_top h4{padding: 7px; font-size: 1.214em; text-align: center; font-weight: 500; color:#fff}
.sb_part .part_top h4 span{display: inline-block; padding: 7px 0 5px 32px; background:url(../../images/depart/part_icon.png) no-repeat left center}
.sb_part .part_type1{border-bottom:none}
.sb_part .part_type1 h4{background: linear-gradient(90deg, #1e89ca, #16a2a0)}
.sb_part .part_type2 h4{background: #4196c3}
.sb_part .part_type3 h4{background: #349a9b}
.sb_part .part_type4 h4{background: #8f79d7}
.sb_part .part_list{padding: 15px 5px; text-align: center}
.sb_part .part_list li{position: relative; display: inline-block; padding: 3px 13px}
.sb_part .part_list li a{display: block; color:#000; font-size:15px; font-weight: 500}
.sb_part .part_list li a:hover{font-weight: 600}
.sb_part .part_type1 .part_list li a:hover{color:#284e6e}
.sb_part .part_type2 .part_list li a:hover{color:#064d75}
.sb_part .part_type3 .part_list li a:hover{color:#055d5c}
.sb_part .part_type4 .part_list li a:hover{color:#5f45b6}
.sb_part .part_list li::after{content: ""; display: block; clear: both; position: absolute; top:7px; right:0; width: 1px; height: 10px; background: #ccc}
.sb_part .part_list li:last-child::after{display: none}
.part_b_top{position: relative; display:block; margin-bottom:10px}  
.part_b_top h5{height: 34px; line-height: 34px; padding:8px 0 8px 51px; background: url(../../images/common/banner_blt.gif) no-repeat 0 center; border-bottom: 1px solid #ddd; font-size: 1.308em; font-weight: 600; color:#323232}
.part_b_top .part_fax{position: absolute; top:7px; right:0; display: inline-block; padding: 7px 15px 7px 45px; border-radius: 50px; background:url(../../images/depart/fax_ico.png) no-repeat left 10% center #e9e9e9; color:#000; font-weight: 600}

/*조직도 테이블*/
.part_table {overflow: hidden; width:100%; margin-bottom:30px; border-collapse:collapse; table-layout:auto}
.part_table table{width: 100%; border-bottom: 2px solid #50606a; font-size: 1.071em}
.part_table thead th {line-height:150%; padding:13px 10px; background:#50606a; border:1px solid rgba(255, 255, 255, 0.3); vertical-align:middle;text-align:center; font-weight:600; color:#fff}
.part_table thead th br{display:none}
.part_table tbody th {line-height:150%; background:#f2f2f2; padding:10px; border:1px solid #ddd; text-align:center; font-weight:600; vertical-align:middle}
.part_table tbody td {line-height:150%; background:#fff; padding:10px; border:1px solid #ddd;text-align:center; vertical-align:middle} 
.part_table tbody th:first-child, .part_table tbody td:first-child{border-left:none}
.part_table tbody th:last-child, .part_table tbody td:last-child{border-right:none}
.part_table .all_left{text-align:left}
.part_table .telBtn{display:none}
.part_table .dmodi{display:block; margin-top:5px}
.part_table .dmodi a{display:inline-block; padding:2px 10px; border-radius:3px; background:#50606a; font-size:12px; color:#fff; ; transition: 0.3s}
.part_table .dmodi a:hover{background:#2295bb}

/*주요업무*/
.part_info{margin-bottom:15px; border-bottom:2px solid #50606a; background:url(../../images/depart/part_info_bg.gif) no-repeat right bottom}
.part_info > p{position: relative; text-align:center}
.part_info > p::after{display: block; content: ''; clear: both; position:absolute; left:0; top:20px; width:100%; height:1px; background:#d3d3d3}
.part_info > p span{display: inline-block; position: relative; padding: 10px 90px; border-radius: 50px; background: #50606a; color:#fff; font-size: 1.286em; z-index:1}
.part_info > p span::before, .part_info > p span::after{display: block; content: ''; clear: both; position:absolute; top:50%; width: 8px; height: 8px; margin-top: -4px; border-radius: 50px; background: #fff}
.part_info > p span::before{left:20px}
.part_info > p span::after{right:20px}
.part_info ul{min-height:126px; padding:10px 13px 17px; box-sizing:border-box}
.part_info ul li{position: relative; margin-bottom:7px; padding-left:13px; font-size:1.077em}
.part_info ul li:last-child{margin-bottom:0}
.part_info ul li::after{display: block; content: ''; clear: both; position:absolute; left:0; top:5px; width:5px; height:5px; background:#50606a}

/* MOBILE LAYOUT */
@media only screen and (max-width:1024px) {
.part_table .telBtn{display: block}
.part_table .teltxt{display: none}
.part_table thead th br{display:block}
.part_table .dmodi a{padding:2px 5px}
}

/* PC LAYOUT */
@media only screen and (min-width:1025px) {
}

@media only screen and (max-width:600px){
.part_b_top .part_fax{position: relative; top:0; display:block; margin-top:10px; padding:7px 10px; text-align:right; background-position:10px center}
}