@font-face {
    font-family: 'KyoboHandwriting2020A';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2112@1.0/KyoboHandwriting2020A.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'SUIT-Regular';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-Regular.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

.sub {
  width: 100%;
  position: relative;
  overflow-x: hidden;
}
.subtop {
  width: 100%;
  height: 64.6vh;
  position: relative;
}
.intro-top {
  background: url(../img/intro/intro-top.png);
  background-position: 50% 15%;
  background-size: cover!important;
  background-repeat: no-repeat!important;
  color: #fff;
}
.subtop .inner {
  top: 54%;
}
.subtop .txt1 {
  font-size: 3rem;
  font-weight: 700;
}
.subtop .txt2 {
  font-size: 2.2rem;
  font-weight: 700;
}
/*법무법인소개*/
.intro-wrap {
  margin: 8vh auto 12vh;
  display: flex;
  flex-wrap: wrap;
}
.intro-wrap > li {
  width: calc(25% - 45px);
  margin-right: 60px;
  margin-bottom: 8vh;
}
.intro-wrap > li:nth-child(4n) {
  margin-right: 0;
}
.intro-list {
  box-sizing: border-box;
  border: 1px solid #adafd5;
  display: block;
  padding-bottom: 46px;
}
.intro-list .intro-position {
  font-size: 0.8rem;
  color: #adafd5;
  margin: 0 0 0 30px;
}
.intro-list .intro-imgbox {
  position: relative;
  left: -21px;
  margin-top: 16px;
}
.intro-list .intro-imgbox img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.intro-list .intro-txtbox {
  width: 100%;
  height: 100%;
  background: rgba(0, 18, 45, 0.7);
  position: absolute;
  left: 0;
  top: 0;
  color: #fff;
  opacity: 0;
  transition: all 0.4s;
}
.intro-list .intro-txtbox .txt1 {
  font-size: 1.1rem;
  text-align: center;
  width: max-content;
  line-height: 1.6;
  transform: translate(-50%, 0);
}
.intro-list .intro-txtbox .txt2 {
  font-size: 12px;
  position: absolute;
  right: 0;
  bottom: 24px;
  width: 83px;
}
.intro-list .intro-txtbox .txt2 .more {
  display: block;
  margin: 0 0 0 12px;
}
.intro-list .intro-txtbox .txt2 img {
  display: block;
}
.intro-list .intro-namebox {
  font-size: 1.1rem;
  color: #333;
  margin: 27px 0 21px 28px;
  font-weight: 500;
}
.intro-list .intro-namebox .name {
  font-size: 1.4em;
  color: #313896;
  margin-right: 4px;
}
.intro-list .intro-contact {
  font-size: 0.8rem;
  color: #333;
  margin-left: 24px;
  font-weight: 500;
}
.intro-list .intro-contact .tel-line {
  position: relative;
  margin-right: 10px;
}
.intro-list .intro-contact .tel-line::before {
  content: "";
  width: 1px;
  height: 55%;
  background: #c2c2c2;
  position: absolute;
  right: -6px;
  top: 50%;
  transform: translateY(-50%);
}
.intro-list p:nth-last-child(1) {
  margin-top: 4px;
}
.intro-list:hover {
  border: 1px solid #adafd5;
}
.intro-list:hover .intro-txtbox {
  opacity: 1;
}
/*법무법인-소개개별*/
.person-top {
  height: 100vh;
}
.person-top .person-img {
  padding-top: 80px;
  height: calc(100% - 80px);
  width: 100%;
  object-fit: cover;
  display: block;
}
.person-wrap {
  position: absolute;
  left: 50%;
  /*
  top: 50%;
  transform: translate(-50%, calc(-50% + 75px));
  */
  bottom:10%;
  transform: translate(-50%, 0);
}
.person-wrap .txt1 {
  font-size: 1.8rem;
  color: #fff;
}
.person-wrap .txt2 {
  font-size: 3rem;
  color: #fff;
  line-height: 1.2;
  margin: 3vh 0 0;
}
.person-line {
  position: relative;
  padding: 5.9rem 0 1.2rem 2.9rem;
  border-bottom: 1px solid #326aff;
}
.person-line .txt3 {
  font-size: 1.1rem;
  color: #326aff;
  font-weight: 600;
}
.person-line .txt4 {
  font-size: 2.4rem;
  color: #333;
  font-weight: 700;
  margin: 0 0 5px;
}
.person-line .txt5 {
  color: #326aff;
  font-size: 1rem;
  letter-spacing: 1px;
  font-weight: 500;
}
.person-line .txt5 span:nth-child(1) {
  width: 80px;
}
.person-line .txt6 {
  margin: 4px 0 0;
}
.person-line .person-point {
  width: 30%;
  position: absolute;
  right: 0%;
  bottom: 0;
}
.cont-wrap {display: flex; gap: 0 2.9rem; margin-bottom: 11rem; padding: 3.4rem 2.9rem; word-break: keep-all;}
.cont-wrap .his-box {width: 50%;}
.cont-wrap .his-box .his-list {display: flex; flex-wrap: wrap;}
.cont-wrap .his-box .his-list > li {margin-right: 2%; margin-bottom: 1.7rem; width: 48%;}
.cont-wrap .active-box {width: 50%; color: #333;}
.cont-wrap .active-box .active-list > li {padding-bottom: 1.7rem; word-break: keep-all;}
.person-tit {font-size: 2rem; font-weight: 700; margin-bottom: 1.9rem;}

.d-flex{display:flex;}
.propertyMain_visual .swiper-slide{min-height:100vh;}
.propertyMain_visual .swiper-slide1{background:url(../img/sub/property_main_visual_1.jpg) no-repeat center center; background-size:cover;}
.propertyMain_visual .swiper-slide2{background:url(../img/sub/property_main_visual_2.jpg) no-repeat center center; background-size:cover;}
.propertyMain_visual .swiper-slide .vs_txt {position:absolute; left:10%; top:60%; transform:translateY(-50%) }
.propertyMain_visual .swiper-slide .vs_txt .txt_1{font-size:80px; color:#fff; font-weight:600;}
.propertyMain_visual .swiper-slide .vs_txt .txt_2{font-size:60px; color:#fff; font-weight:600;}
/* 230714 sic */
.property_main .section_2, 
.property_main .section_3, 
.property_main .section_4 {font-family: 'SUIT-Regular', sans-serif;}
/* end 230714 sic */
.property_main .s_tit{font-size:50px; font-weight:600; color:#313896;}
.property_main .section_2{background-color:#eaf0ff;}
.property_main .property_cont{position:relative; margin:0 auto; padding:130px 20px; max-width:1684px; width:100%; box-sizing:border-box; }
.property_main .section_2 .property_cont .s_tit{position:absolute; left:0; top:130px; word-break:keep-all;}
.property_main .section_2 .main_section_2_rolling{display:none;}
.property_main .section_2 .list_wrap{display:flex;}
.property_main .section_2 .list_wrap .list_1{margin-top:290px; width:44%;}
.property_main .section_2 .list_wrap .list_2{margin-left:auto; width:55%;}
.property_main .section_2 .list_wrap .box{display:flex; background-color:#fff; box-shadow:5px 5px 10px rgba(0,0,0,0.1); align-items:center;}
.property_main .section_2 .list_wrap .box .img_area{width:64%;}
.property_main .section_2 .list_wrap .box .img_area img{display:block;}
.property_main .section_2 .list_wrap .box .txt_area{width:36%; text-align:center;}
.property_main .section_2 .list_wrap .box .txt_area .web{display:inline-block;}
.property_main .section_2 .list_wrap .box .txt_area .mb{display:none;}
.property_main .section_2 .list_wrap ul{padding-top:20px;}
.property_main .section_2 .list_wrap li{position:relative; margin-bottom:10px; padding-left:10px;  font-size:20px; color:#313896}
.property_main .section_2 .list_wrap li:before{position:absolute; left:0; top:12px; width:3px; height:3px; background-color:#313896; display:block; content:""; border-radius:50%;}
.property_main .section_2 .txt_1{margin:15px 0 60px; font-size:18px; color:#707070;}
.property_main .section_2 .txt_2{font-size:32px; /* 230714 sic - font-family: 'KyoboHandwriting2020A'; */ text-align:center; word-break:keep-all;}
/* 230718 sic
.property_main .section_2 .box2 .txt_2 br{display:none;}
*/
.property_main .section_2 .more a{padding-bottom:5px; font-size:14px; color:#707070; border-bottom:1px solid #707070; display:inline-block; }
.property_main .section_2 .list_wrap  .btm_area{padding-top:30px; display:flex;}
.property_main .section_2 .list_wrap  .btm_area ul{width:50%;}
.property_main .section_2 .list_wrap  .btm_area .box2{margin-left:auto; width:45%;}
.property_main .section_2 .list_wrap  .btm_area .box2 .img_area img{width:100%; display:block;}
.property_main .section_2 .list_wrap  .btm_area .box2 .txt_area{padding:30px 0 25px; text-align:center; background-color:#fff;}
.property_main .section_2 .list_wrap  .btm_area .box2 .txt_1{margin:10px 0 20px;}
.property_main .section_3{background:url(../img/sub/property_main_bg.jpg) no-repeat center center; background-size:cover;}
.property_main .section_3 .property_cont{padding-top:200px; padding-bottom:200px;}
.property_main .section_3 h1{ font-size:40px; font-weight:600; color:#313896; }
.property_main .section_3 .title_box{margin:30px 0 0; padding:0 40px; width:24.4%; height:520px; background:url(../img/sub/property_main_img_4.jpg) no-repeat center center; background-size:cover; box-sizing:border-box; display:flex; align-items:center;}
.property_main .section_3 .title_box h2{font-size:39px; color:#fff; font-weight:200;}
.property_main .section_3 .title_box h2 strong{display:block; font-weight:600; }
.property_main .section_3 .title_box h2:after{margin:20px 0; max-width:40px; height:2px; background-color:#fff; display:block; content:"";}
.property_main .section_3 .title_box .txt{font-size:18px; color:#fff; opacity:0.7; }
.property_main .section_3 .list{margin-left:auto; width:74%;}
.property_main .section_3 .list ul{display:flex; flex-wrap:wrap;}
.property_main .section_3 .list ul li{position:relative; width:32%; margin:25px 2% 0 0; padding:30px 30px 0; height:250px; border: 1px solid #cbcbcb; box-sizing:border-box; transition: all 0.6s ease-out; background-color:#fff;}
.property_main .section_3 .list ul li:before{position:absolute; left:0; top:0; z-index:1; width:100%; height:100%; border:2px solid #326aff; box-sizing:border-box; display:block; content:""; opacity:0; transition: all 0.3s ease-out;}
.property_main .section_3 .list ul li:hover:before{opacity:1;}
.property_main .section_3 .list ul li:hover{box-shadow:4px 5px 10px rgba(50,106,255,0.1); }
.property_main .section_3 .list ul li:nth-child(3n){margin-right:0;}
.property_main .section_3 .list ul li .category{position:Relative; z-index:2; margin-bottom:5px; font-size:16px; color:#326aff;}
.property_main .section_3 .list ul li  a{position:Relative; z-index:2; }
.property_main .section_3 .list ul li .tit{font-size:22px; font-weight:600; line-height:1.2; 
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2; 
-webkit-box-orient: vertical;
}
.property_main .section_3 .list ul li .txt{padding-top:15px; margin-top:15px; border-top: 1px solid #cbcbcb;font-size:16px; color:#707070;  word-break:break-all;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3; 
-webkit-box-orient: vertical;
}
.property_main .section_4 .fp-tableCell{vertical-align:top;}
.property_main .section_4{position:relative; }
.property_main .section_4 .footer{position:absolute; left:0; bottom:0; width:100%; }
.property_main .section_4 .txt_1{font-size:54px; color:#fff; font-weight:600;}
.property_main .section_4 .txt_2{margin:20px 0 30px; line-height: 1.6; font-size:20px; color:#fff; }
.property_main .section_4 .btn_area a{width:240px;height:52px; line-height:50px; text-align:center; display:inline-block; border:1px solid #fff; font-size:18px; color:#fff; }
.property_main .section_4 .inner{width:100%; background:url(../img/sub/property_main_img_5.jpg) no-repeat center center; background-size:cover; display:flex; align-items:center;}
.property_main .swiper-button-prev{position:relative; left:auto; top:auto; width:58px; height:58px; background:url(../img/sub/vs_prev.png) no-repeat center center; display:block; border:none;}
.property_main .swiper-button-next{position:relative; left:auto; top:auto; margin-left:30px; width:58px; height:58px; background:url(../img/sub/vs_next.png) no-repeat center center; display:block; border:none;}
.property_main .control{position:absolute; left:10%; bottom:160px; display:flex;}

.pc_only{display:block;}
.pc_only.d-flex{display:flex;}
.mb_only{display:none;}
