@charset "utf-8"; /*정화작업*/
@import url(/_hpassem/css/page.css); /*의원_걸어온길*/
.profiletable { margin-top: -1px; } 
.profiletable .row { margin:0; } 
.profiletable .row:first-child { border-top:1px solid #111; } 
.profiletable .row dt { background-color: #f1f3f4; word-break: break-all; color: #222; font-weight: 600; } 
.profiletable .row dt, .profiletable .row dd { border-bottom:1px solid #ccc; padding: 10px; text-align: center; } 

@media only screen and (max-width:850px) { } 

/*의원프로필*/

.profile_box { padding: 3.5% 4.5%; overflow: hidden; background-color: #f2f2f2; display: block; border-radius: 15px 60px 15px 15px; } 

.profile_box > h3 { font-size: 150%; font-family: var(--default_font); } 
.profile_box > h3 i { color: #20252f; font-family: var(--Paperlogy_font); font-weight: 800; } 
.profile_box > p { color:#155bd0; padding-top: 4px; } 


 dl.profile_info { display: flex; flex-wrap: wrap; list-style: none; padding: 0; margin: 0; justify-content: space-between; } 

 dl.profile_info .profile_item { margin-top: 5%; background-color: #fff; padding: 16px; border-radius: 8px; flex: 1 0 auto; line-height: 1.5; display: flex; flex-direction: column; justify-content: center; } 

 dl.profile_info .profile_item dt { font-size: 85%; margin-bottom: 8px; } 

 dl.profile_info .profile_item dd { margin: 0; color: #06090d; text-align: center; font-weight: 500; } 

 @media (max-width: 920px) { 
 dl.profile_info { flex-wrap: wrap; } 

 dl.profile_info .col-2 { flex: 0 0 calc((100% - 20px) / 3); max-width: calc((100% - 20px) / 3); } 
 dl.profile_info .profile_item dd { font-size: 18px; } 
 dl.profile_info .col-5 { flex: 0 0 100%; max-width: 100%; } 
 dl.profile_info .profile_item { margin-top: 2%; } 
 }


 @media (max-width: 500px) {.profile_box>h3 { margin-top: 4%; } 
dl.profile_info .profile_item { flex: 1 0 100%; flex: 1 0 100%; max-width: 100%; } 


 dl.profile_info .profile_item { padding: 15px; /* 모바일에서 패딩 줄이기 */
 line-height: 1.4; } 
 }


.profile_box2 .row .page_tit,.page_tit3 { margin-top: 40px; } 
.profile_box2 .row .cell { display: block; width: 100%; height: calc(100% - 20px); padding: 30px 40px; border-radius: 10px; border: 1px solid #ccc; transition: 0.3s ease-out; } 
.profile_box2 .row .page_tit3 { display: flex; position: relative; font-size: 135%; line-height: 30px; font-weight: 600; padding: 0px 0 20px 20px; margin-bottom: 0px; color: #21252e; font-family: var(--Paperlogy_font); } 
.profile_box2 .row .page_tit3::before { content: ''; position: absolute; width: 10px; height: 10px; left: 0px; top: 11px; background-color: #2958b4; border-radius: 50%; }
 
  @media (max-width: 768px) {

.profile_box2 .row .cell {height: unset;}

  }