@charset "utf-8";

/* section01 */
.section01 {background: url('/img/top_bg_new.jpg') no-repeat center / cover;}
.sec01_text p {font-size: 28px;color: #dddddd;}
.sec01_text h2 {font-size: 56px;color: #ffffff;}
.sec01_text > img {width: 100%;}
.sec01_text {padding: 190px 0 190px 0;}
.top_logo {padding-top: 20px;}

.top_call_btn a {
    border-radius: 999px;
    background: linear-gradient(180deg, #2351DC 0%, #132B76 100%);
    box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.25);

    display: flex;
    align-items: center;
    justify-content: center;
    width: 530px;
    padding: 10px 0;
    font-size: 42px;
    color: #fff;
    font-weight: 900;
    margin-left: 55px;

}

.emer_call {
    border-radius: 5px;
background: rgba(0, 0, 0, 0.50);
box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.25);

display: flex;
height: 135px;
padding: 25px 50px;
justify-content: center;
align-items: center;
gap: 10px;
}




.top_call_btn {display: flex; gap: 40px;}

.top_call_btn p {
    font-size: 36px;
    color: #ffffff;
    line-height: 130%;
    font-weight: 800;
    
}


@media all and (max-width:1400px) {
    .top_call_btn a {width: 400px;padding: 15px 0;margin-left: 40px;font-size: 35px;}
    .top_call_btn {flex-direction: column;
    }
}


@media all and (max-width:1000px) {
    .top_call_btn a {width: 250px;padding: 12px 0;font-size: 23px;margin-left: 20px;}

}

@media all and (max-width:650px) {
    .top_call_img_box img {width: 100%;}
}



/* section02 */
/* .section02 {background: url('/img/section02_bg.png') no-repeat center / cover;text-align: center;} */
.section02 {background-color: #101114; text-align: end;position: relative;overflow: hidden;}
.sec02_text {width: 50%;position: relative;}

.sec02_text_img {aspect-ratio: 1 / 0.411}
.sec02_text_img img {width: 100%;height: 100%;object-fit: cover;}

.sec02_con {padding: 130px 0; display: flex;}
.sec02_text span {font-size: 28px;color: #88A0BB;display: block;}
.sec02_text p {font-size: 28px;color: #dddddd;}
.sec02_text h2 {font-size: 56px;color: #ffffff;}
.sec02_line {height: 5px;width: 20px;background-color: #88A0BB;margin-left: auto;}

.sec02_img_box {aspect-ratio: 1 / 1;}
.sec02_img_box img {width: 100%;height: 100%;object-fit: cover;}
.sec02_img ul {display: flex;gap: 20px;flex-wrap: wrap;}
.sec02_img ul li {width: calc(20% - 16px);}

.sec02_blue_box {position: relative; aspect-ratio: 1 / 0.213;}
.sec02_blue_box img {position: relative;z-index: 99;width: 100%;height: 100%;object-fit: cover;}
.sec02_blue_box::after {content: '';position: absolute;right: -55px;background-color: #2351dc;height: 100%;width: 100%;}

.sec02_lawyer_name {display: flex;gap: 10px;justify-content: end;align-items: center;}

.sec02_lawyer_name p {font-size: 48px;}
.sec02_lawyer_name span {font-size: 32px;}

.sec02_bg_text {position: absolute;bottom: 3%;left: 0;width: 100%;}
.sec02_bg_text img {width: 100%;}

.sec02_human_mobile {aspect-ratio: 1 / 1.187;}
.sec02_human_mobile img {width: 100%;height: 100%;object-fit: cover;}
.sec02_human {position: absolute;top: -17%;left: 93%;z-index: 999;}

.sec02_human_mobile {display: none;}

.lawyer_name_box {margin-top: 30px;}





@media all and (max-width:1800px) {
    .sec02_human_mobile {display: block;}
    .sec02_human {display: none;}
    .sec02_text {width: 60%; margin: 0 auto;}
    .lawyer_name_box {margin-top: unset;}
    .sec02_lawyer_name {margin-top: 30px;}
}


@media all and (max-width:1400px) {
    .sec02_img ul li {width: calc(25% - 15px);}
}

@media all and (max-width:1000px) {
    .sec02_img ul li {width: calc(33.333% - 14px);}
    .sec02_text p, .sec01_text p  {font-size: 22px;}
    .sec02_text h2, .sec01_text h2  {font-size: 50px;}

    .sec02_text span {font-size: 20px;}

    
}

@media all and (max-width:900px) {
    .sec02_text {width: 100%;}
}

@media all and (max-width:700px) {
    .sec02_img ul li {width: calc(50% - 10px);}
    .sec02_text p, .sec01_text p  {font-size: 20px;}
    .sec02_text h2, .sec01_text h2  {font-size: 37px;}

    
}

/* section03 */
.section03 {background: url('/img/section03_bg.png') no-repeat center / cover;position: relative;overflow: hidden;}
.sec03_wrapper {padding: 130px 0;text-align: center;}
/* .sec03_left_box, .sec03_right_box {width: 50%;} */

.sec03_lawyer_box p {color: #ffffff;font-size: 18px;font-weight: 400;}

.sec03_lawyer_img {display: flex;}
.lawyer_img_size {width: 500px;height: 720px;position: relative;z-index: 999;}
.lawyer_img_size img {width: 100%;height: 100%;object-fit: cover;}
.safe_law_size {width: 96px;height: 473px;}
.safe_law_size img {width: 100%;height: 100%;}
.sec03_lawyer_img .lawyer_img_size p {position: absolute; bottom: -28px;right: 0;}
.sec03_bg_box {position: absolute;top: -28%;right: 0;}
.sec03_right_box_wrapper strong {color: #ffffff;font-size: 28px;}
.sec03_right_box_wrapper p {color: #ffffff;font-size: 18px;line-height: 25px;}
.sec03_right_box_wrapper {
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: end;
    padding-left: 100px;
}
.br_pc_only {display: block;}

.sec03_more_btn a {display: flex;align-items: center;justify-content: center;padding: 20px 0; background-color: #fff;border-radius: 5px;width: 250px;color: #1F2948;font-size: 18px;margin: 0 auto;font-weight: 700;}


.sec03_sub_tit p {color: #88A0BB;font-size: 28px;font-weight: 700;}
.sec03_tit_img {display: flex;flex-direction: column;align-items: center; gap: 20px;}
.line_center_custom {margin-left: unset;margin: 0 auto;}


.sec03_main_text {font-size: 32px;color: #ffffff;}
.sec03_main_text p {font-weight: 200;}

.sec03_slide, .swiper.sec03_swiper {overflow: visible;}

.sec03_slide ul li {
    background: #3B3B4B;
    box-shadow: 5px 5px 10px 5px rgba(0, 0, 0, 0.1);
    padding: 20px;
 
}
.text_over_01 {overflow: hidden;white-space: normal;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.slide_box_img {aspect-ratio: 1 / 1.252;margin-top: 10px;}
.slide_box_img img {width: 100%;height: 100%;object-fit: cover;}
.slide_box_title {text-align: left;}
.slide_box_title p {color: #88A0BB;font-size: 15px;font-weight: 700;overflow: hidden;white-space: normal;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.slide_box_title span {color: #ffffff;font-size: 18px;font-weight: 700;overflow: hidden;white-space: normal;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}


.sec03_slide .swiper-wrapper{transition-timing-function:linear;}

.br_pc_only {display: block;}

.countup_text p {
    font-size: 32px;
font-style: normal;
font-weight: 400;
line-height: 110%;
color: var(--Color, #FFF);
text-align: center;
}

.countup_text .counter {
    color: var(--Color, #FFF);
text-align: center;
font-size: 60px;
font-style: normal;
font-weight: 700;
line-height: 110%;
}

.countup_text .counter span {
    font-size: 32px;
font-style: normal;
font-weight: 400;
line-height: 110%;
}


.count_num_box {display: flex;align-items: baseline;justify-content: center;}
.count_num_box span {
    color: var(--Color, #FFF);
font-size: 32px;
font-style: normal;
font-weight: 400;
line-height: 110%;
}


.sec03_countup_box_wrapper {padding: 0 50px;height: 100%;}

.sec03_countup_box_wrapper ul {
    display: flex;
    gap: 100px;
    flex-wrap: wrap; 
    height: 100%;

}

.sec03_countup_box_wrapper ul li {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: calc(20% - 80px);
    
}

.sec03_countup_box_wrapper ul .count_line_custom::after

 {
    content: '';
    height: 150px;
    width: 1px;
    background: rgba(255, 255, 255, 0.25);
    position: absolute;
    transform: translate(-50px, 20px);
}


@media all and (max-width:1400px) {
    .sec03_wrapper {flex-wrap: wrap;gap: 40px;}
    .sec03_left_box, .sec03_right_box {width: 100%;}
    .sec03_right_box_wrapper {padding-left: unset;}
    .safe_law_size {display: none;}   
    .sec03_name {display: none;}
    .sec03_lawyer_img {justify-content: center;}

    .sec04_white_title {width: 100%;}
    
    /* .sec03_countup_box_wrapper ul .count_line_custom::after {display: none;} */
    .sec03_countup_box_wrapper ul li {width: calc(25% - 75px);}
}

@media all and (max-width:1280px) {
    .sec04_yellow_title {width: 100%;}
}

@media all and (max-width:1180px) {
    .sec03_countup_box_wrapper ul li {width: calc(33.333% - 67px);}
}

@media all and (max-width: 1000px) {
    .br_pc_only {display: none;}
    .sec03_main_text {font-size: 22px;color: #ffffff;}

    .sec03_white_title {width: 100%;}
}

@media all and (max-width:900px) {

    .count_num_box span {
    font-size: 25px;
    }
    .countup_text p {
        font-size: 25px;
    }
    
    .countup_text .counter {
        font-size: 40px;
    }
}

@media all and (max-width: 800px) {
    .sec03_yellow_title {width: 100%;}
    .sec03_countup_box_wrapper ul li {width: calc(50% - 50px);}
}

@media all and (max-width:700px) {
    /* .sec03_tit_img .sec03_white_title {width: 80%;} */
    .lawyer_img_size {width: 100%;height: 100%;}
    .sec03_sub_tit p {font-size: 20px;}
}




/* section04 */


.section04 {
    background: url('/img/sec04_bg_new.jpg') no-repeat center / cover;position: relative;
    text-align: center;
}

.sec04_con_row {display: flex;}
.sec04_left_con, .sec04_right_con {width: 50%;}

.sec04_left_con_wrapper {background-color: #fff;padding: 45px;text-align: left;aspect-ratio: 1 / 0.571;display: flex;flex-direction: column;justify-content: space-between;}
.sec04_blue_bar_box {display: flex; gap: 10px;align-items: center;}
.sec04_blue_bar {width: 6px; height: 28px;background-color: #2351DC;}
.sec04_blue_bar_box p {font-size: 29px;color: #2351DC;font-weight: 900;}
.sec04_left_text p {font-size: 28px; line-height: 130%;}
.sec04_left_text p span {font-size: 36px;font-weight: 400;display: block;line-height: 150%;}
.sec04_left_text .color001 {color: #f22 !important; font-style: normal !important;font-size: 48px;font-weight: 900;}
.color001_mobile {font-weight: 700;font-size: 28px;color: #f22;font-style: normal;}


.sec04_con_wrapper ul {display: flex;flex-direction: column;gap: 40px;}

.sec04_right_con_img_box {aspect-ratio: 1 / 0.571;}
.sec04_right_con_img_box img {width: 100%;height: 100%;object-fit: cover;}

.reverse_row_custom {flex-direction: row-reverse;}


@media all and (max-width:1350px) {
    .sec04_blue_bar_box p {font-size: 22px;}
    .sec04_left_text > p {font-size: 22px;}
    .color001_mobile {font-size: 22px;}
    .sec04_left_text > p span {font-size: 28px;}

    .sec04_left_text .color001 {font-size: 30px;}

    .sec04_con_row {flex-direction: column;align-items: center;}
    .sec04_left_con, .sec04_right_con {width: 70%;}
    .sec04_left_con_wrapper {aspect-ratio: unset;}
    .sec04_left_text {margin-top: 10px;}
}

@media all and (max-width:900px) {
    .sec04_blue_bar_box p {font-size: 19px;}
    .color001_mobile {font-size: 19px;}
    .sec04_left_text > p {font-size: 19px;}
    .sec04_left_text > p span {font-size: 22px;}
    .sec04_left_con, .sec04_right_con {width: 100%;}
}







.sec04_wrapper {padding: 130px 0;}
.sec04_profile_wrapper h2 {font-size: 36px;color:#1F2948;}
.sec04_sub_tit {font-size: 24px;color:#1F2948;font-weight: 700;}
/* .sec04_con_row {font-size: 18px;color:#1F2948;display: flex;align-items: baseline;gap: 5px;} */
.blue_bar {width:5px;height: 13px;background-color: #1F2948;}

.gray_bar {width: 1000px;height: 1px;background-color: #aaaaaa;margin: 25px 0 20px 0;position: relative;}
.just_law {position: absolute;right: 0;top: -85px;}

.pro_history_box {display: flex;gap: 50px;}

.sec04_lawyer_img {position: absolute;right: 0;bottom: 0;aspect-ratio: 1 / 1.84;}
.sec04_lawyer_img img {width:100%;height: 100%;object-fit: cover;}

@media all and (max-width:1400px) {
    .sec04_lawyer_img {display: none;}
    .pro_history_box {flex-wrap: wrap;}
    
}
@media all and (max-width:1040px) {
    .just_law {display: none;}    
}



@media all and (max-width:759px) {

    .pro_history_box {gap: 0;}
}




/* section05 */
.section05 {
    background: url('/img/sec05_bg_new.jpg') no-repeat center / cover;position: relative;
}

.section05_wrapper {padding: 120px 0;}
.sec05_sub_title p {font-size: 28px;color: #cccccc;font-weight: 300;}

.sec05_lawyer_box {aspect-ratio: 1 / 1.472;position: relative;}

.sec05_lawyer_info_box {
    position: absolute;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.8);
    padding: 30px 40px;
    width: 100%;
    height: 135px;
    
}

.sec05_lawyer_info p {font-size: 17px;color: #c4c4c4;line-height: 128%;}
.sec05_lawyer_name {display: flex; gap: 10px;align-items: baseline;}
.sec05_lawyer_name p {color: #fff;font-size: 28px;}
.sec05_lawyer_name span {font-size: 24px;color: #666;}

.sec05_lawyer_box img {width: 100%;height: 100%;object-fit: cover;}

.sec03_tit_img img {
    z-index: 99;
}

.complete_img_box {
    position: absolute;
    top: 0;
    right: 80px;
}


@media all and (max-width:1400px) {
    .sec05_lawyer_info p {font-size: 16px;color: #c4c4c4;}
    .sec05_lawyer_name p {color: #fff;font-size: 20px;}
    .sec05_lawyer_name span {font-size: 18px;color: #666;}
    .complete_img_box {display: none;}
}


@media all and (max-width:759px) {

    .sec05_sub_title p {font-size: 19px;}
}












/* section06 */
.section06 {background-color: #f5f5f5;padding: 120px 0;}
.sec06_text > span {font-size: 28px;color: #88A0BB;display: block;}
.sec06_text h2{font-size: 56px;color: #1F2948;}

.sub_666_title {
    font-size: 28px;
    color: #666666;
    word-break: keep-all;
    font-style: normal;
    font-weight: 700;
}

.sec06_textarea p {font-size: 18px;color: #000;}
.sec02_line.line_left_custom {margin: unset;}

.sub_888_title {
    color: #888;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    color: #888;
    line-height: 130%
}


.sec06_left p , .sec06_right p {font-size: 18px;color: #000;}
.sec06_left , .sec06_right {width: 50%;}
.sec06_left input, .sec06_right input {width: 100%;margin-top: 5px;padding: 10px 8px;font-size: 15px;}
.sec06_left select {width: 100%;margin-top: 5px;padding: 10px 5px;color: rgb(118, 118, 118);font-size: 15px;}
.sec06_left select:focus {outline: none;}

.sec06_left input:focus, .sec06_right input:focus {outline: none;}
.sec06_row {display: flex;gap: 40px;}
.sec06_left select option[value=""][disabled] {
	display: none;
}

.sec06_check_row input{
    display:none;
}
.sec06_check_row input + label{
  cursor:pointer;
}
  
.sec06_check_row input + label > span{
    vertical-align: middle;
    padding-left: 20px;
    font-size: 18px;
}
  
/* label:before에 체크하기 전 상태 CSS */
.sec06_check_row input + label:before{
    content:"";
    display:inline-block;
    width:25px;
    height:25px;
    border:1px solid #aaaaaa;
    vertical-align:middle;
    background-color: #ffffff;
    border-radius: 3px;
}
    
  /* label:before에 체크 된 상태 CSS */  
.sec06_check_row input:checked + label:before{
    content:"";
    background-color:#ffffff;
    border:1px solid #222222;
    background-image: url('/img/check_icon.png');
    background-repeat: no-repeat;
    background-position: 50%;
}

.sec06_textarea {width: 100%;}
.sec06_textarea textarea {width: 100%;height: 151px;resize: none;font-size: 15px;margin-top: 5px;padding: 8px;}
.sec06_textarea textarea:focus {outline: none;padding: 10px 10px;}
.sec06_check_box {width: 100%;display: flex;gap: 40px;}



.left_check {width: 50%;display: flex;gap: 40px;}
.right_check {width: 50%;display: flex;}
.sec06_check_row {display: flex;gap: 20px;align-items: center;}
.privacy_box {background-color: #d9d9d9;font-size: 16px;padding: 1px 5px;border-radius: 3px;}

.inquiry_btn {font-size: 18px;color: #ffffff;background-color: #1F2948;width: 100%;padding: 10px 0;border-radius: 3px;text-align: center; cursor: pointer;}

@media all and (max-width: 1400px) {
    .sec06_check_box {flex-wrap: wrap;}
    .left_check {width: 100%;}
    .right_check {width: 100%;}

    .sec06_check_row input + label > span{
        padding-left: 5px;
        font-size: 17px;
    }
}


/* section07 */
.section07 {
    background: url('/img/sec07_bg.jpg') no-repeat center / cover;
}

.section07_wrapper {padding: 120px 0;}
.sec07_tit h2 {font-size: 56px;color: #fff;font-weight: 400; font-family: "Black Han Sans"}

.right_map {aspect-ratio: 1 / 0.283;width: 100%;}
.sec07_map_row {display: flex;gap: 20px;width: 100%;}

.left_map {background: rgba(0, 0, 0, 0.5); width: 100%;}

.left_map_wrapper {padding: 25px 20px;height: 100%;display: flex;gap: 10px;}
.left_map_line {height: 100%;width: 4px;background-color: #dddddd;}

.left_map_text {display: flex;justify-content: space-between;flex-direction: column;}
.left_map_text h2 {font-size: 24px;font-weight: 700;color: #fff;}
.left_map_text strong {font-weight: 500;color: #fff;font-size: 18px;}
.left_map_text p {font-weight: 300;font-size: 15px;color: #fff;}

.map_bottom_box ul {display: flex; gap: 20px;flex-wrap: wrap;}
.map_bottom_box ul li {width: calc(33.333% - 14px);}

@media all and (max-width:1400px) {
    .sec07_map_row {flex-wrap: wrap;}
    .map_bottom_box ul li {width: calc(50% - 10px);}

    .left_map_text h2 {font-size: 18px;}
.left_map_text strong {font-size: 16px;}
.left_map_text p {font-size: 14px;}

.sec07_map_row {gap: unset;}
}


@media all and (max-width:1000px) {
    .map_bottom_box ul li {width: calc(100%);}
}

@media all and (max-width:700px) {
    .right_map {height: 190px;}
}

.swiper-button-next, .swiper-button-prev {color: #ffffff;}