/*공통*/
.w1440 {width:1440px; margin:0 auto;}
.w1460 {width:1460px; margin:0 auto; }

/*헤더*/
header {position:fixed; left:0; top:0; width:100%; z-index:999;}
.nav-up {top: -80px;}
header.hidd- { visibility:hidden; }
header.not- {background:#fff; box-shadow:0 5px 20px rgba(0,0,0,0.04);}
header.not- a {color:#111;}
header .w1440 {position:relative; display:flex; justify-content:space-between; align-items:center; z-index:105}
header .header_wrap {position:relative; border-bottom:1px solid rgba(255,255,255,0.1);}
header .header_wrap.bg- {background-color:#fff !important; color:#000 !important; border-bottom:1px solid #ddd; box-shadow:0 5px 10px rgba(0,0,0,0.1);}
header .header_wrap.bg- .depth1>li>a { color:#000; }
header h1 {width:15%}
header .depth1 {display:flex;  width:70%; justify-content:center; }
header .depth1>li {position:relative; text-align:center; padding:0 4%;} 
header .depth1>li:hover span {color:var(--txt-color);}
header .depth1>li>a {display:block; font-size:22px; color:#fff; font-weight:bold; line-height:90px; }
header .depth1>li.on:hover {color:var(--txt-color);}
header .depth1>li.on:hover span::after {display:block; position:absolute; bottom:-1px; content:""; display:block; width:100%; height:3px; background:var(--bg-color);}
header .depth1>li.on span {position:relative; display:block; line-height:90px; white-space:nowrap;  }
header .depth2 {display:none; position:absolute; left:0; /*top:100px; */width:100%; background:#fff; margin-top:1px; padding:15px 0; z-index:101; }
header .depth2:hover { display:block; }
header .depth2.on { display:block }
header .depth2 li a {display:block; font-size:16px; font-weight:500; text-align:center; padding:10px 10px;}
header .depth2 li a:hover {font-weight:600; color:var(--txt-color)}
header .util_wrap {display:flex; align-items:center; gap:0 20px;}
header .util {display:flex; align-items:center; flex-wrap:wrap; justify-content:end; padding:15px 0 15px 0;}
header .util>li {position:relative;}
header .util>li::before {content:""; display:inline-block; width:1px; height:8px; margin:0 12px; background:#e5e5e5;}
header .util>li:first-child::before {display:none;}
header .util>li>a {display:inline-block; color:#fff; font-size:12px; font-weight:400; } 
header .util>li i {font-size:15px; vertical-align:middle;}
header .util .quick_my {position:absolute; left:40%; top:30px; transform:translate(-40%, 0); min-width:130px; border-radius:5px; background:#fff; padding:10px; box-shadow:0 0 10px rgba(0,0,0,0.1); z-index:88;}
header .util .quick_my li {border-bottom:1px dotted #ddd; }
header .util .quick_my li:last-child {border-bottom:0;}
header .util .quick_my li a {display:block; font-size:14px; color:#555 !important; padding:10px 0; text-align:center;}
header .util .quick_my li a:hover {font-weight:bold;}
header .m_menubtn {display:none;}
header .menu_bg {display:none;position:absolute; top:90px; width:100%; height:260px; background:#fff; border-top:1px solid #ddd; z-index:100; /*transition:height 0.3s ease-in-out;*/ box-shadow:0px 5px 10px rgba(0,0,0,0.05); /*display:none;*/ z-index:101;}
header .menu_bg.on { display:block; } /*추가*/
header .search {width:15%; text-align:right;}
header .search a {font-size:24px; font-weight:200; color:#fff;}
header .search.on a {color:#333 !important;}
/*header .menu_bg::after {content:""; display:block; position:absolute; top:90px; width:100%; height:1px; background:#ddd; }*/

header.on a { color:#fff !important; }
header.not- {background-color:#fff; box-shadow:0 5px 20px rgba(0,0,0,0.01);}
header.not- a { color:#111 !important; }
header.on .depth2>li a { color:#333 !important; }
header.not- .depth2>li a { color:#333 !important; }
header.on .depth2 { border:none; }
.header_wrap.bg- .util>li>a { color:#333 !important; }

footer {border-top:1px solid #c7c7c7; }
footer .box1 {padding:50px 0;}
footer .box1 .w1440 {display:flex; justify-content:space-between; }
footer .box1 .left {}
footer .box1 .left .b_link {display:flex; flex-wrap:wrap; flex-direction:column;}
footer .box1 .left .b_link .b_logo {margin-bottom:40px;}
footer .depth1 {display:flex; gap:0 60px;}
footer .depth1>li {text-align:center; }
footer .depth1>li>a>span {color:#333;font-weight:bold; font-size:18px; color:#333333;}
footer .depth2 {margin-top:25px;}
footer .depth2 li a {font-size:15px; line-height:34px; color:#777777; font-weight:500;}
footer .box2 {background:#2e303a; padding:40px 0 150px 0;}
footer .box2 .w1440 {display:flex; justify-content:space-between; }
footer .company_info {color:#fff; line-height:26px; font-weight:400; font-size:14px;}
footer .sns {display:flex; gap:10px; flex-wrap:wrap;}
footer .sns img {max-width:35px;}
footer .b_logo {margin-bottom:40px;}
footer .b_link {display:flex; flex-wrap:wrap; flex-direction:column;}
footer .b_link a {display:flex; align-items:center; justify-content:space-between; font-size:16px; font-weight:bold; color:#333333; padding:10px 0; gap: 0 40px;}
footer .b_link li { border-bottom:1px solid #d6d6db;}
footer .b_link li span {display:flex; align-items:center; justify-content:center; width:26px; height:26px; background:#f5f5f7; border-radius:50px; }




/*메인*/
.main_con {overflow:hidden;}
.main_con .swiper-slide img {width:100%;}

.main_visual_wrap {position:relative; overflow:hidden;}
.main_visual {position:relative;}
.main_visual .main_txt {position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:1440px;}
.main_visual .main_txt .b1 {font-size:48px; color:#fff; font-weight:900; line-height:80px; opacity:0; transform:translate(-30px, 0px);  transition:transform 2.5s ease-in-out, opacity 2.5s ease-in-out;}
.main_visual .main_txt .b1 b {font-size:55px; color:#fff; font-weight:900;}
.main_visual .main_txt .b2 {font-size:24px; color:#fff; font-weight:bold; margin-top:50px; opacity:0; transform:translate(-30px, 0px);  transition:transform 2.5s ease-in-out, opacity 2.5s ease-in-out;}
.main_visual .swiper-slide-active .b1 {opacity:1; transform:translate(0,0);}
.main_visual .swiper-slide-active .b2 {opacity:1; transform:translate(0,0);}

.main_visual_wrap button.prev {position:absolute; left:0; top:49%; z-index:9;}
.main_visual_wrap button.next {position:absolute; right:0; top:49%; transform:rotate(180deg); z-index:9;}

/*quick_sns*/
.quick_sns {position:fixed; right:20px; bottom:100px; display:flex; flex-wrap:wrap; flex-direction:column; gap:10px; z-index:9; }
.quick_sns li {}
.quick_sns li a {width:55px; height:55px; display:flex; flex-wrap:wrap; align-items:center; font-size:12px; flex-direction:column; justify-content:center; background:#fff; border-radius:100px; border:1px solid #e5e5e5; box-shadow:0 0 5px rgba(0,0,0,0.09);}
.quick_sns li button {width:55px; height:55px;  display:flex; flex-wrap:wrap; align-items:center; font-size:12px; flex-direction:column; justify-content:center; background:#fff; border-radius:100px; border:1px solid #e5e5e5; box-shadow:0 0 5px rgba(0,0,0,0.09);}
.quick_sns li button i {font-weight:500; font-size:28px; line-height:20px;}

/*quick상담*/
.main_contact {position:fixed; bottom:0; position: -webkit-sticky; align-self:flex-end;  display:flex; align-items:center; width:100%; height:86px; background:#06182a; z-index:10;}
.main_contact .call {position:relative; width:15%; height:86px; background-color:var(--bg-color); color:var(--y-txt-color); display:flex; gap:0 30px; align-items:center; padding-left:2%;}
.main_contact .call::before {position:absolute; right:-40px; top:0; content:""; display:block; width:0; height:0; border-top:86px solid var(--line-color); border-right:40px solid transparent; }
.main_contact .call dt {font-size:18px; }
.main_contact .call dd {font-weight:bold; font-size:18px;}
.main_contact form {width:85%; }
.main_contact .input_box {display:flex; align-items:center; justify-content:space-between; gap:0 40px; width:100%; padding-left:50px; }
.main_contact .input_box div {display:flex; align-items:center; justify-content:space-around; gap:0 40px; width:calc(100% - 15px - 40px);}
.main_contact .input_box dl {display:flex; align-items:center; gap:0 25px; width:calc((100% - 80px) / 3)}
.main_contact .input_box dt {width:60px; min-width:60px; font-size:16px; color:var(--y-txt-color); text-align:center;}
.main_contact .input_box dd {width:calc(100% - 60px - 25px);}
.main_contact .input_box input[type="text"] {width:100%; background-color:rgba(255,255,255,0.1); border-radius:5px; padding:0 15px; line-height:45px; color:#fff;}
.main_contact .input_box button {width:15%; height:86px; background-color:var(--bg-color); color:var(--y-txt-color); font-size:18px; font-weight:bold;}

/*업무분야*/
.main_field {padding:85px 0; }
.main_field .w1440 {display:flex; justify-content:space-between; gap:0 5%;}
.main_field .left {width:35%;}
.main_field .left .tit {font-size:40px; font-weight:900; color:#121212;}
.main_field .left .sub_tit {font-size:20px; line-height:30px; font-weight:500; color:#333333; margin:30px 0 50px 0;}
.main_field .left .field_search {display:flex; align-items:center; justify-content:space-between; padding:10px 15px; background:#eef3f8; }
.main_field .left .field_search input {font-size:16px; color:#333; background:#eef3f8; line-height:40px; width:98%;}
.main_field .left .field_search input::placeholder {font-size:16px; color:#9e9e9e;}
.main_field .left .field_search button {font-size:24px;}
.main_field .left ul {display:flex; flex-wrap:wrap; margin-top:50px;}
.main_field .left ul li {width:50%; border-top:1px solid #e4e4e4; padding:40px; text-align:center;}
.main_field .left ul li:nth-child(-n+2) {border-top:0;}
.main_field .left ul li:nth-child(odd) {border-right:1px solid #e4e4e4;}
.main_field .left ul li span {display:inline-block; padding:13px 25px; border:1px solid; border-color:var(--line-color); color:var(--txt-color); border-radius:50px; margin-bottom:30px; text-align:center;}
.main_field .left ul li p {font-size:20px; color:#333333; text-align:center;}
.main_field .left ul li p em {font-size:36px; font-weight:900; vertical-align:middle; margin-right:5px;}
.main_field .right {display:flex; flex-wrap:wrap; gap:20px; width:60%;}
.main_field .right li {width:calc((100% - 40px) / 3); border:1px solid #eeeeee; box-shadow:0 0 10px rgba(0,0,0,0.1); }
.main_field .right li a {display:flex; flex-direction:column; align-items:center; gap:30px 0; padding:40px 30px;}
.main_field .right li .tit {font-size:24px; font-weight:bold; color:#333333; text-align:center;}
.main_field .right li .img {display:flex; align-items:center; justify-content:center; background:#eef3f8; border-radius:100px; width:125px; height:125px;}
.main_field .right li .sub_tit {font-size:15px; line-height:24px; color:#888888; }


/*메인 변호사*/
.main_lawyer .bg {position:relative; background-color:#0e2d47; padding:90px 0 120px 0; }
.main_lawyer .bg::before {position:absolute; left:0; top:0; right:0; bottom:0; content:""; background-image:url('../images/main09/main_lawyer_bg.webp'); background-size:cover; background-repeat:no-repeat; background-position:center top; background-attachment:fixed; opacity:0.2; }
.main_lawyer .bg .w1440 {position:relative; z-index:1;}
.main_lawyer .bg .s_txt {font-size:30px; font-weight:500; color:#ffffff;}
.main_lawyer .bg .b_txt {font-size:48px; font-weight:700; color:#ffffff; margin-top:30px; }
.main_lawyer .lawyer_list_wrap {width:calc(100% - 240px); margin:0 0 0 auto;}
.main_lawyer .lawyer_list {position:relative; margin-top:-40px; background:#fff; padding:30px 0 0 0px; z-index:1;}
.main_lawyer .lawyer_con {overflow:hidden; padding-bottom:40px;}
.main_lawyer .lawyer_con li {position:relative; background:linear-gradient(130deg, rgba(190,206,218,1) 0%, rgba(237,241,246,1) 100%); }
.main_lawyer .lawyer_con li::after {content:""; position:absolute; right:0px; top:20px; width:100%; height:100%; background-image:url('../images/main09/main_lawyer_deco.webp'); background-position:right top; background-repeat:no-repeat; z-index:-1;}
.main_lawyer .lawyer_con li a {position:relative; z-index:2;}
.main_lawyer .lawyer_con li div {position:relative; background-color:var(--bg-color); padding:20px; }
.main_lawyer .lawyer_con li div::before {content:""; position:absolute; left:0; top:0; width:100%; height:100%; background-color:rgba(0,0,0,0.5);}
.main_lawyer .lawyer_con li div p {position:relative; z-index:1;color:#fff; font-size:16px; font-weight:600; }
.main_lawyer .lawyer_con li div span {display:block; height:60px; line-height:60px; padding:0 20px; position:absolute; right:30px; top:20px; background-color:var(--bg-color); font-size:20px; color:#fff; font-weight:500; text-align:center;}
.main_lawyer .lawyer_con li div span::before {position:absolute; left:-19px; top:0; content:""; width:0; height:0; border-bottom:60px solid var(--line-color); border-left:20px solid transparent;}
.main_lawyer .lawyer_con li div span::after {position:absolute; right:-19px; top:0; content:""; width:0; height:0; border-top:60px solid var(--line-color); border-right:20px solid transparent;}
.main_lawyer .lawyer_con li div span em {position:relative; z-index:1;}
.main_lawyer .lawyer_con li .img {width:80%; margin:0 auto; padding-top:40px;}
.main_lawyer .btn {position:absolute; right:0; display:flex; align-items:center;}
.main_lawyer .btn li {width:76px; height:76px; text-align:center; background-color:rgba(0,0,0,0.5); cursor:pointer;}
.main_lawyer .btn li:first-child {margin-right:1px;}
.main_lawyer .btn li i {color:rgba(255,255,255,0.7); font-size:50px; line-height:76px;}

.main_board {margin:150px 0 75px 0;}
.main_board .title {font-size:40px; color:#222; font-weight:900;}
.main_board .tab {display:flex; align-items:center; justify-content:space-between; padding:0 10px;}
.main_board .tab ul {display:flex; align-items:center; background-color:#efefef; border-radius:100px;}
.main_board .tab ul li {cursor:pointer; padding:15px 35px; font-size:18px; font-weight:500; color:#999999; overflow:hidden;}
.main_board .tab ul li.on {position:relative; background-color:var(--bg-color);  border-radius:100px; font-weight:bold;}
.main_board .tab ul li.on::before {position:absolute; left:0; top:0; content:""; display:block; width:100%; height:100%; background-color:rgba(0,0,0,0.2);}
.main_board .tab ul li.on span {position:relative; color:#fff; width:100%; z-index:1;}
.main_board .tab ul li span {display:block; width:100%;}
.main_board .swiper-container {position:relative; padding:0 10px; overflow:hidden;}
.main_board .list {margin-top:40px; padding:10px 0 60px 0;}
.main_board .list li {border:1px solid #eeeeee; box-shadow:0 0 10px rgba(0,0,0,0.08); border-radius:3px;}
.main_board .list li a {display:block; padding:35px 30px;}
.main_board .list li .tit {font-size:24px; font-weight:bold; line-height:32px; height:64px;}
.main_board .list li div {display:flex; align-items:center; justify-content:space-between; gap:0 15px; margin-top:20px; }
.main_board .list li div .img {min-width:117px; width:117px; height:90px; position:relative; border-radius:5px; overflow:hidden;}
.main_board .list li div .img img {position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:100%;}
.main_board .list li div .txt {font-size:16px; line-height:24px; color:#444; font-weight:400;}
.main_board .page_more {position:absolute; left:50%; bottom:0; transform:translate(-50%, 0);display:flex; align-items:center; gap:0 15px; width:100%; justify-content:center; z-index:1;}
.main_board .page_more button {display:flex; align-items:center; justify-content:center; border:1px solid; border-color:var(--line-color); width:30px; height:30px; font-size:22px; font-weight:500; border-radius:3px; color:var(--txt-color); }
.main_board .swiper-pagination-bullets.swiper-pagination-horizontal {position:initial;  width:auto;}
.main_board .swiper-pagination-bullet {background-color:#dddddd; width:30px; height:12px; border-radius:50px; opacity:1;}
.main_board .swiper-pagination-bullet-active {width:12px; height:12px; background-color:var(--bg-color);}

/*승소사례*/
.main_win {background:#f2f4f8; padding:60px 0;}
.main_win .title {display:flex; align-items:center; justify-content:space-between; font-size:40px; color:#222; font-weight:900; margin-bottom:25px;}
.main_win .title a {display:inline-block; font-size:13px; border:1px solid #ddd; border-radius:50px; padding:10px 15px; border:1px solid #ddd; color:#555; background-color:rgba(255,255,255,0.5);}
.main_win .win_wrap {display:flex; gap:0 60px;}
.main_win .big {width:45%; padding:60px 50px; background:#fff; gap:0 60px;}
.main_win .big a {display:block; }
.main_win .big .cate {display:inline-block; padding:12px 15px; background-color:var(--bg-color); color:var(--y-txt-color); font-size:18px;}
.main_win .big .tit {font-size:30px; font-weight:bold; color:#333333; margin:30px 0 40px 0; line-height:40px; height:80px;}
.main_win .big .txt {color:#333333; font-size:16px; line-height:30px;}
.main_win .big .more {position:relative; display:table; color:var(--txt-color); margin:40px 0 0 auto;}
.main_win .big .more::before {content:""; position:absolute; left:-10px; top:-15px; width:26px; height:26px; border-radius:100px; background-color:var(--bg-opacity10);}
.main_win .big .more img {background-color:var(--bg-color); vertical-align:middle; margin-left:5px;}
.main_win .small {display:flex; gap:25px; flex-direction:column; justify-content:space-between; width:calc(100% - 45% - 60px);}
.main_win .small .cate {display:inline-block; padding:8px 10px; background-color:var(--bg-color); color:var(--y-txt-color); font-size:15px;}
.main_win .small .tit {font-size:20px; font-weight:600; color:#222222; margin:20px 0 15px 0; line-height:30px;}
.main_win .small .txt {font-size:15px; color:#555555; line-height:24px; }
.main_win .small a {display:block;}
.main_win .small li:nth-child(2) {border-top:1px solid #cccbca; border-bottom:1px solid #cccbca;}
.main_win .small li:nth-child(2) a {padding:25px 0;}

/*오시는길*/
.main_bottom {margin:85px 0;}
.main_bottom .title { font-size:40px; color:#222; font-weight:900; margin-bottom:25px;}
.main_bottom .wrap {display:flex; justify-content:space-between; gap:0 6%;}
.main_bottom .box1 {width:47%; border-top:1px solid #c7c7c7;}
.main_bottom .info24 {display:flex; align-items:center; font-size:24px; color:#333; margin:40px 0;}
.main_bottom .info24 b {font-weight:700;}
.main_bottom .info24 img {vertical-align:middle; margin-right:20px;}
.main_bottom ul {display:flex; flex-wrap:wrap;}
.main_bottom ul li {width:50%; padding:40px 30px; border:1px solid #fff;}
.main_bottom ul li .tit {font-size:20px; font-weight:600; color:#333; margin-bottom:25px;}
.main_bottom ul li .tit i {margin-right:5px;}
.main_bottom ul li .txt {font-size:16px; line-height:24px; color:#666666; }
.main_bottom ul li:nth-child(1),
.main_bottom ul li:nth-child(4) {background:#f5f8fb;}
.main_bottom ul li:nth-child(2),
.main_bottom ul li:nth-child(3) {background:#ebf1f7;}
.main_bottom .box2 {width:47%; /*border:1px solid #ddd;*/}
.main_bottom .box2 img {max-width:100%; }


/*공통*/
/*html {font-size:62.5%}*/

/*모바일메뉴*/
.m_nav {position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.5); z-index:9999; }
.m_nav .menu_wrap {position:absolute; right:0; width:80%; background:#fff; height:100%;}
.m_nav .m_menu {height:100%;}
.m_nav .m_menu .m_nav_tab {display:flex; padding:15px 15px 0px 15px; }
.m_nav .m_menu .m_nav_tab li {width:50%;cursor:pointer; border:1px solid #ccc; }
.m_nav .m_menu .m_nav_tab li a {display:block; color:#888; font-size:17px; font-weight:600; text-align:center; padding:15px 0; }
.m_nav .m_nav_top {display:flex; justify-content:space-between; align-items:center; width:100%; border-bottom:1px solid #eee;}
.m_nav .m_nav_top .left {display:flex; align-items:center; width:200%; padding:0 0 0 20px;}
.m_nav .m_nav_top .left span {display:inline-block; margin-left:5px;}
.m_nav .m_nav_top .left li {margin-right:5px; display:flex; flex-wrap:wrap; align-items:center; }
.m_nav .m_nav_top .left a {display:block; font-size:13px; border:1px solid #aaa; padding:5px; border-radius:3px; color:#222; }
.m_nav .m_nav_top .left .join a {border-color:#ddd; color:#888; }
.m_nav .m_nav_top .right {display:flex; align-items:center; justify-content:end; width:100%;}
.m_nav .m_nav_top .right li {font-size:16px; margin:0 0 0 10px; height:100%;}
.m_nav .m_nav_top .right li a {padding:10px;}
.m_nav .m_nav_top .right li button {font-size:24px; background:#333; color:#fff; padding:10px 15px;}
.m_nav .depth1 {height:100%; padding:10px 20px 60px 20px; overflow-y:scroll; }
.m_nav .depth1 li {border-bottom:1px solid #f4f4f4;}
.m_nav .depth1 li a{display:flex; justify-content:space-between; padding:20px 0 20px 10px; }
.m_nav .depth1 li.on>a {color:blue;}
.m_nav .depth1 li a {font-size:18px; font-weight:600;}
.m_nav .depth2 { display:none; background:#f6f6f6; border-top:1px solid #ddd; border-bottom:1px solid #ddd; padding:10px 0;}
.m_nav .depth1 > li.on .depth2 { display:block; }
.m_nav .depth2 li {}
.m_nav .depth2 li a {font-size:15px; font-weight:400; padding:15px 20px}




/****************************@@@@@@@@@@ 반응형 @@@@@@@@@@****************************/
/****************************@@@@@@@@@@ 1680px 이하@@@@@@@@@@해상도1680****************************/
@media all and (max-width:1680px) {

.main_lawyer .lawyer_con li div span {font-size:18px; padding:0 10px; height:50px; line-height:50px;}
.main_lawyer .lawyer_con li div span::before {border-bottom-width:50px;}
.main_lawyer .lawyer_con li div span::after {border-top-width:50px;}
}


/****************************@@@@@@@@@@ 1460px 이하@@@@@@@@@@****************************/
@media all and (max-width:1460px) {
/*공통*/
.w1440 {width:100%; max-width:1400px; margin:0 auto; padding:0 30px;}
.w1460 {width:100%; max-width:1400px; margin:0 auto; padding:0 30px;}

.main_visual .main_txt {width:100%; padding:0 30px;}
.main_visual .main_txt .b1 {font-size:38px; line-height:60px;}
.main_visual .main_txt .b1 b {font-size:45px;}
.main_visual .main_txt .b2 {font-size:20px;}

.main_field .w1440 {flex-wrap:wrap;}
.main_field .left {display:grid; width:100%; margin-bottom:80px;}
.main_field .left .tit {grid-column:1 / 2; grid-row:1 / 2}
.main_field .left .sub_tit {grid-column:1 / 2; grid-row:2 / 3}
.main_field .left .field_search {grid-column:1 / 2; grid-row:3 / 4}
.main_field .left ul {grid-column:2 / 3; grid-row:1 / span 4; margin-top:0; margin-left:50px;}
.main_field .left ul li:nth-child(-n+2) {padding-top:0;}
.main_field .right {width:100%;}

.main_lawyer .lawyer_list_wrap {width:calc(100% - 100px);}
.main_lawyer .bg {padding:70px 0 100px 0;}
.main_lawyer .bg .s_txt {font-size:24px;}
.main_lawyer .bg .b_txt {font-size:38px; margin-top:20px;}
.main_lawyer .btn li {width:56px; height:56px;}
.main_lawyer .btn li i {font-size:40px; line-height:56px;}


.main_board .tab {padding:0;}


} 

/****************************@@@@@@@@@@ 1280px 이하@@@@@@@@@@****************************/
@media all and (max-width:1280px) {
.main_contact {display:none;}
.quick_sns {display:none;}

.main_lawyer .lawyer_list_wrap {width:100%;}
.main_lawyer .lawyer_list {padding:30px 30px 0px 30px}

.main_board .list {margin-top:30px;}
.main_board .list li a {padding:25px 20px;}
.main_board .list li div {margin-top:10px;}
.main_board .list li .tit {font-size:20px; line-height:28px; height:56px;}

footer .box2 {padding:40px 0 40px 0;}
}



/****************************@@@@@@@@@@ 1023px 이하 / 태블릿@@@@@@@@@@****************************/
@media all and (max-width:1023px) {
/*공통*/

/*헤더*/
header {position:sticky; position: -webkit-sticky; left:0; top:0; z-index:999; padding:15px 0; border-bottom:1px solid #e5e5e5; background:#fff;}
header h1 img {max-width:120px;}
header .depth1 {display:none;}
header .util_wrap {display:none;}
header .m_menubtn {display:block; font-size:25px;}
header .search {display:none;}

header .header_wrap.bg- {border-bottom:0; box-shadow:none;}
.sticky_wrap .nav-down .logo:first-child {display:none !important;}
.sticky_wrap .nav-down .logo {display:block !important;}

.main_con .main_visual img {width:128% !important; position:relative; left:50%; transform:translate(-50%, 0%);}
.main_con .main_visual .main_txt {font-size:30px !important; line-height:40px !important;}


.main_field {padding:55px 0 75px 0;}
.main_field .left {display:block; margin-bottom:40px;}
.main_field .left .tit {font-size:30px}
.main_field .left .sub_tit {font-size:20px; line-height:30px; margin:25px 0 40px 0;}
.main_field .left ul {margin:40px 0 0 0;}
.main_field .left ul li {width:25%; padding:0 30px; border-top:0;}
.main_field .left ul li:nth-child(2) {border-right:1px solid #e4e4e4;}
.main_field .right li a {gap:20px 0;}
.main_field .right li .tit {font-size:20px;}

.main_board {margin:100px 0 55px 0;}
.main_board .title {font-size:30px;}
.main_board .tab ul li {padding:15px 25px;}

.main_win .win_wrap {gap:0 30px;}
.main_win .title {font-size:30px;}
.main_win .big {padding:30px 30px;}
.main_win .big .cate {font-size:15px;}
.main_win .big .tit {font-size:24px; line-height:32px; height:64px; margin:20px 0 20px 0;}
.main_win .small {gap:15px; width:calc(100% - 45% - 30px)}
.main_win .small .tit {margin:15px 0 10px 0;}
.main_win .small li:nth-child(2) a {padding:15px 0;}

.main_bottom .wrap {flex-wrap:wrap;}
.main_bottom .title {font-size:30px; }
.main_bottom .box1 {width:100%;}
.main_bottom ul li {padding:30px 20px;}
.main_bottom .box2 {width:100%; min-height:300px; margin-top:30px;}

footer .b_logo {margin-bottom:0;}
footer .box1 {padding:30px 0;}
footer .box1 .left {display:flex; justify-content:space-between; width:100%; align-items:center;}
footer .box1 .right {display:none;}
footer .box2 .w1440 {flex-wrap:wrap; gap:20px;}
footer .company_info {width:100%;}
footer .sns {width:100%;}
}

/****************************@@@@@@@@@@ 768px 이하 / 태블릿미니@@@@@@@@@@****************************/
@media all and (max-width:768px) {
.w1440 {padding:0 15px;}
.w1460 {padding:0 15px;}

.main_visual .main_txt {padding:0 15px;}
.main_visual .main_txt .b1 {font-size:24px; line-height:40px;}
.main_visual .main_txt .b1 b {font-size:30px;}
.main_visual .main_txt .b2 {font-size:15px; margin-top:15px;}
.main_visual_wrap button.prev,
.main_visual_wrap button.next {display:none;}

.main_field {padding:40px 0 50px 0;}
.main_field .left .tit {font-size:24px;}
.main_field .left .sub_tit {font-size:14px; line-height:20px; margin:18px 0 20px 0;}
.main_field .left .field_search input {font-size:14px; }
.main_field .left .field_search button {font-size:20px;}
.main_field .left ul {margin:30px 0 0 0;}
.main_field .left ul li {width:50%; padding:20px; border-top:1px solid #e4e4e4;}
.main_field .left ul li:nth-child(2) {border-right:0}
.main_field .left ul li:nth-child(-n+2) {padding-top:10px;}
.main_field .left ul li span {padding:10px 15px; font-size:14px; margin-bottom:15px;}
.main_field .left ul li p {font-size:16px;}
.main_field .left ul li p em {font-size:30px; vertical-align:baseline;}
.main_field .right {gap:10px;}
.main_field .right li {width:calc((100% - 10px) / 2)}
.main_field .right li a {padding:20px; gap:15px 0;}
.main_field .right li .tit {font-size:18px;}
.main_field .right li .img {width:60px; height:60px;}
.main_field .right li .img img {width:40%}
.main_field .right li .sub_tit {font-size:14px; line-height:20px;}

.main_lawyer .lawyer_con {padding-bottom:0;}
.main_lawyer .bg {padding:50px 0 70px 0;}
.main_lawyer .bg .s_txt {font-size:16px;}
.main_lawyer .bg .b_txt {font-size:24px; line-height:32px; margin-top:10px;}
.main_lawyer .btn {display:none;}
.main_lawyer .lawyer_list {padding:20px 0;}
.main_lawyer .lawyer_con li div p {font-size:14px;}
.main_lawyer .lawyer_con li div span {font-size:15px; height:40px; line-height:40px; right:25px; top:-30px;}
.main_lawyer .lawyer_con li div span::before {border-bottom-width:40px;}
.main_lawyer .lawyer_con li div span::after {border-top-width:40px;}


.main_board {margin:60px 0 55px 0;}
.main_board .title {font-size:24px; width:100%;}
.main_board .tab {flex-wrap:wrap;}
.main_board .tab ul {width:100%; margin-top:20px; }
.main_board .tab ul li {padding:13px 15px; font-size:15px;}
.main_board .list {margin-top:15px;}
.main_board .list li .tit {font-size:16px; line-height:22px; height:44px;}
.main_board .list li div {flex-wrap:wrap;}
.main_board .list li div .img {width:100%; }
.main_board .list li div .txt {font-size:14px; line-height:20px; margin-top:10px;}

.main_win {padding:50px 0;}
.main_win .win_wrap {flex-wrap:wrap;}
.main_win .title {font-size:24px; margin-bottom:20px;}
.main_win .big {width:100%; padding:20px;}
.main_win .big .tit {font-size:18px; line-height:28px; height:56px; margin:15px 0 20px 0;}
.main_win .big .txt {font-size:14px; line-height:20px;}
.main_win .big .more {font-size:14px; margin:30px 0 0 auto}
.main_win .small {width:100%; margin-top:15px; flex-direction:row; border-top:1px solid #ddd; padding-top:15px; }
.main_win .small li {width:calc((100% - 15px) / 2)}
.main_win .small li:nth-child(3) {display:none;}
.main_win .small li:nth-child(2) {border-top:0; border-bottom:0;}
.main_win .small li:nth-child(2) a {padding:10px;}
.main_win .small a {padding:10px;}
.main_win .small .cate {font-size:13px; padding:6px 8px;}
.main_win .small .tit {font-size:15px; line-height:24px; margin:10px 0px 5px 0;}
.main_win .small .txt {font-size:14px; line-height:20px;}

.main_bottom {margin:55px 0;}
.main_bottom .title {font-size:24px; }
.main_bottom .info24 {flex-wrap:wrap; font-size:20px; line-height:30px; margin:20px 0;}
.main_bottom .info24 img {width:40px; margin-right:10px;}
.main_bottom ul li {padding:15px;}
.main_bottom ul li .tit {font-size:15px; margin-bottom:15px;}
.main_bottom ul li .txt {font-size:14px; line-height:20px;}

footer .b_logo img {max-width:125px;}
footer .sns img {width:25px;}
footer .box1 {padding:10px 0;}
footer .b_link a {font-size:13px; gap:0 20px;}
footer .company_info {font-size:13px; line-height:20px;}
footer .box2 {padding:30px 0 30px 0;}
}

/****************************@@@@@@@@@@ 530px 이하 / 모바일@@@@@@@@@@****************************/
@media all and (max-width:530px) {
/*html {font-size:54%}*/
.w1440 {padding:0 10px;}
.w1460 {padding:0 10px;}


.main_visual .main_txt {padding:0 10px;}
.main_visual .main_txt .b1 {font-size:18px; line-height:30px;}
.main_visual .main_txt .b1 b {font-size:24px;}
.main_visual .main_txt .b2 {font-size:13px; margin-top:10px;}



/*모바일메뉴*/
.m_nav .m_nav_top .left {padding-left:15px}
.m_nav .depth1 {padding:10px 15px 60px 15px}
.m_nav .depth1 li a {padding:18px 0 18px 10px; font-size:17px;}
.m_nav .depth2 li a {padding:10px 15px; font-size:15px;}
}



/****************************@@@@@@@@@@ 380px 이하@@@@@@@@@@****************************/
@media all and (max-width:380px) {
.main_lawyer .lawyer_list {padding:10px 0;}
}

/****************************@@@@@@@@@@ 360px 이하@@@@@@@@@@****************************/
@media all and (max-width:360px) {

}