/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
/*서브*/

/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
/*공유 레이아웃*/

/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
/*헤더 텍스트 (뎁스)*/
/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
._titMax { margin-top: 150px; display: flex; justify-content: space-between; align-items: flex-end; position: relative; z-index: 99; } 

._titMax dl dt { font-size: 1.6rem; letter-spacing: 4px; } 
._titMax dl dd { font-size: 4.5rem; font-weight: bold; word-break: keep-all; margin-left: -0.1em; } 
._titMax dl h1 { font-size: 4.5rem; font-weight: bold; word-break: keep-all; margin-left: -0.1em; } 
._titMax dl h1.hidden { display:none;} 
._titMax dl h2.hidden { display:none;} 

._titMax > ul { display: flex; align-items: center; } 
._titMax > ul > li { color: #888888; white-space: nowrap; } 
._titMax > ul > li a { color: inherit; } 

._titMax > ul > li.arrow { display: flex; align-items: center; margin: 0 15px; } 

._titMax > ul > li.rodMap { display: flex; align-items: center; position: relative; cursor: pointer;} 
._titMax > ul > li.rodMap span { width: 18px; height: 18px; display: block; position: relative; background: #897256; border-radius: 100%; margin-left: 15px; } 
._titMax > ul > li.rodMap span i { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); color: #fff; } 
._titMax > ul > li.rodMap .menulist { display: none; z-index: 1; position: absolute; background-color: #fff; border-radius: 15px; top: 100%; margin-top: 10px; box-shadow: 2px 3px 4px #897256; padding: 5px; left: 40%; transform: translateX(-50%); } 
._titMax > ul > li.rodMap .menulist li a { color: #888; padding: 10px; display: block; } 

/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
/*헤더 텍스트 (뎁스) 반응형*/
/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
@media screen and (max-width: 1000px){
  ._titMax { margin-top: 100px; display: block; } 
  ._titMax dl { text-align: center; } 
  ._titMax dl dd { font-size: 8vw; }
  ._titMax dl h1 { font-size: 8vw; }  
  ._titMax > ul { margin-top: 25px; justify-content: center; } 
}

@media screen and (max-width: 768px){
  ._titMax dl dd { font-size: 10vw; } 
  ._titMax dl h1 { font-size: 10vw; } 
  ._titMax > ul > li.arrow { margin: 0 10px; } 
}

@media screen and (max-width: 500px){
  ._titMax dl dt { font-size: 1.4rem; } 
  ._titMax dl dd { font-size: 4rem; } 
  ._titMax dl h1 { font-size: 4rem; } 
  ._titMax > ul { font-size: 1.2rem; } 
  ._titMax > ul > li.arrow { margin: 0 5px; } 
}

/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
/*서브 레이아웃*/
/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
.subLay { width: calc(100% - 90px); margin-left: auto; min-height: 100vh;}

/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
/*서브 레이아웃 반응형*/
/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
@media screen and (max-width: 1000px){
  .subLay { width: 100%;  min-height: auto;} 
}

/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
/*서브 레이아웃 최대값지정*/
/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
.subLay .__max { max-width: 1280px; width: 90%; margin: 0 auto; } 

/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
/*타이틀 센터*/
/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
.subLay ._titCenter { text-align: center; margin-top: 105px; } 
.subLay ._titCenter dt { font-size: 1.6rem; } 
.subLay ._titCenter dd { font-size: 4rem; } 
.subLay ._titCenter h1 { font-size: 4rem; font-weight: normal;} 
.subLay ._titCenter h1 strong{ font-weight: bold;} 

/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
/*타이틀 센터 반응형*/
/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
@media screen and (max-width: 768px){
  .subLay ._titCenter dt { font-size: 1.4rem; } 
  .subLay ._titCenter dd { font-size: 5.5vw; } 
  .subLay ._titCenter h1 { font-size: 5.5vw; } 
}

@media screen and (max-width: 500px){
  .subLay ._titCenter dt { font-size: 1.2rem; } 
  .subLay ._titCenter h1 { font-size: 1.2rem; } 
}

/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
/*서브 타이틀*/
/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
.subLay ._subtit { font-weight: bold; } 
.subLay ._subtit dt { font-size: 1.8rem; color: #c2a664; } 
.subLay ._subtit dd { margin-top: 20px; font-size: 5rem; } 
.subLay ._subtit h2 { margin-top: 20px; font-size: 5rem; } 

/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
/*서브 타이틀 반응형*/
/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
@media screen and (max-width: 1000px){
  .subLay ._subtit dt { font-size: 1.6rem; font-family: "Noto Sans KR", sans-serif; } 
  .subLay ._subtit dd { font-size: 4rem; } 
  .subLay ._subtit h2 { font-size: 4rem; } 
}

@media screen and (max-width: 768px){
  .subLay ._subtit dd { font-size: 7.5vw; margin-top: 0.3em; } 
  .subLay ._subtit h2 { font-size: 7.5vw; margin-top: 0.3em; } 
}

@media screen and (max-width: 500px){
  .subLay ._subtit dd { font-size: 9vw; margin-top: 0.3em; } 
  .subLay ._subtit h2 { font-size: 9vw; margin-top: 0.3em; } 
}

@media screen and (max-width: 300px){
   .subLay ._subtit dd { font-size: 3rem; margin-top: 0.3em; } 
   .subLay ._subtit h2 { font-size: 3rem; margin-top: 0.3em; } 
}

.subLay .backlist { text-align: center; } 
.subLay .backlist a { font-size: 2rem; color: #816b4f; position: relative; border-bottom: 2px solid #816b4f; padding: 0 30px; padding-bottom: 15px; padding-right: 45px; display: inline-block; } 
.subLay .backlist a i { position: absolute; right: 0; font-size: 2.4rem; } 
@media screen and (min-width: 769px){
 .subLay .backlist a i { transition: 0.5s; } 
 .subLay .backlist a:hover i { transform: translateX(10px); } 
 }
.subLay.lawView { padding-bottom: 90px; } 
.subLay.lawView .backlist { margin-top: 100px; } 
@media screen and (max-width: 768px){
 .subLay.lawView { padding-bottom: 100px; } 
 .subLay.lawView .backlist { margin-top: 100px; } 
 }
.subLay h2.subT { padding-left: 20px; position: relative; color: #897256; display: flex; align-items: center; white-space: nowrap; } 
.subLay h2.subT::before { position: absolute; left: 0; top: 0; width: 5px; height: 100%; background: #897256; font-size: 2.2rem; content: ""; } 
.subLay h2.subT::after { content: ""; height: 1px; width: 100%; content: ""; display: block; margin-left: 20px; background: #897256; } 

/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
/*변호사소개 리스트*/
/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
.subLay .lawyerLayout { display: flex; flex-wrap: wrap; margin-top: -20px; padding-bottom: 105px; } 

.subLay .lawyerLayout > li { width: calc(50% - 22.5px); margin-right: 45px; position: relative; margin-top: 60px; overflow: hidden; animation: listOn 0.5s ease-in-out forwards; transform: scale(0); } 
.subLay .lawyerLayout > li::after { content: ""; display: block; padding-bottom: 100%; } 
.subLay .lawyerLayout > li:nth-of-type(2n) { margin-right: 0; } 

.subLay .lawyerLayout > li .bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: top center; background-size: cover; transition: 0.6s; transition-property: transform; } 

.subLay .lawyerLayout > li .tbx { position: absolute; bottom: 0; width: 100%; color: #fff; transition: 0.6s; } 

.subLay .lawyerLayout > li .tbx .cont { background: rgba(0, 0, 0, 0.5); text-align: center; padding: 30px 20px 0; } 
.subLay .lawyerLayout > li .tbx .cont dt { font-size: 3.06rem; } 
.subLay .lawyerLayout > li .tbx .cont h2 { font-size: 3.06rem; } 
.subLay .lawyerLayout > li .tbx .cont dd { font-size: 2.5rem; } 
.subLay .lawyerLayout > li .tbx .cont ol { margin-top: 15px; padding-bottom: 20px; } 
.subLay .lawyerLayout > li .tbx .cont ol li { margin-top: 5px; list-style: inside; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 1.6rem; } 
.subLay .lawyerLayout > li .tbx .cont ol li:first-child { margin-top: 0; } 

.subLay .lawyerLayout > li .tbx a.link { color: #fff; background: #302617; display: block; padding: 25px 15px; position: relative; font-size: 2rem; } 
.subLay .lawyerLayout > li .tbx a.link i { position: absolute; right: 15px; font-size: 2.8rem; top: 50%; transform: translateY(-50%); } 

/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
/*변호사소개 리스트 애니메이션*/
/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
@keyframes listOn { 
  0% { transform: scale(0); } 
  100% { transform: scale(1); } 
}

/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
/*변호사소개 리스트 PC 오버*/
/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
@media screen and (min-width: 769px){
  .subLay .lawyerLayout > li:hover .bg { transform: scale(1.2); } 
}

/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
/*변호사소개 리스트 반응형*/
/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
@media screen and (max-width: 1200px){
  .subLay .lawyerLayout { margin-top: 0; } 
  .subLay .lawyerLayout > li { width: calc(50% - 12.5px); margin-right: 25px; margin-top: 40px; } 
  .subLay .lawyerLayout > li .tbx .cont dt { font-size: 2.4rem; } 
  .subLay .lawyerLayout > li .tbx .cont h2 { font-size: 2.4rem; } 
  .subLay .lawyerLayout > li .tbx .cont dd { font-size: 1.8rem; } 
  .subLay .lawyerLayout > li .tbx .cont ol li { font-size: 1.4rem; } 
  .subLay .lawyerLayout > li .tbx a.link { font-size: 1.6rem; } 
}

@media screen and (max-width: 768px){
  .subLay .lawyerLayout { padding-bottom: 55px; } 
  .subLay .lawyerLayout > li { width: calc(50% - 12.5px); margin-right: 25px; margin-top: 40px; } 
  .subLay .lawyerLayout > li .tbx .cont { padding: 5% 15px 0; } 
  .subLay .lawyerLayout > li .tbx .cont dt { font-size: 3.5vw; } 
  .subLay .lawyerLayout > li .tbx .cont h2 { font-size: 3.5vw; } 
  .subLay .lawyerLayout > li .tbx .cont dd { font-size: 2.5vw; } 
  .subLay .lawyerLayout > li .tbx .cont ol { margin-top: 3%; padding-bottom: 5%; } 
  .subLay .lawyerLayout > li .tbx .cont ol li { font-size: 1.4rem; } 
  .subLay .lawyerLayout > li .tbx a.link { font-size: 1.4rem; padding: 15px 10px; } 
}

@media screen and (max-width: 500px){
  .subLay .lawyerLayout > li { width: 100%; margin-right: 0; margin-top: 40px; } 
  .subLay .lawyerLayout > li .tbx .cont { padding: 5% 15px 0; } 
  .subLay .lawyerLayout > li .tbx .cont dt { font-size: 5vw; } 
  .subLay .lawyerLayout > li .tbx .cont h2 { font-size: 5vw; } 
  .subLay .lawyerLayout > li .tbx .cont dd { font-size: 4vw; } 
  .subLay .lawyerLayout > li .tbx .cont ol { margin-top: 3%; padding-bottom: 5%; } 
  .subLay .lawyerLayout > li .tbx .cont ol li { font-size: 1.4rem; } 
  .subLay .lawyerLayout > li .tbx a.link { font-size: 1.4rem; padding: 15px 10px; } 
}

/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
/*변호사소개 뷰*/
/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
.subLay .lawyercont { margin-top: 50px; display: flex; margin-bottom: 95px; } 

.subLay .lawyercont > li { flex: 1; } 

.subLay .lawyercont > li.lbx { position: relative; } 
.subLay .lawyercont > li.lbx .cont { position: absolute; top: 0; width: 100%; transition: 0.5s; transition-property: top; } 
.subLay .lawyercont > li.lbx dl { padding: 40px 0 20px; background: #302617; text-align: center; color: #fff; } 
.subLay .lawyercont > li.lbx dl dt { font-size: 3rem; } 
.subLay .lawyercont > li.lbx dl dd { font-size: 2.5rem; margin-top: 10px; } 

.subLay .lawyercont > li.lbx h1 { padding: 40px 0 20px; background: #302617; text-align: center; color: #fff; } 
.subLay .lawyercont > li.lbx h1 dt { font-size: 3rem; font-weight: normal;} 
.subLay .lawyercont > li.lbx h1 dd { font-size: 2.5rem; margin-top: 10px; font-weight: normal;} 

.subLay .lawyercont > li.lbx .img { background-position: top center; background-size: cover; background-repeat: no-repeat; position: relative; } 
.subLay .lawyercont > li.lbx .img::after { content: ""; display: block; padding-bottom: 100%; } 
.subLay .lawyercont > li.lbx .img a { display: inline-flex; color: #fff; background: #a78d4d; padding: 15px 30px; font-size: 1.5rem; align-items: center; position: absolute; bottom: 30px; right: 25px; font-family: "Noto Sans KR", sans-serif; font-weight: 200;} 
.subLay .lawyercont > li.lbx .img a i { margin-left: 10px; } 

.subLay .lawyercont > li.rbx { margin-left: 65px; position: relative; } 
.subLay .lawyercont > li.rbx::before { position: absolute; left: -65px; top: 0; height: 100%; background: url(/divorce/img/scrollPatton.webp); content: ""; width: 65px; background-position: center; background-repeat: repeat-y; animation: scrollImg 2s infinite alternate ease-in-out; } 
.subLay .lawyercont > li.rbx .title { font-size: 4rem; word-break: keep-all; } 

.subLay .lawyercont > li.rbx .desc { margin-top: 40px; padding-top: 40px; position: relative; } 
.subLay .lawyercont > li.rbx .desc::before { position: absolute; top: 0; left: 0; width: 20px; height: 2px; content: ""; background: #18454f; } 
.subLay .lawyercont > li.rbx .desc::after { position: absolute; top: 0; left: 20px; width: 20px; height: 2px; content: ""; background: #a78d4d; } 
.subLay .lawyercont > li.rbx .desc dl dt { font-size: 2.5rem; font-weight: bold; } 
.subLay .lawyercont > li.rbx .desc dl dd { font-size: 1.8rem; margin-top: 10px; font-weight: 600; color: #939393; } 
.subLay .lawyercont > li.rbx .desc ul { padding: 30px 15px; background: #f9f9f9; margin-top: 20px; } 
.subLay .lawyercont > li.rbx .desc ul li { display: flex; font-size: 1.8rem; align-items: center; } 
.subLay .lawyercont > li.rbx .desc ul li + li { margin-top: 35px; } 
.subLay .lawyercont > li.rbx .desc ul li h3 { display: flex; align-items: center; white-space: nowrap; font-family: "Noto Sans KR", sans-serif;} 
.subLay .lawyercont > li.rbx .desc ul li h3::before { display: block; width: 5px; height: 5px; background: #18454f; content: ""; margin-right: 5px; } 
.subLay .lawyercont > li.rbx .desc ul li p { margin-left: 10px; color: #939393; word-break: keep-all; font-family: "Noto Sans KR", sans-serif; } 

.subLay .lawyercont > li.rbx .tell { margin-top: 25px; } 
.subLay .lawyercont > li.rbx .tell > dl { font-size: 1.6rem; line-height: 1.4; } 
.subLay .lawyercont > li.rbx .tell > dl dt { color: #a78d4d; font-weight: bold; font-family: "Noto Sans KR", sans-serif;} 
.subLay .lawyercont > li.rbx .tell > dl dd { color: #939393; font-weight: 500; word-break: keep-all; font-family: "Noto Sans KR", sans-serif; } 
.subLay .lawyercont > li.rbx .tell .bbx { margin-top: 15px; display: flex; align-items: center; padding: 25px 30px; background: linear-gradient(328deg, rgba(28,24,17,1) 23%, rgba(95,77,55,1) 81%); color: #fff; } 
.subLay .lawyercont > li.rbx .tell .bbx img { min-width: 0; } 
.subLay .lawyercont > li.rbx .tell .bbx dl { margin-left: 20px; } 
.subLay .lawyercont > li.rbx .tell .bbx dl dt { font-size: 2rem; } 
.subLay .lawyercont > li.rbx .tell .bbx dl dd { font-size: 4rem; font-weight: bold; white-space: nowrap; } 

.subLay .lawyercont > li.rbx .dBx { margin-top: 20px; padding-top: 15px; border-top: 1px solid #f2f2f2; } 
.subLay .lawyercont > li.rbx .dBx .down + .down { margin-top: 5px; } 
.subLay .lawyercont > li.rbx .dBx .down + .down ul { display: none; } 
.subLay .lawyercont > li.rbx .dBx .down .clickMonster { position: relative; display: flex; align-items: center; padding: 15px; border: 2px solid #a78d4d; color: #a78d4d; cursor: pointer; } 
.subLay .lawyercont > li.rbx .dBx .down .clickMonster .icon { width: 22px; height: 22px; background-color: #a78d4d; border-radius: 5px; background-position: center; background-repeat: no-repeat; background-position: center; } 
.subLay .lawyercont > li.rbx .dBx .down .clickMonster h2 { font-size: 1.8rem; margin-left: 5px; } 
.subLay .lawyercont > li.rbx .dBx .down .clickMonster i { position: absolute; right: 15px; top: 50%; transform: translateY(-50%); font-size: 2.4rem; } 
.subLay .lawyercont > li.rbx .dBx .down .clickMonster.on { background: #a78d4d; } 
.subLay .lawyercont > li.rbx .dBx .down .clickMonster.on h2 { color: #fff; } 
.subLay .lawyercont > li.rbx .dBx .down .clickMonster.on i { color: #fff; } 
.subLay .lawyercont > li.rbx .dBx .down ul { padding: 20px 15px; background: #f9f9f9; } 
.subLay .lawyercont > li.rbx .dBx .down ul li { display: flex; align-items: center; color: #939393; font-family: "Noto Sans KR", sans-serif; font-weight: 200;} 
.subLay .lawyercont > li.rbx .dBx .down ul li + li { margin-top: 20px; } 
.subLay .lawyercont > li.rbx .dBx .down ul li::before { display: block; width: 5px; height: 5px; border-radius: 100%; background: #939393; content: ""; margin-right: 5px; } 

/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
/*변호사소개 뷰 애니메이션*/
/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
@keyframes scrollImg { 
  0% { background-position-y: 0; } 
  100% { background-position-y: 100%; } 
}

/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
/*변호사소개 뷰 반응형*/
/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
@media screen and (max-width: 1440px){
  .subLay .lawyercont > li.lbx dl { padding: 20px 0; } 
  .subLay .lawyercont > li.lbx h1 { padding: 20px 0; } 
  .subLay .lawyercont > li.rbx .title { font-size: 3rem; } 
  .subLay .lawyercont > li.rbx .desc dl dt { font-size: 2rem; } 
  .subLay .lawyercont > li.rbx .desc dl dd { font-size: 1.6rem; font-family: "Noto Sans KR", sans-serif; font-weight: 500;} 
  .subLay .lawyercont > li.rbx .desc ul li { font-size: 1.6rem; } 
}

@media screen and (max-width: 1000px){
  .subLay .lawyercont { display: block; } 
  .subLay .lawyercont > li.lbx { max-width: 500px; margin: 0 auto; } 
  .subLay .lawyercont > li.lbx .cont { position: static; width: auto; } 
  .subLay .lawyercont > li.rbx { margin-left: 0; margin-top: 50px; } 
  .subLay .lawyercont > li.rbx::before { display: none; } 
  .subLay .lawyercont > li.rbx .title { font-size: 3rem; } 
  .subLay .lawyercont > li.rbx .desc { padding-top: 20px; margin-top: 20px; } 
}

@media screen and (max-width: 768px){
  .subLay .lawyercont { margin-bottom: 70px; } 
  .subLay .lawyercont > li.lbx dl dt { font-size: 2rem; } 
  .subLay .lawyercont > li.lbx dl dd { font-size: 1.8rem; } 
  
  .subLay .lawyercont > li.lbx h1 dt { font-size: 2rem; } 
  .subLay .lawyercont > li.lbx h1 dd { font-size: 1.8rem; } 
  
  .subLay .lawyercont > li.lbx .img a { font-size: 1.4rem; padding: 10px 20px; bottom: 20px; right: 20px; } 
  .subLay .lawyercont > li.rbx .title { font-size: 2.5rem; } 
  .subLay .lawyercont > li.rbx .desc ul li { font-size: 1.4rem; } 
  .subLay .lawyercont > li.rbx .desc ul li + li { margin-top: 20px; } 
  .subLay .lawyercont > li.rbx .tell > dl { font-size: 1.4rem; } 
  .subLay .lawyercont > li.rbx .tell .bbx { padding: 15px 20px; } 
  .subLay .lawyercont > li.rbx .tell .bbx dl dt { font-size: 1.4rem; font-family: "Noto Sans KR", sans-serif; font-weight: 200;} 
  .subLay .lawyercont > li.rbx .tell .bbx dl dd { font-size: 8vw; } 
  .subLay .lawyercont > li.rbx .dBx .down .clickMonster { padding: 10px; } 
}

/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
/*매거진*/

/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
/*매거진 이미지 탭*/
/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
.subLay .magazineTap { display: flex; margin-top: 40px; } 
.subLay .magazineTap li { flex: 1; background-size: cover; background-repeat: no-repeat; background-position: top center; position: relative; } 
.subLay .magazineTap li::after { content: ""; display: block; padding-bottom: 140%; } 
.subLay .magazineTap li + li { margin-left: 40px; } 
.subLay .magazineTap li a { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } 

/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
/*매거진 이미지 탭 반응형*/
/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
@media screen and (max-width: 1000px){
  .subLay .magazineTap li + li { margin-left: 20px; } 
}

/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
/*매거진 서브 타이틀*/
/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
.subLay.magazine ._subtit { margin-top: 90px; } 

/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
/*매거진 이미지 탭 반응형*/
/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
@media screen and (max-width: 1000px){
  .subLay.magazine ._subtit { margin-top: 50px; } 
}

/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
/*매거진 리스트 레이아웃*/

.subLay .magazineList { width: 88.0208333333%; position: relative; max-width: 1920px; margin-left: auto; } 
.subLay .magazineList .length { text-align: right; font-weight: 600; font-size: 1.8rem; margin-top: 60px; padding-right: 6.5104166667%; } 
.subLay .magazineList .length span { color: #897256; font-weight: bold; } 

/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
/*매거진 리스트 레이아웃*/
/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
.subLay .magazineList .nonecont { display: flex; align-items: flex-start; margin-top: 10px; position: relative; padding-right: 6.5104166667%; padding-bottom: 370px; overflow: hidden; } 

.subLay .magazineList .nonecont ul.tap { max-width: 350px; margin-right: 105px; width: 30%; } 
.subLay .magazineList .nonecont ul.tap li { font-size: 3rem; padding: 1.3em 1em 2.6em; font-weight: bold; border-top: 2px solid #000; border-bottom: 2px solid #000; cursor: pointer; transition: 0.5s; word-break: keep-all; } 
.subLay .magazineList .nonecont ul.tap li + li { border-top: 0; } 
.subLay .magazineList .nonecont ul.tap li.on { color: #897256; } 
.subLay .magazineList .nonecont ul.tap li:hover { color: #897256; } 

.subLay .magazineList .nonecont .list { flex: 1; width: 70%; position: relative; } 
.subLay .magazineList .nonecont .list > ul { display: flex; flex-wrap: wrap; margin-top: -45px; } 
.subLay .magazineList .nonecont .list > ul li { width: calc(33.3333333333% - 30px); margin-right: 45px; transition: 0.5s; transition-property: box-shadow; margin-top: 45px; } 

.subLay .magazineList .nonecont .list > ul li .img { background-repeat: no-repeat; background-position: center; background-size: cover; position: relative; } 
.subLay .magazineList .nonecont .list > ul li .img::after { content: ""; display: block; padding-bottom: 100%; } 
.subLay .magazineList .nonecont .list > ul li .img::before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; transition: 0.5s; background: #0f0202; background: linear-gradient(135deg, #0f0202 0%, #897256 100%); } 
.subLay .magazineList .nonecont .list > ul li .img .plus { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -30%); width: 40px; height: 40px; background: url(/divorce/img/icon/plus.png) no-repeat center/cover; transition: 0.5s; opacity: 0; } 

.subLay .magazineList .nonecont .list > ul li dl { padding: 15px 0 25px; font-weight: 600; } 
.subLay .magazineList .nonecont .list > ul li dl dt { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 1.5rem; font-family: "Noto Sans KR", sans-serif; } 
.subLay .magazineList .nonecont .list > ul li dl h2 { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 1.5rem; font-family: "Noto Sans KR", sans-serif; } 
.subLay .magazineList .nonecont .list > ul li dl dd { margin-top: 15px; font-size: 1.3rem; color: #9b9b9b; } 

/*매거진 리스트 레이아웃 안의 페이지*/
.subLay .magazineList .nonecont .list .__page { margin-top: 50px; } 

/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
/*매거진 리스트 레이아웃 반응형*/
/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
@media screen and (min-width: 1001px){
  .subLay .magazineList .nonecont .list > ul li:hover { box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.3); } 
  .subLay .magazineList .nonecont .list > ul li:hover .img::before { opacity: 0.5; } 
  .subLay .magazineList .nonecont .list > ul li:hover .img .plus { transform: translate(-50%, -50%); opacity: 1; } 
}


/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
/*매거진 리스트 레이아웃 클릭*/
/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
.subLay .magazineList .nonecont .magazineClickList { position: absolute; height: 100%; background: #f6f6f6; flex: 1; padding: 60px 50px; display: flex; flex-direction: column; top: 0; width: 75%; right: 0; transform: translateX(100%); transition: 0.5s; } 
.subLay .magazineList .nonecont .magazineClickList.on { transform: translateX(0); } 

.subLay .magazineList .nonecont .magazineClickList .close { position: absolute; right: 0; top: 0; width: 43px; height: 43px; background: #998358; cursor: pointer; } 
.subLay .magazineList .nonecont .magazineClickList .close span { display: block; width: 50%; height: 2px; background: #fff; position: absolute; left: 50%; top: 50%; } 
.subLay .magazineList .nonecont .magazineClickList .close span:nth-of-type(1) { transform: translate(-50%, -50%) rotate(45deg); } 
.subLay .magazineList .nonecont .magazineClickList .close span:nth-of-type(2) { transform: translate(-50%, -50%) rotate(-45deg); } 

.subLay .magazineList .nonecont .magazineClickList .subject h2 { font-size: 4rem; } 
.subLay .magazineList .nonecont .magazineClickList .subject ul { display: flex; align-items: center; margin-top: 20px; } 
.subLay .magazineList .nonecont .magazineClickList .subject ul li { display: flex; align-items: center; } 
.subLay .magazineList .nonecont .magazineClickList .subject ul li .icon { margin-right: 10px; } 
.subLay .magazineList .nonecont .magazineClickList .subject ul li p { font-size: 1.8rem; } 
.subLay .magazineList .nonecont .magazineClickList .subject ul li + li { margin-left: 45px; } 

.subLay .magazineList .nonecont .magazineClickList .inputBox { background: #fff; margin-top: 30px; flex: 1; overflow-y: auto; } 
.subLay .magazineList .nonecont .magazineClickList .inputBox .txt { padding: 5% 10%; font-family: "Noto Sans KR", sans-serif; font-weight: 200;} 

/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
/*매거진 리스트 레이아웃 클릭 반응형*/
/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
@media screen and (min-width: 1201px){
  .subLay .magazineList .nonecont .list > ul li:nth-of-type(3n) { margin-right: 0; } 
}

@media screen and (max-width: 1600px){
  .subLay .magazineList { width: 95%; } 
  .subLay .magazineList .nonecont ul.tap { width: 250px; flex: 0 0 auto; } 
  .subLay .magazineList .nonecont ul.tap li { font-size: 2.5rem; } 
  .subLay .magazineList .nonecont .list { width: calc(70% - 355px); } 
  .subLay .magazineList .nonecont .magazineClickList .subject h2 { font-size: 3.5rem; word-break: keep-all; } 
}

@media screen and (max-width: 1200px){
  .subLay .magazineList .nonecont ul.tap { width: 200px; flex: 0 0 auto; margin-right: 50px; } 
  .subLay .magazineList .nonecont ul.tap li { font-size: 2rem; } 
  .subLay .magazineList .nonecont .list { width: calc(70% - 250px); } 
  .subLay .magazineList .nonecont .list > ul li { width: calc(50% - 20px); margin-right: 40px; } 
  .subLay .magazineList .nonecont .list > ul li:nth-of-type(2n) { margin-right: 0; } 
}

@media screen and (max-width: 1000px){
  .subLay .magazineList { width: 90%; margin: 0 auto; margin-bottom: 100px; } 
  .subLay .magazineList .length { padding-right: 0; margin-top: 30px; } 
  .subLay .magazineList .nonecont { padding-right: 0; display: block; padding-bottom: 0; } 
  .subLay .magazineList .nonecont ul.tap { width: 100%; margin-right: 0; flex: 0; max-width: none; border: 2px solid #000; display: block; overflow: hidden; position: relative; } 
  .subLay .magazineList .nonecont ul.tap li { padding: 0 5%; text-align: center; border: 0; display: flex; align-items: center; justify-content: flex-start; height: 2.5em; transition: none; } 
  .subLay .magazineList .nonecont ul.tap li + li { border-top: 1px solid #aaa; } 
  .subLay .magazineList .nonecont ul.tap li.title { position: relative; color: #20899f; } 
  .subLay .magazineList .nonecont ul.tap li.title i { position: absolute; right: 5%; font-size: 2.4rem; } 
  .subLay .magazineList .nonecont .list { margin-top: 50px; width: 100%; } 
  .subLay .magazineList .nonecont .list > ul li dl { padding: 15px 10px; } 
  .subLay .magazineList .nonecont .magazineClickList { position: fixed; right: 0; top: 0; z-index: 999; } 
}

@media screen and (max-width: 768px){
  .subLay .magazineList .nonecont .list > ul { margin-top: -30px; } 
  .subLay .magazineList .nonecont .list > ul li { width: calc(50% - 10px); margin-right: 20px; margin-top: 30px; border: 2px solid #aaa; } 
  .subLay .magazineList .nonecont .magazineClickList { padding: 50px 25px 30px; width: 90%; } 
  .subLay .magazineList .nonecont .magazineClickList .subject h2 { font-size: 2.5rem; } 
  .subLay .magazineList .nonecont .magazineClickList .subject ul li + li { margin-left: 25px; } 
  .subLay .magazineList .nonecont .magazineClickList .subject ul li p { font-size: 1.4rem; font-family: "Noto Sans KR", sans-serif; font-weight: 300; } 
}

@media screen and (max-width: 400px){
  .subLay .magazineList .nonecont .list > ul li { width: 100%; margin-right: 0; } 
}



/*20220408 추가쓰*/

/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
/* 방문상담예약 캘린더 */
/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/

.calbox .fc .fc-toolbar {justify-content: center;}
.calbox .fc .fc-toolbar-title {margin: 0 20px;}

.calbox .fc .fc-button-primary:focus,
.calbox .fc .fc-button-primary:not(:disabled).fc-button-active:focus,
.calbox .fc .fc-button-primary:not(:disabled):active:focus,
.calbox .fc .fc-button-primary,
.calbox .fc .fc-button-primary:hover {border: none; background: none; color: #000; box-shadow: none;}

.calbox .fc-icon-chevron-left:before,
.calbox .fc-icon-chevron-right:before {font-family: 'remixicon' !important; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}

.calbox .fc-icon-chevron-left:before {content: '\ea63';}

.calbox .fc-icon-chevron-right:before {content: '\ea6d';}


.calbox .fc .fc-daygrid-day-top {position: absolute; width: 100%; height: 100%; left: 0; top: 0;}
.calbox .fc-theme-standard .fc-scrollgrid {border: 0;}
.calbox .fc .fc-daygrid-day-number {width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; position: relative;}

.calbox .fc .fc-daygrid-day-number.on::before {position: absolute; top: 50%; left: 50%; width: 30px; height: 30px; border: 2px solid #897256; border-radius: 100px; content: ''; transform: translate(-50%,-50%);}

.calbox .fc-theme-standard td, .calbox .fc-theme-standard th {border: 0;}

.calbox .fc-theme-standard .fc-col-header {border-top: 2px solid #000;}
.calbox .fc-theme-standard .fc-col-header-cell {border-bottom: 2px solid #e2e2e2; padding: 10px 0; }

.calbox .fc-theme-standard .fc-day.fc-day-sun a {color: #f4364c;}
.calbox .fc-theme-standard .fc-day.fc-day-sat a {color: #21899f;}

.calbox .fc .fc-daygrid-day.fc-day-today {background: rgba(33, 137, 159, 0.2);}


.calbox .fc a[data-navlink]:hover {text-decoration: none;}

@media screen and (max-width: 768px){
  .fc .fc-toolbar-title{font-size: 1.3rem;}
}

/* 220411_최다희 수정 */

/* 매거진 오버효과 수정 */
.subLay .magazineTap li {cursor: pointer; border: 6px solid #fff; transition: 0.3s;}
.subLay .magazineTap li .txt{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); opacity: 0; text-align: center; transition: 0.3s;}
.subLay .magazineTap li::after{content: ""; display: block; width: 100%; top: 0; left: 0; background-color: rgba(0, 0, 0, 0.5); opacity: 0;}
.subLay .magazineTap li .txt span{display: block; text-align: center; color: #fff; font-size: 40px;}
.subLay .magazineTap li .txt strong{color: #fff; font-size: 25px; font-weight: 500; word-break: keep-all; line-height: 1.3;}
.subLay .magazineTap li .txt h2{color: #fff; font-size: 25px; font-weight: 500; word-break: keep-all; line-height: 1.3;}
.subLay .magazineTap li:hover .txt{opacity: 1;}
.subLay .magazineTap li:hover::after{opacity: 1;}
.subLay .magazineTap li:hover{border: 6px solid #897256;}

@media screen and (max-width: 768px){
  .subLay .magazineTap li .txt span{font-size: 20px;}
  .subLay .magazineTap li .txt strong{font-size: 16px;}
}

@media screen and (max-width: 600px){
  
  .subLay .magazineTap li .txt {display: none;}
}

/* 변호사소개 뷰페이지 버튼 추가 */
.subLay .lawyercont > li.rbx .tell .bbx dl .btn__{border-bottom: 1px solid #fff;padding-bottom: 10px;}
.subLay .lawyercont > li.rbx .tell .bbx dl .btn__ a{color: #fff; font-size: 15px;}
.subLay .lawyercont > li.rbx .tell .bbx dl .btn1{margin-right: 15px;}
.subLay .lawyercont > li.rbx .tell .bbx dl .btn__ a i{vertical-align: middle; margin-left: 20px;}

@media screen and (max-width: 450px){
  .subLay .lawyercont > li.rbx .tell .bbx dl .btn1{margin-right: 0; margin-bottom: 10px;}
}