a { color:inherit; }
.mo_br { display:none; }

@media (max-width: 1600px) {
	.main_visual_sec .container .wrapper .video_area video {
		width:unset;
		height:100vh;
	}
}


@media all and (min-width:1024px) {

	
} 

@media all and (max-width:1300px) {
	.success_list {
		gap:24px;
	}
	.success_list .list_item {
		padding: 35px 25px;
		width: calc((100% - 50px) / 3);
	}
	.success_list .list_item .list_link .cont2 .tit {
		font-size:21px;
	}
	.success_list .list_item .list_link .cont3{
		gap: 5%;
	}
	.success_list .list_item .list_link .cont3 div {
		width: calc((100% - 5%) / 2);
	}
	.success_list .list_item .list_link .cont3 .thumb_area .txt strong {
		font-size:18px;
	}
}
@media all and (max-width:1000px) {
	.success_list .list_item {
		width: calc((100% - 25px) / 2);
	}
	/*-------------- main visual sec -------------*/
	.main_visual_sec .container .wrapper .cont_area .logo {max-width:280px;}
	.main_visual_sec .container .wrapper .cont_area .tit {top:45%;}
	.main_visual_sec .container .wrapper .cont_area .tit .pc_br{display:block !important;}
	.main_visual_sec .container .wrapper .cont_area .tit .mo_br{display:none !important;}
	.main_visual_sec .container .wrapper .cont_area .counter_list {flex-wrap:wrap; top:73%; row-gap: 10px;}
	.main_visual_sec .container .wrapper .cont_area .counter_list .list_item {width: 100%;}
	.main_visual_sec .container .wrapper .cont_area .counter_list .list_item:not(:last-child)::after {content:none;}

	/*-------------- main section01 -------------*/
	.main_section.main_section01_1 {padding: 7rem 2rem 15rem;}
	.main_section01_1 .main_lawyer_wrap {justify-content:center !important;}
	.main_section01_1 .main_lawyer_wrap .main_lawyer .main_lawyer_img {position:relative; width:100%; overflow:visible;}
	.main_section01_1 .lawyer_logo {width:30px; right:3rem; top:1rem;}
	.main_section01_1 .main_lawyer_wrap .main_lawyer .main_lawyer_img img.lawyer {width:50%;}
	.main_section01_1 .mark_history {top:5px !important; right:18%;}
	.main_section01 .main_lawyer_wrap .main_lawyer .main_lawyer_img .lawyer_logo {width:20%; top:2rem; right:2rem;}
	.main_section01 .main_lawyer_wrap .main_lawyer .main_lawyer_txt { height: 5.5rem;  padding: 1.5rem 0 1.5rem 1.5rem;}
	.main_section01_1 .main_lawyer_wrap .main_lawyer .main_lawyer_txt { display:flex; width:80%; justify-content:center; padding:0; bottom:0rem;} 
	.main_section01_1 .main_lawyer_wrap .main_lawyer .main_lawyer_txt .lawyer_name img {width:190px !important;}
	.main_section01 .main_lawyer_wrap .main_lawyer .main_lawyer_txt .lawyer_name {font-size:1.5rem;}
	.main_section01 .main_lawyer_wrap .main_lawyer .main_lawyer_txt .lawyer_name b {font-size:2rem;}
	.l_info_section {display:block !important;}
	.main_section01_1 .l_info_section {font-size:1.5rem;}
	.main_section01_1 .l_info_section .info_hello {margin-bottom:20px !important; font-size:1.4em !important;}
	.main_section01_1 .l_info_section .info_tag { display:flex; overflow-x:scroll; font-size:.9em !important; margin-bottom:10px !important; padding-bottom:10px !important;}
	.main_section01_1 .l_info_section .info_tag span {padding:4px 8px !important; white-space:nowrap;}
	.lawyer_Swiper_info_wrap {position:relative; display:flex; justify-content:end; z-index:1;}
	.lawyer_Swiper_info_wrap > div { width:100%; margin: 30px 0 0; }
	.lawyer_Swiper_info_wrap .doc_img_wrap {display:flex; flex-wrap:wrap; justify-content:center;}
	.lawyer_Swiper_info_wrap .doc_img_wrap img {width:40% !important;  margin-bottom:2rem;}
	.lawyer_Swiper_info_wrap .doc_img_wrap img:nth-of-type(2n) {margin-right:0 !important;}
	.main_section01_1 .l_info_section .info_history li {margin-top:5px !important; padding-right: 200px; word-break: keep-all;}
	.main_section01_1 .l_info_section .img_area {width: 200px  !important;}
}

/* 테블릿 가로, 테블릿 세로 (해상도 768px ~ 1023px)*/ 
@media all and (min-width:769px) and (max-width:1400px) {
	/*헤더*/
	#container .header {padding:20px; }
	#container .header .gnb a {padding:0 20px;}
	
	/*메인*/
	#container .main video {   }
	#container .main .spot-text {top: 65%; left: 12%; transform:translate(0)}

	#container .sub-01 { padding:80px 0; justify-content: center; flex-direction: column; }
	
	#container .sub-02 .sub-02-inner {padding:150px 20px 0 20px;}
	#container .sub-02 .profile-wrap .item {margin-top:200px; }
	#container .sub-02 .profile-wrap .item .img_wrap  {width:65%;}
	#container .sub-02 .profile-wrap .item ul {width:60%;margin-top:0;padding-bottom:100px;}
	#container .sub-02 .profile-wrap .item ul li.li-b {font-size:1.7rem;}
	#container .sub-02 .profile-wrap .item ul li.li-work {margin:15px 0;}
	#container .sub-02 .profile-wrap .item ul li.li-work div {font-size:1rem;}
	#container .sub-02 .profile-wrap .slide-btn-wrap {right:110px;bottom:20px;}

	#container .sub_office {padding:0 20px 80px 20px;}
	
	#container .sub-05 { padding:80px 20px; }
	
	#container .sub-06 { padding: 100px 20px; }

	.field_wrap {padding:0 20px;}
	
	.sub_wrap .online_wrap .online_ul.online .b_desc_wrap .on_li_content .help { position: static; display:block; width:100%; }
	.sub_wrap .media_view { padding:0 20px 80px 20px; }
} 


@media all and (max-width:900px) {
	.mshow { display:inline-block; }
	
	br {display:none;}
	.mo_br {display:block;}

	/*공통*/
	#container .sub .text-wrap h2 {margin-top: 15px; font-size:1.6rem; }
	#container .sub .text-wrap .sub-text {margin-top: 15px; font-size: 1rem;}
	#container .sub .text-wrap .back-text { font-size:.8rem; }
	#container .sub .t_btn { background:#f3f3f3; border-radius:30px; padding:5px 5px; color:#000 !important; margin: 0 8px 5px 8px; }
	#container .sub .t_btn.btn { height:auto; line-height:15px; background:#135564; color:#fff !important; } 
	#container .sub .btn { min-width:60px; width:auto; font-size: .75rem; }
	#container .sub .full-btn { width:75px; }
	#container .sub .more { margin:20px 0; font-size:.8rem; }
	#container .sub .more::after {    width: 25px; height: 10px; margin-left: 10px; background-size:25px; }
	#container .sub .full-btn { font-size:1.2rem; }
	.sub_wrap .go_list {font-size:18px !important;}
	.sub_wrap .sub_top {height:300px;}
	
	/* br {display:none;} */
	.mo_br {display:block !important;}

	/*헤더*/
	
	#container .header { display:block; padding:15px; background:transparent;  }
	#container .header h1 a > svg { width:150px; }
	#container .header .gnb {display:none;}
	#container .header .gnb a { display:none;}
	#container .header .header-btn { position:fixed; bottom:0; top:none; }
	#container .header .header-btn a { }
	
	/*햄버거*/
	.hamburger_wrap { display:block; }
	
	
	/*메인*/
	
	.main_visual_sec .container .wrapper .cont_area .tit {font-size: 30px;}
	.main_visual_sec .container .wrapper .cont_area .counter_list .list_item .txt {font-size: 18px;}
	.main_visual_sec .container .wrapper .cont_area .counter_list .list_item .txt2 {font-size: 31px;}
	.main_visual_sec .container .wrapper .cont_area .counter_list .list_item .counter {font-size: 31px;}
	
	
	#container .main { overflow:hidden;}
	#container .main video { position:relative; width:auto; height:120%; margin-top: -13%; margin-left: -140%  }
	#container .main .spot-text {top: 35%; left: 0%; padding:0 8% 0 14%; transform:translate(0)}
	#container .main .spot-text span {font-size: 1.3rem;}
	#container .main .spot-text p {margin-top: 10px;font-size: 1.8rem;}

	.mobile_flex {display:flex; flex-direction: column-reverse;}

	.visual .swiper-slide .green { font-size:1.3rem !important; margin-bottom:10px;}
	.visual .swiper-slide .green svg { width:25px; height:15px;  }
	#container .main .spot-text p.visual-sub-title {
		margin-top: 0px;
		font-size: 1.3rem;
		line-height: 1.6;
		font-weight: 600;
	}
	.visual .swiper-slide .visual-title {
		font-size: 1.3rem;
		line-height: 1.2;
		transform: translateY(25px);
	}
	
	
	
	
    /*1*/
	#container .sub-01 { padding:80px 20px;}
	#container .sub-01 .img-wrap {text-align:center; width:100%; }
	#container .sub-01 .img-wrap img {width:90%;}
	#container .sub-01 .text-wrap { margin: 50px 0 0 0px;}
	#container .sub-01 .button-wrap {margin-top:40px; text-align:center; }
	#container .sub-01 .button-wrap > a { margin-right:3px; font-size:.75rem; }
	#container .sub-01 .button-wrap > a:last-child { margin-right:0; }
	
	#container .sub-01 .text-wrap .logo_text { font-size: 1.2rem; font-weight: 600; letter-spacing:-1px; }
	#container .sub-01 .text-wrap .back-text {  margin: 20px 0 20px 0; }
	#container .sub-01 .sub_text { font-size: 0.9rem; }
	#container .sub-01 .field { display:flex; flex-wrap: wrap; flex-direction: row; justify-content: space-between; }
	#container .sub-01 .field > li {min-width:auto; width:100%; margin-right:0; margin-top:10px; border:1px solid #E2E2E2; box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px; }
	#container .sub-01 .field > li .top { position: relative; padding: 10px; background: #EEF8F6; }
	#container .sub-01 .field > li .top > span { display: inline-block; margin-right:10px; margin-bottom:0 !important;}
	#container .sub-01 .field > li .top > span.title { margin-bottom: 15px; margin-left:5px; font-size: 1.1rem;  }
	#container .sub-01 .field > li .top > .more { position:absolute; margin: 0 !important; font-size:0.75rem; float:right; right:15px; top:15px; }
	#container .sub-01 .field > li .top > .more::after {margin-left:5px; background-size:18px;}
	#container .sub-01 .field > li .bottom { height:130px; overflow:hidden;  }
	#container .sub-01 .field > li .bottom img { width:100%; }
	
	#container .sub-01 .field > li:hover .top > .more { position:absolute; }	
	
	/*2*/
	#container .sub-02 { padding:80px 20px; background: url(/wl/img/profile-back.png)no-repeat -20% 30%; }
	#container .sub-02 .sub-02-inner { position:relative; /* padding:80px 0px; */ padding:0px 0px; }
	#container .sub-02 .sub-02-inner .text-wrap { position: absolute; }
	#container .sub-02 .profile-wrap .item {flex-wrap:wrap; justify-content:center; margin-top:150px;}
	#container .sub-02 .profile-wrap .item .img_wrap  {width:100%;}
	#container .sub-02 .profile-wrap .item img {width:410px;}
	#container .sub-02 .profile-wrap .item ul {width:100%;margin-top:30px;padding-bottom:40px;}
	#container .sub-02 .profile-wrap .item ul li.li-b {font-size:1.6rem;}
	#container .sub-02 .profile-wrap .item ul li.li-work { margin:20px 0;}
	#container .sub-02 .profile-wrap .item ul li.li-work div {font-size:.9rem;}
	#container .sub-02 .profile-wrap .item ul li.li-introduce { display:none; font-size:.9rem;}
	#container .sub-02 .profile-wrap .slide-btn-wrap { position:static;}

	/*3*/
	#container .sub-03 { padding:80px 20px; }
	#container .sub-03 .slide-wrap {margin:50px 0 0 0;padding:30px;}
	#container .sub-03 .slide-wrap .item {}
	#container .sub-03 .slide-wrap .item .item_inner { padding:20px; }
	#container .sub-03 .slide-wrap .item .item_inner:after { height:100%; }
	#container .sub-03 .slide-wrap .item .item_inner p { margin:15px 0; font-size:.9rem; }
	#container .sub-03 .slide-wrap .item .success_story {font-size:.8rem; }
	#container .sub-03 .slide-wrap .item .text-result { margin-top:20px; padding:15px; }
	#container .sub-03 .slide-wrap .item .text-result span { font-size:.8rem; }
	
	/*4*/
	#container .sub-04  { padding:80px 30px; }
	#container .sub-04 .news {flex-wrap: wrap; justify-content:center; margin-top:40px; }
	#container .sub-04 figure {width:100%; margin-bottom:40px; margin-right:0; }
	#container .sub-04 figure figcaption p { margin: 10px 0 5px 0; font-size:.9rem; }
	#container .sub-04 figure figcaption > span { font-size:.8rem; }
	
	/*office view*/
	#container .sub_office { padding:0 30px 80px 30px; }
	#container .sub_office .img_content {display:block;}
	#container .sub_office .img_content .subTit {font-size:16px;}
	#container .sub_office .img_content > div.swiper {width:100%;}
	#container .sub_office .img_content > div:nth-of-type(2) {margin-top:60px;}
	#container .sub_office .img_content > div .img_wrap {height:270px;}
	
	/*감사후기*/
	#container .sub_thanks {padding:0 2rem 6rem 2rem;}
	#container .sub_thanks ul li .thanks_img {text-align:center;}
	#container .sub_thanks ul li .thanks_img img {width:80%;}
	#container .sub_thanks ul li .thanks_title {font-size:1.5rem;}
	#container .sub_thanks .swiper-button-prev, #container .sub_thanks .swiper-button-next {top:50% !important;}
	#container .sub_thanks .swiper-button-prev {left:10px !important;} 
	#container .sub_thanks .swiper-button-next {right:10px !important;}
	
	/*5*/
	#container .sub-05 { padding:80px 20px; }
	#container .sub-05 .counsel-wrap {margin-top:40px; }
	#container .sub-05 .counsel-wrap .counsel_inner { display:block !important; }
	#container .sub-04 figure:last-child {margin-bottom:0;}
	#container .sub-05 .counsel-wrap .input-wrap { width:100% !important; }
	#container .sub-05 .counsel-wrap .input-wrap > input { width:100%; height:40px; font-size:.9rem; }
	#container .sub-05 .counsel-wrap .input-wrap > input::placeholder {font-size:.9rem; }
	#container .sub-05 .counsel-wrap .input-wrap .chk-wrap { margin:15px 0 !important; }
	#container .sub-05 .counsel-wrap .input-wrap .counsel-btn { height:45px; font-size:1rem; }
	
	#container .sub-05_1 { padding:80px  20px;  }
	#container .sub-05_1 .text-wrap { max-width:100%;  }
	#container .sub-05_1 .text-wrap h2 { color:#fff; }
	#container .sub-05_1 .more { color:#fff;  }
	#container .sub-05_1 .s_list { position:relative; width:100%; height:auto;overflow:hidden; margin-top:0px; }
	#container .sub-05_1 .s_list .bg_txt { position:relative; display:flex; font-size:4.8rem; color:#fff; opacity:0.05; font-weight:600; white-space: nowrap; animation: marquee 25s linear infinite; }
	#container .sub-05_1 .s_text_wrap { position:relative; width:100%; margin:auto; }
	#container .sub-05_1 .s_text_wrap .s_text { position:relative; float:none; right:none; margin-top:0px;  width:100%; }
	#container .sub-05_1 .s_text_wrap .s_text .s_text_li { position:relative; float:none; display:block; margin:5px 0; height:auto; width:88%; font-size:1rem; }
	#container .sub-05_1 .s_text_wrap .s_text .s_text_li a { display:block; width:100%; height:100%; padding:15px; /* background:#fff; */ transition:all 0.3s; background-image: linear-gradient(-45deg, transparent 20px, #ECFAFD  0); }
	#container .sub-05_1 .s_text_wrap .s_text .s_text_li a:hover {color:#fff; /*  background:#173f3b;  */ background-image: linear-gradient(-45deg, transparent 20px, #173f3b 0);  }
	#container .sub-05_1 .s_text_wrap .s_text .s_text_li.active { opacity:1; }

	#container .sub-05 .counsel-wrap .counsel-list { width:100% !important; }
	#container .sub-05 .counsel-wrap .counsel-list li { padding:10px !important; }
	#container .sub-05 .counsel-wrap .counsel-list li .list-title {    width: calc(100% - 150px) !important; font-size:14px !important; padding: 0 10px !important; }
	#container .sub-05 .counsel-wrap .counsel-list li .list-date { font-size:1.3rem !important; }
	#container .sub .c-title:after {height:11px;}
	
	/*6*/
	#container .sub-06 { padding:60px 20px; }
	#container .sub-06 .map-wrap { height:320px; }
	#container .sub-06 .office-info { display:block; }
	#container .sub-06 .office-info > div { padding:10px 0; border-right:0; }
	#container .sub-06 .office-info p { font-size:1rem; }
	#container .sub-06 .office > p {font-size:2.0rem !important;}
	#container .sub-06 .office-info span {font-size:.9rem;}

	.bot_wrap {padding:40px 20px;}
	.bot_wrap .bot_Swiper .title {font-size:20px;}
	.bot_wrap .bot_Swiper ul li a img {width:150px;}
	
	/*footer*/
	#container footer { }
	#container footer .footer-wrap { padding: 0 20px 80px 20px; }
	#container footer .footer-top { display:block; padding: 20px 0; } 
	#container footer .footer-top > svg {width:130px;}
	#container footer .footer-top .terms { margin-top:10px; font-size:.7rem; }
	#container footer .footer-top span:after { }
	#container footer .foot-section .no_a > svg {width:20px;}
	#container footer .footer-bottom { padding:20px 0; font-size:.7rem; }
	#container footer .footer-bottom .copyright { font-size:.7rem; }
	
	/*법인소개*/
	.sub_wrap .sub_head { border-top:0px solid#EEE;  top:69px; }
	.sub_wrap.about_wrap .sub_head { top:0px !important; padding:10px 30px;}
	.sub_wrap .sub_head > a { padding:6px 10px; margin:2px; font-size:15px; display:inline-block; background:#f3f3f3; border-radius:30px; color:#555;   }
	.sub_wrap .sub_head > a.active { background:#222; color:#fff; }
	.sub_wrap .sub_text { padding:70px 20px; }
	.sub_wrap .sub_text > h2 {font-size:22px;     padding: 5px 20px 5px 20px; }
	.sub_wrap .sub_text > span { font-size:16px; }
	
	/*법인소개-인사말*/
	.sub_wrap .sub_bg > div { padding:0 20px; }
	.sub_wrap .sub_bg > div h2 {font-size:22px;margin-bottom:20px;}
	.about_wrap .sub_text h2:before, .about_wrap .sub_text h2:after { width: 15px; height: 15px; }
	.sub_wrap .sub_bg span { font-size:17px; }
	.sub_wrap .sub_bottom { padding: 40px 20px; }
	.sub_wrap .sub_bottom h2 {font-size:22px;margin-bottom:30px;}
	.sub_wrap .sub_bottom span { font-size:15px; }
	.sub_wrap .sub_bottom .sign  { font-size:1rem; line-height: 1.7; font-weight:500; text-align:right; margin-top:30px;  }
	.sub_wrap .sub_bottom .sign span { display:inline-block; font-size:0.9rem; }
	.sub_wrap .sub_bottom .sign img { width:150px; margin-left:15px; }
	
	/*법인소개-위드로의 철학*/
	.about_wrap .sub_top .sub_top_text { font-size:24px; padding-top:62px;}
	.about_wrap .sub_top .sub_top_text .sub_top_sub { font-size:16px; }
	.about_wrap .sub_text .circle_wrap { height: 60vh; padding-top: 200px; }
	.about_wrap .sub_text .circle_wrap .c_top .g_circle { width:80px; height:80px; font-size:14px;  }
	.about_wrap .sub_text .circle_wrap .c_top span:nth-of-type(1) { transform: translate(-200%,100%); }
	.about_wrap .sub_text .circle_wrap .c_top span:nth-of-type(2) { transform:translate(-130%,-30%); }
	.about_wrap .sub_text .circle_wrap .c_top span:nth-of-type(3) {transform: translate(0%,-73%);}
	.about_wrap .sub_text .circle_wrap .c_top span:nth-of-type(4) {transform:translate(130%,-30%); }
	.about_wrap .sub_text .circle_wrap .c_top span:nth-of-type(5) { transform: translate(200%,100%); }
	.about_wrap .sub_text .circle_wrap .m_circle { width:55%; height:235px;}
	.about_wrap .sub_text .circle_wrap .m_circle span { font-size:2rem; }
	.about_wrap .about_list ul { padding:80px 20px; }
	.about_wrap .about_list ul li { display:block; padding:25px; text-align:center; }
	.about_wrap .about_list ul li > div span { font-size:14px; }
	.about_wrap .about_list ul li .li_num { width:45px; height:45px; font-size:15px; margin:0 auto; }
	.about_wrap .about_list ul li > div p { margin-top:10px; }
	
	/*법인소개-언론보도*/
	.sub_wrap .media_list { margin-bottom:50px; }
	.sub_wrap .media_list .m_ul { padding:10px 10px; border-top:2px solid#194C58; }
	.sub_wrap .media_list .m_ul li { border-bottom:1px solid #ddd; margin-bottom:20px; }
	.sub_wrap .media_list .m_ul li a { display:block; padding:20px 10px; }
	.sub_wrap .media_list .m_ul li .media_img { width:100%; height:200px; background-size:100% auto !important; }
	.sub_wrap .media_list .m_ul li .media_text { width:auto; margin-top:10px; }
	.sub_wrap .media_list .m_ul li .media_text h3 { display:block; width:100%; font-size:15px; letter-spacing:-1px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
	.sub_wrap .media_list .m_ul li .media_text .m_top { font-size: 15px; }
	.sub_wrap .media_list .m_ul li .media_text .m_sub { font-size:14px; color:#888; }
	
	.sub_wrap .media_view { padding:0 20px 80px 20px; }
	.sub_wrap .media_view .m_view .m_inner { padding:0; }
	.sub_wrap .media_view .m_view .v_title {padding:0 20px 20px 20px;}
	.sub_wrap .media_view .m_view .v_content .text_wrap div { width:100%; overflow:hidden;}
	.sub_wrap .media_view .m_view .v_content .text_wrap div img {width:100%;}
	.sub_wrap .media_view .m_view .v_title h2 { margin-top:20px; font-size:18px; }
	.sub_wrap .media_view .m_view .v_title p {font-size:14px;}
	.sub_wrap .media_view .m_view .v_title .date {font-size:14px;}
	.sub_wrap .media_view .v_list { margin-bottom:40px; }

	
	/*법인소개-오시는길*/
	.sub_wrap .map_wrap {padding:0 20px;}
	.sub_wrap .wrap_map {height:250px !important;}
	.sub_wrap .map_wrap .map_info {padding-bottom:80px;}
	.sub_wrap .map_wrap .map_info li { display:block; padding:10px; }
	.sub_wrap .map_wrap .map_info li .m_left { margin-bottom:10px; font-size:19px; }
	.sub_wrap .map_wrap .map_info li span {font-size:15px;}

	/*전문서비스-특별함*/
	.sub_wrap .sub_text .service_img {height:140px;}
	.about_wrap .about_list ul li > div p { font-size:19px; }
	.sub_wrap .service_wrap .service_list li .s_text span {line-height:1.3; margin-top:10px; font-size:14px; }
	.sub_wrap .service_wrap em { display:block; }

	/*전문서비스-피의자,피해자*/
	.sub_wrap .service02_con .service_list li.view { display:block; }
	.sub_wrap .service_wrap .service_list li .s_text { width:100%; }
	.sub_wrap .service02_con .service_tab {flex-wrap:wrap; justify-content:center; }
	.sub_wrap .service02_con .service_tab li { width:40%; height:170px; }
	.sub_wrap .service02_con .service_tab li::after { display:none; }
	.sub_wrap .service02_con .service_tab li .tab_inner {display:block; padding: 15px;}
	.sub_wrap .service02_con .service_tab li .tab_inner .tab_img { width:60px; height:60px; background-size:30px !important; }
	.sub_wrap .service02_con .service_tab li .tab_inner .num {margin-top:5px;font-size:15px;}
	.sub_wrap .service02_con .service_tab li .tab_inner .title { font-size:16px; margin:5px 0;}
	.sub_wrap .service02_con .service_tab li .tab_inner p {margin-top:0; font-size:15px; }
	.sub_wrap .service02_con .service_list .sub_ol > li {font-size:15px; text-align:left;}
	
	/*구성원소개*/
	.sub_wrap .sub_top .sub_bg_text { justify-content: end; padding:0 20px 50px 20px;}
	.sub_wrap .sub_top .sub_bg_text span { font-size:18px; letter-spacing:-1px; font-weight:500; }
	.sub_wrap .sub_top .sub_bg_text h3 {font-size:24px;}
	.sub_wrap .sub_text .btn_wrap > a { display:flex; align-items:center; justify-content:center; width:65%; padding:10px; margin:0 auto 10px auto; font-size:15px; }
	.sub_wrap .sub_text .btn_wrap > a:first-child { }
	.sub_wrap .info_list .info_content { padding:0px 0; }
	.sub_wrap .info_list .info_content > li { display:block; padding:80px 20px; margin-bottom:0px; }
	.sub_wrap .info_list .info_content > li .info_img img { width:100%; }
	.sub_wrap .info_list .info_content > li .info_text { margin:0; }
	.sub_wrap .info_list .info_content > li .info_text .name span {font-size:16px;}
	.sub_wrap .info_list .info_content > li .info_text .name h3 {font-size:25px; margin-top:18px; letter-spacing:0;}
	.sub_wrap .info_list .info_content > li .sub_ul { margin-bottom:30px; }
	.sub_wrap .info_list .info_content > li .sub_ul li { font-size:18px; }
	.sub_wrap .info_list .info_content > li .sub_ul li.title { font-size:18px; margin-bottom:10px; padding-bottom:10px;}
	.sub_wrap .info_list .info_content > li .info_text .profile_btn { padding:10px 0; font-size:15px; }
	.sub_wrap .info_list .info_content > li .info_text .name h3 em { font-size: 20px; }
	.sub_wrap .info_list .info_content > li .info_text .sub_con {  font-size:1rem; }
	.sub_wrap .info_list .info_content > li .info_text .sub_con .title {  font-size:18px; }
	.sub_wrap .info_list .info_content > li .info_text .sub_con .content {  font-size:15px; line-height:1.6;}
	.sub_wrap .info_list .info_content > li .info_img .m_doc { margin-top:20px; }
	.sub_wrap .info_list .info_content > li .info_img .m_doc img { max-width:110px;  }
	.sub_wrap .info_list .info_content > li .info_text .sub_con .content br {display:block;}


	/*업무분야*/
	.sub_wrap .field_wrap { padding:0 20px; }
	.sub_wrap .field_wrap .field_list li .title .num {margin-right:3px;}
	.tf_navi_wrap {padding:0px; margin-bottom:50px;}
	.tf_navi_banner {height:130px;}
	.tf_navi_banner h3 {line-height:1.2; font-size:20px; }
	.tf_navi_banner h3 em {display:inline-block; margin-top:15px; font-size:15px;}
	.page + .tf_navi_wrap {padding:0 20px;}
	.page + .tf_navi_wrap .tf_navi_banner {}
	
	.tf_navi_wrap.pc {display:none; margin-bottom:0;}
	.tf_navi_wrap.mobile {display:block; margin-bottom:0;}
	.tf_navi_wrap .min_banner { margin-top:40px; height:110px;}
	.tf_navi_wrap .tf_navi_banner.min_banner h3 {font-size:20px !important;}
	
	
	/*업무사례*/
	.cate_tab_wrap ul li a {min-width:65px !important;}
	.sub_wrap .success_wrap .s_content li {padding:30px 20px;}
	.sub_wrap .success_wrap .s_content li .li_top {font-size:1.1rem; display: -webkit-box; -webkit-line-clamp: 1; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical;}
	.sub_wrap .success_wrap .s_content li .li_sub { font-size:0.9rem; margin:15px 0 0 0; -webkit-line-clamp: 2;}
	.sub_wrap .media_view .m_view .v_content { padding:20px 20px;}
	.sub_wrap .media_view .m_view .v_content p span {font-size:15px !important;  line-height: 1.3 !important;}
	.sub_wrap .media_view .m_view .v_content img {width:100%;}
	.sub_wrap .success_view {margin-bottom:0;}
	.sub_wrap .success_view h2 {margin-bottom:0 !important;}
	.sub_wrap .media_view .v_list .list_bottom {    padding: 15px; font-size:1rem;}
	
	.sub_wrap .field_wrap .field_list li .title h3 {
		font-size: 16px; letter-spacing:-1px;
	}
	.sub_wrap .field_wrap .field_list li > p {
		line-height: 1.5;
		font-size: 15px;
	}
	.sub_wrap table.s_table th, table.s_table td {font-size:14px !important;}
	.sub_wrap .success_wrap .s_content li { padding:20px 15px; }
	.sub_wrap .success_wrap .s_content li .li_inner { display: block; }
	.sub_wrap .success_wrap .s_content li .li_inner .li_ca .ca_name { padding: 3px 8px; }
	.sub_wrap .success_wrap .s_content li .li_inner .li_content { width: 100%; padding: 0 0px 0 0px; margin-top:15px; }
	.sub_wrap .success_wrap .s_content li .li_inner .li_sub { font-size: 0.88rem; margin: 15px 0 0 0; -webkit-line-clamp: 2; }
	.sub_wrap .success_wrap .s_content li .li_inner .li_info { display:flex; width: 100%; margin-top:10px;     flex-direction: row; justify-content: space-between; }
	.sub_wrap .success_wrap .s_content li .li_inner .li_info .author { font-size: 0.88rem; margin-bottom: 10px; }
	.sub_wrap .success_wrap .s_content li .li_inner .li_info .hit { font-size: 13px; font-weight: 400; }
	.sub_wrap .success_wrap .s_content li .li_inner .li_info .date { display:none; }
	
	.sub_wrap .success_wrap .s_content li.li_title { display:none; padding: 15px 10px; font-size: 0.9rem; font-weight: 500; }
	.sub_wrap .success_wrap .s_content li.li_title .li_inner {  display: flex; }
	.sub_wrap .success_wrap .s_content li .li_inner .li_ca { display:inline-block; width: auto; }
	.sub_wrap .success_wrap .s_content li .li_inner .li_ca .ca_name { padding: 3px 3px; font-size:13px; }
	.sub_wrap .success_wrap .s_content li .li_inner .li_result { display:inline-block; width: auto; margin-left:5px;}
	.sub_wrap .success_wrap .s_content li .li_inner .li_result span { padding: 3px 3px; font-size:13px; }
	.sub_wrap .success_wrap .s_content li .li_inner .li_content { display:block; width:100% ; margin:13px 0; padding-bottom:13px; border-bottom:1px solid #f3f3f3; }
	.sub_wrap .success_wrap .s_content li .li_inner .li_content .title { font-size:15px; font-weight:500; }
	.sub_wrap .success_wrap .s_content li .li_inner .li_info.author { display:inline-block; width: auto; margin:0 }
	.sub_wrap .success_wrap .s_content li .li_inner .li_info.author .author {margin:0; font-size:14px;}
	.sub_wrap .success_wrap .s_content li .li_inner .li_info.hit { display:inline-block; float:right; right:0; width: auto; margin:0; color:#888; font-size:0.8rem;}
	.sub_wrap .success_wrap .s_content li .li_inner .li_info.hit em { margin-left:5px;  color:#888; font-size:13px;}
	
	
	.sub_wrap .media_view .v_list .lb { width: 80px; font-size:15px;}
	.sub_wrap .media_view .v_list .v_list_title { width:calc(100% - 100px); font-size:15px;}
	
	/*변호사상담*/
	.sub_wrap .online_wrap { padding-bottom:80px; }
	.sub_wrap .online_btn { padding: 15px 40px; margin-top:30px; font-size:15px; }
	.sub_wrap .online_wrap .online_ul li a {padding:15px 20px;}
	.sub_wrap .online_wrap .online_ul li a > div { margin-right:0; font-size:13px; }
	.sub_wrap .online_wrap .online_ul li a .name {margin-right:10px;}
	.sub_wrap .online_wrap .online_ul li a .lock { background-size:30px; margin-right:0; }
	.sub_wrap .online_wrap .online_ul li a .sub { margin-right:0; }
	.sub_wrap .online_wrap .online_ul li a .title { width: calc(100% - 210px); font-size:1rem;}
	.sub_wrap .online_wrap .m_view .m_inner .view_top { padding:20px 10px; font-size:1rem; }
	.sub_wrap .online_wrap .m_view .m_inner .view_top span { margin-right:15px; font-size:.9rem; }
	.sub_wrap .online_wrap .m_view .m_inner .view_top span.title {width: calc(100% - 284px); font-size:1rem; margin-right:0;}
	.sub_wrap .online_wrap .m_view .m_inner .view_text { padding:20px; }
	.online_view { padding:0 20px; }
	
	.sub_wrap .online_wrap .online_ul.online li { padding:10px 0; }
	.sub_wrap .online_wrap .online_ul.online li .flex { font-size:1rem; }
	.sub_wrap .online_wrap .online_ul.online .b_desc_wrap .label_title {   min-width: 95px; font-size:14px; }
	.sub_wrap .online_wrap .online_ul.online li { padding:10px 0px; }
	.sub_wrap .online_wrap .online_ul.online .b_desc_wrap .on_li_content { width: calc(100% - 100px);}
	.sub_wrap .online_wrap .online_ul.online .b_desc_wrap .on_li_content .fr_input {   height:30px;  border: 2px solid #f2f2f2; padding: 4px 5px;  font-size: 13px;  background: #f2f2f2; outline: 0;  transition: all 0.2s; border-radius: 5px; min-width: 80px;  width: 100%;}
	.sub_wrap .online_wrap .online_ul.online .b_desc_wrap .on_li_content .fr_input.phone1 {width:40px !important;}
	.sub_wrap .online_wrap .online_ul.online .b_desc_wrap .on_li_content .fr_input.phone2 {width:60px !important;}
	.sub_wrap .online_wrap .online_ul.online .b_desc_wrap .on_li_content .fr_input.phone3 {width:60px !important;}
	.sub_wrap .online_wrap .online_ul.online .b_desc_wrap .on_li_content .help { position: static; display:block; width:100%; font-size:13px; }	
	.sub_wrap .online_wrap .online_ul.online .b_desc_wrap .on_li_content .fr_input.full { font-size:13px; }
	.sub_wrap .online_wrap .online_ul.online .b_desc_wrap .on_li_content textarea { height:200px; }
	.sub_wrap .online_wrap .online_ul.online li .flex.capt { display:block; }
	.sub_wrap .online_wrap .online_ul.online .b_desc_wrap .on_li_content .agree_wrap { position:absolute;  bottom: 10px;left: 0; right:auto; top:auto; }
	.sub_wrap .online_wrap .online_ul.online .b_desc_wrap .on_li_content textarea.fr_input { min-height:200px; }
	.sub_wrap .online_wrap .online_ul.online .b_desc_wrap .on_li_content #captcha { margin:15px 0 35px 0; }
	.sub_wrap .online_wrap .online_ul.online .b_desc_wrap .on_li_content #captcha #captcha_key { height:30px; font-size:.9rem; margin-left: 10px; }
	#captcha img { width:90px; }
	.sub_wrap .online_wrap .online_ul.online .b_desc_wrap .on_li_content .agree_wrap label { font-size:12px; }
	.sub_wrap .online_wrap .online_ul.online .b_desc_wrap .on_li_content .agree_wrap a {  padding:0; margin-left: 50px;}
	.sub_wrap .online_wrap .online_ul.online .b_desc_wrap .on_li_content .agree_wrap a em { font-size:12px; }
	.sub_wrap .online_wrap .online_ul.online .go_online_btn {margin:0; padding:15px; width:100%; font-size:14px;}
	
	.sub_wrap .online_wrap .online_ul.o_list li a { display: flex; padding: 15px 15px; justify-content: space-between;}
	.sub_wrap .online_wrap .online_ul.o_list li a .num { width:40px; display:inline-block; margin-right:5px;} 
	.sub_wrap .online_wrap .online_ul.o_list li a .sub { width:60px; margin-right: 0; font-size:13px; }
	.sub_wrap .online_wrap .online_ul.o_list li a .lock { display:none; }
	.sub_wrap .online_wrap .online_ul.o_list li a .title { font-size:14px; margin-right:5px;}
	.sub_wrap .online_wrap .online_ul.o_list li a .name { width:calc(100% - 100px); display:none;  }
	.sub_wrap .online_wrap .online_ul.o_list li a .date { width: 60px; font-size:13px; letter-spacing:-1px; margin-right: 0px; margin-left:10px;}
	
	.f_top { z-index:999; font-size:13px; bottom:70px; }
	.f_follow {display:none !important;}
	/*.f_follow { position: fixed;  bottom: 0px; right: 0px; left:0;  width: 100%; height: 60px; border-top: solid 1px #ffd799; background: rgba(0, 0, 0, 0.95); cursor: pointer;
		font-size: 14px; line-height: 55px;
		color: #ffd799; text-align: center;
		 z-index:999;
	}*/
	.f_follow a { display:inline-block; position:relative; margin-right:10px; }
	.f_follow a:last-child { margin-right:0; }
	.f_follow a:after { content:""; display:inline-block; height:8px; width:1px; background:#555; position:absolute; float:right; top:24px; right:-7px; }
	.f_follow a:last-child:after { display:none; }
	
	.f_s_follow { 
		position: fixed;  bottom: 125px; right: 10px; width: 51px; height:65px; border: solid 1px #ffd799;  background: rgba(0, 0, 0, 0.95); cursor: pointer;
		font-size: 10px; line-height: 95px; color: #ffd799; text-align: center; z-index:999;
	}
	.f_s_follow a { display:block;width:100%; height:100%; background-image:url("/wl/img/icon_call_g.png"); background-repeat:no-repeat; background-size:25px 25px; background-position:center 10px;   }
	.f_s_follow span { display:block;}
	/*
	.f_s_follow { 
		position: fixed;  bottom: 70px; right: 10px; width: auto; height:auto; border: solid 1px #ffd799; padding:10px; background: rgba(0, 0, 0, 0.95); cursor: pointer;
		font-size: 13px; line-height: 20px; color: #ffd799; text-align: center; z-index:999;
	}
	.f_s_follow span { display:block; }
	*/
}	

@media all and (max-width:740px) {
	.main_visual_sec .container .wrapper .cont_area .logo {max-width: 230px;}
	.main_visual_sec .container .wrapper .cont_area .tit {font-size: 24px; top: 51%;}
}

@media all and (max-width:650px) {
	.success_list {
		gap: 15px;
	}
	.success_list .list_item {
		width: calc((100% - 15px) / 2);
		padding: 30px 20px;
	}
	.success_list .list_item .list_link .cont1 {
		margin-bottom: 9px;
		gap: 4px;
	}
	.success_list .list_item .list_link .cont1 p{
		font-size: 12px;
		padding: 6px 13px;
	}
	.success_list .list_item .list_link .cont2 .tit {
		font-size: 18px;
	}
	.success_list .list_item .list_link .cont2 .txt {
		font-size: 13px;
		line-height: 18px;
	}
	.success_list .list_item .list_link .cont3 .thumb_area .lawyer{
		min-width: 55px;
	}
	.success_list .list_item .list_link .cont3 .thumb_area .txt {
		font-size: 12px;
	}
	.success_list .list_item .list_link .cont3 .thumb_area .txt strong{
		font-size: 15px;
		margin-top: 3px;
	}
}

@media all and (max-width:600px) {
	.main_visual_sec .container .wrapper .cont_area .tit {font-size: 6.5vw; top:50%;}
	.main_visual_sec .container .wrapper .cont_area .tit .mo_br {display:block !important;}
	.main_visual_sec .container .wrapper .cont_area .tit .pc_br {display:none !important;}
	.main_visual_sec .container .wrapper .cont_area .counter_list .list_item .txt {font-size: 3.6vw;}
	.main_visual_sec .container .wrapper .cont_area .counter_list .list_item .counter {font-size: 6.5vw;}
}

@media all and (max-width:503px) {
	.success_area {
		width: 94%;
	}
	.success_list .list_item {
		padding: 28px 10px;
	}
	.success_list .list_item .list_link .cont1 {
		margin-bottom: 3px;	
	}
	.success_list .list_item .list_link .cont1 p {
		font-size: 11px;
		padding: 6px 7px;
	}
	.success_list .list_item .list_link .cont2 {
		margin-bottom: 10px;
	}
	.success_list .list_item .list_link .cont2 .tit {
		font-size: 14px;
	}
	.success_list .list_item .list_link .cont2 .txt {
		font-size: 11px;
	}
	.success_list .list_item .list_link .cont3 .thumb_area .lawyer {
		min-width: 45px;
		margin-bottom: 7px;
	}
	.success_list .list_item .list_link .cont3 .thumb_area .txt {
		font-size: 10px;
		white-space:nowrap;
	}
	.success_list .list_item .list_link .cont3 .thumb_area .txt strong {
		font-size: 12px;
		margin-top: 3px;

	}

	.main_section.main_section01_1 {padding: 7rem 2rem !important;}
	.main_section01_1 .l_info_section .img_area {margin-top:40px; position: inherit !important; width: 100%  !important; text-align: center;}
	.main_section01_1 .l_info_section .img_area img{width:70%; max-width:250px;}
	.main_section01_1 .l_info_section .info_history li {padding-right: 0;}
	.main_section01_1 .online_btn {	position: inherit !important;}
}
@media all and (max-width:540px) {
	.main_section01_1 .swiper {
		width:100%;
	}
	.main_section01_1 .main_lawyer_wrap .main_lawyer {
		width:100% !important;
		margin-right:0 !important;
	}
	.main_section01_1 .main_lawyer_wrap .main_lawyer .main_lawyer_img img.lawyer {
		width: 60%;
		max-width: 210px;
	}
	.main_section01_1 .mark_history {
		right:0;
	}
}
@media all and (max-width:345px) {
	.success_list .list_item {
		width : 100%;
	}
}
 