@CHARSET "UTF-8";
@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);

.content { padding-top: 0px !important; }
.content h1 { margin-top: 23px; font-family: nanum; color: #0d0d0d; font-weight: 600; font-family: "맑은 고딕" }
.title { font-size: 22px !important; font-family: "맑은 고딕" }

/* 본부리스트 */
.analyst_dept_list { display: flex; justify-content:space-between; font-size: 11pt; color: #888888; font-weight: 600; margin-top: 18px; margin-bottom:10px; padding: 20px 0; background-color: #f2f2f2; font-family: "맑은 고딕" }
.analyst_dept_list li { width: 100%; font-size: inherit; color: inherit; text-align: center; border-right: 1px solid #d9d9d9; font-size: 13pt; font-family: "맑은 고딕"; font-weight: 600; }
.analyst_dept_list li:HOVER { color: #363636;  }
.analyst_dept_list li.active{ color: #077cab;  }
.analyst_dept_list li:last-child { border-right: 0px; }
.analyst_dept_wrap { padding-top: 20px; padding-bottom: 20px; cursor: pointer; width: 100%; }
.analyst_dept_wrap:HOVER {background-color: #f0f0f2;}
.analyst_dept_wrap:not(:first-of-type) { border-top: 2px solid #cacaca; border-bottom: 1px solid #cacaca; }

/* 본부장 */
.analyst_dept_header {/* padding-bottom: 45px; */}

/* 부서명 */
.analyst_dept  { display: flex; }
.analyst_dept .deptName { font-size: 14pt !important; color: #000000; font-weight: 600; font-family: "맑은 고딕"; padding-left: 15px;}
.analyst_dept span { position: absolute; font-size: 21pt; right: 10px; color:#077cab; cursor: pointer; }

/* 부서원 */
.analyst_dept_emp { padding-bottom: 45px; }
.analyst_dept_emp .row { display: flex; flex-direction: row; flex-wrap: wrap; width: 100%; /* padding: 35px 0 0 0; */ }
.column { display: flex; justify-content: space-between; width: 320px; padding-left:5px; padding-right:5px;}
/* .column:last-child { flex-basis: calc(33% - 31px); }*/
/* .column:not(:last-child) { border-right : 1px solid #d0cece; flex-basis: calc(34%); }*/
.column .person_image { padding: 10px 0px; }
.column .card { width: 100%; padding: 25px 25px 0 25px; border-radius: 5px;}
.column .card:HOVER { box-shadow:0 5px 20px 0 rgba(0,0,0,.2);-webkit-transform:translateY(-5px);transform:translateY(-5px);z-index:4;background: white;}

/* 부서장 */
.column_header { display: flex; width: 100%; }
.column_header .person_image { padding: 10px 0px; }
.column_header .card { width: 100%; padding: 25px 25px 0 25px; border-radius: 5px;}
.column_header .card:HOVER { box-shadow:0 5px 20px 0 rgba(0,0,0,.2);-webkit-transform:translateY(-5px);transform:translateY(-5px); z-index:4;background: white;}
.analyst_dept_header { display: flex; padding-top: 20px; }
.analyst_dept_header .card { display: flex; width: 100%; }

/* 인원 정보 */
.person_info {  /* padding-top:12px; */ padding-bottom: 36px; }
.person_info p { font-size: 12pt; margin-bottom: 3px; color: #939393; font-family: "맑은 고딕" }
.person_info .name { font-size: 14pt; font-weight: 600; color: #363636; padding-bottom: 20px; }
.person_info .position { font-size: 11pt; font-weight: 600; color: #555555; padding-bottom: 0.5px;}
.person_info .tel { font-size: 10.5pt; color: #555555; }
.person_info .email { font-size: 10.5pt; color: #555555; padding-bottom: 20px; }
.person_info .telAndEmail { font-size: 10.5pt; color: #555555; padding-bottom: 20px;}
.person_info .business { display:flex; font-size: 11pt; font-weight: 600; color: #077cab; letter-spacing: -0.6px; word-break: keep-all; }