@charset "utf-8";

.mobile_ver,
#lawyer-slider{display:none;}

/*intro-text*/
#intro-text {text-align: center;}
#intro-text .intro-con{margin-top: 200px;}
#intro-text .intro-con-1 .title,
#intro-text .intro-con-3 .title,
#intro-text .intro-con-4 .title{max-width: 810px;}
#intro-text .intro-con-1 .content{margin-top: 100px;}
#intro-text .intro-con-2 .content,
#intro-text .intro-con-3 .content,
#intro-text .intro-con-4 .content {float: left;width: 50%;}
#intro-text .intro-con .content-1,
#intro-text .intro-con .content-2 {max-width:600px;}
#intro-text .intro-con-3 .content-2 {max-width:500px;}

/* 전담 변호사 */
#intro-lawyer {text-align: center;margin-top: 200px;}
#intro-lawyer .intro-title {transition: all 0.5s;transition-delay: 0.4s; margin-bottom: 120px;transform: scale(0.7);opacity: 0;font-size: 60px;font-weight: 700;}
#intro-lawyer .lawyer-wrap {margin-top: 120px;display: flex; justify-content: center;}
#intro-lawyer .lawyer-wrap .list {float: left;width: 25%;overflow: hidden;margin: 0 0.5%;}
#intro-lawyer .lawyer-wrap .list .img-wrapper { overflow: hidden; position: relative; transition: all 0.5s; transform: scale(0.7); opacity: 0; cursor: pointer; }
#intro-lawyer .lawyer-wrap .list .img-wrapper:after { content: ""; position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 100; background: rgba(0, 0, 0, 0.3); opacity: 0; transition: all 0.5s; }
#intro-lawyer .lawyer-wrap .list .img-wrapper img {width: 100%;height: auto;object-fit: cover;transition: all 0.5s;position: relative;font-size: 9px;height: calc(312px * 397/312);max-height: 396px;/* min-height: 368px; */}
#intro-lawyer .lawyer-wrap .list .img-wrapper:hover:after { opacity: 1; }
#intro-lawyer .lawyer-wrap .list .img-wrapper:hover img { transform: scale(1.1); }
#intro-lawyer .lawyer-wrap .list .name-and-role { margin: 20px 0; transition: all 0.5s; opacity: 0; transform: scale(0.7); }
#intro-lawyer .lawyer-wrap .list .name-and-role.active { opacity: 1; transform: scale(1); }
#intro-lawyer .lawyer-wrap .list .name-and-role span { display: block; }
#intro-lawyer .lawyer-wrap .list .name-and-role .role { font-size: 17px; margin-bottom: 20px; }
#intro-lawyer .lawyer-wrap .list .name-and-role .name { font-size: 25px; display: block; margin-bottom: 20px; font-weight: bold; }
#intro-lawyer .lawyer-wrap .list .name-and-role .tell { margin-bottom: 10px; }
#intro-lawyer .lawyer-wrap .list .name-and-role .email { word-break: break-all; }
#intro-lawyer.active .list .img-wrapper { transform: scale(1); opacity: 1; }
#intro-lawyer.active .intro-title { transform: scale(1); opacity: 1; }

/* 진행절차 */
#procedure {text-align: center;margin-top: 200px;}
#procedure .intro-title{transition: all 0.5s;transition-delay: 0.4s; margin-bottom: 120px;transform: scale(0.7);opacity: 0;font-size: 60px;font-weight: 700;}
#procedure p{float: left; width: 33.3333%;}
#procedure.active .intro-title{transform: scale(1);opacity: 1;}
#procedure.active {transform: scale(1);opacity: 1;}

/* 상담신청 */
#apply-consulting { margin: 130px 0; text-align: center; }
#apply-consulting .intro-title {font-size: 60px; font-weight:bold; transition: all 0.5s; transform: scale(0.7); opacity: 0; }
#apply-consulting.active .intro-title { opacity:1; transform: scale(1); }
#apply-consulting form { text-align: left; margin: 60px auto; width: 830px; opacity: 0; transform: translateY(70px); transition: all 0.5s; }
#apply-consulting form.active { opacity: 1; transform: translateY(0); }
#apply-consulting form .sec-row { margin-bottom: 20px; }
#apply-consulting form .sec-row > label { font-size: 15px; display: block; margin-bottom: 10px; }
#apply-consulting form .sec-row input { border: 1px solid #ccc; padding: 6px 12px; width: 100%; font-size: 15px; }
#apply-consulting form .sec-row select { width: 100%; padding: 6px 12px; border: 1px solid #ccc; font-size: 15px; }
#apply-consulting form .sec-row .only_num { width: 65px; }
#apply-consulting form .sec-row textarea { border: 1px solid #ccc; resize: none; width: 100%; height: 77px; font-size: 15px; padding: 10px 12px; }
#apply-consulting form .sec-row .dash { margin-left: 4px; }
#apply-consulting form .sec-row .terms-box { width: 100%; height: 160px; overflow-y: scroll; border: 1px solid #ccc; padding: 10px; }
#apply-consulting form .agree-line label { margin-left: 5px; font-size: 15px; cursor: pointer; }
#apply-consulting form .submit-btn { background: #3a3537; color: #fff; cursor: pointer; border-radius: 2px; padding: 10px 25px; margin: 30px auto; display: block; transition: all .3s; }
#apply-consulting form .submit-btn:hover { background: var(--page-theme-color); }
#apply-consulting form .must { position: relative; width: 6px; height: 6px; background: #f25656; display: inline-block; border-radius: 50%; vertical-align: 2px; margin-left: 2px; }
#apply-consulting .sec-row input,
#apply-consulting .sec-row select,
#apply-consulting .sec-row textarea { transition: all .3s; }
#apply-consulting .sec-row input:focus,
#apply-consulting .sec-row select:focus,
#apply-consulting .sec-row textarea:focus { border:1px solid var(--page-theme-color); }

/* 미디어 쿼리 */
@media (max-width: 1000px) { /* 태블릿,모바일 레이아웃 변경 */
 #intro-lawyer .lawyer-wrap .list .img-wrapper:hover img { transform: scale(1); }
 #intro-lawyer .lawyer-wrap .list .img-wrapper:after { display: none; }
 #apply-consulting form { width: 95%; }
 #intro-text .intro-con{margin-top:100px;}
 .pc_ver{display:none;}
 .mobile_ver{display:block; margin-top:103px;}
 #intro-text .intro-con-2 .content,
 #intro-text .intro-con-3 .content,
 #intro-text .intro-con-4 .content {width:100%;}
 #intro-text .intro-con .content-1,
 #intro-text .intro-con .content-2,
 #intro-text .intro-con-3 .content-2 {max-width:none;}
 .flex-wrap{flex-direction: column-reverse; display: flex; align-items: center;}
 .flex-wrap .content-2{max-width:500px !important;}
 .intro-title { font-size: 42px !important; margin-bottom:0 !important;}
 #procedure p{width:100%;}

 #intro-lawyer .lawyer-wrap { display:none; }
 #lawyer-slider { display:block; margin-top:50px; }
 #lawyer-slider .swiper-slide { border: 1px solid #eee; }
 #lawyer-slider .swiper-slide .img-sect img { max-height:1020px; object-fit: cover; height:127.6041vw; }
 #lawyer-slider .swiper-slide .con-sect .role { display: block; font-size: 14px; margin: 20px 0; }
 #lawyer-slider .swiper-slide .con-sect .name { font-size: 20px; font-weight: bold; display: block; margin: 20px 0; }
 #lawyer-slider .swiper-container{padding-bottom:20px;}
 #lawyer-slider .swiper-pagination{position:relative; bottom:-10px;}
 #lawyer-slider .swiper-pagination-bullet { width: 10px; height: 10px; opacity: 0.5; background: #909090; }
 #lawyer-slider .swiper-pagination-bullet-active { background: #2c56b2; width: 24px; border-radius: 20px; height: 8px; opacity: 1; vertical-align: 1px;}
}
@media (max-width: 420px){
 .intro-title { font-size: 30px !important; }
}