/**
 * Created by PhpStorm.
 * Date         : 2021-11-12
 * Developer    : SeHwan Hwang
 * Description  : wp_responsive.css
 * ⓒ 2021. WebPlanet Co. All Rights Reserved.
 */

@charset "utf-8";

/**********************************************************************************************************************/
/* 작성방법 */
/*
1. 모든 스타일은 클래스명 .wp_wrap 을 시작으로 작성한다.
2. 공통 스타일의 클래스명은 cm_ 접두어를 사용한다.
 */
/**********************************************************************************************************************/


@media (max-width: 1500px) {

/**********************************************************************************************************************/
/* 공통 */
/**********************************************************************************************************************/
.wp_wrap .cm_inner {
    padding: 0 15px;
}
.wp_wrap .cm_inner02 {
    padding: 0 15px;
}
/**********************************************************************************************************************/


/**********************************************************************************************************************/
/* 메인 */
/**********************************************************************************************************************/
/* m_visual */
.wp_wrap .m_visual .control_box {
    left: 15px;
}

/* #m_about */
.wp_wrap #m_about .about_inner .rt .img_slider .img_slide {
    width:550px;
    height: 550px;
}
.wp_wrap #m_about .about_inner .rt .img_slider .img_slide .img_slide_inner {
    width: 400px;
    height: 400px;
}
.wp_wrap #m_about .about_inner .rt .img_slider .img_slide.slick-active .img_slide_inner {
    width: 500px;
    height: 500px;
}
.wp_wrap #m_about .about_inner .rt .img_slider .img_slide::before{
    top: 0px;
}
.wp_wrap #m_about .about_inner .rt .img_slider .img_slide::after{
    bottom: 0;
}
.wp_wrap #m_about .about_inner .lt .txt_slider .txt_slide .tit,
.wp_wrap #m_lawyer .lawyer_inner .top .txt_box .tit,
.wp_wrap #m_news .news_inner .top .lt .tit  {
    font-size: 70px;
    margin-bottom: 15px;
}
.wp_wrap #m_about .about_inner .lt .txt_slider .txt_slide .desc {
    margin-bottom: 40px;
}
.wp_wrap #m_about .about_inner .lt .txt_slider .txt_slide .desc br{
    display: none;
}

/* #m_news */
.wp_wrap #m_news .news_inner .bot{
    width: 100%;
}
/**********************************************************************************************************************/



/**********************************************************************************************************************/
/* 서브 */
/**********************************************************************************************************************/
/* #sub01 */
.wp_wrap #sub01 .sub01_inner .contents .itm .img_box {
    height: 650px;
}
.wp_wrap #sub01 .sub01_inner .contents .acc01 p {
    font-size: 90px;
}




/* #sub03 */
.wp_wrap #sub03_01 .sub03_01_inner .contents .bot .cate_itms {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 20px;
}

/**********************************************************************************************************************/
}








@media (max-width: 1400px) {
/**********************************************************************************************************************/
/* 메인 */
/**********************************************************************************************************************/
.wp_wrap #m_about {
    padding: 180px 0 ;
}
/**********************************************************************************************************************/
}









@media (max-width: 1200px) {
/**********************************************************************************************************************/
/* 헤더 */
/**********************************************************************************************************************/
.wp_wrap header .h_inner nav .gnb .m_list {
    width: 120px;
}
.wp_wrap header .h_inner nav .gnb .m_list>a {
    font-size: 18px;
    padding: 39.5px 0;
}
/**********************************************************************************************************************/



/**********************************************************************************************************************/
/* 푸터 */
/**********************************************************************************************************************/
.wp_wrap footer {
    padding: 40px 0;
}
.wp_wrap footer .f_inner .top {
    gap: 50px;
    padding-bottom: 20px;
}
.wp_wrap footer .f_inner .bot .f_info {
    align-items: flex-start;
    flex-direction: column;
    gap: 5px;
    padding: 20px 0;
}
.wp_wrap footer .f_inner .bot .f_info p::after{
    display: none;
}
/**********************************************************************************************************************/



/**********************************************************************************************************************/
/* 메인 */
/**********************************************************************************************************************/
.wp_wrap #m_about .about_inner {
    align-items: flex-start;
    flex-direction: column;
    gap:80px
}
.wp_wrap #m_about .about_inner .lt,
.wp_wrap #m_about .about_inner .rt{
    width: 100%;
}
.wp_wrap #m_about .about_inner .rt .img_slider .slick-slide {
    margin: 0 -70px;
}
.wp_wrap #m_about .about_inner .rt .img_slider .slick-list {
    margin: 0 0px;
}
.wp_wrap #m_about .about_inner .rt .img_slider .img_slide {
    width: 450px;
    height: 450px;
}
.wp_wrap #m_about .about_inner .rt .img_slider .img_slide.slick-active .img_slide_inner {
    width: 400px;
    height: 400px;
}
.wp_wrap #m_about .about_inner .rt .img_slider .img_slide .img_slide_inner {
    width: 300px;
    height: 300px;
}
.wp_wrap #m_about .about_inner .rt .img_slider .img_slide::after {
    right: 100px;
    bottom: 25px;
}
.wp_wrap #m_about .about_inner .rt .img_slider .img_slide::before {
    top: 25px;
    left: 100px;
}



.wp_wrap #m_lawyer .lawyer_inner .bot .peo_itm>.hide_peo .inner_box .more a {
    font-size: 15px;
}
.wp_wrap #m_lawyer .lawyer_inner .bot .peo_itm>.hide_peo .inner_box .txt_box .tit {
    font-size: 30px;
    margin-bottom: 10px;
}
.wp_wrap #m_lawyer .lawyer_inner .bot .peo_itm>.hide_peo .inner_box .txt_box .mintit {
    font-size: 19px;
    margin-bottom: 3px;
}
.wp_wrap #m_lawyer .lawyer_inner .bot .peo_itm>.hide_peo .inner_box .txt_box .desc {
    font-size: 16px;
    margin-bottom: 20px;
}
.wp_wrap #m_lawyer .lawyer_inner .bot .peo_itm>.hide_peo .inner_box .txt_box .desc br {
    display: none;
}
.wp_wrap #m_lawyer .lawyer_inner .bot .peo_itm>.hide_peo .inner_box {
    bottom: 0;
    left: 0;
    width: auto;
    padding: 15px;
}
.wp_wrap #m_lawyer .lawyer_inner .bot .peo_itm>.img_box {
    height: 530px;
}




/* #m_news */
.wp_wrap #m_news .news_inner .bot .news_slider .news_slide .slide_inner {
    padding: 50px 30px 30px 30px;
}
.wp_wrap #m_news .news_inner .bot .news_slider .news_slide .slide_inner .txt_box .mintit {
    font-size: 20px;
    margin-bottom: 10px;
}
.wp_wrap #m_news .news_inner .bot .news_slider .news_slide .category {
    padding: 13px 15px;
    font-size: 16px;
    left: 20px;
}
.wp_wrap #m_news .news_inner .bot .news_slider .news_slide .slide_inner .txt_box .tit {
    font-size: 28px;
}
.wp_wrap #m_news .news_inner .bot .news_slider .news_slide .slide_inner .txt_box .desc {
    font-size: 17px;
    margin-bottom: 30px;
    overflow: hidden;
    display: -webkit-box;         
    -webkit-line-clamp: 3;        
    -webkit-box-orient: vertical; 
    text-overflow: ellipsis;
    word-wrap: break-word;
}
.wp_wrap #m_news .news_inner .bot .news_slider .news_slide .slide_inner .txt_box .date {
    font-size: 17px;
    margin-bottom: 25px;
}
.wp_wrap #m_news .news_inner .bot .news_slider .news_slide .slide_inner .txt_box .more a {
    font-size: 17px;
    padding: 17px 0;
}
.wp_wrap #m_news .news_inner .bot .news_slider .slick-slide {
    margin: 20px 10px;
}
.wp_wrap #m_news .news_inner .bot .news_slider .slick-list {
    margin: 0 -10px;
}
.wp_wrap #m_news .news_inner .top .rt {
    gap: 5px;
}
.wp_wrap #m_news .news_inner .top .rt button i {
    font-size: 25px;
    padding: 10px;
}
.wp_wrap #m_news .news_inner .bot .news_slider .news_slide {
    height: 300px;
}
/**********************************************************************************************************************/




/**********************************************************************************************************************/
/* 서브 */
/**********************************************************************************************************************/
.wp_wrap .sub_main .txt_box .inner_box .sm_tit {
    font-size: 50px;
    margin-bottom: 10px;
}

.wp_wrap .tit_box .s_tit {
    font-size: 70px;
    margin-bottom: 15px;
}



/* #sub01 */
.wp_wrap #sub03 .sub03_inner .tit_box, 
.wp_wrap #sub02 .sub02_inner .tit_box, 
.wp_wrap #sub01 .sub01_inner .tit_box {
    margin-bottom: 90px;
}
.wp_wrap #sub01 .sub01_inner .contents .itm .img_box {
    width: 100%;
}
.wp_wrap #sub01 .sub01_inner .contents .itm .txt_box {
    position: relative;
    width: 100%;
    bottom: 0;
}
.wp_wrap #sub01 .sub01_inner .contents .itm.itm01 {
    margin-bottom: 0;
}
.wp_wrap #sub01 .sub01_inner .contents .itm.itm02 {
    margin-top: 0;
}
.wp_wrap #sub01 .sub01_inner .contents .itm.itm03 {
    margin-top: 0;
    margin-bottom: 0;
}
.wp_wrap #sub01 .sub01_inner .contents .acc01 {
    position: absolute;
    bottom: 0;
    right: 0;
    top: auto;
}
.wp_wrap #sub01 .sub01_inner .contents .acc01 p {
    font-size: 65px;
    text-align: right;
}
.wp_wrap #sub01 .sub01_inner .contents {
    gap: 40px 30px;
}
.wp_wrap #sub01 .sub01_inner .contents .itm {
    width: 48%;
    position: relative;
}
.wp_wrap #sub01 .sub01_inner .contents .itm .img_box {
    height: 345px;
}
.wp_wrap #sub01 .sub01_inner .contents .itm .txt_box {
    padding: 30px 20px;
    height: auto;
}
.wp_wrap #sub01 .sub01_inner .contents .itm .txt_box .tit {
    font-size: 33px;
    margin-bottom: 10px;
}
.wp_wrap #sub01 .sub01_inner .contents .itm .txt_box .desc {
    font-size: 16px;
}


.wp_wrap #sub01 .top .left .ex {
    font-size: 23px;
}
.wp_wrap #sub01 .top .left .ex>br {
    display: none;
}
.wp_wrap #sub01 .top .left {
    width: 50%;
}
.wp_wrap #sub01 .top .left .ex_list>li .ex_box>p {
    font-size: 20px;
}
.wp_wrap #sub01 .top .left .ex_list>li .ex_box .g_box {
    width: 18px;
    height: 18px;
}
.wp_wrap #sub01 .mid {
    width: 100%;
}
.wp_wrap #sub01 .mid .mid_box {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.wp_wrap #sub01 .mid .mid_box .cm_inner02 {
    flex-direction: column;
    gap: 30px;
}
.wp_wrap #sub01 .mid .mid_box .left {
    width: 100%;
}
.wp_wrap #sub01 .mid .mid_box .right {
    width: 100%;
}
.wp_wrap #sub01 .bot {
    width: 100%;
}
.wp_wrap #sub01 .bot .bot_box {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
/* .wp_wrap #sub01 .bot .bot_box .why_list {
    flex-direction: column;
}
.wp_wrap #sub01 .bot .bot_box .why_list>li .why_box .img_box>img {
    width: 100%;
} */





/* map */
.wp_wrap #map .map_box {
    border-radius: 0;
}
.wp_wrap #map .info_box {
    border-radius: 0;
    flex-direction: column;
    gap: 15px;
}
.wp_wrap #map .info_box .right .right_list>li .r_box_last .txt_box {
    display: flex;
    gap: 10px;
}



/* introduce */
.wp_wrap #introduce .intro_box .top .left .ex>br {
    display: none;
}
.wp_wrap #introduce .intro_box .top .right .r_list>li {
    left: 10%;
}
.wp_wrap #introduce .intro_box .top .right .r_list>li:nth-child(2) {
    left: 38%;
}
.wp_wrap #introduce .intro_box .top .right .r_list>li:nth-child(3) {
    left: 65%;
}



/* work */
.wp_wrap #work .work_list .pro_inner .tit_box .ex {
    font-size: 20px;
}
.wp_wrap #work .work_list .pro_inner .pro_list {
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 25px;
}
.wp_wrap #work .work_list .pro_inner .pro_list>li .pro_box .img_box>img:nth-child(1) {
    display: none;
}
.wp_wrap #work .work_list .pro_inner .pro_list>li .pro_box .img_box>img:nth-child(2) {
    display: block;
}
/**********************************************************************************************************************/

}











@media (max-width: 992px) {
/**********************************************************************************************************************/
/* 공통 */
/**********************************************************************************************************************/
.wp_wrap .cm_sec {
    padding: 120px 0;
}
/**********************************************************************************************************************/


/**********************************************************************************************************************/
/* 헤더 */
/**********************************************************************************************************************/
.wp_wrap header .h_inner .mlogo {
    min-width: unset;
    width: 160px;
}
.wp_wrap header .h_inner nav .gnb{
    display: none;
}
.wp_wrap .ful_mnu{
    display: none;
}
.wp_wrap header .mo_mnu{
    display: block;
    position: fixed;
    top: 0;
    right: -100%;
    width: calc(100% - 65px);
    height: 100vh;
    background: #fff;        
    padding: 90px 0 0 0;
    transition: 0.5s;
    border-left: 1px solid #ddd;
    margin-right: auto;
    z-index: 1000;
}
.wp_wrap header .mo_mnu.on{
    right: 0;
}
/* 모바일메뉴 닫기버튼 */
.wp_wrap header .mo_mnu .close_icon .icon_box{
    position: absolute;
    top: 30px;
    right: 30px;
    background: #fff;
    border: none;
    outline: none;
}
.wp_wrap header .mo_mnu .close_icon .icon_box i{
    font-size: 20px;
    padding: 5px;
    border: 1px solid rgb(81,81,81);
    font-weight: 700;
    color: rgb(81,81,81);;
}
/* 모바일메뉴 */
.wp_wrap header .h_inner .momnu_icon {
    padding: 32px 0;
}
.wp_wrap header .mo_mnu .mo_gnb {
    display: flex;
    flex-direction: column;
    width: 100%;
}    
.wp_wrap header .mo_mnu .mo_gnb>li{
    text-align: center;
    position: relative;
    flex: 1;
    border-bottom: 1px solid #ddd;
}
.wp_wrap header .mo_mnu .mo_gnb>li:first-child{
    border-top: 1px solid #ddd;
}
.wp_wrap header .mo_mnu .mo_gnb>li>a{
    display: block;
    width: 100%;
    padding: 18px 0;
    color: #333;
    position: relative;
    top: 0;
    background: #fff;
    font-size: 18px;
    font-family: var(--font-pre500);
}
.wp_wrap header .mo_mnu .mo_gnb .mo_sub_mnu{        
    position: relative;
    top: 0;
    padding: 0;
    background: #f8f8f8;
    display: none;
}
.wp_wrap header .mo_mnu .mo_gnb .mo_sub_mnu>li{
    text-align: center;
    background: #f8f8f8;
}
.wp_wrap header .mo_mnu .mo_gnb .mo_sub_mnu>li:last-child{
    border-bottom: none;
}
.wp_wrap header .mo_mnu .mo_gnb .mo_sub_mnu>li>a{
    display: inline-block;
    padding: 15px 0;
    font-size: 17px;
}

.wp_wrap header .mnu_bg {
    height: 90px;
}
/**********************************************************************************************************************/



/**********************************************************************************************************************/
/* 메인 */
/**********************************************************************************************************************/
/* m_visual */
.wp_wrap .m_visual .m_slider .mv_slide {
    height: 650px;
}
.wp_wrap .m_visual .m_slider .mv_slide .shadow .slider_inner .txt_box .mv_mtit {
    font-size: 50px;
}
.wp_wrap .m_visual .control_box .slick-dots li button {
    width: 8px;
    height: 8px;
}
.wp_wrap .m_visual .control_box .slick-dots li.slick-active button {
    width: 70px;
    border-radius: 8px;
}
.wp_wrap .link_box {
    width: 500px;
}



/* #m_about */
.wp_wrap #m_about {
    padding: 100px 0;
}


.wp_wrap #m_about .about_inner .lt .txt_slider .txt_slide .tit,
.wp_wrap #m_lawyer .lawyer_inner .top .txt_box .tit,
.wp_wrap #m_news .news_inner .top .lt .tit  {
    font-size: 57px;
    margin-bottom: 15px;
}

.wp_wrap #m_about .about_inner .lt .txt_slider .txt_slide .tit {
    height: 90px;
}

.wp_wrap #m_about .about_inner .lt .txt_slider .txt_slide .desc,
.wp_wrap #m_lawyer .lawyer_inner .top .txt_box .desc,
.wp_wrap #m_news .news_inner .top .lt .desc  {
    margin-bottom: 25px;
}
.wp_wrap #m_about .about_inner .lt .txt_slider .txt_slide .more a {
    padding: 13px 22px;
    font-size: 16px;
}




/* #m_lawyer */
.wp_wrap #m_lawyer .lawyer_inner .top {
    padding: 140px 0 50px 0;
}
.wp_wrap #m_lawyer .lawyer_inner .bot .peo_itm>.img_box {
    height: 400px;
}
.wp_wrap #m_lawyer .lawyer_inner .bot .peo_itm>.hide_peo {
    opacity: 1;
    background: rgb(255 255 255 / 0);
}
.wp_wrap #m_lawyer .lawyer_inner .bot .peo_itm>.hide_peo .inner_box .txt_box .tit {
    font-size: 25px;
    margin-bottom: 15px;
    color: #fff;
    text-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}
.wp_wrap #m_lawyer .lawyer_inner .bot .peo_itm>.hide_peo .inner_box .txt_box .desc{
    display: none;
}
.wp_wrap #m_lawyer .lawyer_inner .bot .peo_itm>.hide_peo .inner_box .txt_box .mintit {
    font-size: 16px;
}
.wp_wrap #m_lawyer .lawyer_inner .bot .peo_itm>.hide_peo .inner_box .more a {
    padding: 12px 20px;
    font-size: 13px;
}
.wp_wrap #m_lawyer .lawyer_inner .bot .peo_itm>.hide_peo .inner_box .more a {
    color: #fff;
    background: #41464b;
}

/* #m_news */
.wp_wrap #m_news .news_inner .top {
    align-items: flex-start;
    flex-direction: column;
}
/**********************************************************************************************************************/



/**********************************************************************************************************************/
/* 서브 */
/**********************************************************************************************************************/
.wp_wrap .sub_main {
    height: 350px;
}
.wp_wrap .sub_main .txt_box .inner_box .sm_tit {
    font-size: 47px;
    margin-bottom: 5px;
}
.wp_wrap .sub_main .txt_box .inner_box .sm_desc {
    font-size: 18px;
}

.wp_wrap .tit_box .s_tit {
    font-size: 55px;
    margin-bottom: 10px;
}

.wp_wrap #sub01 .top {
    flex-direction: column-reverse;
}
.wp_wrap #sub01 .top .right .img_box>img {
    width: 100%;
}
.wp_wrap #sub01 .top .left {
    width: 100%;
}
.wp_wrap #sub01 .bot .bot_box .why_list {
    flex-direction: column;
    gap: 50px;
}
.wp_wrap #sub01 .bot .bot_box .why_list>li .why_box .img_box>img {
    width: 100%;
}




/* map */
.wp_wrap #map .info_box {
    padding: 20px;
}


/* introduce */
.wp_wrap #introduce .intro_box .top {
    flex-direction: column;
}
.wp_wrap #introduce .intro_box .top .right .r_list>li {
    position: inherit;
}
.wp_wrap #introduce .intro_box .top .right .r_list>li:nth-child(2) {
    position: inherit;
}
.wp_wrap #introduce .intro_box .top .right .r_list>li:nth-child(3) {
    position: inherit;
}
.wp_wrap #introduce .intro_box .top .right .r_list {
    position: inherit;
}
.wp_wrap #introduce .intro_box .top .right {
    width: 100%;
}
.wp_wrap #introduce .intro_box .top {
    height: auto;
    gap: 50px;
}
.wp_wrap #introduce .intro_box .top .left {
    width: 100%;
}
.wp_wrap #introduce .intro_box .top .right .r_list {
    justify-content: space-between;
}



/* work */
.wp_wrap #work .work_list .tit_box .tit {
    font-size: 50px;
}
.wp_wrap #work .work_list .tit_box .ex {
    font-size: 22px;
}
.wp_wrap #work .work_list .work_inner #fir, .wp_wrap #work .work_list .work_inner #thi, .wp_wrap #work .work_list .work_inner #fif {
    flex-direction: column;
    gap: 30px;
}
.wp_wrap #work .work_list .work_inner #sec, .wp_wrap #work .work_list .work_inner #fou, .wp_wrap #work .work_list .work_inner #six {
    flex-direction: column-reverse;
    gap: 30px;
}
.wp_wrap #work .work_list .work_inner>div .left .img_box>img {
    width: 100%;
}
.wp_wrap #work .work_list .work_inner>div .right .img_box>img {
    width: 100%;
}
.wp_wrap #work .work_list .work_inner>div .right .txt_box .s_tit>br {
    display: none;
}
.wp_wrap #work .work_list .work_inner>div .left .txt_box .s_tit>br {
    display: none;
}
.wp_wrap #work .work_list .work_inner>div .left .txt_box .ex_list>li .ex_box .ex>br {
    display: none;
}
.wp_wrap #work .work_list .work_inner>div .right .txt_box .ex_list>li .ex_box .ex>br {
    display: none;
}
/**********************************************************************************************************************/
}











@media (max-width: 768px) {
/**********************************************************************************************************************/
/* 공통 */
/**********************************************************************************************************************/
.wp_wrap .cm_sec {
    padding: 80px 0;
}
.wp_wrap .cm_sec02 {
    padding: 60px 0;
}
/**********************************************************************************************************************/




/**********************************************************************************************************************/
/* 헤더 */
/**********************************************************************************************************************/
.wp_wrap header .h_inner .momnu_icon .icon_box {
    gap: 6px;
    width: 30px;
}
/**********************************************************************************************************************/




/**********************************************************************************************************************/
/* 푸터 */
/**********************************************************************************************************************/
.wp_wrap footer {
    padding: 30px 0;
}
.wp_wrap footer .f_inner .top {
    gap: 20px;
}
.wp_wrap footer .f_inner .top .fmenu li a {
    font-size: 16px;
}
.wp_wrap footer .f_inner .bot .f_info p {
    font-size: 16px;
}
.wp_wrap footer .f_inner .bot .copyright {
    font-size: 15px;
}
.wp_wrap footer .f_inner .top {
    align-items: flex-start;
    flex-direction: column;
    gap: 10px;
}
/**********************************************************************************************************************/




/**********************************************************************************************************************/
/* 메인 */
/**********************************************************************************************************************/
/* m_visual */
.wp_wrap .m_visual .m_slider .mv_slide .shadow .slider_inner .txt_box{
    text-align: center;
}
.wp_wrap .m_visual .m_slider .mv_slide .shadow .slider_inner .txt_box .mv_stxt {
    font-size: 18px;
}
.wp_wrap .m_visual .m_slider .mv_slide .shadow .slider_inner .txt_box .mv_mtit {
    margin-bottom: 7x;
    font-size: 40px;
}
.wp_wrap .m_visual .control_box {
    left: 50%;
    top: auto;
    bottom: 20px;
    transform: translate(-50% , -50%);
}
.wp_wrap .m_visual .scr_box{
    display: none;
}

/* #m_about */
.wp_wrap #m_about {
    padding: 80px 0 100px 0;
}
.wp_wrap #m_about .about_inner .lt .txt_slider .txt_slide .tit,
.wp_wrap #m_lawyer .lawyer_inner .top .txt_box .tit,
.wp_wrap #m_news .news_inner .top .lt .tit  {
    font-size: 50px;
}
.wp_wrap #m_about .about_inner .lt .txt_slider .txt_slide .desc,
.wp_wrap #m_lawyer .lawyer_inner .top .txt_box .desc,
.wp_wrap #m_news .news_inner .top .lt .desc  {
    font-size: 17px;
    margin-bottom: 20px;
}
.wp_wrap #m_about .about_inner .lt .txt_slider .txt_slide .desc br,
.wp_wrap #m_lawyer .lawyer_inner .top .txt_box .desc br,
.wp_wrap #m_news .news_inner .top .lt .desc br{
    display: none;
}
.wp_wrap #m_about .about_inner .rt .img_slider .img_slide {
    width: 350px;
    height: 350px;
}
.wp_wrap #m_about .about_inner .rt .img_slider .img_slide.slick-active .img_slide_inner {
    width: 320px;
    height: 320px;
}
.wp_wrap #m_about .about_inner .rt .img_slider .img_slide .img_slide_inner {
    width: 200px;
    height: 200px;
}
.wp_wrap #m_about .about_inner .rt .img_slider .img_slide::before {    
    width: 12px;
    height: 12px;
    top: 22px;
    left: 75px;
}
.wp_wrap #m_about .about_inner .rt .img_slider .img_slide::after {    
    width: 12px;
    height: 12px;
    right: 75px;
    bottom: 22px;
}
.wp_wrap #m_about .about_inner .rt .img_slider .slick-slide {
    margin: 0 -70px;
}

.wp_wrap #m_news .news_inner .bot .news_slider .news_slide .slide_inner .txt_box .desc {
    height: auto;
}
.wp_wrap #m_news .news_inner .bot .news_slider .news_slide .slide_inner {
    width: auto;
}


/* #m_lawyer */
.wp_wrap #m_lawyer .lawyer_inner .bot {
    grid-template-columns: repeat(2, 1fr);
    gap: 3px;
}
.wp_wrap #m_lawyer .lawyer_inner .bot .peo_itm>.img_box {
    height: 540px;
}
/**********************************************************************************************************************/



/**********************************************************************************************************************/
/* 서브 */
/**********************************************************************************************************************/
.wp_wrap .sub_main {
    height: 300px;
}
.wp_wrap .sub_main .txt_box .inner_box .sm_tit {
    font-size: 43px;
}
.wp_wrap .tit_box .s_tit {
    font-size: 50px;
    margin-bottom: 10px;
}
.wp_wrap .tit_box .s_desc br{
    display: none;
}


/* #fix_menu */
.wp_wrap #fix_menu .menu_inner>div {
    padding: 15px 0;
}
.wp_wrap #fix_menu .menu_inner {
    display: flex;
    align-items: center;
}
.wp_wrap #fix_menu .menu_inner .first {
    width: 10%;
}
.wp_wrap #fix_menu .menu_inner .second,
.wp_wrap #fix_menu .menu_inner .third{
    width: 45%;
}
.wp_wrap #fix_menu .menu_inner .second .m_top, 
.wp_wrap #fix_menu .menu_inner .third .m_top {
    width: 100%;
    justify-content: space-between;
}
.wp_wrap #fix_menu .menu_inner .second .m_top p, 
.wp_wrap #fix_menu .menu_inner .third .m_top p {
    margin-right: 0;
    min-width: 150px;
    justify-content: flex-start;
}
.wp_wrap #fix_menu .menu_inner .second .second_menu, 
.wp_wrap #fix_menu .menu_inner .third .third_menu {
    top: 69px;
}
.wp_wrap #fix_menu .menu_inner .third {
    min-width: unset;
}
.wp_wrap #fix_menu .menu_inner .first {
    min-width: unset;
}



/* #sub01  */
.wp_wrap #sub01 .sub01_inner .contents .acc01{
   display: none;
}
.wp_wrap #sub03 .sub03_inner .tit_box, 
.wp_wrap #sub02 .sub02_inner .tit_box, 
.wp_wrap #sub01 .sub01_inner .tit_box {
    margin-bottom: 40px;
}
.wp_wrap #sub01 .sub01_inner .contents {
    flex-direction: column;
    align-items: flex-start;
    gap: 40px 0;
}
.wp_wrap #sub01 .sub01_inner .contents .itm {
    width: 100%;
}

/* #sub02  */
.wp_wrap #sub02 .sub02_inner .contents {
    grid-template-columns: repeat(2, 1fr);
}
/* #sub02_01  */
.wp_wrap #sub02_01 .sub02_01_inner {
    flex-direction: column;
    align-items: flex-start;
}
.wp_wrap #sub02_01 .sub02_01_inner .lt {
    width: 90%;
    margin: 0 auto;
}
.wp_wrap #sub02_01 .sub02_01_inner .rt .txt_box .cont:last-child {
    margin-bottom: 80px;
}



/* #sub03 */
.wp_wrap #sub03 .sub03_inner .itms {
    grid-template-columns: repeat(2,1fr);
}
.wp_wrap #sub03 .sub03_inner .itms .itm .itm_inner .img_bg .icon_box {
    width: 80px;
    height: 80px;
}
.wp_wrap #sub03 .sub03_inner .itms .itm .itm_inner .img_bg .icon_box img{
    width: 55%;
}
.wp_wrap #sub03 .sub03_inner .itms .itm .itm_inner>p {
    font-size: 20px;
    margin-bottom: 20px;
}
.wp_wrap #sub03 .sub03_inner .itms .itm .itm_inner .more a {
    padding: 13px 0;
    font-size: 14px;
}


/* #sub03_01 */
.wp_wrap #sub03_01 .sub03_01_inner .contents .top .img_box {
    height: 360px;
    margin-bottom: 25px;
}
.wp_wrap #sub03_01 .sub03_01_inner .contents .top .txt_box {
    font-size: 16px;
}
.wp_wrap #sub03_01 .sub03_01_inner .contents .bot .cate_itms .cate_itm .itm_inner {
    padding: 15px 20px;
}
.wp_wrap #sub03_01 .sub03_01_inner .contents .bot .cate_itms .cate_itm .itm_inner .name p {
    font-size: 16px;
}
.wp_wrap #sub03_01 .sub03_01_inner .contents .top {
    margin-bottom: 40px;
}
.wp_wrap #sub03_01 .sub03_01_inner .contents .bot .cate_itms {
    grid-template-columns: repeat(2,1fr);
}

/* #sub03_02 */
.wp_wrap #sub03_02 .sub03_02_inner .contents .top .txt_box {
    padding: 0 10px;
}
.wp_wrap #sub03_02 .sub03_02_inner .contents .top .line {
    margin-bottom: 40px;
}
.wp_wrap #sub03_02 .sub03_02_inner .contents .top, 
.wp_wrap #sub03_02 .sub03_02_inner .contents .mid {
    margin-bottom: 80px;
}
.wp_wrap #sub03_02 .sub03_02_inner .contents .mid .peo_list {
    grid-template-columns: repeat(2,1fr);
}
.wp_wrap #sub03_02 .sub03_02_inner .contents .bot .tit {
    margin-bottom: 40px;
}
.wp_wrap #sub03_02 .sub03_02_inner .contents .bot .news .news_itm .itm_inner .txt_box .tit {
    font-size: 26px;
}
.wp_wrap #sub03_02 .sub03_02_inner .contents .bot .news .news_itm .itm_inner .txt_box .mintit {
    font-size: 19px;
    margin-bottom: 5px;
}
.wp_wrap #sub03_02 .sub03_02_inner .contents .bot .news .news_itm .itm_inner .txt_box .desc {
    font-size: 16px;
    margin-bottom: 25px;
    height: 78px;
}
.wp_wrap #sub03_02 .sub03_02_inner .contents .bot .news .news_itm .itm_inner {
    padding: 50px 15px 25px 15px;
}
.wp_wrap #sub03_02 .sub03_02_inner .contents .bot .news {
    gap: 15px 20px;
}
.wp_wrap #sub03_02 .sub03_02_inner .contents .bot .news .news_itm .itm_inner .category {
    padding: 15px 10px;
}



.wp_wrap #sub01 .mid .mid_box {
    padding: 60px 0;
}
.wp_wrap #sub01 .mid .mid_box .left .tit {
    font-size: 60px;
    text-align: center;
}
.wp_wrap #sub01 .mid .mid_box .right .vi_list {
    flex-direction: column;
    gap: 30px;
}
.wp_wrap #sub01 .mid .mid_box .right .vi_list:after {
    display: none;
}
.wp_wrap #sub01 .mid .mid_box .right .vi_list::before {
    display: none;
}
.wp_wrap #sub01 .bot .bot_box {
    padding: 60px 0;
}



/* map */
.wp_wrap #map .info_box {
    font-size: 18px;
}



/* introduce */
.wp_wrap #introduce .intro_box {
    padding: 35px;
}
.wp_wrap #introduce .intro_box .top .left .ex {
    font-size: 23px;
}
.wp_wrap #introduce .intro_box .top .right .r_list>li .r_box {
    width: 200px;
    height: 200px;
}
.wp_wrap #introduce .intro_box .top .right .r_list>li .r_box .name {
    font-size: 18px;
}


/* work */
.wp_wrap #work .work_list .tit_box .tit {
    font-size: 40px;
}
.wp_wrap #work .work_list .work_inner>div .right .txt_box .tit {
    font-size: 35px;
}
.wp_wrap #work .work_list .work_inner>div .left .txt_box .tit {
    font-size: 35px;
}
/**********************************************************************************************************************/

}











@media (max-width: 576px) {
/**********************************************************************************************************************/
/* 공통 */
/**********************************************************************************************************************/

/**********************************************************************************************************************/


/**********************************************************************************************************************/
/* 헤더 */
/**********************************************************************************************************************/
.wp_wrap header .h_inner .mlogo {
    width: 140px;
}
.wp_wrap header .h_inner .momnu_icon .icon_box .short {
    display: none;
}
.wp_wrap header .h_inner .momnu_icon .icon_box .mid {
    width: 100%;
}

/**********************************************************************************************************************/



/**********************************************************************************************************************/
/* 푸터 */
/**********************************************************************************************************************/
.wp_wrap footer .f_inner .top .fmenu li a {
    font-size: 15px;
}
.wp_wrap footer .f_inner .top .fmenu {
    gap: 5px 20px;    
    flex-wrap: wrap;
}
.wp_wrap footer .f_inner .top {
    gap: 30px;
}
.wp_wrap footer .f_inner .top .flogo {
    width: 30%;
}

/**********************************************************************************************************************/



/**********************************************************************************************************************/
/* 메인 */
/**********************************************************************************************************************/
.wp_wrap .link_box {
    width: 300px;
}
.wp_wrap .link_box>a {
    font-size: 16px;
}

/* #m_about */
.wp_wrap #m_about .about_inner {
    gap: 65px;
}
.wp_wrap #m_about .about_inner .lt .txt_slider .txt_slide .tit,
.wp_wrap #m_lawyer .lawyer_inner .top .txt_box .tit,
.wp_wrap #m_news .news_inner .top .lt .tit {
    font-size: 45px;
}
.wp_wrap #m_about .about_inner .rt .img_slider .img_slide {
    width: 250px;
    height: 250px;
}
.wp_wrap #m_about .about_inner .rt .img_slider .img_slide.slick-active .img_slide_inner {
    width: 220px;
    height: 220px;
}
.wp_wrap #m_about .about_inner .rt .img_slider .img_slide .img_slide_inner {
    width: 150px;
    height: 150px;
}
.wp_wrap #m_about .about_inner .rt .img_slider .slick-slide {
    margin: 0 0 0 -90px ;
}
.wp_wrap #m_about .about_inner .rt .img_slider .img_slide::before {
    top: 13px;
    left: 55px;
}
.wp_wrap #m_about .about_inner .rt .img_slider .img_slide::after {
    right: 55px;
    bottom: 13px;
}

.wp_wrap #m_about .about_inner .lt .txt_slider .txt_slide .tit {
    height: 80px;
}







/* #m_lawyer */
.wp_wrap #m_lawyer .lawyer_inner .bot .peo_itm>.img_box {
    height: 440px;
}
.wp_wrap #m_lawyer .lawyer_inner .top {
    padding: 100px 0 50px 0;
}






/**********************************************************************************************************************/



/**********************************************************************************************************************/
/* 서브 */
/**********************************************************************************************************************/
.wp_wrap .tit_box .s_tit {
    font-size: 45px;
    margin-bottom: 10px;
}




/* #fix_menu */
.wp_wrap #fix_menu .menu_inner .second .m_top p, 
.wp_wrap #fix_menu .menu_inner .third .m_top p {
    min-width: 90px;
}
.wp_wrap #fix_menu .menu_inner .second .m_top, 
.wp_wrap #fix_menu .menu_inner .third .m_top {
    padding: 0 15px
}



/* #sub02 */
.wp_wrap #sub02 .sub02_inner .contents {
    grid-template-columns: repeat(1, 1fr);
}
.wp_wrap #sub02 .sub02_inner .contents .img_box {
    height: 600px;
}
.wp_wrap #sub02 .sub02_inner .contents {
    gap: 30px;
}

/* #sub02_01 */
.wp_wrap #sub02_01 .sub02_01_inner .lt {
    width: 100%;
}
.wp_wrap #sub02_01 .sub02_01_inner .rt .txt_box .tit {
    font-size: 40px;
    margin-bottom: 25px;
}
.wp_wrap #sub02_01 .sub02_01_inner .rt .txt_box .mintit {
    font-size: 18px;
    margin-bottom: 5px;
}
.wp_wrap #sub02_01 .sub02_01_inner .rt .txt_box .cont .cont_tit {
    font-size: 20px;
    margin-bottom: 10px;
}
.wp_wrap #sub02_01 .sub02_01_inner .rt .txt_box .cont .peo_pf li {
    font-size: 15px;
}





/* #sub03_01 */
.wp_wrap #sub03_01 .sub03_01_inner .contents .top .txt_box {
    font-size: 15px;
}
.wp_wrap #sub03_01 .sub03_01_inner .contents .top .img_box {
    height: 280px;
}
.wp_wrap #sub03_01 .sub03_01_inner .contents .bot .cate_itms .cate_itm .itm_inner {
    padding: 15px 10px;
}


/* #sub03_02 */
.wp_wrap #sub03_02 .sub03_02_inner .contents .bot .news {
    grid-template-columns: repeat(1, 1fr);
    gap: 30px;
}
.wp_wrap #sub03_02 .sub03_02_inner .contents .mid .peo_list .list .img_box {
    height: 370px;
    margin-bottom: 15px;
}
.wp_wrap #sub03_02 .sub03_02_inner .contents .mid .peo_list .list .txt_box .lt .tit {
    font-size: 18px;
}
.wp_wrap #sub03_02 .sub03_02_inner .contents .mid .peo_list .list .txt_box .lt .desc {
    font-size: 28px;
}








.wp_wrap #sub01 .top .left .tit {
    font-size: 50px;
}
.wp_wrap #sub01 .top .left .ex {
    font-size: 20px;
    line-height: 1.5;
}
.wp_wrap #sub01 .top .left .ex_list>li .ex_box>p {
    font-size: 18px;
}
.wp_wrap #sub01 .f_slide li p {
    font-size: 120px;
}
.wp_wrap #sub01 .mid .mid_box .left .tit {
    font-size: 50px;
}
.wp_wrap #sub01 .f_g_slide li p {
    font-size: 120px;
}
.wp_wrap #sub01 .bot .bot_box .tit {
    font-size: 40px;
}
.wp_wrap #sub01 .bot .bot_box .why_list>li .why_box .txt_box .tit {
    font-size: 20px;
}
.wp_wrap #sub01 .bot .bot_box .why_list>li .why_box .txt_box .ex {
    font-size: 18px;
}



/* map */
.wp_wrap #map .tit {
    font-size: 50px;
    text-align: center;
}
.wp_wrap #map .info_box .left .left_list>li .l_box {
    flex-direction: column;
    align-items: flex-start;
}
.wp_wrap #map .info_box .right .right_list>li .r_box {
    flex-direction: column;
    align-items: flex-start;
}
.wp_wrap #map .info_box .right .right_list>li .r_box_last {
    flex-direction: column;
    align-items: flex-start;
    gap: 15px;
}



/* introduce */
.wp_wrap #introduce .intro_box .top .left .tit {
    font-size: 50px;
    text-align: center;
}
.wp_wrap #introduce .intro_box {
    border-radius: 0;
    padding: 20px;
}
.wp_wrap #introduce .intro_box .top .left .ex {
    font-size: 20px;
}
.wp_wrap #introduce .intro_box .top .right .r_list {
    flex-direction: column;
    gap: 20px;
}
.wp_wrap #introduce .intro_box .top .right .r_list>li .r_box {
    flex-direction: row;
    width: 100%;
    border-radius: 0;
    justify-content: space-between;
    padding: 0 20px;
    height: 130px;
}
.wp_wrap #introduce .intro_box .top .right .r_list>li .r_box .ex {
    font-size: 18px;
    text-align: start;
    width: 50%;
}
.wp_wrap #introduce .intro_box .top .right .r_list>li .r_box .ex>br {
    display: none;
}


/* work */
.wp_wrap #work .work_list {
    padding: 60px 0 100px;
}
.wp_wrap #work .work_list .tit_box {
    margin-bottom: 50px;
}
.wp_wrap #work .work_list .work_inner>div .right .txt_box .tit {
    font-size: 30px;
}
.wp_wrap #work .work_list .work_inner>div .right .txt_box .s_tit {
    font-size: 18px;
}
.wp_wrap #work .work_list .work_inner>div .right .txt_box .ex_list>li .ex_box .ex {
    font-size: 16px;
}
.wp_wrap #work .work_list .work_inner>div .left .txt_box .tit {
    font-size: 30px;
}
.wp_wrap #work .work_list .work_inner>div .left .txt_box .s_tit {
    font-size: 18px;
}
.wp_wrap #work .work_list .work_inner>div .left .txt_box .ex_list>li .ex_box .ex {
    font-size: 16px;
}

.wp_wrap #work .work_list .pro_inner .tit_box .tit {
    font-size: 30px;
    margin-bottom: 30px;
}
.wp_wrap #work .work_list .pro_inner .tit_box .ex {
    font-size: 18px;
}
.wp_wrap #work .work_list .pro_inner .tit_box .ex>br {
    display: none;
}
/**********************************************************************************************************************/
}











@media (max-width: 420px) {
/**********************************************************************************************************************/
/* 공통 */
/**********************************************************************************************************************/

/**********************************************************************************************************************/



/**********************************************************************************************************************/
/* 헤더 */
/**********************************************************************************************************************/

/**********************************************************************************************************************/



/**********************************************************************************************************************/
/* 푸터 */
/**********************************************************************************************************************/
.wp_wrap footer .f_inner .bot .f_info p {
    font-size: 14px;
}
.wp_wrap footer .f_inner .top {
    padding-bottom: 15px;
    gap: 30px;
}
.wp_wrap footer .f_inner .bot .f_info {
    padding: 15px 0;
}
.wp_wrap footer .f_inner .top .fmenu li a {
    font-size: 14px;
}
.wp_wrap footer .f_inner .bot .copyright {
    font-size: 13px;
}
.wp_wrap footer .f_inner .top .flogo {
    width: 45%;
}
/**********************************************************************************************************************/


/**********************************************************************************************************************/
/* 메인 */
/**********************************************************************************************************************/
/* m_visual */
.wp_wrap .m_visual .m_slider .mv_slide {
    height: 550px;
}
.wp_wrap .link_box {
    width: 250px;
    padding: 15px 0;
    bottom: 2%;
}



/* #m_about */
.wp_wrap #m_about .about_inner .lt .txt_slider .txt_slide .small_tit {
    font-size: 16px;
    margin-bottom: 5px;
}
.wp_wrap #m_about .about_inner .lt .txt_slider .txt_slide .tit,
.wp_wrap #m_lawyer .lawyer_inner .top .txt_box .tit,
.wp_wrap #m_news .news_inner .top .lt .tit {
    font-size: 40px;
}
.wp_wrap #m_about .about_inner .lt .txt_slider .txt_slide .desc,
.wp_wrap #m_lawyer .lawyer_inner .top .txt_box .desc,
.wp_wrap #m_news .news_inner .top .lt .desc {
    font-size: 15px;
}
.wp_wrap #m_about .about_inner .rt .img_slider .slick-slide {
    margin: 0px 0 0 -80px;
}
.wp_wrap #m_about .about_inner .lt .txt_slider .txt_slide .more a {
    padding: 12px 21px;
    font-size: 14px;
}
.wp_wrap #m_about .about_inner .lt .txt_slider .txt_slide .tit {
    height: 45px;
}
.wp_wrap #m_about .about_inner .lt .txt_slider .txt_slide .small_tit {
    height: 80px;
}



/*  #m_lawyer */
.wp_wrap #m_lawyer .lawyer_inner .top {
    padding: 80px 0 30px 0;
}
.wp_wrap #m_lawyer .lawyer_inner .bot .peo_itm>.img_box {
    height: 300px;
}
.wp_wrap #m_lawyer .lawyer_inner .bot .peo_itm>.hide_peo .inner_box {
    padding: 10px 15px;
}
.wp_wrap #m_lawyer .lawyer_inner .bot .peo_itm>.hide_peo .inner_box {
    width: 100%;
    padding: 10px 15px;
    text-align: center;
}
.wp_wrap #m_lawyer .lawyer_inner .bot .peo_itm>.hide_peo .inner_box .txt_box .mintit {
    font-size: 14px;
}
.wp_wrap #m_lawyer .lawyer_inner .bot .peo_itm>.hide_peo .inner_box .txt_box .tit {
    font-size: 21px;
    margin-bottom: 10px;
}
.wp_wrap #m_lawyer .lawyer_inner .bot .peo_itm>.hide_peo .inner_box .more a {
    padding: 10px 20px;
    font-size: 13px;
}




/*  */
.wp_wrap #m_news .news_inner .top {
    margin-bottom: 40px;
}
.wp_wrap #m_news .news_inner .top .rt button i {
    font-size: 18px;
    padding: 7px;
}
.wp_wrap #m_news .news_inner .top .lt .desc {
    font-size: 17px;
    margin-bottom: 14px;
}
.wp_wrap #m_news .news_inner .bot .news_slider .news_slide .slide_inner {
    padding: 45px 15px 30px 15px;
}
.wp_wrap #m_news .news_inner .bot .news_slider .news_slide .slide_inner .txt_box .desc {
    font-size: 15px;
    margin-bottom: 20px;
}
.wp_wrap #m_news .news_inner .bot .news_slider .news_slide .slide_inner .txt_box .tit {
    font-size: 23px;
    margin-bottom: 15px;
}
.wp_wrap #m_news .news_inner .bot .news_slider .news_slide .slide_inner .txt_box .more a {
    font-size: 15px;
    padding: 15px 0;
}
.wp_wrap #m_news .news_inner .bot .news_slider .news_slide .slide_inner .txt_box .date {
    font-size: 15px;
    margin-bottom: 20px;
}

.wp_wrap #m_news .news_inner .bot .news_slider .news_slide {
    height: 250px;
}
/**********************************************************************************************************************/


/**********************************************************************************************************************/
/* 서브 */
/**********************************************************************************************************************/
/* 서브공통 */
.wp_wrap .tit_box .s_tit {
    font-size: 43px;
    margin-bottom: 10px;
}
.wp_wrap .tit_box .s_desc {
    font-size: 15px;
}


/* sub_main */
.wp_wrap .sub_main .txt_box .inner_box .sm_desc {
    font-size: 15px;
}
.wp_wrap .sub_main .txt_box .inner_box .sm_tit {
    font-size: 33px;
}


/* #fix_menu */
.wp_wrap #fix_menu .menu_inner .second .second_menu>li>a, 
.wp_wrap #fix_menu .menu_inner .third .third_menu>li>a {
    font-size: 14px;
}
.wp_wrap #fix_menu .menu_inner .second .second_menu,
.wp_wrap #fix_menu .menu_inner .third .third_menu {
    padding: 15px 10px;
}


/* #sub02 */
.wp_wrap #sub02 .sub02_inner .contents .img_box {
    height: 500px;
}
.wp_wrap #sub02 .sub02_inner .contents .his_box {
    padding: 20px 10px;
}




/* #sub03 */
.wp_wrap #sub03 .sub03_inner .itms {
    gap: 15px;
}
.wp_wrap #sub03 .sub03_inner .itms .itm .itm_inner .img_bg .icon_box {
    width: 60px;
    height: 60px;
}
.wp_wrap #sub03 .sub03_inner .itms .itm .itm_inner .img_bg .icon_box img {
    width: 50%;
}
.wp_wrap #sub03 .sub03_inner .itms .itm .itm_inner>p {
    font-size: 17px;
    margin-bottom: 15px;
}
.wp_wrap #sub03 .sub03_inner .itms .itm .itm_inner .more a {
    padding: 10px 0;
    font-size: 13px;
}
.wp_wrap #sub03 .sub03_inner .itms .itm .itm_inner {
    padding: 20px 10px;
}





/* #sub03_01 */
.wp_wrap #sub03_01 .sub03_01_inner .tit_box, .wp_wrap #sub03_02 .sub03_02_inner .tit_box {
    margin-bottom: 20px;
}
.wp_wrap #sub03_01 .sub03_01_inner .contents .top .img_box {
    height: 230px;
}
.wp_wrap #sub03_01 .sub03_01_inner .contents .bot .cate_itms .cate_itm .itm_inner .icon i {
    font-size: 15px;
}
.wp_wrap #sub03_01 .sub03_01_inner .contents .bot .cate_itms {
    gap: 10px;
}


/* #sub03_02 */
.wp_wrap #sub03_02 .sub03_02_inner .contents .mid .peo_list {
    grid-template-columns: repeat(1,1fr);
}
.wp_wrap #sub03_02 .sub03_02_inner .contents .mid .peo_list .list .img_box {
    height: 460px;
    margin-bottom: 15px;
}
.wp_wrap #sub03_02 .sub03_02_inner .contents .mid .peo_list .list .txt_box .lt .desc {
    font-size: 33px;
}
.wp_wrap #sub03_02 .sub03_02_inner .contents .top .txt_box .tit {
    font-size: 37px;
}
.wp_wrap #sub03_02 .sub03_02_inner .contents .bot>.tit,
 .wp_wrap #sub03_02 .sub03_02_inner .contents .mid>.tit, 
.wp_wrap #sub03_02 .sub03_02_inner .contents .top .txt_box .tit {
    font-size: 40px;
}













.wp_wrap #sub01 .top {
    gap: 30px;
}
.wp_wrap #sub01 .top .left .tit {
    font-size: 40px;
}
.wp_wrap #sub01 .top .left .ex {
    font-size: 18px;
}
.wp_wrap #sub01 .top .right .img_box {
    border-radius: 0;
}
.wp_wrap #sub01 .top .left .ex_list>li .ex_box>p {
    font-size: 16px;
}
.wp_wrap #sub01 .mid .mid_box .left .tit {
    font-size: 40px;
}
.wp_wrap #sub01 .bot .bot_box .tit {
    font-size: 30px;
}
.wp_wrap #sub01 .bot .bot_box .why_list>li .why_box .txt_box .tit {
    font-size: 18px;
}
.wp_wrap #sub01 .bot .bot_box .why_list>li .why_box .txt_box .ex {
    font-size: 16px;
}



/* map */
.wp_wrap #map .tit {
    font-size: 40px;
}
.wp_wrap #map .info_box {
    font-size: 16px;
}
.wp_wrap #map .info_box .right .right_list>li .r_box_last .txt_box {
    flex-direction: column;
}
.wp_wrap #map .info_box .right .right_list>li .r_box_last .mid {
    margin-bottom: 0;
}
.wp_wrap #map .info_box .left .left_list>li .l_box {
    gap: 10px;
}
.wp_wrap #map .info_box .right .right_list>li .r_box {
    gap: 10px;
}
.wp_wrap #map .info_box .right .right_list>li .r_box_last {
    gap: 10px;
}


/* introduce */
.wp_wrap #introduce .intro_box .top .left .tit {
    font-size: 40px;
}
.wp_wrap #introduce .intro_box .top .left .ex {
    font-size: 18px;
    text-align: center;
}
.wp_wrap #introduce .intro_box .top .right .r_list>li .r_box {
    flex-direction: column;
    height: auto;
    padding: 30px 0;
}
.wp_wrap #introduce .intro_box .top .right .r_list>li .r_box .ex{
    text-align: center;
}


/* work */
.wp_wrap #work .work_list .work_inner {
    gap: 80px;
}
.wp_wrap #work .work_list .tit_box .tit {
    font-size: 35px;
}
.wp_wrap #work .work_list .tit_box .ex {
    font-size: 18px;
}
.wp_wrap #work .work_list .work_inner>div .right .txt_box .tit {
    font-size: 25px;
}
.wp_wrap #work .work_list .work_inner>div .right .txt_box .s_tit {
    font-size: 16px;
}
.wp_wrap #work .work_list .work_inner>div .right .txt_box .ex_list>li .ex_box .ex {
    font-size: 13px;
}
.wp_wrap #work .work_list .work_inner>div .left .txt_box .tit {
    font-size: 25px;
}
.wp_wrap #work .work_list .work_inner>div .left .txt_box .s_tit {
    font-size: 16px;
}
.wp_wrap #work .work_list .work_inner>div .left .txt_box .ex_list>li .ex_box .ex {
    font-size: 13px;
}

.wp_wrap #work .work_list .pro_inner .tit_box .tit {
    font-size: 25px;
}
.wp_wrap #work .work_list .work_inner>div .right .txt_box .ex_list>li .ex_box>img {
    width: 7%;
}
.wp_wrap #work .work_list .work_inner>div .left .txt_box .ex_list>li .ex_box>img {
    width: 7%;
}
/**********************************************************************************************************************/
}











@media (max-width: 375px) {
/**********************************************************************************************************************/
/* 공통 */
/**********************************************************************************************************************/
/* 공통 */
/**********************************************************************************************************************/




/**********************************************************************************************************************/
/* 메인 */
/**********************************************************************************************************************/
/* #m_lawyer */
.wp_wrap #m_lawyer .lawyer_inner .bot .peo_itm>.img_box {
    height: 270px;
}
.wp_wrap #m_lawyer .lawyer_inner .bot .peo_itm>.hide_peo .inner_box .txt_box .mintit {
    display: none;
}
.wp_wrap #m_lawyer .lawyer_inner .bot .peo_itm>.hide_peo .inner_box .txt_box .tit {
    font-size: 18px;
}
.wp_wrap #m_lawyer .lawyer_inner .top .txt_box .tit{
    font-size: 36px;
}
/**********************************************************************************************************************/


/**********************************************************************************************************************/
/* 서브 */
/**********************************************************************************************************************/
/* 서브공통 */
.wp_wrap .tit_box .s_tit {
    font-size: 40px;
}



/* #sub01 */
.wp_wrap #sub01 .sub01_inner .contents .itm .txt_box {
    padding: 25px 20px;
    height: auto;
}
.wp_wrap #sub01 .sub01_inner .contents .itm .txt_box .tit {
    font-size: 27px;
    margin-bottom: 10px;
}
.wp_wrap #sub01 .sub01_inner .contents .itm .txt_box .desc {
    font-size: 15px;
}
.wp_wrap #sub01 .sub01_inner .contents .itm .img_box {
    height: 300px;
}




/* #sub02 */
.wp_wrap #sub02 .sub02_inner .contents .img_box {
    height: 430px;
}


/* #sub03 */
.wp_wrap #sub03 .sub03_inner .itms .itm .itm_inner {
    padding: 10px;
}
.wp_wrap #sub03 .sub03_inner .itms .itm .itm_inner>p {
    font-size: 15px;
    margin-bottom: 10px;
}
.wp_wrap #sub03 .sub03_inner .itms .itm .itm_inner .more a {
    padding: 8px 0;
}




/* #sub03_01 */
.wp_wrap #sub03_01 .sub03_01_inner .contents .bot .cate_itms {
    grid-template-columns: repeat(1,1fr);
}

/* #sub03_02 */
.wp_wrap #sub03_02 .sub03_02_inner .contents .top .line {
    gap: 20px;
}
.wp_wrap #sub03_02 .sub03_02_inner .contents .bot>.tit,
.wp_wrap #sub03_02 .sub03_02_inner .contents .mid>.tit, 
.wp_wrap #sub03_02 .sub03_02_inner .contents .top .txt_box .tit {
    font-size: 35px;
}
.wp_wrap #sub03_02 .sub03_02_inner .contents .top .txt_box .desc {
    font-size: 15px;
}
/**********************************************************************************************************************/

}











@media (max-width: 320px) {
/**********************************************************************************************************************/
/* 공통 */
/**********************************************************************************************************************/
.wp_wrap .tit_box .s_tit {
    font-size: 34px;
}
/**********************************************************************************************************************/



/**********************************************************************************************************************/
/* 헤더 */
/**********************************************************************************************************************/

/**********************************************************************************************************************/



/**********************************************************************************************************************/
/* 푸터 */
/**********************************************************************************************************************/
.wp_wrap footer .f_inner .top .fmenu {
    align-items: flex-start;
    flex-direction: column;
    gap: 0;
}
/**********************************************************************************************************************/



/**********************************************************************************************************************/
/* 메인 */
/**********************************************************************************************************************/
.wp_wrap .link_box {
    width: 180px;
}
.wp_wrap .link_box>a {
    font-size: 13px;
}


.wp_wrap #m_news .news_inner .bot .news_slider .news_slide {
    height: 280px;
}
.wp_wrap #m_news .news_inner .bot .news_slider .news_slide .slide_inner .txt_box .mintit {
    width: 250px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.wp_wrap #m_news .news_inner .bot .news_slider .news_slide .slide_inner .txt_box .desc {
    width: 250px;
    max-height: calc(1.5em * 3);
    overflow: hidden;             
    display: -webkit-box;         
    -webkit-line-clamp: 3;        
    -webkit-box-orient: vertical; 
    text-overflow: ellipsis;      
    word-wrap: break-word;
}
.wp_wrap #m_news .news_inner .bot .news_slider .news_slide {
    height: 240px;
}


.wp_wrap #m_about .about_inner .lt .txt_slider .txt_slide .small_tit {
    height: 110px;
}
.wp_wrap #m_about .about_inner .lt .txt_slider .txt_slide .small_tit>br {
    display: none;
}

/**********************************************************************************************************************/

/**********************************************************************************************************************/
/* 서브 */
/**********************************************************************************************************************/
/* 서브공통 */
.wp_wrap #sub03 .sub03_inner .tit_box, .wp_wrap #sub02 .sub02_inner .tit_box, .wp_wrap #sub01 .sub01_inner .tit_box {
    margin-bottom: 30px;
}


/* #sub02 */
.wp_wrap #sub02 .sub02_inner .contents .img_box {
    height: 370px;
}


/* #sub03_02 */
.wp_wrap #sub03_02 .sub03_02_inner .contents .mid .peo_list .list .img_box {
    height: 400px;
    margin-bottom: 15px;
}
.wp_wrap #sub03_02 .sub03_02_inner .contents .mid .peo_list .list .txt_box .lt .desc {
    font-size: 28px;
}
.wp_wrap #sub03_02 .sub03_02_inner .contents .mid .peo_list .list .txt_box .rt .rt_inner a i {
    font-size: 28px;
}
.wp_wrap #sub03_02 .sub03_02_inner .contents .mid .peo_list .list .txt_box .rt .rt_inner a {
    width: 43px;
    height: 43px;
}
.wp_wrap #sub03_02 .sub03_02_inner .contents .bot .tit {
    margin-bottom: 30px;
}
.wp_wrap #sub03_02 .sub03_02_inner .contents .bot .news .news_itm .itm_inner .category {
    padding: 10px;
    font-size: 15px;
    left: 15px;
}
.wp_wrap #sub03_02 .sub03_02_inner .contents .bot .news .news_itm .itm_inner {
    padding: 30px 15px 25px 15px;
}
.wp_wrap #sub03_02 .sub03_02_inner .contents .bot .news .news_itm .itm_inner .txt_box .mintit {
    font-size: 17px;
    margin-bottom: 5px;
}
.wp_wrap #sub03_02 .sub03_02_inner .contents .bot .news .news_itm .itm_inner .txt_box .tit {
    font-size: 24px;
}
.wp_wrap #sub03_02 .sub03_02_inner .contents .bot .news .news_itm .itm_inner .txt_box .more a {
    font-size: 15px;
    padding: 13px 0;
}
.wp_wrap #sub03_02 .sub03_02_inner .contents .bot .news .news_itm .itm_inner .txt_box .date {
    font-size: 15px;
    margin-bottom: 20px;
}













.wp_wrap #sub01 .top .left .tit {
    font-size: 35px;
}
.wp_wrap #sub01 .mid .mid_box .left .tit {
    font-size: 35px;
}
.wp_wrap #sub01 .mid .mid_box .right .vi_list>li .vi_box .txt_box .txt {
    font-size: 16px;
}
.wp_wrap #sub01 .bot .bot_box .tit {
    font-size: 25px;
}


/* map */
.wp_wrap #map .tit {
    font-size: 35px;
}
.wp_wrap #map .info_box .right .right_list>li .r_box>p {
    line-height: 1.5;
}


/* introduce */
.wp_wrap #introduce .intro_box .top .left .tit {
    font-size: 35px;
}
.wp_wrap #introduce .intro_box .top .left .ex {
    font-size: 16px;
}
.wp_wrap #introduce .intro_box .top .right .r_list>li .r_box .ex {
    width: 100%;
    font-size: 16px;
}


/* work */
.wp_wrap #work #fir .left .tit {
    font-size: 25px;
}
.wp_wrap #work #fir .left .s_tit {
    font-size: 18px;
}
.wp_wrap #work #fir .left .fir_list>li>p {
    display: flex;
    flex-direction: column;
    gap: 5px;
}
.wp_wrap #work #sec .right .tit {
    font-size: 25px;
}
.wp_wrap #work #sec .right .s_tit {
    font-size: 18px;
}
.wp_wrap #work #sec .right .txt_box .txt_tit {
    font-size: 18px;
}
.wp_wrap #work #thi .left .tit {
    font-size: 25px;
}
.wp_wrap #work #thi .left .s_tit {
    font-size: 18px;
}
.wp_wrap #work #fou .right .tit {
    font-size: 25px;
}
.wp_wrap #work #fou .right .s_tit {
    font-size: 18px;
}
.wp_wrap #work #fou .right .txt_box .tab_zone .back_g {
    padding: 15px;
}
.wp_wrap #work #fou .right .txt_box .tab_zone .tab_content>li .gray_box {
    padding-left: 15px;
}
.wp_wrap #work #fif {
    margin-bottom: 0;
}
.wp_wrap #work #fif .top .left .tit {
    font-size: 25px;
}
.wp_wrap #work #fif .top .left .s_tit {
    font-size: 18px;
}
.wp_wrap #work #fif .bot .bot_list>li .bot_box .txt_box {
    padding-left: 15px;
}

.wp_wrap #work .work_list .pro_inner .pro_list>li .pro_box .txt_box .txt {
    font-size: 22px;
}
.wp_wrap #work .work_list .pro_inner .pro_list>li .pro_box .txt_box .s_txt {
    font-size: 18px;
}
.wp_wrap #work .work_list .pro_inner .tit_box .ex {
    font-size: 15px;
}
.wp_wrap #work .work_list .pro_inner .pro_list>li .pro_box .txt_box .s_txt {
    font-size: 16px;
}
/**********************************************************************************************************************/
}