@charset "utf-8";

@-webkit-keyframes txtUp {
    from {
      -webkit-transform:translate3d(0, 250%, 0);
      transform:translate3d(0, 250%, 0);
      visibility:visible;
      opacity:0;
    }
    to {
      -webkit-transform:translate3d(0, 0, 0);
      transform:translate3d(0, 0, 0);
      opacity:1;
    }
  }
  
  @keyframes txtUp {
    from {
      -webkit-transform:translate3d(0, 250%, 0);
      transform:translate3d(0, 250%, 0);
      visibility:visible;
      opacity:0;
    }
    to {
      -webkit-transform:translate3d(0, 0, 0);
      transform:translate3d(0, 0, 0);
      opacity:1;
    }
  }


@font-face{
	font-family:'pretendard';
	src:url('/common/font/Pretendard-Medium.woff');
}
@font-face{
	font-family:'pretendard_light';
	src:url('/common/font/Pretendard-Light.woff');
}
/* ���� **************************************************************/

/*���κ��־�*/
.m_visual {width:100%; overflow:hidden; height:945px;background:#000;}
.m_visual .mv_bg01{background:url("/img/main/m_visual_bg01.png") center 0 no-repeat; height:945px;overflow:hidden;}
.m_visual .mv_bg02{background:url("/img/main/m_visual_bg02.png") center 0 no-repeat; height:945px;overflow:hidden;}
.m_visual .mv_bg03{background:url("/img/main/m_visual_bg03.png") center 0 no-repeat; height:945px;overflow:hidden;}
.m_copy {text-align:center; color:#fff;width:100%;}
.m_copy p.m_copy01 {font-size:45px; padding:255px 0 25px 0; line-height:60px;font-weight:100;}
.m_copy p.m_copy01 span {font-weight:700;}
.m_copy p.m_copy02 {font-size:14px;  line-height:25px;}
.controller2 {width:100%;text-align:center;position:absolute; z-index:10;top:470px;}
.controller2 .rollbtn  {}
.controller2 .rollbtn a{display:inline-block;padding:5px 0;}

.go_tv {position:absolute; z-index:10;top:200px;right:100px;text-align:right; }

.m_service {width:100%; position:absolute; z-index:10;top:600px;clear:both;text-align:center;}
.m_service ul {margin:0 auto; width:1100px; }
.m_service ul li {width:19.4%; margin:0 0.3%;  float:left;}
.m_service ul li a { display:block; height:237px;}
.m_service ul li a.baro01 {background:#fff url("/img/main/service_ico01.png") center 40px no-repeat;}
.m_service ul li a.baro01:hover {background:#002d62 url("/img/main/service_ico01_on.png") center 40px no-repeat;}
.m_service ul li a.baro02 {background:#fff url("/img/main/service_ico02.png") center 40px no-repeat;}
.m_service ul li a.baro02:hover {background:#002d62 url("/img/main/service_ico02_on.png") center 40px no-repeat;}
.m_service ul li a.baro03 {background:#fff url("/img/main/service_ico03.png") center 40px no-repeat;}
.m_service ul li a.baro03:hover {background:#002d62 url("/img/main/service_ico03_on.png") center 40px no-repeat;}
.m_service ul li a.baro04 {background:#fff url("/img/main/service_ico04.png") center 40px no-repeat;}
.m_service ul li a.baro04:hover {background:#002d62 url("/img/main/service_ico04_on.png") center 40px no-repeat;}
.m_service ul li a.baro05 {background:#fff url("/img/main/service_ico05.png") center 40px no-repeat;}
.m_service ul li a.baro05:hover {background:#002d62 url("/img/main/service_ico05_on.png") center 40px no-repeat;}
.m_service ul li a span.txt01 {font-size:17px; color:#000; display:block; padding:110px 0 15px 0;background:url("/img/main/service_line.png") center bottom no-repeat;}
.m_service ul li a:hover span.txt01 {color:#fff;background:url("/img/main/service_line_on.png") center bottom no-repeat;}
.m_service ul li a span.txt02 {font-size:14px; color:#777; line-height:22px; padding-top:15px; display:block;}
.m_service ul li a:hover span.txt02 {color:#fff;}

.m_contact {width:100%; height:525px; background:url("/img/main/m_contact_bg.png") center 0 no-repeat; overflow:hidden; color:#000;text-align:center;}
.m_contact p.tit {padding:85px 0 20px 0;font-family: 'Monda', sans-serif; font-weight:bold; font-size:15px;  letter-spacing:5px; background:url("/img/main/m_contact_line.png") center bottom no-repeat;	}
.m_contact p.b_txt {padding:45px 0 35px 0;font-size:30px; line-height:40px;}
.m_contact p.s_txt {font-size:14px; color:#808080; line-height:22px; padding-bottom:45px;}
.m_contact p.btn {}
.m_contact p.btn a {margin:0 1px;}
.m_contact p.btn a.bt_st01 {background:#002d62; border:1px solid #002d62; color:#fff; display:inline-block; padding:14px 55px;font-size:13px;}
.m_contact p.btn a.bt_st01:hover {background:#fff; border:1px solid #002d62;color:#002d62; display:inline-block; padding:14px 55px;font-size:13px;}
.m_contact p.btn a.bt_st02:hover {background:#002d62; border:1px solid #002d62; color:#fff; display:inline-block; padding:14px 55px;font-size:13px;}
.m_contact p.btn a.bt_st02 {background:#fff; border:1px solid #002d62;color:#002d62; display:inline-block; padding:14px 55px;font-size:13px;}

.m_lawyer_wrap {width:100%; height:470px; background:#e8e8e8;overflow:hidden;}
.m_lawyer {width:1100px; margin:0 auto;}
.m_lawyer_bg00 {width:100%; height:470px; background:url('/img/sub/pic_b_mem00.png') no-repeat 360px 0;}
.m_lawyer_bg01 {width:100%; height:470px; background:url('/img/sub/pic_b_mem01.png') no-repeat 450px 0;}
.m_lawyer_bg02 {width:100%; height:470px; background:url('/img/sub/pic_b_mem02.png') no-repeat 500px 0;}
.m_lawyer_bg03 {width:100%; height:470px; background:url('/img/sub/pic_b_mem03.png') no-repeat 500px 0;}
.m_lawyer_bg04 {width:100%; height:470px; background:url('/img/sub/pic_b_mem04.png') no-repeat 450px 0;}
.m_lawyer_bg05 {width:100%; height:470px; background:url('/img/sub/pic_b_mem05.png') no-repeat 450px 0;}
.m_lawyer_info {float:left; width:100%;}
.m_lawyer_info .swiper-slide {width:100%; height:470px; float:left;overflow:hidden;}
.m_lawyer_info .swiper-slide .m_lawyer01 {display:inline-block;font-size:12px;margin:85px 0 0 100px; font-family: 'Monda', sans-serif; color:#000; letter-spacing:5px; padding:7px 0; border-top:1px solid #d6d6d6; border-bottom:1px solid #d6d6d6;}
.m_lawyer_info .swiper-slide p.m_lawyer01 span.s-en01 {color:#002d62;}
.m_lawyer_info .swiper-slide p.m_lawyer01 span.s-en02 {color:#917b49;}
.m_lawyer_info .swiper-slide p.m_lawyer02 {padding:50px 0 25px 100px; font-size:30px; color:#a49062; background:url('/img/main/m_lawyer_line.png') no-repeat 100px bottom;}
.m_lawyer_info .swiper-slide p.m_lawyer02 span {color:#000;}
.m_lawyer_info .swiper-slide p.m_lawyer03 {padding:20px 0 0 100px;font-size:14px; color:#000; line-height:22px;}
.m_lawyer_info .swiper-slide p.m_lawyer04 {padding:30px 0 0 100px;font-size:14px; color:#808080; line-height:22px;}
.m_lawyer_info .swiper-slide p.m_lawyer04 a {border:1px solid #000; display:inline-block; font-size:13px;padding:7px 30px;border-radius:50px;}
.m_lawyer_info .swiper-slide p.m_lawyer04 a:hover {background:#000; color:#fff;}
   .swiper-button-next, .swiper-button-prev{
        color: #fff !important;
        background: #afafaf;
    border-radius: 30px;
    width: 40px !important;
    height: 40px !important;
    }
    .swiper-button-next:after{
        font-size: 20px !important;
        position: absolute;
    left: 53%;
    transform: translateX(-50%);
    }
    .swiper-button-prev:after{
        font-size: 20px !important;
        position: absolute;
           right: 53%;
    transform: translateX(50%);
    }

.m_news {width:100%; height:695px; background:url('/img/main/m_news_bg.png') no-repeat 0 center;}
.m_news p.tit {padding:110px 0 20px 0;margin-bottom:30px;font-family: 'Monda', sans-serif; font-weight:bold; font-size:15px;text-align:center;  letter-spacing:5px; background:url("/img/main/m_news_line.png") center bottom no-repeat; color:#fff;}
.m_news i {color:#0f4a8f; padding:55px 0 25px 0;font-family: 'Monda', sans-serif; font-weight:200;display:block; font-size:13px;letter-spacing:1px;}
.m_news_wrap {width:1100px; margin:0 auto; text-align:center;}
.m_news .tit a{ color:#fff;}
.m_news_info01 {width:355px; height:380px; float:left; background:#fff; margin-right:16px;}
.m_news_info02 {width:355px; height:380px; float:left; background:#fff; margin-right:16px;}
.m_news_info03 {width:355px; height:380px; float:left; background:#fff;}
.m_news_type01 {width:276px; margin-left:40px; /*height:475px;*/}
.m_news_type01 p.title {background:url("/img/main/m_news_line02.png") center bottom no-repeat; color:#000; font-weight:200; line-height:30px;font-family:'Nanum Square','����',Dotum,'����',Gulim,Helvetica,sans-serif;font-size:18px; letter-spacing:0; height:50px; padding:0 0 20px 0;}
.m_news_type01 p.txt {font-size:14px; color:#777; height:120px; padding-top:20px; line-height:24px; overflow:hidden; display:none;}
.m_news_type01 p.img {width:276px; height:126px; overflow:hidden;}
.m_news_type01 p.img img {width:276px; height:auto; overflow:hidden;}
.m_news_type02 {width:276px; margin-left:40px; height:475px;}
.m_news_type02 p.title {background:url("/img/main/m_news_line02.png") center bottom no-repeat; color:#000; font-weight:200; line-height:30px;font-family:'Nanum Square','����',Dotum,'����',Gulim,Helvetica,sans-serif;font-size:18px; letter-spacing:0; height:50px; padding:0 0 20px 0;}
.m_news_type02 p.txt {font-size:14px; color:#777; height:250px; padding-top:20px; line-height:24px; overflow:hidden;}


.m_slogan {background:url('/img/sub/contact_bg.png') no-repeat center bottom; width:100%;text-align:center; height:755px; color:#fff;}
.m_slogan p.tit {font-size:50px; padding:150px 0 15px 0;font-family: 'Monda', sans-serif; font-weight:bold;}
.m_slogan p.txt {font-size:15px; padding:0 0 30px 0; line-height:25px;}


#popup{
    position: absolute;
    z-index: 22222;
    top: 180px;
    left: 30px;
    display: none;
}

#popup.on {
    display: block;
  }


.popbot{
    background: black;
    overflow: hidden;
    text-align: center;
    padding: 5px;
}
.pop-layer{
    color: white;
    font-size: 15px;
    overflow: hidden;
    margin: 10px 20px;
    border: 1px solid white;
    padding: 10px;
    border-radius: 50px;
}
.pop-layer:hover{
    background-color: #181d23;
    border: 1px solid #181d23;
}
.btn_today_close{
    color: white;
    font-size: 15px;
    overflow: hidden;
    margin: 10px 20px;
    border: 1px solid white;
    padding: 10px;
    border-radius: 50px;
}
.btn_today_close:hover{
    background-color: #181d23;
    border: 1px solid #181d23; 
}
.btn_close {
    width: 32px;
    height: 32px;
    position: absolute;
    top: 17px;
    right: 17px;
    font-size: 0;
    border: 0;
    background: none;
}

.btn_close::before {
      content: "";
      width: 2px;
      height: 32px;
      background-color: #ffffff;
      position: absolute;
      top: 0;
      left: 15px;
      transform: rotate(45deg);
    }

    .btn_close::after {
      content: "";
      width: 32px;
      height: 2px;
      background-color: #ffffff;
      position: absolute;
      top: 15px;
      left: 0;
      transform: rotate(45deg);
    }

/*main*/

.swiper {
    width: 100%;
    height: 100%;
}

.swiper-slide>img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/*.swiper-slide01{
    width: 100%;
    height: 739px;
    background: url('/img/main/slide_main01.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}*/
.swiper-slide .inner_text01{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: white;
    font-family: 'NotoSans';
    text-align: center;
    font-size: 35px;
}
.swiper-slide .inner_text01 h2{
    font-weight: 200;
}
.swiper-slide .inner_text01 h2 span{
    font-weight: bold;
}
.swiper-slide .inner_text01 p{
    font-size: 20px;
    margin-top: 20px;
    font-weight: 500;
}
.swiper-slide .inner_text02{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: white;
    font-family: 'NotoSans';
    text-align: center;
    font-size: 35px;
}
.swiper-slide .inner_text02 h2{
    font-weight: bold;
}
.swiper-slide .inner_text02 p{
    font-size: 20px;
    margin-top: 20px;
    font-weight: 500;
}
.business{
    width: 100%;
    height: 100%;
    background: url('/img/main/section02_main.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.business .inner_business{
    display: flex;
    max-width: 1400px;
    justify-content: center;
    margin: 0 auto;
    height: 100%;
    align-items: center;
    font-family: 'NotoSans';
    flex-direction: column;
}
.business .inner_business .left .text h3{
    font-size: 40px;
    font-weight: bold;
    color: white;
}



.business .inner_business .right{
    display: flex;
    flex-wrap: wrap;
        justify-content: flex-start;
}

.business .inner_business .right .right_box{
    width:calc(20% - 15px);
    border-top: 2px solid #ccc;
    border-bottom: 2px solid #ccc;
    display: flex;
    justify-content: space-between;
    margin: 20px 15px 0 0;
    padding: 20px;
    transition: all 0.5s ease-in-out;
    box-sizing: border-box;
}
.business .inner_business .right .right_box:hover{
    background: #323e83;
    border-top: 2px solid #323e83;
    border-bottom: 2px solid #323e83;
}
.business .inner_business .right .right_box .right_box_text{
    font-family: 'NotoSans';
}

.business .inner_business .right .right_box .right_box_text span{
    color: #a5821f;
    font-size: 18px;
    font-weight: 700;
    display: block;
/*    height: 65px;*/
margin-bottom:5px;
}

.business .inner_business .right .right_box .right_box_text h4{
    font-size: 23px;
    font-weight: 700;
    margin-bottom: 30px;
    color: white;
}

.business .inner_business .right .right_box .right_box_text p{
    font-size: 17px;
    font-weight: 700;
    color: white;
}


.slide{
    width: 100%;
    height: 100%;
    background: url('/img/main/lawyer_main.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.slide .lawyer{
    max-width: 1400px;
    margin: 0 auto;
    display: flex;
    align-items: center;
}

.slide .lawyer .lawyer_left{
    width: 50%;
}

.slide .lawyer .lawyer_left img{
    display: block;
    margin: 0 auto;
    margin-top: 140px;
    overflow: hidden;
}

.slide .lawyer .lawyer_right{
    width: 50%;
    font-family: 'NotoSans';
    color: white;
}
.slide .lawyer .lawyer_right>span{
    display: block;
    margin-top: 30px;
    font-weight: bold;
    color: #a5821f;
    font-size: 35px;
}
.slide .lawyer .lawyer_right h3>span{
    font-size: 39px;
    font-weight: 300;
}
.slide .lawyer .lawyer_right h3{
    font-size: 60px;
    font-weight: bold;
    margin-bottom: 40px;
}
.slide .lawyer .lawyer_right .intro{
    font-family: 'NotoSans';
    color: white;
    font-size: 21px;
    font-weight: 600;
    margin-bottom: 30px;
}

.slide .lawyer .lawyer_right .speak{
    font-size: 19px;
    line-height: 35px;
    font-weight: 100;
}

.contact{
    width: 100%;
    height: 100%;
    background: url('/img/main/contact_bg.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.contact .contact_inner{
    max-width: 1400px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    height: 100%;
}
.contact .contact_inner .left{
    width: 50%;
}
.contact .contact_inner .left .top{
    background-image: url('/img/main/contact_top.png');
    width: 200px;
    height: 200px;
    background-size: cover;
    background-position: center;
    position: relative;
    top: 100px;
    left: 0;
}

.contact .contact_inner .left .bottom{
    background-image: url('/img/main/contact_bottom.png');
    width: 200px;
    height: 200px;
    background-size: cover;
    background-position: center;
    position: relative;
    top: -100px;
    left: 500px;
}

.contact .contact_inner .text{
    text-align: left;
    display: flex;
    flex-direction: column;
    align-items: center;
    color: white;
    font-size: 45px;
    font-family: 'NotoSans';
}

.contact .contact_inner .text h4{
    font-weight: bold;
    margin-bottom: 30px;
}
.contact .contact_inner .text h3 span{
    font-weight: bold;
}
.contact .contact_inner .right{
    width: 50%;
    display: flex;
    justify-content: center;
}

.contact .contact_inner .right input{
    border: 6px solid white;
    background-color: transparent;
    color: white;
    width: 250px;
    height: 110px;
    cursor: pointer;
    font-size: 30px;
    font-family: math ;
    transition: all 0.4s ease-in-out;
}
.contact .contact_inner .right input:hover{
    border: none;
    background-color: #a4832e;
}
/*footer*/
.foot_info{
    max-width: 1400px;
    margin: 0 auto;
    font-family: 'NotoSans';
    color: #4c4e4e;
}
.foot_info .logo{
    margin-bottom: 20px;
    margin-top: 20px;
}
.info .detail01{
    font-weight: 800;
    margin-right: 20px;
}
.info .detail02{
    margin-right: 20px;
}
.foot_info .line{
    width: 100%;
    height: 1px;
    background-color:#c9c9c9;
    margin: 20px 0;
}
.foot_info .copy{
    color: #9d9d9d;
    margin: 20px 0;
}

  .swiper .swiper-pagination-bullet {
    background-color: #ffffff;
  }

/*nav*/
.side {
    position: fixed;
    right: 30px;
    top:130px;
    text-align: center;
    z-index: 99999;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0px 0px 4px 2px rgba(0,0,0,0.1);
}

.side_in{
    background-color: white;
    font-family: 'NotoSans';
}
.side_in ul li a{
    transition: all 0.3s ease-in-out;
    
}
.side_in ul li a:hover{
    background-color: #b3974543;
}
.side_in ul li a{
    padding: 5px 5px;
    display: block;
}




/*메인 반응형*/

@media screen and (max-width:1400px){
    .business .inner_business .left .text h3 {
        font-size: 32px;
    }

    .business .inner_business .right .right_box{
        margin: 20px 15px 20px 0;
        padding: 15px;
    }
    .slide .lawyer .lawyer_left img{
        margin-top: 160px;
        width: 450px;
    }
    .slide .lawyer .lawyer_right {
        width: 40%;
    }
    .contact .contact_inner .left .top{
        left: 50px;
    }
    .contact .contact_inner .left .bottom{
        left: 450px;
    }
    .foot_info{
        width: 93%;
    }
}

@media screen and (max-width:1200px){
    .business .inner_business .right .right_box{
                margin: 10px 10px 10px 0;
    }
    .slide .lawyer .lawyer_right>span{
        font-size: 31px;
    }
    .contact .contact_inner .left .bottom{
        left: 400px;
    }

}


@media screen and (max-width:1024px){
    #popup{
        width: 70%;
    }
    .popimg>img{
        width: 100%;
    }
    .swiper-slide .inner_text02{
        font-size: 34px;
    }
    .business .inner_business .left .text h3{
        font-size: 30px;
    }
    /*.business .inner_business .right .right_box{
        margin: 10px;
        width: 15%;
    }*/
    .business .inner_business .right .right_box .right_box_text span{
        font-size: 18px;
    }
    
    .business .inner_business .right .right_box .right_box_text h4 {
        font-size: 20px;
    }
    .business .inner_business .right .right_box .right_box_text p{
        font-size: 15px;
    }

    .slide .lawyer .lawyer_left img {
        width: 400px;
        margin-top: 220px;
    }
    .slide .lawyer .lawyer_left{
        width: 50%;
    }
    .slide .lawyer .lawyer_right{
        width: 50%;
        margin-top: 130px;
    }
    .fp-controlArrow.fp-prev {
        left: 20px;
    }
    .fp-controlArrow.fp-next{
        right: 20px;
    }
    .slide .lawyer .lawyer_right>span{
        font-size: 30px;
    }
    .slide .lawyer .lawyer_right h3>span{
        font-size: 35px;
    }
    .slide .lawyer .lawyer_right h3{
        font-size: 55px;
    }
    .slide .lawyer .lawyer_right .intro{
        font-size: 20px;
    }
    .slide .lawyer .lawyer_right .speak{
        font-size: 18px;
    }
    .contact .contact_inner .text{
        font-size: 38px;
    }
    .contact .contact_inner .left .top{
        width: 150px;
        height: 150px;
        left: 20px;
    }
    .contact .contact_inner .left .bottom{
        width: 150px;
        height: 150px;
        left: 330px;
    }
    .contact .contact_inner .right{
        width: 30%;
    }
    .contact .contact_inner .right input{
        width: 200px;
        font-size: 25px;
    }

    .foot_info{
        font-size: 14px;
    }
    .contact .contact_inner{
        justify-content: space-evenly;
    }
}
@media screen and (max-width:866px){
    .swiper-slide .inner_text01{
        font-size: 26px;
    }
    .swiper-slide .inner_text02{
        font-size: 26px;
    }
    .swiper-slide .inner_text02>img{
        width: 150px;
        height: 150px;
    }
    .business .inner_business .left .text h3{
        font-size: 24px;
    }
    .business .inner_business .right{width:90%;}
    .business .inner_business .right .right_box{
        width: calc(25% - 10px);
    }
    .business .inner_business .right .right_box .right_box_text span {
        font-size: 17px;
    }
    .business .inner_business .right .right_box .right_box_text h4 {
        font-size: 18px;
        margin-bottom:15px;
    }

    .business .inner_business .right .right_box .right_box_text span{
        display: none;
    }
    .business .inner_business .right .right_box .right_box_text h4{
        font-size: 17px;
    }
    .business .inner_business .right .right_box .right_box_text p {
        font-size: 15px;
        color: #a5821f;
    }
    .slide .lawyer .lawyer_left{
        width: 50%;
    }
    .slide .lawyer .lawyer_left img{
        width: 380px;
        margin-top: 260px;
    }
    .slide .lawyer .lawyer_right>span{
        font-size: 24px;
    }
    .slide .lawyer .lawyer_right h3>span{
        font-size: 30px;
    }
    .slide .lawyer .lawyer_right h3{
        font-size: 48px;
    }
    .slide .lawyer .lawyer_right .intro {
        font-size: 18px;
        margin-bottom: 10px;
    }
    .slide .lawyer .lawyer_right .speak {
        font-size: 16px;
    }
    .fp-controlArrow.fp-prev{
        left: 6px;
    }
    .fp-controlArrow.fp-next {
        right: 9px;
    }
    .contact .contact_inner .text{
        font-size: 33px;
    }
    .contact .contact_inner{
        justify-content: space-evenly;
    }
    .contact .contact_inner .left .top{
        left: -4px;
    }
    .contact .contact_inner .left .bottom{
        left: 245px;
    }
    .contact .contact_inner .right input {
        width: 150px;
        font-size: 20px;
        height: 95px;
    }
    .foot_info .logo>img{
        width: 170px;
    }
    .foot_info .info{
        font-size: 13px;
    }
    .side_in .nav_inner>img{
        width: 45px;
    }

}
@media screen and (max-width:640px){
    .pop-layer{
        font-size: 13px;
        margin: 10px 10px;
    }
    .btn_today_close{
        font-size: 13px;
        margin: 10px 10px; 
    }
    .side{
        right: 0;
        top:365px;
    }
    .swiper-slide .inner_text01{
        font-size: 21px;
    }
    .swiper-slide .inner_text02{
        font-size: 21px;
    }
    .swiper-slide .inner_text02 p{
        font-size: 17px;
    }
    .business .inner_business .left{
        height: auto;
        width: 90%;
        margin-top: 40px;
    }
    .business .inner_business .right .right_box{
/*        width: 41%;*/
    }
    .business .inner_business .right .right_box .right_box_text h4{
        font-size: 16px;
    }
    .business .inner_business .right .right_box .right_box_text p{
        font-size: 14px;
    }
    .slide .lawyer{
        flex-direction: column;
        position: relative;
        top: 23px;
    }
    .slide .lawyer .lawyer_left img {
        width: 170px;
        margin-top: 0;
    }
    .lawyer .lawyer_right>img{
        display: none;
    }
    .slide .lawyer .lawyer_right{
        text-align: center;
        margin-top: 0;
    }
    .slide .lawyer .lawyer_right>span {
        font-size: 19px;
    }
    .slide .lawyer .lawyer_right h3 {
        font-size: 40px;
        margin-bottom: 20px;
    }
    .slide .lawyer .lawyer_right h3>span {
        font-size: 25px;
    }
    .slide .lawyer .lawyer_right .intro {
        font-size: 16px;
        margin-bottom: 0px;
    }
    .fp-controlArrow.fp-prev{
        border-width: 15.5px 20px 15.5px 0;
    }
    .fp-controlArrow.fp-next{
        border-width: 15.5px 0 15.5px 20px;
    }
    .contact .contact_inner {
        flex-direction: column;
        justify-content: center;
    }
    .contact .contact_inner .text{
        font-size: 28px;
    }
    .contact .contact_inner .left .bottom{
        left: 180px;
    }
    .contact .contact_inner .right input {
        width: 130px;
        font-size: 19px;
        height: 80px;
        border: 4px solid white;
    }
    .foot_info .logo>img {
        width: 150px;
    }
    .info .detail01{
        margin-right: 3px;
    }
    .info .detail02 {
        margin-right: 3px;
    }
    .contact .contact_inner .text{
        font-size: 25px;
    }
    .contact .contact_inner .left .top{
        width: 100px;
        height: 100px;
        left: 0px;
        top: 60px;
    }
    .contact .contact_inner .left .bottom{
        left: 200px;
        width: 100px;
        height: 100px;
        top: -60px;
    }
    .foot_info .logo>img {
        width: 130px;
    }
    .foot_info .info {
        font-size: 12px;
    }
    .foot_info .copy {
        font-size: 14px;
    }

}
@media screen and (max-width:480px){
    #popup{
        top: 107px;
    }
    .popbot{
        padding: 0;
    }
    .popbot>button {
        font-size: 10px;
    }
    .pop-layer{
        margin: 10px 10px;
    }
    .btn_today_close{
        margin: 10px 10px;
    }
    .btn_close{
        top: 1px;
        right: 6px;
    }
    .swiper-slide .inner_text01 {
        font-size: 17px;
    }
    .swiper-slide .inner_text02{
        font-size: 15px;
    }
    .swiper-slide .inner_text01 p{
        font-size: 16px;
    }
    .swiper-slide .inner_text02>img {
        width: 120px;
        height: 120px;
    }
    .business .inner_business .left .text h3 {
        font-size: 21px;
    }
    .business .inner_business .right {
        width: 100%;
        justify-content: space-between;
    }
    .business .inner_business .right .right_box{
        width: 22%;
    }
    .business .inner_business .right .right_box .right_box_text h4 {
        height: 40px;
        font-size: 14px;
    }
    .slide .lawyer .lawyer_right>span {
        font-size: 16px;
        margin: 20px auto;
    }
    .slide .lawyer .lawyer_right h3 {
        font-size: 30px;
    }
    .slide .lawyer .lawyer_right h3>span {
        font-size: 19px;
    }
    .slide .lawyer .lawyer_right .intro {
        font-size: 16px;
        margin-bottom: 20px;
    }
    .slide .lawyer .lawyer_right .speak {
        font-size: 14px;
        line-height: 25px;
    }
    .slide .lawyer .lawyer_right .speak br{
        display: none;
    }
    
    .contact .contact_inner .left .top{
        left: -35px;
    }
    .contact .contact_inner .left .bottom{
        left: 140px;
    }
    .contact .contact_inner .right input{
        height: 70px;
        font-size: 16px;
    }
    .foot_info .logo>img {
        width: 120px;
    }
    .foot_info .copy {
        font-size: 12px;
    }

}
@media screen and (max-width:360px){
    .pop-layer{
        margin: 10px 0;
    }
    .btn_today_close{
        margin: 10px 0;
    }
    .swiper-slide .inner_text02 h2{
        font-size: 17px;
    }
    .swiper-slide .inner_text02>img {
        width: 100px;
        height: 100px;
    }
    .business .inner_business .right .right_box {
        width: 20%
    }
    .slide .lawyer .lawyer_left img{
        width: 150px;
    }
    .slide .lawyer .lawyer_right h3{
        font-size: 30px;
    }
    .contact_inner .left .text h3{
        font-size: 23px;
    }
    .contact .contact_inner .left .top {
        width: 80px;
        height: 80px;
        left: -40px;
        top: 40px;
    }
    .contact .contact_inner .left .bottom {
        width: 80px;
        height: 80px;
        top: -50px;
        left: 115px;
    }
    .contact .contact_inner .right input {
        padding: 10px;
    }
    .foot_info .logo>img {
        width: 110px;
    }
    .foot_info .info {
        font-size: 11px;
    }
    .foot_info .copy {
        font-size: 10px;
    }
}