@charset "UTF-8";
@import url('/onlawtraffic/css/head_foot.css');


/*layout*/
section {position: relative;}
.wrap { position: relative; margin: 0 auto; }
.inner { position: relative; margin: 0 auto; }
.cont_area {position: relative; margin: 0 auto;}
.bg {background-repeat: no-repeat; background-position: center;  background-size: cover;}
.mo_br { display: none;}
.pc_br { display: block;}
.mo_img { display: none;}
.max-width-1200 { max-width: 120rem;  margin: 0 auto; }
.max-width-1500 { max-width: 150rem;  margin: 0 auto; }
.max-width-1600 { max-width: 160rem;  margin: 0 auto; }
.max-width-1600::after {content:""; display:block; visibility:hidden; clear:both; height:0; }

@media (max-width: 1700px) {
	.max-width-1600 { width:90%; }
	.max-width-1500 { width:96%; }
}


@media (max-width: 1500px) {
	.max-width-1500 { width:90%; }
}


@media (max-width: 960px) {
	.mo_br {display:block !important}
	.pc_br {display:none;}
	.mo_img { display: block;}
	.pc_img {display:none;}

}


/* sub visual */
.sec_sub_visual {height:45rem; overflow:hidden;}
.sec_sub_visual .wrap .subVisual {position:absolute; width:100%; height:45rem; animation: fadeIn 1s ease-in-out forwards; opacity:0; z-index:1; top:0; background-color:#222}

.sec_sub_visual .wrap .text_area {position:absolute;top:calc(50% + 2rem); left:50%; width:100%;transform:translate(-50%, -50%); text-align:center; z-index:2;}
.sec_sub_visual .wrap .text_area h3 { line-height:1.2; overflow:hidden;}
.sec_sub_visual .wrap .text_area h3 span {display:block;font-family:var(--font-lora); font-size:2rem; font-weight:400; color:#eac161; letter-spacing:0;}
.sec_sub_visual .wrap .text_area p {overflow:hidden;}
.sec_sub_visual .wrap .text_area p span {display:block;font-size:4.6rem; font-weight:500; color:#fff; letter-spacing:-0.05em;}

.sec_sub_visual .wrap .subVisual .sv_img {position:absolute; top:0; bottom:0; left:0; right:0; z-index:-1; animation:animate_background 2s ease-in-out; background-size:cover; background-repeat:no-repeat; background-position:50% 0;}
.sec_sub_visual .wrap .subVisual .sv_img.sv01 {background-image:url(../images/sub/visual_onlawfirm.jpg);}
.sec_sub_visual .wrap .subVisual .sv_img.sv02 {background-image:url(../images/sub/visual_guide.jpg);}
.sec_sub_visual .wrap .subVisual .sv_img.sv03 {background-image:url(../images/sub/visual_business.jpg);}
.sec_sub_visual .wrap .subVisual .sv_img.sv04 {background-image:url(../images/sub/visual_success.jpg);}
.sec_sub_visual .wrap .subVisual .sv_img.sv05 {background-image:url(../images/sub/visual_media.jpg);}
.sec_sub_visual .wrap .subVisual .sv_img.sv06 {background-image:url(../images/sub/visual_counsel.jpg);}


@media (max-width: 960px) {
	.sec_sub_visual,
	.sec_sub_visual .wrap .subVisual {height:78.1250vw;}
	.sec_sub_visual .wrap .subVisual .sv_img.sv01 {background-image:url(../images/sub/visual_onlawfirm_mo.jpg);}
	.sec_sub_visual .wrap .subVisual .sv_img.sv02 {background-image:url(../images/sub/visual_guide_mo.jpg);}
	.sec_sub_visual .wrap .subVisual .sv_img.sv03 {background-image:url(../images/sub/visual_business_mo.jpg);}
	.sec_sub_visual .wrap .subVisual .sv_img.sv04 {background-image:url(../images/sub/visual_success_mo.jpg);}
	.sec_sub_visual .wrap .subVisual .sv_img.sv05 {background-image:url(../images/sub/visual_media_mo.jpg);}
	.sec_sub_visual .wrap .subVisual .sv_img.sv06 {background-image:url(../images/sub/visual_counsel_mo.jpg);}
	.sec_sub_visual .wrap .text_area {top:calc(50% + 3.1250vw);}
	.sec_sub_visual .wrap .text_area h3 span {font-size:4.6875vw;}
	.sec_sub_visual .wrap .text_area p span {font-size:7.8125vw;}
}


.sec_sub > .wrap {padding:10rem 0 15rem;}
.sub_tit_area {position:relative; margin-bottom:6rem;}
.sub_tit_area > h3 {font-size:4rem; font-weight:600; font-family: var(--font-kor-m); line-height:1.3;}
.sub_tit_area > p {padding-top:3rem; font-size:2rem; line-height:1.6;}
.sub_tit_area > p > i {display:inline; font-weight:800; background-color:#eac061; padding:0 0.6rem; border-radius:50rem;}

@media (max-width: 1400px) {
	.sub_tit_area {margin-bottom:5rem;}
	.sub_tit_area > h3 {font-size:3.6rem;}
}


@media (max-width: 960px) {
	.sec_sub > .wrap {padding:15.625vw 0 23.4375vw; }
	.sub_tit_area {margin-bottom:9.3750vw;}
	.sub_tit_area > h3 {font-size:6.25vw;}
	.sub_tit_area > p {padding-top:4.6875vw; font-size:3.4375vw; }
	.sub_tit_area > p > i {padding:0 0.9375vw;}	
}


/* lnb*/
.lnb_area {position:relative; margin-top:1rem; overflow:hidden;}
.lnb_area.type_02 {border:none;}
.lnb_area .tab_menu {display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap;}
.lnb_area .tab_menu > div {width:calc(100% / 6);}
.lnb_area .tab_menu.row2 > div {width:calc(100% / 2);background:#ededed;}
.lnb_area .tab_menu > div a {display:block; text-align:center; line-height:1; padding:2.4rem 0;font-size:2.2rem; font-weight:700; color:#aaa;}
.lnb_area .tab_menurow2 > div a {color:#666;}
.lnb_area .tab_menu > div.on {background:#c99e38;}
.lnb_area .tab_menu > div.on a {color:#fff;}


@media (max-width: 1200px) {
	.lnb_area .tab_menu > div a {font-size:2rem;}
}

@media (max-width: 960px) {
	.lnb_area {border-bottom:none;}
	.lnb_area .tab_menu > div {width:calc(98% / 3);border:1px solid #ddd; margin:0.3vw 0;}
	.lnb_area .tab_menu.row2 > div {border:none; margin:0;}
	.lnb_area .tab_menu > div a {font-size:3.4375vw; padding:2vw 0;} 
}

/* lnb*/
.lnb_area_info {position:relative;padding:3rem 0 8rem; overflow:hidden;}
.lnb_area_info .tab_menu {display:flex; justify-content:center; align-items:center; flex-wrap:wrap; gap:1rem;}
.lnb_area_info .tab_menu li {width:16rem; background-color:#f7f7f7;border:1px solid #ddd; border-radius:50rem;}
.lnb_area_info .tab_menu li a {display:block; color:#666; font-size:2.2rem; text-align:center; line-height:5.4rem; font-weight:700;}
.lnb_area_info .tab_menu li.on {background-color:#a27b1e;border:1px solid #a27b1e;}
.lnb_area_info .tab_menu li.on a {color:#fff;}



@media (max-width: 1200px) {
	.lnb_area_info .tab_menu li a {font-size:2rem;}
}

@media (max-width: 960px) {
	.lnb_area_info {padding:4.6875vw 0 12.5vw;}
	.lnb_area_info .tab_menu {gap:1.5625vw;}
	.lnb_area_info .tab_menu li {width:27vw;}
	.lnb_area_info .tab_menu li a {font-size:3.4375vw;line-height:8.4375vw;}
}



/*swiper 공통*/
.swiper-pagination-bullet {background:rgba(0,0,0,0.2);width:1rem; height:1rem; opacity:1;}
.swiper-pagination-bullet-active {background:var( --color-point-beige);}
.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {margin:0 0.6rem;}

/*250108 소개페이지 신규 변경 */
.bg_gray {background-color:#f7f7f7;}
.ibox01 {position:relative;display:flex; align-items:center; justify-content:flex-end; padding-bottom:7rem;}
.ibox01 .img_area {width:50%; height:41rem; background:url(../images/sub/introduction.jpg) no-repeat 50%; background-size:cover;}
.ibox01 .text_area {width:50%; padding-left:4rem; }

.ibox02 {position:relative;display:flex; flex-wrap:wrap; gap:3rem; padding:8rem 0 13rem;} 
.ibox02 .item_box {width:100%; background-color:#fff; border:1px solid #ddd; padding:6rem 0; }
.ibox02 .item_box dl {display:flex;flex-wrap:wrap;}
.ibox02 .item_box dl dt{width:30rem; background-size:11.9rem; background-position:center; background-repeat:no-repeat;}
.ibox02 .item_box dl dd{width:calc(100% - 30rem);padding-right:3rem;}
.ibox02 .item_box.item_bg01 dl dt {background-image:url(../images/sub/info_i01.png);}
.ibox02 .item_box.item_bg02 dl dt {background-image:url(../images/sub/info_i02.png);}
.ibox02 .item_box.item_bg03 dl dt {background-image:url(../images/sub/info_i03.png);}

.info .text_area h4 {font-size:3rem; font-weight:700; line-height:1; }
.info .text_area .tx {padding:4rem 0 0; }
.info .text_area .tx p {font-size:2rem; color:#333; line-height:1.6; }
.info .text_area .tx p + p {padding-top:2rem;}
.info .text_area .tx p > span {display:block; font-weight:700;}

/*소개서다운로드*/
.info .text_area .file_down {display:block;}
.info .text_area .file_down > a {display:inline-block; padding:1rem 2rem; border:1px solid #c99e38; text-align:center;transition: 0.4s;}
.info .text_area .file_down > a span {position:relative; display:inline-block; padding-right:4rem; font-size:1.8rem; font-weight:700; color:#c99e38;}
.info .text_area .file_down > a span::after {content:''; position:absolute; right:0;top:50%;transform:translateY(-50%); width:2.8rem;height:2.8rem; background:url(/onlaw/images/i_down.png) center / 80% no-repeat; opacity:.7;}
.info .text_area .file_down > a:hover {background-color:#c99e38;}
.info .text_area .file_down > a:hover span {color:#fff;}
.info .text_area .file_down > a:hover span::after {background-image:url(/onlaw/images/i_down_w.png);}

.signature {position:relative; padding-bottom:10rem;}
.signature > h4 {font-size:4.2rem; font-weight:300; text-align:center;}
.signature > h4 > b {font-weight:700;}
.signature .sign {display:flex;justify-content:center; gap:13rem; padding-top:6rem}
.signature .sign p span {display:block;font-size:2rem; text-align:center; padding-bottom:2.5rem;}
.signature .sign p img {display:inline-block; min-width:28.89rem; max-width:19.6rem;}

.organization {position:relative; }
.organization .o__tit {width:40rem; margin:0 auto; line-height:8.6rem; border:5px solid #eac161; border-radius:50rem; font-size:3rem; font-weight:500; text-align:center; }
.organization .o__box {position:relative;display:flex;justify-content:center; gap:10rem; margin:5rem auto 0; padding-top:5rem;}
.organization .o__box::before {content:''; position:absolute; top:-5rem; left:50%; transform:translateX(-50%); width:0.1rem; height:5rem;background:#999;  z-index:-1;}

.organization .o__box .tit {position:relative;  width:100%; margin:0 auto;  }
.organization .o__box .tit::before {content:''; position:absolute; top:-5rem; left:50%; transform:translateX(-50%); width:0.1rem; height:5rem;background:#999; z-index:-1;}

.organization .o__box .tit p { display:flex; justify-content:center;align-items:center; height:7rem; line-height:1.2; border:5px solid #eac161; border-radius:50rem; font-size:2.6rem; font-weight:500; text-align:center;}

.organization .o__box .obL,
.organization .o__box .obC,
.organization .o__box .obR {position:relative;width:40rem;}
.organization .o__box .obL::before,
.organization .o__box .obC::before,
.organization .o__box .obR::before {content:''; position:absolute; top:-5rem; width:calc(50% + 5rem); height:0.1rem; background:#999;}

.organization .o__box .obL::before {right:-5rem;}
.organization .o__box .obC::before {width:calc(100% + 10rem); left:-5rem;}
.organization .o__box .obR::before {left:-5rem;}

.organization .o__box ul {display:flex;flex-wrap:wrap; gap:2rem; margin:2rem 0 0 3rem;}
.organization .o__box ul li {position:relative;width:100%; padding-left:1rem; font-size:2rem;}
.organization .o__box ul li::before {content:''; position:absolute; top:1.2rem; left:0; width:0.3rem; height:0.3rem; background-color:#333; border-radius:50%;}

.on_ci {padding-bottom:5rem;}
.on_ci:last-child {padding-bottom:0;}
.on_ci .tit {font-size:2.4rem; padding-bottom:2rem;}
.on_ci .logo_grid {position:relative; display:flex; flex-wrap:wrap; align-content:center; justify-content:center; width:100%; height:34.5rem; border:1px solid #ddd;  }

.on_ci .logo_grid.bg_grid {background:url(../images/sub/bg_grid.png);}
.on_ci .logo_grid img {width:initial; max-width:96%;}

.on_ci .logo_grid .download {position:absolute; right:3rem; bottom:3rem; display:flex; gap:0.2rem;}
.on_ci .logo_grid .download a {display:inline-block; background-color:#171321;color:#fff; width:13rem; line-height:4.4rem; text-align:center;}
.on_ci .logo_grid .download a + a {background-color:#3e3a48;}




@media (max-width: 1400px) {
	.info .text_area .tx p > br {display:none;}
	.organization .o__box {gap:5rem}
}

@media (max-width: 1200px) {
	.signature > h4 {font-size:3.2rem;}
	.signature .sign p img {min-width:auto;}
	.organization .o__box {gap:3rem}
	.organization .o__box ul li{font-size:1.8rem;}
	.on_ci .logo_grid {height:28rem;}
	.on_ci .logo_grid .download {bottom:2rem;}
	.on_ci .logo_grid .download a {font-size:1.6rem;line-height:3rem;}
}

@media (max-width: 960px) {
	.ibox01 {padding-bottom:10.9375vw; flex-direction:column; gap:5vw;}
	.ibox01 .img_area {width:100%;height:64.0625vw; }
	.ibox01 .text_area {width:100%; padding-left:0; }

	.ibox02 {gap:4.6875vw; padding:12.5vw 0 15vw;} 
	.ibox02 .item_box {padding:9.375vw 0; }
	.ibox02 .item_box dl dt{position:absolute; top:3vw;right:2vw;width:16vw; height:16vw; background-size:80%;}
	.ibox02 .item_box dl dd{width:100%;padding:0 4.6875vw;}

	.info .text_area h4 {font-size:4.6875vw;}
	.info .text_area .tx {padding:6.25vw 0 0; }
	.info .text_area .tx p {font-size:3.4375vw;}
	.info .text_area .tx p + p {padding-top:3.125vw;}
	
	.info .text_area .file_down > a {display:block;padding:1.5625vw 0;}
	.info .text_area .file_down > a span {padding-right:6.25vw; font-size:3.75vw;}
	.info .text_area .file_down > a span::after {width:4.375vw;height:4.375vw;}

	.signature {padding-bottom:15.625vw;}
	.signature > h4 {font-size:6vw;}
	.signature .sign {gap:5vw; padding-top:9.375vw}
	.signature .sign p span {font-size:3.75vw;padding-bottom:6vw;}
	.signature .sign p img {width:70%;}

	.organization .o__tit {width:40vw; line-height:13.4375vw; border-width:0.7813vw; font-size:4.6875vw; }
	.organization .o__box {gap:4vw; margin:7.8125vw auto 0; padding-top:7.8125vw;}
	.organization .o__box::before {top:-7.8125vw; width:0.1563vw; height:7.8125vw;}

	.organization .o__box .tit::before {top:-7.8125vw; width:0.1rem; height:7.8125vw;}

	.organization .o__box .tit p { height:10.9375vw; border-width:0.7813vw; font-size:3.4375vw;}

	.organization .o__box .obL,
	.organization .o__box .obC,
	.organization .o__box .obR {width:26vw;}
	.organization .o__box .obL::before,
	.organization .o__box .obC::before,
	.organization .o__box .obR::before {top:-7.8125vw; width:calc(50% + 2vw); height:0.1563vw;}

	.organization .o__box .obL::before {right:-2vw;}
	.organization .o__box .obC::before {width:calc(100% + 4vw); left:-2vw;}
	.organization .o__box .obR::before {left:-2vw;}

	.organization .o__box ul {gap:3.125vw; margin:3.125vw 0 0 0;}
	.organization .o__box ul li {padding-left:1.5625vw; font-size:3.4375vw;}
	.organization .o__box ul li::before {top:1.8vw; width:0.4688vw; height:0.4688vw;}

	.on_ci {padding-bottom:7.8125vw;}
	.on_ci .tit {font-size:4.6875vw; padding-bottom:3.125vw;}
	.on_ci .logo_grid {height:50vw; }
	.on_ci .logo_grid img {width:90%;}

	.on_ci .logo_grid .download {right:1vw; bottom:1vw;gap:0.2rem;}
	.on_ci .logo_grid .download a {width:20.3125vw; line-height:6.25vw; font-size:3.4375vw}
}


/*오시는길*/
.map_area {position:relative; height:45rem;overflow:hidden;}
.map_area .map {width:100%;height:100%; border:0;}
.map_text_area {display:flex;gap:25rem; margin-top:2rem;}
.map_text_area dl {display:flex;flex-direction:column; }
.map_text_area dl dt {color:#666; font-size:1.6rem;  font-weight:700; letter-spacing:0;}
.map_text_area dl dd {font-size:1.8rem;}
.map_text_area dl dd:nth-child(4) {padding-top:1rem;}
.map_text_area dl dd .call {font-size:2.4rem; font-weight:800;}
.map_text_area dl dd.snmae {margin-left:1.3rem;}
.map_text_area dl dd.snmae > b{color:#888;}
.map_text_area dl dd.traffic {font-size:1.6rem;}
.map_text_area dl dd.pts {padding-top:0.5rem;}
.map_text_area .address,
.map_text_area .phone,
.map_text_area .mobile {position:relative;display:block; line-height:4rem; padding-left:2rem;}

.map_text_area .address::before,
.map_text_area .phone::before,
.map_text_area .mobile::before {content:''; display:block; position:absolute; left:0;top:0; width:1.8rem; height:4rem; }

.map_text_area .address::before {background:url(../images/i_addr.png) center no-repeat; }
.map_text_area .phone::before {background:url(../images/i_phone.png) center no-repeat; }
.map_text_area .mobile::before {background:url(../images/i_mobile.png) center no-repeat; }

.map_text_area .subway {display:inline-block; background:#3ab449; color:#fff; padding:0 1rem; border-radius:50rem}
.map_text_area .subway.s2 {background-color:#ff7300;}

@media (max-width: 1500px) {
.map_text_area {gap:10%;}
}

@media (max-width: 1400px) {
	.map_text_area {gap:7%;}
}

@media (max-width: 1200px) {
	.map_text_area {gap:5%;}
}

@media (max-width: 1400px) {
	.map_text_area .bt_type_color01, 
	.map_text_area .bt_type_color02, 
	.map_text_area .bt_type_color03 {padding:0 3rem;}
}

@media (max-width: 960px) {
	.map_area {height:70.3125vw;}
	.map_text_area {flex-direction:column; gap:4vw;}
	.map_text_area dl dt, .map_text_area dl dd, .map_text_area dl dd.traffic {font-size:3.5185vw;padding:1vw 0;}
	.map_text_area dl dd .call {font-size:5vw;}
	.map_text_area dl dd.snmae {margin-left:2.8vw;}
	.map_text_area .address, .map_text_area .phone, .map_text_area .mobile {line-height:4vw; padding-left:4vw; }

	.map_text_area .bt_type_color01, 
	.map_text_area .bt_type_color02, 
	.map_text_area .bt_type_color03 {padding:0 3.5vw;}
	.map_text_area .address::before,
	.map_text_area .phone::before,
	.map_text_area .mobile::before {width:2.8125vw;background-size:80%;background-position:50% 0;}

}


/*naver API  메인 공용*/
.location_text_area {text-align:center; padding:1rem;}
.location_text_area .tit {font-weight:800; color:var(--color-base); font-size:1.6rem;padding-bottom:0.8rem;}
.location_text_area .juso {font-weight:400; color:#666; font-size:1.4rem;line-height:1.2;}

@media (max-width: 960px) {
	.location_text_area {padding:1.5625vw; }
	.location_text_area .tit {padding-bottom:1vw;}
}




/*변호사소개*/
.lawyer_swiper_area {position:relative;  }
.lawyer_swiper_area .lawyer {position:relative;width:100%; height:56.8rem;margin:0 auto;}
.lawyer_swiper_area .lawyer > a {display:block; position:absolute; left:0;right:0;top:0;bottom:0; z-index:2;}

.lawyer_swiper_area .lawyer .img_area {width:90%;padding-top:2.5rem;margin:0 auto; text-align:center; overflow:hidden;}
.lawyer_swiper_area .lawyer .img_area img {max-width:37.6rem;}

.lawyer_swiper_area .lawyer .info_area {position:absolute;bottom:0; left:0;right:0; background:rgba(0,0,0,0.6); line-height:9rem; color:#fff; padding:0 3rem; z-index:1; transition: all 0.5s ease-in-out;}
.lawyer_swiper_area .lawyer .info_area::after {content:''; position:absolute;right:3rem;top:50%; transform:translateY(-50%); background:url(../images/bt_arrow_long_w.svg) no-repeat center; width:6rem; height:1.8rem; opacity:0.5;}

.lawyer_swiper_area .lawyer .info_area .name {display:inline-block; font-size:3.6rem; font-weight:800;}
.lawyer_swiper_area .lawyer .info_area .position {display:inline-block; font-size:2rem; font-weight:300; padding-left:1rem;}

/*active & hover */
.lawyer_swiper_area .swiper .swiper-slide:hover .lawyer .info_area {background:#c99e38;}
.lawyer_swiper_area .swiper .swiper-slide:hover .lawyer .info_area::after {opacity:1;}


/*swiper*/
.lawyer_swiper_area .swiper {width: 100%; height:auto; margin: 0 auto; }
.lawyer_swiper_area .swiper .swiper-slide {width:calc(100% - 140px);overflow:hidden; background:#f0f0f0; }

.lawyer_swiper_area .swiper-button-next, 
.lawyer_swiper_area .swiper-button-prev {color:var( --color-point-beige); display:none;}

.lawyer_swiper_area .swiper-button-next {right:-6rem;}
.lawyer_swiper_area .swiper-button-prev {left:-6rem;}

.lawyer_swiper_area .swiper-pagination-bullets.swiper-pagination-horizontal {bottom:-7rem;}


@media (max-width: 960px) { 
.lawyer_swiper_area .lawyer {height:70vw;}
.lawyer_swiper_area .lawyer .mo_link {display:block;}
.lawyer_swiper_area .lawyer .img_area {width:100%;padding-top:3.75vw;}
.lawyer_swiper_area .lawyer .img_area img {width:100%}
.lawyer_swiper_area .lawyer .info_area {line-height:14.0625vw;padding:0 4.6875vw;}
.lawyer_swiper_area .lawyer .info_area::after {display:none;}

.lawyer_swiper_area .lawyer .info_area .name {font-size:5.6250vw;}
.lawyer_swiper_area .lawyer .info_area .position {font-size:3.5185vw;padding-left:1.5625vw;}

.lawyer_swiper_area .lawyer .info .bt__s {padding:0; border:none;}
.lawyer_swiper_area .lawyer .info .bt__s span {font-size:4.75vw;}

.lawyer_swiper_area .swiper-pagination-bullets.swiper-pagination-horizontal {bottom:-7vw}

}




/*251015 변호사 리스트 신규 */
.lawyer_list_area ul {display:flex; flex-wrap:wrap; gap:3rem;}
.lawyer_list_area ul li {position:relative;  width:calc((100% - 6rem) / 3); height:clamp(200px, 21.333vw, 320px); }

.lawyer_list_area .item_link {display:flex; align-items:flex-end; position:relative; width:100%; height:100%; padding:4rem;overflow:hidden;background-color:#f0f0f0;transition: 0.4s;}
.lawyer_list_area .item_link .name,
.lawyer_list_area .item_link .ranker {font-size:1.8rem; }

.lawyer_list_area .item_link .name {color:#666}
.lawyer_list_area .item_link .name > b {font-size:3rem; color:#111; font-weight:800; display:block; padding-bottom:0.5rem;}
.lawyer_list_area .item_link .ranker {padding-top:3rem;}
.lawyer_list_area .item_link .lawyer_img {position:absolute;right:4rem; top:3rem; width:50%; max-width:30rem;}

.lawyer_list_area ul.managing-partner {padding-bottom:3rem;}
.lawyer_list_area ul.managing-partner li {width:calc((100% - 3rem) / 2);height:clamp(300px, 26.667vw, 400px);}
.lawyer_list_area ul.managing-partner .item_link .name > b {font-size:3.6rem; }


.lawyer_list_area .item_link:hover {background-color:#c99e38;}
.lawyer_list_area .item_link:hover .name,
.lawyer_list_area .item_link:hover .name > b, 
.lawyer_list_area .item_link:hover .ranker {color:#fff;}


@media (max-width: 1500px) {
	.lawyer_list_area .item_link {padding:3rem;}
	.lawyer_list_area .item_link .lawyer_img {width:42%;}
}


@media (max-width: 1280px) {
	.lawyer_list_area .item_link .name > b {font-size:2.4rem;}
	.lawyer_list_area ul.managing-partner .item_link .name > b {font-size:2.8rem;}

	.lawyer_list_area .item_link .name, 
	.lawyer_list_area .item_link .ranker {font-size:1.4rem;}

	.lawyer_list_area .item_link .lawyer_img {right:2.4rem;}
}


@media (max-width: 960px) {
	.lawyer_list_area ul {gap:3.125vw;}
	.lawyer_list_area ul li {width:calc((100% - 3.125vw) / 2); height:clamp(100px, 31.25vw, 200px); }

	.lawyer_list_area .item_link {padding:4.688vw;}
	.lawyer_list_area .item_link .name,
	.lawyer_list_area .item_link .ranker {font-size:3.125vw; }

	.lawyer_list_area .item_link .tx {width:50%;}
	.lawyer_list_area .item_link .name > b {font-size:4.688vw; padding-bottom:0.781vw;}
	.lawyer_list_area .item_link .ranker {padding-top:4.688vw;}
	.lawyer_list_area .item_link .lawyer_img {right:4.688vw; top:4.688vw; }

	.lawyer_list_area ul.managing-partner {padding-bottom:3.125vw;}
	.lawyer_list_area ul.managing-partner li {width:100%;height:clamp(200px, 46.875vw, 300px);}
	.lawyer_list_area ul.managing-partner .item_link .name > b {font-size:5.4vw; }
}






/*변호사 상세보기 */
.lawyer_detail_area {position:relative;}
.lawyer_detail_area .profile_area {position:relative; background:#8c7a50; height:65rem; overflow:hidden;}
.lawyer_detail_area .profile_area .profile_cont {position:relative; max-width:150rem; height:100%; margin:0 auto;}
.lawyer_detail_area .profile_area .logo_on {position:absolute; bottom:-2rem; left:50%;transform:translateX(-50%);width:43.6rem;height:23rem;}
.lawyer_detail_area .profile_area .info {position:absolute;left:50%;bottom:5rem; width:50%;  color:#fff;}
.lawyer_detail_area .profile_area .info .name_area {display:flex;gap:2rem;}
.lawyer_detail_area .profile_area .info .name {line-height:1;font-size:3rem; font-weight:300;}
.lawyer_detail_area .profile_area .info .name span {display:block; font-size:6rem;font-weight:700;padding-bottom:1rem;}
.lawyer_detail_area .profile_area .info .name_e {line-height:1;font-family:var(--font-lora);font-size:6rem;font-weight:300;padding-right:1rem;}
.lawyer_detail_area .profile_area .info .comment {font-size:2.6rem; font-weight:300;line-height:1.3; letter-spacing:-0.06em; margin-top:4rem;}
.lawyer_detail_area .profile_area .img_area {width:50%;text-align:center;}
.lawyer_detail_area .profile_area .img_area img {width:60%; padding-top:10rem;}

.lawyer_detail_area .career_area {margin-bottom:4rem; border-bottom:1px solid #ddd;}
.lawyer_detail_area .career_area .career {display:flex;  gap:8rem;}
.lawyer_detail_area .career_area .career .summary_area {width:30%; min-width:45rem; min-height:100%; border-left:1px solid #ddd; padding-top:10rem;}
.lawyer_detail_area .career_area .career .summary_area .inner {position:sticky; top:12rem;padding:0 3rem;}
.lawyer_detail_area .career_area .career .summary_area h4 {font-size:2.4rem; font-weight:700;padding-bottom:2rem;}
.lawyer_detail_area .career_area .career .summary_area .keyword a {font-size:1.6rem; display:inline-block; border:1px solid #ddd; margin:0.3rem; padding:0.5rem 1.5rem; border-radius:50rem;}
.lawyer_detail_area .career_area .career .summary_area .certification { padding:6rem 0;}
.lawyer_detail_area .career_area .career .summary_area .certification .info {padding-top:1rem; font-size:1.6rem; color:#666;}
.lawyer_detail_area .career_area .career .summary_area .certification ul {display:grid; grid-template-columns:repeat(2, 1fr); gap:3rem;}
.lawyer_detail_area .career_area .career .summary_area .certification li {max-width:30rem; text-align:center;}
.lawyer_detail_area .career_area .career .summary_area .certification li img {border:1px solid #ddd;}

.lawyer_detail_area .career_area .history_area {width:calc(70% - 8rem);padding:10rem 0;}
.lawyer_detail_area .career_area .history_area .message {color:#666; font-size:1.8rem; line-height:1.4; padding-bottom:4rem;}
.lawyer_detail_area .career_area .history_area .lawyer_tab_nav {overflow:hidden; border-left:1px solid #dddddd}
.lawyer_detail_area .career_area .history_area .lawyer_tab_nav li {width: 26rem;  float:left; border:1px solid #ddd; margin-right:0.5rem; transition: all 0.3s ease-in-out;}
.lawyer_detail_area .career_area .history_area .lawyer_tab_nav li:last-child {margin-right:0;}
.lawyer_detail_area .career_area .history_area .lawyer_tab_nav li a {display:block; line-height:5rem; text-align:center; font-size:2rem; font-weight:700; color:#666;}
.lawyer_detail_area .career_area .history_area .lawyer_tab_nav li.active {border:1px solid #cda854;background:#cda854 !important; transition: all 0.3s ease-in-out;}
.lawyer_detail_area .career_area .history_area .lawyer_tab_nav li.active a {color:#fff;}

.lawyer_detail_area .career_area .history_area .history_detail {padding:3rem 0 0 2rem;}
.lawyer_detail_area .career_area .history_area .history_detail .history {display:flex; flex-direction:column;}
.lawyer_detail_area .career_area .history_area .history_detail .history li {position:relative; padding:0.3rem 1.5rem; }
.lawyer_detail_area .career_area .history_area .history_detail .history li::before {content:"·";position:absolute; left:0; top:50%; transform:translateY(-50%); }

/*-------변호사 상세하단 리스트*/
.lawyer_detail_area .list_area {position:relative; margin:0 auto;}
.lawyer_detail_area .list_area > h4 {font-size:2.4rem; font-weight:700;padding:3rem 0;}
.lawyer_detail_area .list_area .swiper {overflow:visible;padding-bottom:3rem;}
.lawyer_detail_area .list_area .swiper-slide {background:#e8e8e8;height:31rem; }
.lawyer_detail_area .list_area .swiper-slide .item_link {display:block; width:100%;height:100%;}
.lawyer_detail_area .list_area .swiper-slide .item {display:flex;width:100%;height:100%;overflow:hidden;}
.lawyer_detail_area .list_area .swiper-slide .item .lawyer_img {width:60%; text-align:right;}
.lawyer_detail_area .list_area .swiper-slide .item .lawyer_img img {padding-top:1rem; width:85%;}
.lawyer_detail_area .list_area .swiper-slide .item .name {width:40%; display:flex; flex-direction:column; align-items:flex-end; justify-content: flex-end; font-size:1.6rem;color:#666; text-align:right; padding:0 4.6rem 3rem 0;}
.lawyer_detail_area .list_area .swiper-slide .item .name span {display:block;font-size:2.8rem;font-weight:700;color:#141120}
.lawyer_detail_area .list_area .swiper-pagination-bullet-active {background:#eac161;}



@media (max-width: 1500px) {
	.lawyer_detail_area .profile_area .profile_cont {width:96% }
	.lawyer_detail_area .profile_area .img_area img {width:65%}
}

@media (max-width: 1500px) {
	.lawyer_detail_area .list_area .swiper-slide .item .lawyer_img img {width:93%;}
}

@media (max-width: 1300px) {
	.lawyer_detail_area .career_area .career {gap:8rem;}
	.lawyer_detail_area .profile_area .img_area img {width:70%}
	.lawyer_detail_area .profile_area .info .comment {font-size:2.6rem;}
	.lawyer_detail_area .list_area .swiper-slide {height:28rem;}
	.lawyer_detail_area .list_area .swiper-slide .item .lawyer_img img {width:100%;}
}

@media (max-width: 1200px) {
	.lawyer_detail_area .profile_area .img_area {width:45%;}
	.lawyer_detail_area .profile_area .img_area img {width:85%}
	.lawyer_detail_area .profile_area .info .name {font-size:2.6rem;}
	.lawyer_detail_area .profile_area .info .name span,
	.lawyer_detail_area .profile_area .info .name_e {font-size:5rem;}
	.lawyer_detail_area .career_area .history_area {width:83%;}
	.lawyer_detail_area .career_area .career .summary_area {min-width:auto;}
}

@media (max-width: 1100px) {
	.lawyer_detail_area .list_area .swiper-slide .item .lawyer_img img {width:113%;}
	.lawyer_detail_area .list_area .swiper-slide .item .name {padding:0 2rem 2rem 0}
}
@media (max-width: 960px) {
	.lawyer_detail_area .profile_area {height:78.125vw;}
	.lawyer_detail_area .profile_area .profile_cont {width:100%; }
	.lawyer_detail_area .profile_area .logo_on {bottom:-3.1250vw; width:68.1250vw;height:35.9375vw;}
	.lawyer_detail_area .profile_area .info {width:48%; bottom:7vw;}
	.lawyer_detail_area .profile_area .info .name_area {gap:2.5vw;}
	.lawyer_detail_area .profile_area .info .name {font-size:3vw;}
	.lawyer_detail_area .profile_area .info .name span {font-size:5.5vw;padding-bottom:1.5625vw;}
	.lawyer_detail_area .profile_area .info .name_e {font-size:4.5vw;padding-right:1.5625vw;}
	.lawyer_detail_area .profile_area .info .comment {font-size:3.75vw;margin-top:4vw;}
	.lawyer_detail_area .profile_area .img_area img {width:100%; padding-top:14.5625vw;}

	.lawyer_detail_area .career_area {margin-bottom:6.25vw;}
	.lawyer_detail_area .career_area .career {gap:10vw;flex-direction:column}
	.lawyer_detail_area .career_area .career .summary_area {width:100%; padding-top:0; border:none;}
	.lawyer_detail_area .career_area .career .summary_area .inner {position:relative; top:0;padding:0;}
	.lawyer_detail_area .career_area .career .summary_area h4 {font-size:4.6875vw;padding-bottom:3.1250vw;}
	.lawyer_detail_area .career_area .career .summary_area .keyword a {font-size: 3.5185vw; margin:1vw 0.5vw; padding:2vw 3vw;}
	.lawyer_detail_area .career_area .career .summary_area .certification { padding:7vw 0;}
	.lawyer_detail_area .career_area .career .summary_area .certification .info {padding-top:1.5vw; font-size: 3.5185vw; }
	.lawyer_detail_area .career_area .career .summary_area .certification ul {gap:4vw;}

	.lawyer_detail_area .career_area .history_area {width:100%;padding:6vw 0;}
	.lawyer_detail_area .career_area .history_area .message {font-size:3.75vw; padding-bottom:6.25vw;}
	.lawyer_detail_area .career_area .history_area .message br {display:none;}
	.lawyer_detail_area .career_area .history_area .lawyer_tab_nav li {width: calc(50% - 1vw);margin-right:1vw;}
	.lawyer_detail_area .career_area .history_area .lawyer_tab_nav li a {line-height:12.5vw;font-size:4.6875vw;;}
	.lawyer_detail_area .career_area .history_area .history_detail {padding:3vw 0 0;}
	.lawyer_detail_area .career_area .history_area .history_detail .history li {font-size:3.75vw; padding:1.2vw 2.2vw; }

	.lawyer_detail_area .list_area > h4 {font-size:4.6875vw;padding:4.6875vw 0;}
	.lawyer_detail_area .list_area .swiper-slide {height:35vw; }
	.lawyer_detail_area .list_area .swiper-slide .item .lawyer_img img {width:100%;}
	.lawyer_detail_area .list_area .swiper-slide .item .name {font-size:3vw; padding:0 3.125vw 3.125vw 0;}
	.lawyer_detail_area .list_area .swiper-slide .item .name span {font-size:3.75vw;}

}



/*FAQ*/
.faq__cont {display:flex; gap:8rem; justify-content:space-between;}
.faq__cont .faq_tit_area {position:sticky;top:13rem;width:47.8rem;height:70rem; max-height:78.7rem;background:#726b61 url(../images/sub/faq_img.jpg) no-repeat center bottom;background-size:cover;}
.faq__cont .faq_tit_area .faq_tit {padding:7rem 0 0 6rem;}
.faq__cont .faq_tit_area .faq_tit h3 {font-size:8rem; font-weight:500;color:#fff;}
.faq__cont .faq_tit_area .faq_tit p {font-size:2.4rem;color:#fff;}
.faq_area {width:calc(100% - 8rem - 47.8rem)}
.faq_area ul {border-top:1px solid #ddd;padding-bottom:6rem;}
.faq_area ul li {border-bottom:1px solid #ddd;}
.faq_area ul li .question { display:flex; gap:2rem;cursor: pointer; padding:3rem 2rem; background:url(../images/faq_arrow.svg) no-repeat right center; background-size:2.5rem; transition: all 0.1s ease-in-out;}
.faq_area ul li .question.on {background-image:url(../images/faq_arrow_up.svg);}
.faq_area ul li .question dl {display:flex; align-items:flex-start; gap:2rem; width:calc(100% - 3rem);}
.faq_area ul li .question dl dt {font-size:3rem; color:#c99e38; font-weight:800;}
.faq_area ul li .question dl dd {padding-top:0.4rem;}
.faq_area ul li .question dl dd .q_tit {font-size:2.4rem; font-weight:600;}
.faq_area ul li .question dl dd .hashtag {padding:0.5rem 0 0;}
.faq_area ul li .question dl dd .hashtag span {display:inline-block;position:relative; color:#666; font-size:1.8rem;}
.faq_area ul li .question dl dd .hashtag span + span {margin-left:1.5rem;}
.faq_area ul li .question dl dd .hashtag span::before {content:'#'; font-weight:200;}
.faq_area ul li .answer { display:none; background:#f8f8f8; line-height:1.6; padding:3rem 2rem; }
.faq_area ul li .answer dl {display:flex; align-items:flex-start; gap:2rem;}
.faq_area ul li .answer dl dt {font-size:3rem; color:#726b61; font-weight:800;}
.faq_area ul li .answer dl dd {padding-top:0.4rem;}


@media (max-width: 1300px) {
	.faq__cont {gap:4rem;}
	.faq_area {width:calc(100% - 4rem - 47.8rem)}
	.faq_area ul li .question dl dd {font-size:2.2rem;}
}

@media (max-width: 1160px) {
	.faq__cont .faq_tit_area {display:none;}
	.faq_area {width:100%;}
}

@media (max-width: 960px) {
	.faq__cont {display:block;}
	.faq_area ul {padding-bottom:9.375vw;}
	.faq_area ul li .question {gap:3.125vw;padding:4.6875vw 3.125vw; background-size:3.9063vw; background-position:right 7vw;}
	.faq_area ul li .question dl {gap:3.125vw;}
	.faq_area ul li .question dl dt {font-size:4.6875vw; }
	.faq_area ul li .question dl dd .q_tit {font-size:3.75vw;}
	.faq_area ul li .question dl dd .hashtag {padding:1vw 0;}
	.faq_area ul li .question dl dd .hashtag span {font-size:3.5185vw;}
	.faq_area ul li .answer { padding:4.6875vw 3.125vw; }
	.faq_area ul li .answer dl {gap:3.125vw;}
	.faq_area ul li .answer dl dt {font-size:4.6875vw;}
	.faq_area ul li .answer dl dd {font-size:3.5185vw}
}


/*법률가이드 -- 교통사고 형사사건 진행과정*/
.lawguide {position:relative;}
.lawguide .tab_lnb {display:flex; flex-wrap:wrap; /*justify-content:space-between; */align-items:center; gap:0.5rem;overflow:hidden;}
.lawguide .tab_lnb li { width:calc(100% / 2 - 0.5rem);border:1px solid #ddd; background:#f8f8f8;transition: all 0.3s ease-in-out;}
.lawguide .tab_lnb li a {display:block; line-height:5rem; text-align:center; font-size:1.8rem; font-weight:700; color:#666;}
.lawguide .tab_lnb li.active {border:1px solid var(--color-point-beige);background:var(--color-point-beige) !important; transition: all 0.3s ease-in-out;}
.lawguide .tab_lnb li.active a {color:#fff;}
.lawguide .tab_cont {padding-top:10rem;}

.lawguide .guide_area {position:relative;}
.lawguide .guide_area .g__tit {width:50rem;margin:0 auto; border:8px solid #eac161;}
.lawguide .guide_area .g__tit .tit {background:#fff; font-size:3rem; font-weight:700; line-height:8rem;}
.lawguide .guide_area .g__tit .info {padding:2rem 0;background:#f8f8f8 }
.lawguide .guide_area .g__tit .info span {position:relative; display:inline-block;font-size:2rem; text-align:left; padding-left:9rem;}
.lawguide .guide_area .g__tit .info span::before {content:''; position:absolute;left:0;top:50%; transform:translateY(-50%);width:6.7rem; height:7rem; background:url(../images/sub/guide_tit.png) no-repeat center;}

.lawguide .guide_area .g__box {position:relative;margin:5rem auto 0; padding-top:5rem;  display:flex;justify-content:center; gap:10rem;}
.lawguide .guide_area .g__box::before {content:''; position:absolute; top:-5rem; left:50%; transform:translateX(-50%); width:0.1rem; height:5rem;background:#999;  z-index:-1;}

.lawguide .guide_area .g__box ul {position:relative;margin:0 auto 5rem;}
.lawguide .guide_area .g__box ul::before {content:''; position:absolute; top:-5rem; left:50%; transform:translateX(-50%); width:0.1rem; height:5rem;background:#999; z-index:-1;}
.lawguide .guide_area .g__box ul li {background:#f8f8f8}

.lawguide .guide_area .g__box .g_inner {position:relative;margin:5rem auto 0; padding-top:5rem;  display:flex;justify-content:center; gap:6rem;}
.lawguide .guide_area .g__box .g_inner::before {content:''; position:absolute; top:-5rem; left:50%; transform:translateX(-50%); width:0.1rem; height:5rem;background:#999;  z-index:-1;}
.lawguide .guide_area .g__box .g_inner.ty2 {padding-top:0; gap:0.2rem; margin:10rem auto 0}
.lawguide .guide_area .g__box .g_inner.ty2::before {top:-10rem; left:50%;height:10rem;}
.lawguide .guide_area .g__box .g_inner.ty2::after {content:''; position:absolute; top:2.5rem; left:-10rem;  width:10rem; height:0.1rem;background:#999; z-index:-1;}
.lawguide .guide_area .g__box .g_inner.ty2 ul {width:calc(50% - 1px);}
.lawguide .guide_area .g__box .g_inner.ty2 ul::before{display:none; }
.lawguide .guide_area .g__box .g_inner.ty3 ul {width:calc(100% - 1px);}
.lawguide .guide_area .g__box .g_inner.ty3 {gap:0.1rem;} 

.lawguide .guide_area .gbl,
.lawguide .guide_area .gbr {position:relative;width:60rem;}

.lawguide .guide_area .gbl::before,
.lawguide .guide_area .gbr::before {content:''; position:absolute; top:-5rem; width:calc(50% + 5rem); height:0.1rem;background:#999;} 
.lawguide .guide_area .gbl::before {right:-5rem;}
.lawguide .guide_area .gbr::before {left:-5rem;} 

.lawguide .guide_area ul li.g_tit {line-height:6rem; color:#fff; font-weight:700; font-size:2.4rem; }
.lawguide .guide_area ul li.g_text {line-height:5rem; color:#fff; font-weight:700; font-size:2rem; }
.lawguide .guide_area ul li.g_t01 {background:#695d41;margin-bottom:0.2rem;}
.lawguide .guide_area ul li.g_t02 {background:#c99e38;}
.lawguide .guide_area ul li.tx {padding:2rem; font-weight:400; color:#666; line-height:1.4;}
.lawguide .guide_area ul li.tx.tx_ty01 {height:auto;}
.lawguide .guide_area ul li.tx.tx_ty02 {height:auto;}

.lawguide .guide_area ul li .li__tx {position:relative;display:block;padding-left:1rem;line-height:1.6;}
.lawguide .guide_area ul li .li__tx::before {content:'·';position:absolute;left:0;top:0;}

.lawguide .guide_area ul li.f_140 {height:16rem;}



@media (max-width: 1500px) {
	.lawguide .guide_area .g__box {gap:6rem;}
}

@media (max-width: 1400px) {
	.lawguide .guide_area .gbl, .lawguide .guide_area .gbr {width:50rem;}
}

@media (max-width: 1200px) {
	.lawguide .guide_area .gbl, .lawguide .guide_area .gbr {width:40rem;}
	.lawguide .guide_area .g__tit .tit {font-size:2.8rem;}
	.lawguide .guide_area .g__box .g_inner {gap:2rem;}
	.lawguide .guide_area ul li.g_text {font-size:1.8rem;}
	.lawguide .guide_area ul li.tx {font-size:1.6rem;}
	.lawguide .guide_area ul li.tx br {display:none;}
	.lawguide .guide_area ul li.tx.tx_ty01,
	.lawguide .guide_area ul li.tx.tx_ty02 {height:12rem;}
	.lawguide .guide_area ul li.g_tit {font-size:2.2rem;}
	.lawguide .guide_area ul li.f_140 {height:20rem;}
}


@media (max-width: 960px) {

	.lawguide .tab_lnb { gap:1vw;}
	.lawguide .tab_lnb li {width: calc(100% / 2 - 1vw); height:11.5vw; display:flex; justify-content:center; align-items:center;}
	.lawguide .tab_lnb li a {line-height:1.2;font-size:3.75vw;}

	.lawguide .tab_cont {padding-top:10vw;}

	.lawguide .guide_area .g__tit {width:62.5vw;border-width:1.25vw;}
	.lawguide .guide_area .g__tit .tit {font-size:3.75vw;line-height:12.5vw;}
	.lawguide .guide_area .g__tit .info {padding:3.125vw 0;}
	.lawguide .guide_area .g__tit .info span {font-size:3.5185vw;padding-left:0;text-align:center;}
	.lawguide .guide_area .g__tit .info span::before {display:none;}

	.lawguide .guide_area .g__box {margin:7.8125vw auto 0; padding-top:7.8125vw;gap:10vw;}
	.lawguide .guide_area .g__box::before {top:-7.8125vw;height:7.8125vw;}

	.lawguide .guide_area .g__box ul {margin:0 auto 7.8125vw;}
	.lawguide .guide_area .g__box ul::before {top:-7.8125vw;height:7.8125vw;}

	.lawguide .guide_area .g__box .g_inner {margin:7.8125vw auto 0; padding-top:7.8125vw;gap:3vw;}
	.lawguide .guide_area .g__box .g_inner::before {top:-7.8125vw;height:7.8125vw;}
	.lawguide .guide_area .g__box .g_inner.ty2 {margin:15.5vw auto 0;}
	.lawguide .guide_area .g__box .g_inner.ty2::before {top:-35.3vw;height:35.3vw;}
	.lawguide .guide_area .g__box .g_inner.ty2::after {top:4vw; left:-9vw;  width:10vw;}

	.lawguide .guide_area .gbl,
	.lawguide .guide_area .gbr {width:39.0625vw;}

	.lawguide .guide_area .gbl::before,
	.lawguide .guide_area .gbr::before {top:-7.8125vw; width:calc(50% + 7.8125vw); } 
	.lawguide .guide_area .gbl::before {right:-7.8125vw;}
	.lawguide .guide_area .gbr::before {left:-7.8125vw;} 

	.lawguide .guide_area ul li.g_tit {line-height:12vw; font-size: 3.5185vw; }
	.lawguide .guide_area ul li.g_text {line-height:1.2;font-size: 3.5185vw; padding:2vw 0; }
	.lawguide .guide_area ul li.tx {padding:3.125vw; font-size: 3.5185vw;}
	.lawguide .guide_area ul li.tx.tx_ty01 {height:42vw;}
	.lawguide .guide_area ul li.tx.tx_ty02 {height:46vw;}

	.lawguide .guide_area ul li .li__tx {padding-left:1.5625vw;}
	.lawguide .guide_area ul li.f_140 {height:86.875vw;}

}


/*-------법률가이드 음주단속사건 진행과정*/
.lawguide_area {position:relative; margin:0 auto;}
.lawguide_area .swiper {overflow:visible;padding-bottom:5rem;}
.lawguide_area .swiper-slide {background:#f8f8f8;height:38rem;overflow:hidden; }
.lawguide_area .swiper-slide .drinking {position:relative; width:100%; height:100%; text-align:center; }
.lawguide_area .swiper-slide .drinking::after {content:''; position:absolute; left:0;right:0;top:0;bottom:0;border:8px solid #ddd; opacity:0.5; z-index:2;}
.lawguide_area .swiper-slide .drinking h5 {background:#fff; height:10rem; display:flex; align-items:center; justify-content:center;}
.lawguide_area .swiper-slide .drinking h5 span {position:relative; display:inline-block; font-size:2.4rem; font-weight:700; line-height:1.3; padding-left:3.5rem; margin-top:0.8rem;}
.lawguide_area .swiper-slide .drinking h5 span::before {content:''; position:absolute; left:0;top:0.3rem;width:2.6rem; height:2.6rem; background:url(../images/sub/i01.png) no-repeat center;background-size:cover;}

.lawguide_area .swiper-slide .drinking dl {display:flex;flex-direction:column;}
.lawguide_area .swiper-slide .drinking dl dt {background:#695d41; line-height:6rem; color:#fff; font-size:2.2rem; font-weight:700;}
.lawguide_area .swiper-slide .drinking dl dd {padding:3rem 2rem; font-size:2rem;}
.lawguide_area .swiper-slide .drinking dl dd .i_img {width:7.6rem;padding:3rem 0;margin:0 auto;}

/*.lawguide_area .swiper-pagination-bullet-active {background:#eac161;}*/
.lawguide_area .swiper-slide-active .drinking::after {border-color:#eac161;opacity:1;}

.lawguide_area .swiper-horizontal>.swiper-pagination-bullets, 
.lawguide_area .swiper-pagination-bullets.swiper-pagination-horizontal {bottom:0;}


@media (max-width: 960px) {
	.lawguide_area .swiper {padding-bottom:7.8125vw;}
	.lawguide_area .swiper-slide {height:59.3750vw; }
	.lawguide_area .swiper-slide .drinking::after {border-width:1.25vw;}
	.lawguide_area .swiper-slide .drinking h5 {height:15.625vw;}
	.lawguide_area .swiper-slide .drinking h5 span {font-size:3.75vw;padding-left:5.4688vw; margin-top:1.25vw;}
	.lawguide_area .swiper-slide .drinking h5 span::before {top:0.4688vw;width:4.0625vw;height:4.0625vw;}

	.lawguide_area .swiper-slide .drinking dl dt {line-height:9.3750vw;font-size:3.5185vw;}
	.lawguide_area .swiper-slide .drinking dl dd {padding:4.6875vw 3.125vw; font-size:3.5185vw;}
	.lawguide_area .swiper-slide .drinking dl dd .i_img {width:11.8750vw;padding:4.6875vw 0;}
}


/* 변호사 TIP*/
.tip_area  {position:relative; display:flex;flex-wrap:wrap;gap:10rem 0;}
.tip_area .box {width:50%;}
.tip_area .box > dl {display:flex;gap:3rem;}
.tip_area .box > dl dt {font-size:10rem; font-weight:900; color:#fbf3e5; line-height:1;}
.tip_area .box > dl dd > h4 {font-size:4rem; font-weight:700; padding-bottom:2.5rem;}
.tip_area .box > dl dd .tx p {font-size:2rem; line-height:1.3; padding-top:1.6rem;}
.tip_area .box > dl dd .tx p:first-child {padding-top:0;}
.tip_area .box > dl dd .tx p i {color:#c99e38; font-weight:800;}
.tip_img {margin-top:10rem; width:100%; height:25rem; overflow:hidden; background:url(../images/sub/tip_bottom.jpg) no-repeat center; background-size:cover;}

@media (max-width: 1500px) {
	.tip_area .box > dl dd > h4 {font-size:3.4rem;}
}

@media (max-width: 1300px) {
	.tip_area .box > dl {gap:2rem;}
	.tip_area .box > dl dt {font-size:8rem;}
	.tip_area .box > dl dd > h4 {font-size:3rem;}
}

@media (max-width: 960px) {
	.tip_area {gap:14.0625vw}
	.tip_area .box {width:100%;}
	.tip_area .box > dl {gap:4.6875vw}
	.tip_area .box > dl dd > h4 > br,
	.tip_area .box > dl dd .tx p > br {display:none;}

	.tip_area .box > dl dt {font-size:15.625vw;}
	.tip_area .box > dl dd > h4 {font-size:5.3125vw;padding-bottom:3.9063vw;}
	.tip_area .box > dl dd .tx p {font-size:3.5185vw;padding-top:2.5vw;}
}


/*업무분야*/
.field1 {position:relative;height:40rem; background:url(/crime/images/sub/field_bg.jpg) no-repeat center/cover; display:flex; overflow:hidden;}
.field1::after {content:''; position:absolute; top:0;right:0; width:100%; height:100%; background:#fff; animation: onfield_bg 1s both ease-in-out; }
.field1 .text_area {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:3rem; margin:0 auto; }
.field1 .text_area dt {display:flex;align-items:center; justify-content:center; width:23rem; height:23rem; background:rgba(201,158,56,0.5);border-radius:100%;  overflow:hidden;}
.field1 .text_area dt > span {color:#fff; font-size:4rem; font-weight:300;}
.field1 .text_area dd > p,
.field1 .text_area dd > em {color:#fff; font-size:2rem; line-height:1.5; font-weight:300;}
.field1 .text_area dd > em {display:block; padding-top:3rem; font-weight:700;font-size:2.4rem;}
.field1 .text_area dd > em b {color:#eac161}

.field2 {padding-top:5rem; }
.field2 .tab_nav {display:flex; flex-wrap:wrap; /*justify-content:space-between; */align-items:center; gap:0.5rem;overflow:hidden;}
.field2 .tab_nav li { width:calc(100% / 4 - 0.5rem);border:1px solid #ddd; background:#f8f8f8;transition: all 0.3s ease-in-out;}
.field2 .tab_nav li a {display:block; line-height:5rem; text-align:center; font-size:1.8rem; font-weight:700; color:#666;}
.field2 .tab_nav li.active {border:1px solid var(--color-point-beige);background:var(--color-point-beige) !important; transition: all 0.3s ease-in-out;}
.field2 .tab_nav li.active a {color:#fff;}

.field2 .tab_cont {padding-top:6rem;}
.field2 .tab_cont .cont {display:none;}
.field2 .tab_cont .info {/*display:flex; align-items:flex-start; gap:3rem;*/ padding-bottom:2rem;}
.field2 .tab_cont .info .tit {font-size:3rem; font-weight:700;}
.field2 .tab_cont .info .tx {font-size:1.8rem; color:#666; padding-top:1rem; line-height:1.6;}
.field2 .tab_cont .info .tx span {position:relative;display:inline; background:url(/crime/images/sub/tx_bg.jpg) repeat-x 0 1.1rem; background-size:cover; font-weight:500; color:var(--color-base);}


.table_area th,
.table_area td {font-size:1.8rem;text-align:center; line-height:1.6; font-weight:500;}

.table_area thead th {background-color:#47392d; height:5rem; color:#fff; }
.table_area tbody th {background-color:#f8f8f8;  border-bottom:1px solid #ddd;}
.table_area tbody td {padding:2rem 1rem;border-bottom:1px solid #ddd; border-left:1px solid #ddd;}
.table_area tbody td.tl {text-align:left;padding-left:3rem;}
.table_area .tx_point {color: var(--color-point-beige); font-weight:500;}
.table_area .tx_exp {color:#666; padding-top:1rem; font-size:1.6rem;}
.table_area .tx_tit {padding-top:1rem; font-weight:700; padding-bottom:0.8rem;}

.table_area .td-item {text-align:left;}
.table_area .td-item li {position:relative;padding:0 0 1rem 1rem;;}
.table_area .td-item li:last-child {padding-bottom:0;}
.table_area .td-item li::before {content:"·";position:absolute; left:0;top:0;}
.table_area .td-item li p {padding-top:1rem;}


@media (max-width: 1500px) {
	.field1 .text_area {flex-direction:column;}
	.field1 .text_area dt {width:100%; background:transparent; height:auto}
	.field1 .text_area dd {text-align:center;}
	.table_area thead th,
	.table_area tbody th,
	.table_area tbody td {word-break:break-all;}
}

@media (max-width: 1400px) {
	/*.field2 .tab_nav li { width:calc(100% / 4 - 0.5rem)}*/
}



@media (max-width: 960px) {

	.field2 .tab_nav { gap:1vw;}
	.field2 .tab_nav li {width: calc(100% / 3 - 1vw); height:11.5vw; display:flex; justify-content:center; align-items:center;}
	.field2 .tab_nav li a {line-height:1.2;font-size:3.75vw;}

	.field1 { height:57vw;}
	.field1 .text_area {gap:3vw;}
	.field1 .text_area dt > span {font-size:5.625vw;} 
	.field1 .text_area dd > p, .field1 .text_area dd > em {font-size:3.75vw;line-height:1.3; padding:0 2vw;}
	.field1 .text_area dd > em {padding-top:2vw;}


	.field1 .text_area p {font-size:3.75vw;}
	.field1 .text_area .info {padding:3.9063vw 0 4.6875vw}
	.field1 .img_area {width:100%; height:48.75vw;}
	.field2 {padding-top:7.8125vw;}
	.field2 .tab_cont {padding-top:10vw;}
	.field2 .tab_cont .info {padding-bottom:3vw;}
	.field2 .tab_cont .info .tit {font-size:4.6875vw;}
	.field2 .tab_cont .info .tx {font-size:3.5185vw;}
	.field2 .tab_cont .info .tx span {display:inline;}
	.field2 .tab_cont .info .tx span::before {display:none;}

	.table_area tbody td {padding:2vw 1vw;}
	.table_area tbody td.tl {padding-left:1vw; }
	.table_area .td-item li p {padding-top:1vw;}
	.table_area .td-item li {padding:0 0 1vw 2vw;}
	.table_area .tx_exp {font-size:3.5185vw; padding-top:2vw;}
	.table_area thead th,
	.table_area tbody th,
	.table_area tbody td {font-size:3.75vw;}

}



/*업무분야 new 241128*/
.field {position:relative;padding:5rem 0 0;}
.field .tab_nav {display:flex; flex-wrap:wrap; align-items:center; gap:1rem;overflow:hidden;}
.field .tab_nav li { width:calc((100% - 4rem) / 5);border:1px solid var(--color-point-beige); border-radius:50rem;transition: all 0.3s ease-in-out;}
.field .tab_nav li a {display:block; line-height:5rem; text-align:center; font-size:2rem; font-weight:700; color:#666;}
.field .tab_nav li.active {border:1px solid var(--color-point-beige);background:var(--color-point-beige) !important; transition: all 0.3s ease-in-out;}
.field .tab_nav li.active a {color:#fff;}

.field .tab_cont .cont {display:none;}
.field .tab_cont .field_tit_header {padding:8rem 0 4rem;}
.field .tab_cont .field_tit_header h4 {font-size:4rem; font-weight:700;}
.field .tab_cont .field_tit_header .box {position:relative; margin-top:4rem; display:flex; align-items:center; justify-content:center; height:25.3rem;background:#000 url(../images/sub/field_box_bg01.jpg) center / cover no-repeat;}
.field .tab_cont .field_tit_header .box.f02 {background-image:url(../images/sub/field_box_bg02.jpg)}
.field .tab_cont .field_tit_header .box.f03 {background-image:url(../images/sub/field_box_bg03.jpg)}
.field .tab_cont .field_tit_header .box.f04 {background-image:url(../images/sub/field_box_bg04.jpg)}
.field .tab_cont .field_tit_header .box.f05 {background-image:url(../images/sub/field_box_bg05.jpg)}
.field .tab_cont .field_tit_header .box.f06 {background-image:url(../images/sub/field_box_bg06.jpg)}
.field .tab_cont .field_tit_header .box.f07 {background-image:url(../images/sub/field_box_bg07.jpg)}
.field .tab_cont .field_tit_header .box.f08 {background-image:url(../images/sub/field_box_bg08.jpg)}
.field .tab_cont .field_tit_header .box.f09 {background-image:url(../images/sub/field_box_bg09.jpg)}
.field .tab_cont .field_tit_header .box.f10 {background-image:url(../images/sub/field_box_bg10.jpg)}
.field .tab_cont .field_tit_header .box p {text-align:center; font-size:2.4rem; font-weight:500; line-height:1.5;color:#fff; padding:0 3rem;}
.field .tab_cont .field_tit_header .box p > span{display:inline;background-color:rgba(201,158,56,.5); }

.field .tab_cont .field_box {position:relative; display:flex; flex-wrap:wrap; }

.field .tab_cont .field_box .tit_area,
.field .tab_cont .field_box .view_area {padding:6rem 0; border-top:0.3rem solid #ddd;}

.field .tab_cont .field_box .tit_area {width:30%;border-color:var(--color-point-beige);}
.field .tab_cont .field_box .tit_area > p {font-size:3.2rem; font-weight:700; letter-spacing:-0.05em;}
.field .tab_cont .field_box .view_area {width:70%;padding-left:3rem; }

.field .tab_cont .field_box .view_area .i_bullet {position:relative;padding-left:4rem;font-size:2.4rem; font-weight:700;line-height:1.5; }
.field .tab_cont .field_box .view_area .i_bullet::before {content:'';position:absolute; left:0;top:0.3rem;width:2.4rem; height:3rem; background:url(../images/sub/i06.png) center / 100% no-repeat; }

.field .tab_cont .field_box .view_area p.i_bullet {padding-bottom:1rem;}

.field .tab_cont .field_box .view_area .i_dot {position:relative;padding-left:1.5rem;font-size:2rem; line-height:1.5; margin-bottom:1rem;}
.field .tab_cont .field_box .view_area .i_dot::before {content:'';position:absolute; left:0;top:1.3rem;width:0.5rem; height:0.5rem; background-color:var(--color-point-beige);border-radius:50%;}

.field .tab_cont .field_box .view_area dl {margin-bottom:4rem; display:flex; gap:0.5rem;flex-direction:column;}
.field .tab_cont .field_box .view_area dl:last-child {margin-bottom:0}
.field .tab_cont .field_box .view_area dl dt {position:relative;font-size:2.4rem; font-weight:700;line-height:1.5; }

.field .tab_cont .field_box .view_area dl dt > span {display:inline-block; width:3rem; height:3rem; border-radius:50%; background-color:var(--color-point-beige); color:#fff; font-size:2.2rem; text-align:center; margin-right:1rem;}


.field .tab_cont .field_box .view_area dl dd {font-size:2rem; line-height:1.5; color:#666; padding-left:4rem;}
.field .tab_cont .field_box .view_area dl dd b {color:#111; font-weight:700; }

.field .tab_cont .field_box .view_area .tx_info {font-size:2.2rem; font-weight:400; line-height:1.5; }
.field .tab_cont .field_box .view_area h5 {display:block;font-size:2.8rem; font-weight:700; color:var(--color-point-beige); padding:6rem 0 4rem;}

.field .tab_cont .field_box .view_area .table-item {margin-top:1rem; display:flex; flex-direction:column; gap:0.5rem;}
.field .tab_cont .field_box .view_area .table-item li {display:flex; flex-wrap:wrap;  background-color:#f1f1f1; color:#111;}
.field .tab_cont .field_box .view_area .table-item li span {display:block;padding:0.8rem 2rem;}
.field .tab_cont .field_box .view_area .table-item li span:first-child {width:28rem; background-color:#695d41; color:#fff; font-weight:700; text-align:center; display:flex; align-items: center; justify-content:center;} 
.field .tab_cont .field_box .view_area .table-item li span:last-child {width:calc(100% - 28rem);}


.field .tab_cont  .message_box {position:relative; background-color:#f8f8f8; border:1px solid #ddd; display:flex; flex-wrap:wrap; justify-content:space-between;}
.field .tab_cont  .message_box::before {content:''; position:absolute; left:6rem; top:-2.4rem;width:3.8rem; height:3.3rem; background-image:url(../images/sub/i08.png); background-size:100%;}
.field .tab_cont  .message_box > p {width:calc(100% - 32rem);font-size:2.2rem; line-height:1.5;padding:3rem 6rem;}
.field .tab_cont  .message_box > a { width:32rem; display:flex; align-items:center; justify-content:center; background-color:var(--color-point-beige); text-align:center;}
.field .tab_cont  .message_box > a span {position:relative;display:inline-block;color:#fff; font-size:2.8rem; font-weight:800; padding-right:4rem;}
.field .tab_cont  .message_box > a span::after {content:''; position:absolute; right:0;top:50%;transform:translateY(-50%);width:2.8rem; height:2.8rem; background-image:url(../images/sub/i07.png); background-size:100%;}


@media (max-width: 1500px) {
	.field .tab_nav li a {font-size:1.8rem;}
	.field .tab_cont .field_box .view_area .tx_info br,
	.field .tab_cont .field_box .view_area dl dd br,
	.field .tab_cont .message_box > p br {display:none;}
}

@media (max-width: 1300px) {
	.field .tab_cont .field_tit_header h4 {font-size:3.6rem;}
	.field .tab_cont .field_tit_header .box {height:24rem;}
	.field .tab_cont .field_tit_header .box p {font-size:2.2rem;}
	.field .tab_cont .field_box .tit_area {width:20%;}
	.field .tab_cont .field_box .tit_area > p {font-size:2.8rem;}
	.field .tab_cont .field_box .view_area {width:80%; padding-right:3rem;}
	.field .tab_cont .message_box::before {left:3rem;}
	.field .tab_cont .message_box > p {padding:3rem; font-size:2rem;}
}

@media (max-width: 1200px) {
	.field .tab_cont .field_tit_header .box p br {display:none;}
	.field .tab_cont .field_box .tit_area > p {font-size:2.4rem;}
	.field .tab_cont .field_box .view_area {padding-right:0;}
	.field .tab_cont .field_box .view_area dl dt {font-size:2.2rem;}
}

@media (max-width: 960px) {
	.field {padding:7.8125vw 0 0;}
	.field .tab_nav {gap:1.5625vw;}
	.field .tab_nav li { width:calc((100% - 1.5625vw) / 2);}
	.field .tab_nav li a {line-height:7.8125vw; font-size:3.75vw;}
	.field .tab_cont .field_tit_header {padding:10vw 0 6.25vw;}
	.field .tab_cont .field_tit_header h4 {font-size:6.25vw;}
	.field .tab_cont .field_tit_header .box {margin-top:6.25vw; height:auto;}
	.field .tab_cont .field_tit_header .box p {font-size:3.75vw; padding:4.6875vw}


	.field .tab_cont .field_box .tit_area,
	.field .tab_cont .field_box .view_area {padding:5vw 0; border:none;}

	.field .tab_cont .field_box .tit_area {width:100%; background-color:#4c475d;color:#fff; padding:2vw 0; text-align:center;}
	.field .tab_cont .field_box .tit_area > p {font-size:5vw;}
	.field .tab_cont .field_box .tit_area > p > br {display:none;}
	.field .tab_cont .field_box .view_area {width:100%;padding-left:0;}
	
	.field .tab_cont .field_box .view_area .i_bullet {padding-left:6.25vw;font-size:4.6875vw;}
	.field .tab_cont .field_box .view_area .i_bullet::before {top:1vw;width:3.75vw; height:4.6875vw;}
	.field .tab_cont .field_box .view_area p.i_bullet {padding-bottom:1.5625vw;}
	
	.field .tab_cont .field_box .view_area .i_dot {font-size:3.9063vw;padding-left:2.2vw;}
	.field .tab_cont .field_box .view_area .i_dot::before {top:2vw;width:0.8vw; height:0.8vw;}

	.field .tab_cont .field_box .view_area dl {margin-bottom:6.25vw}
	.field .tab_cont .field_box .view_area dl dt {font-size:4.6875vw;}
	
	.field .tab_cont .field_box .view_area dl dt > span {width:5.2vw; height:5.2vw;font-size:4vw; margin-right:1.5625vw;}
	/*
	.field .tab_cont .field_box .view_area dl dt > i {width:3.75vw; height:4.6875vw; margin-right:1.5625vw; background-position:center  0;}
	*/

	.field .tab_cont .field_box .view_area dl dd, 
	.field .tab_cont .field_box .view_area .tx_info {font-size:3.9063vw; padding-left:6.25vw;}
	.field .tab_cont .field_box .view_area h5 {font-size:4.6875vw;padding:9.375vw 0 6.25vw;}

	.field .tab_cont .field_box .view_area .table-item {margin-top:1.5625vw;gap:0.7813vw;}
	.field .tab_cont .field_box .view_area .table-item li span {padding:1.25vw 3.125vw;}
	.field .tab_cont .field_box .view_area .table-item li span:first-child {width:35%;} 
	.field .tab_cont .field_box .view_area .table-item li span:last-child {width:65%;}

	.field .tab_cont  .message_box::before {left:4.6875vw; top:-4vw;width:5.9375vw; height:5.1563vw;}
	.field .tab_cont  .message_box > p {width:100%;font-size:3.9063vw; padding:4.6875vw;}
	.field .tab_cont  .message_box > a { width:100%;padding:4.6vw 0;}
	.field .tab_cont  .message_box > a span {font-size:6vw;padding-right:8.25vw;}
	.field .tab_cont  .message_box > a span::after {width:6.2vw; height:6.2vw;}
}



/*전문법률상담*/
.counsel {position:relative;}
.counsel .counsel_info {position:relative; height:80rem;background:url(../images/sub/counsel_bg.jpg) no-repeat center/cover;}
.counsel .counsel_info .text_area {padding:8rem 0 0 8rem;}
.counsel .counsel_info .text_area span {color:#eac161;}
.counsel .counsel_info .text_area h4 {font-size:5rem; font-weight:700;color:#fff;}
.counsel .counsel_info .text_area h4 > span {display:block;font-weight:900; }
.counsel .counsel_info .text_area > p {padding-top:3rem; font-size:2.4rem; color:#fff; line-height:1.4; }
.counsel .counsel_info .text_area > p > span {font-weight:800;}

.counsel .counsel_write {position:absolute; right:11rem; bottom:0; width:70rem; background:#fff; padding:6rem 6rem 3rem; box-shadow:0px -2rem 3rem rgba(0,0,0,0.2);}
.counsel .counsel_write h5 {font-size:3rem; font-weight:700;}
.counsel .counsel_write .form_area {padding-top:5rem;}
.counsel .counsel_write .form_area dl {display:flex; align-items:center; margin-bottom:1rem;}
.counsel .counsel_write .form_area dl dt {font-weight:700; width:20%;}
.counsel .counsel_write .form_area dl dd {position:relative; width:80%;}

.counsel .counsel_write .form_area input,
.counsel .counsel_write .form_area textarea,
.counsel .counsel_write .form_area select {font-size:1.8rem; color:#666; font-weight:500;}

.counsel .counsel_write .form_area input[type="text"] {width:100%;padding:0 2rem; border:1px solid #ddd; line-height:5rem;height:5rem;}
.counsel .counsel_write .form_area textarea {border:1px solid #ddd; padding:0.5rem 2rem; color:#000;  line-height:1.4; width:100%;height:100%; vertical-align:middle;}

.counsel .counsel_write .form_area select {appearance:none; -webkit-appearance: none; -moz-appearance: none; border:1px solid #ddd; width:100%; padding:1.5rem; }
.counsel .counsel_write .form_area .select_arrow {position: absolute; top: 50%; transform: translateY(-50%); right: 1.5rem;width: 1rem;height: 1rem; background-repeat: no-repeat;  background-position: center;  background-size: 100% auto;  background-image: url(/crime/images/select_arrow_gray.png); pointer-events: none;}
select::-ms-expand { display:none;}


.counsel .counsel_write .form_area .agree_cont {margin:2rem 0 3rem;}
.counsel .counsel_write .form_area .bt_counsel {width:100%;}

/*250211 사건분야 라디오버튼으로 변경*/
.counsel .counsel_write .form_area .field_list {display:flex;flex-wrap:wrap;gap:1.5rem 0; padding:2rem 0;}
.counsel .counsel_write .form_area .field_list li {width:50%;}

.counsel .counsel_write .form_area .field_list input[type="radio"] {display:none;}
.counsel .counsel_write .form_area .field_list input[type="radio"] + label { display:flex; align-items:center; cursor:pointer;}

.counsel .counsel_write .form_area .field_list input[type="radio"] + label span {  position:relative;display:inline-block;  width:24px;  height:24px;  margin:-2px 10px 0 0;   border:2px solid #ddd; border-radius:50%;   cursor:pointer;}
.counsel .counsel_write .form_area .field_list input[type="radio"]:checked + label span { border-color:#c99e38;}
.counsel .counsel_write .form_area .field_list input[type="radio"]:checked + label span:after {content:'';position:absolute;left:50%;top:50%;transform:translate(-50%,-50%); width:60%;height:60%;background:#c99e38;border-radius:50%;}



@media (max-width: 1500px) {
	.counsel .counsel_write {right:6rem;}
}

@media (max-width: 1400px) {
	.counsel .counsel_info .text_area {padding-left:6rem;}
	.counsel .counsel_info .text_area h4 {font-size:4.2rem;}
	.counsel .counsel_info .text_area > p {font-size:2.2rem;}
	.counsel .counsel_write {width:64rem;}
}

@media (max-width: 1200px) {
	.counsel .counsel_info .text_area {padding-left:5rem;}
	.counsel .counsel_info .text_area h4 {font-size:3.6rem;}
	.counsel .counsel_info .text_area > p {font-size:2rem;}
	.counsel .counsel_write {width:58rem;}
}

@media (max-width: 1100px) {
	.counsel .counsel_info .text_area > p {font-size:1.8rem;}
	.counsel .counsel_write {right:4rem; width:50rem; padding:4rem;}
}

@media (max-width: 960px) {
	.counsel .counsel_info {height:auto;}
	.counsel .counsel_info .text_area {padding:5vw;}
	.counsel .counsel_info .text_area h4 {font-size:5.625vw; text-align:center;}
	.counsel .counsel_info .text_area h4 > span {/*display:inline-block;*/}
	.counsel .counsel_info .text_area > p {font-size:3.75vw; text-align:center; padding-top:5vw}
	.counsel .counsel_write {position:relative; width:100%; right:auto; padding:5vw 0;box-shadow:none;}
	.counsel .counsel_write h5 {display:none;}
	.counsel .counsel_write .form_area {padding-top:0;}
	.counsel .counsel_write .form_area dl {margin-bottom:1.5625vw;flex-direction:column;}
	.counsel .counsel_write .form_area dl dt {font-size:3.75vw;} 
	.counsel .counsel_write .form_area input, 
	.counsel .counsel_write .form_area textarea, 
	.counsel .counsel_write .form_area select {font-size:4.2vw;}
	.counsel .counsel_write .form_area dl {padding-bottom:5vw;}
	.counsel .counsel_write .form_area dl dt,
	.counsel .counsel_write .form_area dl dd {width:100%}
	.counsel .counsel_write .form_area dl dt {padding-bottom:2vw;}

	.counsel .counsel_write .form_area input[type="text"],
	.counsel .counsel_write .form_area select {height:auto; padding:0 3vw; line-height:9vw;}
	.counsel .counsel_write .form_area .select_arrow {width:3vw; height:3vw;}
	.counsel .counsel_write .form_area textarea {padding:2vw 3vw; }

	.counsel .counsel_write .form_area .agree_cont {margin:0 0 6.25vw 0}
	
	.counsel .counsel_write .form_area .field_list {gap:2vw 0; padding:0;}
	.counsel .counsel_write .form_area .field_list input[type="radio"] + label span {width:3.75vw;height:3.75vw;}
	.counsel .counsel_write .form_area .field_list li {font-size:3.75vw}

}



/*btn----------------*/
.bt_area {position:relative;}

/*__소개페이지내*/
.bt__s {display:inline-block; position:relative; padding:0 3.5rem;border:1px solid rgba(140,122,80,0.5); transition: all 0.3s ease-in-out;}
.bt__s > span { position:relative;font-size:2rem; padding-right:5rem; line-height:6rem; font-weight:700;color:#8c7a50;}
.bt__s > span::after {content:''; position:absolute;right:0;top:50%; transform:translateY(-50%);width:1rem; height:1.8rem; background:url(/crime/images/bt_next_g.svg) no-repeat center; animation:right_ani 1.3s ease infinite;}
.bt__s:hover {background-color:#c99e38; border-color:#c99e38; transition: all 0.5s ease-in-out; }
.bt__s:hover span {color:#fff;}
.bt__s:hover > span::after {background-image:url(/crime/images/bt_next_w.svg);}

	@keyframes right_ani {
	  0% {transform: translateX(-10px) translateY(-50%); }
	  50% {transform: translateX(0) translateY(-50%); }
	  100% {transform: translateX(-10px) translateY(-50%); }
	}



/*__리스트*/
.bt_type_list {position:relative;display:inline-block; z-index:1; background:#c99e38; padding:0 6rem}
.bt_type_list > span {display:inline-block; position:relative; font-size:1.8rem; font-weight:700; color:#fff; line-height:6rem; padding-left:3.5rem;  opacity:1; transition: all 0.3s ease-in-out;}
.bt_type_list > span::before {content:'';position:absolute;top:0;left:0;width:100%;height:100%; background: url(../images/bt_list.svg) no-repeat;  background-size:2.3rem 1.9rem; background-position:0 center; z-index:-1; transition: all 0.3s ease-in-out;}

.bt_type_list:hover {background-color:#c99e38;transition: all 0.3s ease-in-out;}

/*__글쓰기*/
/*
.bt_type_counsel {position:relative;display:inline-block; z-index:1;background:#47392d;text-align:center;padding:0 6rem;transition: all 0.3s ease-in-out;}
.bt_type_counsel > span {display:inline-block; position:relative;font-size:1.8rem; font-weight:700; color:#fff; line-height:6rem; padding-left:3rem;  transition: all 0.3s ease-in-out;}
.bt_type_counsel > span::before {content:'';position:absolute;top:50%;left:0; transform:translateY(-50%); width:2.2rem; height:2.2rem; background-image:url(../images/bt_write.svg); background-size:100%; }
.bt_type_counsel:hover {background:var(--color-point-light-beige);}
*/

/*__신청하기*/
.bt_counsel {position:relative; display:inline-block;background:#c99e38;transition: all 0.3s ease-in-out;}
.bt_counsel > span {display:inline-block; position:relative;font-size:2.4rem; font-weight:700; color:#fff; line-height:6rem;  padding-right:4rem;transition: all 0.3s ease-in-out;}
.bt_counsel > span::after {content:''; display:inline-block;position:absolute;top:50%;transform:translateY(-50%);right:0; width:1.8rem; height:1.2rem; background:url(/crime/images/btn_arrow_white.svg) no-repeat center/100%; animation:right_ani 1.3s ease infinite; }
.bt_counsel:hover {background:#47392d;}

/*__상담하러가기*/
.bt_go_counsel {position:relative;display:inline-block; z-index:1; background:#5a4a24; width:100%; text-align:center;}
.bt_go_counsel > span {display:inline-block; position:relative; font-size:1.8rem; font-weight:700; color:#fff; line-height:6rem; padding-right:3.5rem;  opacity:1; transition: all 0.3s ease-in-out;}
.bt_go_counsel > span::after {content:'';position:absolute;top:50%;transform:translateY(-50%);right:0;width:2rem;height:1.8rem; background: url(../images/btn_arrow.svg) no-repeat;  background-size:100%; background-position:0 center; z-index:-1; }

.bt_go_counsel:hover {background-color:#c99e38;transition: all 0.3s ease-in-out;}



@media (max-width: 960px) {
	.bt__s {padding:0 4.6875vw;}
	.bt__s > span { font-size:3.75vw; padding-right:7.8125vw; line-height:12.5vw;}
	.bt__s > span::after {width:1.5625vw; height:2.8125vw;}

	.bt_type_list {padding:0; width:90%;}
	.bt_type_list > span {font-size:3.5185vw;line-height:11.4375vw; padding-left:10.1563vw;}
	.bt_type_list > span::before {width:3.5938vw;background-size:3.5938vw 2.9688vw;  }

	.bt_type_counsel {padding:0; width:100%;}
	.bt_type_counsel span {font-size:5.3125vw; line-height:12.5vw; padding-left:6.6875vw}
	.bt_type_counsel > span::before {width:4.6875vw; height:4.6875vw;}

	.bt_counsel > span {font-size:5.3125vw; line-height:12.5vw;  padding-right:7.8125vw;}
	.bt_counsel > span::after {width:4.6875vw; height:4.6875vw;}

	.bt_go_counsel > span  {font-size:3.5185vw;line-height:12.4375vw;}
	.bt_go_counsel > span::after {width:4vw;}
}



/*------------------게시판 리스트 --------------------*/

.list_area, .view_area {position:relative;}

/*리스트01 언론보도,감사후기*/
.list_area .list_ty01 {display:flex; flex-wrap:wrap; gap:6rem 4rem; padding-bottom:8rem;}
.list_area .list_ty01 li {position:relative; width:calc((100% - 12rem) / 4); }
.list_area .list_ty01 li a {display:block; position:absolute; top:0;bottom:0;left:0;right:0; z-index:2;}
.list_area .list_ty01 li a::after {content:''; position:absolute;top:0;bottom:0;left:0;right:0;}
.list_area .list_ty01 li .img_area {height:26rem; width:100%; overflow:hidden;background:#ddd;}
/*.list_area .list_ty01 li .img_area_c {height:34.5rem;}*/
.list_area .list_ty01 li .img_area_c img,
.list_area .list_ty01 li .img_area img {min-height:100%; height:100%; object-fit:cover;transition: 0.5s;}
.list_area .list_ty01 li .case {position:absolute; left:1.5rem; top:1.5rem; background:#c99e38; color:#fff; font-size:1.8rem; font-weight:800; line-height:2.8rem; padding:0 1rem; z-index:1;}
.list_area .list_ty01 li .text_area {padding:2rem 0;}
.list_area .list_ty01 li .text_area.youtube {padding:0.5rem 0 2rem ;}
.list_area .list_ty01 li .text_area .tit {font-size:2rem; font-weight:600; line-height:1.4; display: -webkit-box; -webkit-box-orient: vertical;  -webkit-line-clamp: 2; margin-top:1rem; overflow: hidden;}
.list_area .list_ty01 li .text_area .tit.clamp1 { -webkit-line-clamp: 1;}
.list_area .list_ty01 li .text_area .txt { color: #666; text-overflow: ellipsis; font-size: 1.6rem; font-weight: 400; line-height: 1.4; margin-bottom: 3rem; display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp: 2;  overflow: hidden;  word-break: break-all;  transition: 0.5s;}

.list_area .list_ty01 li .text_area dl {display:flex; align-items:center; gap:2rem;}
.list_area .list_ty01 li .text_area dl dt {position:relative; font-weight:600; font-size:1.6rem; color:#c99e38;}
.list_area .list_ty01 li .text_area dl dt::after {content:'';position:absolute; right:-1rem; top:50%;transform:translateY(-50%); width:1px; height:1.3rem; background:#a5a5a5;  }
.list_area .list_ty01 li .text_area dl dd {color:#666;font-size:1.6rem;}
.list_area .list_ty01 li:hover .img_area img {transform: scale(1.1);}
.list_area .list_ty01 li:hover a::after {border-color:#eac161;}

.list_area .list_ty01.cardnews li .text_area {padding:1rem 0 2rem;}/*250708 카드뉴스*/
.list_area .list_ty01.cardnews li .text_area .tit {margin-top:0;}
.list_area .list_ty01.cardnews li .img_area {height:auto;}



/*리스트02 성공사례*/
.list_box {display:flex; justify-content:space-between; gap:8rem; padding-bottom:8rem;}
.list_box .list_area {width:calc(100% - 8rem - 34rem)}
.list_box .aside_area { width:34rem;}
.list_box .aside_area .aside {position:sticky; top:13rem; background:#f9f9f9; border:1px solid #ddd; padding:5rem 2rem;}

.list_box .aside_area .aside .search {padding-bottom:5rem; }
.list_box .aside_area .aside .search .tit {display:inline-block; font-size:2rem; font-weight:700; padding-bottom:1.5rem; }
.list_box .aside_area .aside .form_area {display:flex;}
.list_box .aside_area .aside .form_area .form {width:calc(100% - 6rem);}
.list_box .aside_area .aside .form_area .form input[type="text"] {width:100%;padding:0 2rem; border:1px solid #ddd; line-height:5rem;height:5rem; font-size:1.8rem;}

.list_box .aside_area .aside .form_area  .bt_search {display:inline-block;position:relative; width:6rem; height:5rem; background:#c99e38; }
.list_box .aside_area .aside .form_area  .bt_search::after {content:'';position:absolute; left:50%;top:50%; transform:translate(-50%,-50%); width:2.5rem; height:2.5rem; background-size:100%; background-repeat:no-repeat; background-image:url(../images/sub/i02.png);}

.list_box .aside_area .aside .keyword_area {display:flex; gap:0.5rem; flex-wrap:wrap;margin-top:1rem;}
.list_box .aside_area .aside .keyword_area > a {display:inline-block; background:#fff;color:#666;font-size:1.5rem; font-weight:500;padding:0.5rem 1.2rem; border:1px solid #ddd;border-radius:50rem;}
.list_box .aside_area .aside .keyword_area > a::before {content:"#";display:inline-block}
.list_box .aside_area .aside .keyword_area > a.on {background:#c99e38; color:#fff; border-color:#c99e38;}

.list_area .list_ty02 {border-top:2px solid #141120; padding-bottom:8rem;}
.list_area .list_ty02 li {position:relative; border-bottom:1px solid #ddd; transition: 0.5s; }
.list_area .list_ty02 li > a {display:flex;align-items:center; gap:5rem; padding:3rem 2rem;}
.list_area .list_ty02 li .text_area {position:relative; width:calc(85% - 5rem);}
.list_area .list_ty02 li .text_area .case {display:flex; gap:1rem;}
.list_area .list_ty02 li .text_area .case .cate {background:#c99e38; color:#fff; font-size:1.8rem; font-weight:800; line-height:2.8rem; padding:0 1rem;}
.list_area .list_ty02 li .text_area .case .detail {color:#c99e38; font-size:1.8rem; font-weight:800; line-height:2.8rem; }
.list_area .list_ty02 li .text_area h4 {font-family: var(--font-kor-m); font-weight:600; font-size:2.2rem;letter-spacing:-0.06em; text-overflow:ellipsis; white-space:nowrap; transition:0.5s; margin:1rem 0; overflow:hidden;}
.list_area .list_ty02 li .text_area .txt { color: #666; text-overflow: ellipsis; font-size: 1.6rem; font-weight: 400; line-height: 1.4; margin-bottom: 1.5rem; display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp: 2;  overflow: hidden;  word-break: break-all;  transition: 0.5s;}

.list_area .list_ty02 li .text_area  .lawyer_area {display:flex; gap:1rem;}
.list_area .list_ty02 li .text_area  .lawyer_area dt {position:relative; font-weight:700; padding-left:2.5rem;}
.list_area .list_ty02 li .text_area  .lawyer_area dt::before {content:'';position:absolute; left:0;top:50%;transform:translateY(-50%);width:2rem; height:2rem; background:url(../images/sub/i01.png) no-repeat; background-size:100%;}
.list_area .list_ty02 li .text_area .lawyer_area dd {color:#666; font-weight:700}

.list_area .list_ty02 li .result {width:15%;min-width:10rem;}
.list_area .list_ty02 li .result dt { font-weight:700; color:#c99e38;}
.list_area .list_ty02 li .result dd {color:#666;}

.list_area .list_ty02 li:hover {background:#fffaf0;}



/*리스트 사건변호사*/
.list_area .lawyer_area {text-align:left;}
.list_area .lawyer_area .img {display:inline-block; width:6.7rem;height:6.7rem;background:#a5a5a5; border-radius:50%; margin-right:0.5rem; overflow:hidden;}
.list_area .lawyer_area .img img {padding-top:0.5rem; }


/*리스트03   상담문의*/ 
.list_area .list_ty03 {padding-bottom:8rem; border-top: 2px solid #141120; margin-top:4rem; }
.list_area .list_ty03 li { width:100%; border-bottom:1px solid #ddd; }
.list_area .list_ty03 li .list_link { transition: 0.5s; padding: 30rem 0;}
.list_area .list_ty03 li .list_link:hover { background: #fffaf0;}
.list_area .list_ty03 .list_item.head {pointer-events:none;}
.list_area .list_ty03 .list_item.head p {text-align:center;color:#141120;}
.list_area .list_ty03 .list_item.head p {font-weight:600;}
.list_area .list_ty03 .list_item a {grid-template-columns:1fr 5fr 1fr 2fr 1fr; align-items:center; transition:0.5s; padding:2.5rem 0;}
.list_area .list_ty03 .list_item a:hover {text-decoration:none;}
.list_area .list_ty03 .list_item p {font-size:1.8rem;text-align:center;color:#141120;}
.list_area .list_ty03 .list_item .name,
.list_area .list_ty03 .list_item .date {position:relative;}
.list_area .list_ty03 .list_item .num .notice {display:inline-block;text-indent:-99999px; width:2.6rem; height:2.5rem; background:url(../images/sub/i03.png) no-repeat 50%;}
.list_area .list_ty03 .list_item .tit {text-align:left; font-weight:500; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.list_area .list_ty03 .list_item .tit .lock {display:inline-block; width:1.6rem; height:1.8rem; background:url(../images/sub/i04.png) no-repeat 50%; margin-left:1rem;}
.list_area .list_ty03 .list_item .answer {color:#8c7a50;}
.list_area .list_ty03 .list_item .answer span {display:inline-block; padding:1rem 1.5rem;border:1px solid #8c7a50;border-radius:50rem; color:#8c7a50}
.list_area .list_ty03 .list_item .answer .notice {border:none; font-weight:700; color:var( --color-point-beige);}
.list_area .list_ty03 .list_item .answer .ask {background:#8c7a50 ; color:#fff;}


/*리스트04 감사후기*/
.list_area .list_ty04 {display:flex; flex-wrap:wrap; gap:6rem 4rem; padding-bottom:8rem;}
.list_area .list_ty04 li {position:relative; width:calc((100% - 12rem) / 4); border:1px solid #ddd; /*background:#f5f5f5;*/}
.list_area .list_ty04 .item_link {display:block; padding:3rem;}
.list_area .list_ty04 .pick {position:absolute; right:0;top:0;line-height:3rem; padding:0 2rem; background:#8c7a50; color:#fff; font-size:1.4rem;font-weight:700;}
.list_area .list_ty04 .cate {color:#c99e38; font-size:1.8rem; font-weight:800; line-height:2.8rem; }
.list_area .list_ty04 .text_area {margin-top:1.5rem;}
.list_area .list_ty04 .text_area > h4 {font-size:2.2rem; font-weight:700; color:var(--color-base); text-overflow:ellipsis; white-space:nowrap;overflow:hidden; transition:0.5s; margin-bottom: 1rem;}
.list_area .list_ty04 .text_area > .txt {font-size:1.6rem; font-weight:500; color:#666; text-overflow:ellipsis; line-height: 1.3; margin-bottom: 2rem; display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp: 2;  overflow: hidden;  word-break: break-all;  transition: 0.5s;}

.list_area .list_ty04 .img_area{position:relative; width:100%;height:18rem;overflow:hidden;}
.list_area .list_ty04 .img_area img {min-height:100%; transition: 0.5s; object-fit:contain}
.list_area .list_ty04 li:hover .img_area img {transform: scale(1.1);}

.list_area .list_ty04 .mLawyer_area {display:flex; align-items:center; gap:1rem;margin-top:2rem;}
.list_area .list_ty04 .mLawyer_area .img {display:inline-block; width:6rem; height:6rem; background:#a5a5a5; border-radius:50%; overflow:hidden;}
.list_area .list_ty04 .mLawyer_area .img img{padding-top:0.5rem;}
.list_area .list_ty04 .mLawyer_area .tx {font-size:1.4rem;color:#666;}
.list_area .list_ty04 .mLawyer_area .tx span {display:block; font-size:1.8rem;color:#141120;font-weight:700;}

/*250428 유튜브 추가*/
.list_area .shorts {padding-bottom:6rem; margin-bottom:6rem; border-bottom:1px solid #ddd;}
.list_area .shorts .swiper-slide {position:relative;overflow:hidden;}
.list_area .shorts .swiper-slide > a {position:relative;padding-bottom:180.25%;}
.list_area .shorts .shorts_bt {position:relative;padding-bottom:4rem;}

.list_area .list_youtube {display:flex; flex-wrap:wrap; gap:6rem 4rem; padding-bottom:8rem;}
.list_area .list_youtube li {position:relative; width:calc((100% - 8rem) / 3);}
.list_area .list_youtube li > a {position:absolute; left:0;right:0;top:0;bottom:0;}
.list_area .list_youtube li .vimg {position:relative; padding-bottom:56.25%; overflow:hidden; display:block;}
.list_area .list_youtube li .text_area {padding:0.5rem 0 2rem;}
.list_area .list_youtube li .text_area .tit {font-size:2rem; font-weight:600; line-height:1.4; display: -webkit-box; -webkit-box-orient: vertical;  -webkit-line-clamp: 2; margin-top:1rem; overflow: hidden;}

.list_area .list_youtube li .vimg iframe,
.list_area .shorts .swiper-slide > iframe {position:absolute; left:50%; top:0; transform:translateX(-50%); width:100%;height:100%;}

.list_area .shorts .swiper-slide > a,
.list_area .list_youtube li > a  {overflow:hidden; display:block;z-index:10;}


/*250727 오엔공지*/
.list_area .list_notice {border-top: 2px solid #141120; padding-bottom:8rem;}
.list_area .list_notice li {width:100%; border-bottom:1px solid #ddd;}

.list_area .list_notice .list_item.head {pointer-events:none;}
.list_area .list_notice .list_item.head p {text-align:center;color:#141120;font-weight:600;}
.list_area .list_notice .list_item.head > a {padding:2.2rem 0;}

.list_area .list_notice .list_item a {display:grid; grid-template-columns:1.5fr 8.5fr 2fr; padding:3rem 0; align-items:center; transition:0.5s;}
.list_area .list_notice .list_item a:hover { background: #fbfbfb;}

.list_area .list_notice .list_item p {position:relative;text-align:center; font-size:1.8rem;}
.list_area .list_notice .list_item .tit {white-space:nowrap;text-overflow:ellipsis; overflow:hidden; text-align:left; font-weight:600; font-size:2rem;}
.list_area .list_notice .list_item .date {color:#666;}

.list_area .list_notice .list_item .num > span {display:inline-block; border:2px solid #c99e38; padding:0.2rem 1rem; border-radius:50em; font-size:1.6rem; font-weight:600;}
.list_area .list_notice .list_item .num > .notice {color:#c99e38;}
.list_area .list_notice .list_item .num > .require {border-color:#2347b9; color:#2347b9;}





@media (max-width: 1500px) {
	.list_area .list_ty01,
	.list_area .list_ty04 {gap:8rem 3rem;}
	.list_area .list_ty01 li,
	.list_area .list_ty04 li {width:calc((100% - 6rem) / 3);}
}

@media (max-width: 1400px) {
	.list_box {gap:5rem;}
	.list_box .list_area {width:calc(100% - 5rem - 31rem);}
	.list_box .aside_area {width:31rem;}
	.list_box .aside_area .aside .keyword_area > a {font-size:1.4rem;}
}

@media (max-width: 1300px) {
	.list_box .list_area {width:calc(100% - 5rem - 32rem);}
	.list_box .aside_area {width:32rem;}
	.list_box .aside_area .aside .form_area .form input[type="text"] {font-size:1.5rem;}
}
@media (max-width: 1200px) {
	.list_area .list_ty02 li .text_area .lawyer_area {flex-direction:column;}
}

@media (max-width: 960px) {
	.list_area .list_ty01,
	.list_area .list_ty02,
	.list_area .list_ty04 {gap:4.6875vw; padding-bottom:6vw;}

	.list_area .list_ty01 li,
	.list_area .list_ty04 li {width:calc((100% - 4.6875vw) / 2);}

	.list_area .list_ty01 li .img_area,
	.list_area .list_ty01 li .img_area_c {height:auto;}
	.list_area .list_ty01 li .case {left:2vw; top:2vw;font-size:3.1250vw;line-height:5vw; padding:0 2vw;}
	.list_area .list_ty01 li .text_area	{padding:2.3438vw 0;}
	.list_area .list_ty01 li .text_area.youtube {padding:1vw 0 2.3438vw;}

	.list_area .list_ty01 li .text_area dl {gap:2.3438vw}

	.list_area .list_ty01 li .text_area dl dt,
	.list_area .list_ty01 li .text_area dl dd {font-size:3.1250vw;}

	.list_area .list_ty01 li .text_area dl dt::after {right:-1.5625vw; height:2.0313vw; display:none;}
	.list_area .list_ty01 li .text_area .tit {font-size:3.9063vw;margin-top:1.5625vw;}
	.list_area .list_ty01 li .text_area .txt {font-size: 3.1250vw; margin-bottom: 2.6875vw;-webkit-line-clamp:1;}

	/*성공사례*/
	.list_box {flex-direction:column-reverse; padding-bottom:6vw; gap:8vw;}
	.list_box .aside_area {width:100%; min-width:auto;}
	.list_box .aside_area .bt_area {display:none;}

	.list_box .aside_area .aside {position:relative; top:auto; padding:5vw;}
	.list_box .aside_area .aside .search {padding-bottom:0; }
	.list_box .aside_area .aside .search .tit { font-size:3.9063vw; padding-bottom:3.125vw; }
	.list_box .aside_area .aside .form_area .form {width:calc(100% - 14vw);}
	.list_box .aside_area .aside .form_area .form input[type="text"] {padding:0 2vw;line-height:14vw;height:14vw; font-size:3.9063vw;}
	.list_box .aside_area .aside .form_area  .bt_search { width:14vw; height:14vw;}
	.list_box .aside_area .aside .form_area  .bt_search::after {width:6vw; height:6vw;}
	.list_box .aside_area .aside .keyword_area {display:none;}

	.list_box .list_area {width:100%;}
	.list_area .list_ty02 li > a {flex-direction:column; padding:3vw 2vw; gap:3vw;}

	.list_area .list_ty02 li .text_area {width:100%;}
	.list_area .list_ty02 li .text_area .case {gap:2vw;}
	.list_area .list_ty02 li .text_area .case .cate,
	.list_area .list_ty02 li .text_area .case .detail {font-size: 3.5185vw; line-height:1.8;}
	.list_area .list_ty02 li .text_area h4 {font-size:3.9063vw;margin-bottom:0.5vw;}
	.list_area .list_ty02 li .text_area .txt {font-size: 3.1250vw; margin-bottom: 3vw; -webkit-line-clamp:1;}
	.list_area .list_ty02 li .text_area .lawyer_area {gap:1.3vw;}
	.list_area .list_ty02 li .text_area .lawyer_area dt {padding-left:4vw;}
	.list_area .list_ty02 li .text_area .lawyer_area dt::before {width:3vw;height:3vw;}

	.list_area .list_ty02 li .text_area .lawyer_area dt,
	.list_area .list_ty02 li .text_area .lawyer_area dd,
	.list_area .list_ty02 li .result dt,
	.list_area .list_ty02 li .result dd {font-size:3.1250vw;}

	.list_area .list_ty02 li .result {width:100%; display:flex;gap:2vw;}

	
	.list_area .lawyer_area .img {width:8.4688vw;height:8.4688vw; margin-right:0.7813vw;}

	.list_area .list_ty03 {padding-bottom:6vw; margin-top:3vw;  }
	.list_area .list_ty03 li .list_link {display:flex; flex-wrap:wrap; padding: 30rem 0; gap:1vw 5.5556vw;}
	.list_area .list_ty03 .list_item.head {display:none;}
	.list_area .list_ty03 .list_item a {padding:3.1250vw; }
	.list_area .list_ty03 .list_item p {font-size:3.4375vw;}
	.list_area .list_ty03 .list_item .name::after,
	.list_area .list_ty03 .list_item .date::after {content:''; position:absolute; top:50%;transform:translateY(-50%); right:-2.6vw; width:0.1563vw; height:3.1250vw; background:#a5a5a5; }
	.list_area .list_ty03 .list_item .num {display:none;}
	.list_area .list_ty03 .list_item .tit{ width:100%; font-size:3.9063vw;}
	.list_area .list_ty03 .list_item .tit .lock {width:2.5vw; height:2.8125vw; background-size:100%;margin-left:1.5625vw;}
	.list_area .list_ty03 .list_item .answer span {padding:0.8vw 2.3438vw;}

	.list_area .list_ty04 .item_link {padding:4.6875vw;}
	.list_area .list_ty04 .pick {line-height:5.6875vw; padding:0 3.125vw;font-size:3.5185vw;}
	.list_area .list_ty04 .cate {font-size:3.5185vw;line-height:3vw; }
	.list_area .list_ty04 .text_area {margin-top:3.125vw;}
	.list_area .list_ty04 .text_area > h4 {font-size:4.6875vw;margin-bottom: 1.5625vw;}
	.list_area .list_ty04 .text_area > .txt {font-size:3.5185vw;margin-bottom: 3.125vw; -webkit-line-clamp:1;}

	.list_area .list_ty04 .img_area{height:23vw;}
	.list_area .list_ty04 .img_area .tx {font-size: 5.6875vw;  padding: 1.8750vw 3.4375vw;  }

	.list_area .list_ty04 .mLawyer_area {bottom:4.6875vw;left:4.6875vw;gap:1.5625vw;}
	.list_area .list_ty04 .mLawyer_area .img {width:9.375vw; height:9.375vw;}
	.list_area .list_ty04 .mLawyer_area .img img{padding-top:0.7813vw;}
	.list_area .list_ty04 .mLawyer_area .tx {font-size:3.2vw;}
	.list_area .list_ty04 .mLawyer_area .tx span {font-size:3.75vw;}
	
	/*youtube*/
	.list_area .shorts {padding-bottom:8.3333vw; margin-bottom:8.3333vw;}
	.list_area .shorts .shorts_bt {padding-bottom:8.3333vw;}
	.list_area .list_youtube {gap:4.6875vw; }
	.list_area .list_youtube li {width:calc((100% - 4.6875vw) / 2);}
	.list_area .list_youtube li .text_area {padding:1vw 0 2.3438vw;}
	.list_area .list_youtube li .text_area .tit {font-size:3.9063vw; margin-top:1.5625vw;}	
	
	/*notice*/
	.list_area .list_notice {border-width: 0.313vw; padding-bottom:6vw;}
	.list_area .list_notice .list_item.head {display:none;}
	.list_area .list_notice .list_item a {padding:4.688vw 0; grid-template-columns:2fr 6fr 2fr;}
	.list_area .list_notice .list_item p {font-size:3.9063vw;}
	.list_area .list_notice .list_item .tit {font-size:3.9063vw;}
	
	.list_area .list_notice .list_item .num,
	.list_area .list_notice .list_item .num > span,
	.list_area .list_notice .list_item .date {font-size:3vw;}	
	
	.list_area .list_notice .list_item .num > span {border-width:0.313vw; padding:0.313vw 1.563vw; }
}


/*pageiation*/
.pagination_area {position:relative;}
.pagination_area .pagination {display:flex; justify-content:center; align-items:center; text-align:center;}
.pagination_area .pagination > a {display:inline-block; font-size:1.8rem; color:#333; border-radius:50%; width:4rem; line-height:4rem;height:4rem; background: no-repeat center center/auto 13px; margin:0 0.5rem;}
.pagination_area .pagination > a.on {background:#c99e38; color:#fff;}
.pagination_area .pagination > a.bt_first {background-image:url(../images/bt_pagination_first.svg);}
.pagination_area .pagination > a.bt_prev {background-image:url(../images/bt_pagination_prev.svg);}
.pagination_area .pagination > a.bt_next {background-image:url(../images/bt_pagination_next.svg);}
.pagination_area .pagination > a.bt_last {background-image:url(../images/bt_pagination_last.svg);}

@media (max-width: 960px) {
	.pagination_area .pagination > a {font-size:3.75vw; width:9.3750vw; height:9.3750vw; line-height:9.3750vw; background-size: auto 2.5vw; margin:0;}
}




/*------------------게시판 상세 --------------------*/

/*언론보도,칼럼-*/
.view_area .view_ty01 {padding-bottom:8rem;}

/*상담글보기*/
.view_area .view_ty02 {border-top:2px solid #141120; padding-bottom:8rem;text-align:left;}
.view_area .view_ty02 .text_area {position:relative;width:100%; padding:3rem 0; margin:0 auto; border-bottom:1px solid #ddd;}
.view_area .view_ty02 .text_area .tit {font-size:3rem; font-weight:600; line-height:1.4;}
.view_area .view_ty02 .text_area dl {position:absolute;right:0; top:50%; transform:translateY(-50%); display:flex; align-items:center; justify-content:center; gap:2rem;}
.view_area .view_ty02 .text_area dl dt {position:relative; font-weight:600; font-size:1.6rem; }
.view_area .view_ty02 .text_area dl dt::after {content:'';position:absolute; right:-1rem; top:50%;transform:translateY(-50%); width:1px; height:1.3rem; background:#a5a5a5;  }
.view_area .view_ty02 .text_area dl dd {color:#666;}


/*성공사례*/
.view_area .sticky_box {display:flex; justify-content:space-between; flex-wrap:wrap; gap:8rem; padding-bottom:8rem;}
.view_area .view_ty03 {width:calc(100% - 8rem - 34rem);padding-bottom:8rem;text-align:left;}
.view_area.success .text_area dl {justify-content:flex-start;}

.view_area .aside_area {width:34rem;margin-top:6rem;}
.view_area .aside_area .aside {position:sticky; top:13rem; background:#f9f9f9; border:1px solid #ddd; padding:5rem 3rem;}
.view_area .aside_area .aside h5 {position:relative; padding-left:3.5rem; margin-bottom:2rem;width:100%; font-size:2rem; font-weight:700;}
.view_area .aside_area .aside h5::before {content:''; position:absolute; left:0;top:50%;transform:translateY(-50%);width:2.6rem; height:2.6rem; background:url(../images/sub/i01.png) no-repeat 50%;background-size:100%;}

.view_area .aside_area .aside .lawyer {position:relative; display:flex; flex-wrap:wrap; flex-direction:row; gap:0 2rem;}
.view_area .aside_area .aside .lawyer .lawwyer_box {display:flex; flex-direction:column; align-items:center;}
.view_area .aside_area .aside .lawyer .lawwyer_box .law_img {width:7rem; height:7rem; border-radius:50%; background:#a5a5a5; overflow:hidden;}
.view_area .aside_area .aside .lawyer .lawwyer_box .law_img img {padding-top:0.5rem;}
.view_area .aside_area .aside .lawyer .lawwyer_box .name {font-size:1.4rem; text-align:center; line-height:1.2; padding-top:1rem; color:#666;}
.view_area .aside_area .aside .lawyer .lawwyer_box .name span {display:block;font-weight:700; color:#333}
.view_area .aside_area .aside .result {position:relative;margin-top:6rem;}
.view_area .aside_area .aside .result p {color:#c99e38; font-weight:700;}
.view_area .aside_area .aside .bt_area {margin-top:10rem;}

@media (max-width: 1400px) {
	.view_area .sticky_box {gap:5rem;}
	.sticky_box .view_ty03 {width:calc(100% - 5rem - 31rem);}
	.sticky_box .aside_area {width:31rem;}
	.view_area .aside_area .aside .lawyer .lawwyer_box .law_img {width:6rem;height:6rem;}
}

@media (max-width: 1300px) {
	.sticky_box .view_ty03 {width:calc(100% - 5rem - 29rem);}
	.sticky_box .aside_area {width:29rem;}
	.view_area .aside_area .aside .lawyer {gap:1.3rem;}
}

@media (max-width: 960px) {
	.view_area .sticky_box {flex-direction:column-reverse; gap:3vw;}
	.sticky_box .view_ty03 {width:100%; padding-bottom:0;}
	.sticky_box .aside_area {width:100%; margin-top:0;}
	.view_area .aside_area .aside {position:relative;top:0;padding:5vw;border-top:0;}
	.view_area .aside_area .aside .lawyer {gap:0 2.5vw;}
	.view_area .aside_area .aside h5 {font-size:4.6875vw; padding-left:7vw;margin-bottom:3vw;}
	.view_area .aside_area .aside h5::before {width:5vw; height:5vw;}
	.view_area .aside_area .aside .lawyer .lawwyer_box {flex-direction:row; }
	.view_area .aside_area .aside .lawyer .lawwyer_box .law_img {width:11vw; height:11vw;}
	.view_area .aside_area .aside .lawyer .lawwyer_box .name {font-size:3.4375vw; text-align:left;padding-left:0.5vw;}
	.view_area .aside_area .aside .result {margin-top:8vw;}
	.view_area .aside_area .aside .result p {font-size:3.5185vw}
	.view_area .aside_area .aside .bt_area {display:none;}
}



/*공통: 내용 타이틀*/
.view_area .text_area {width:100%; padding-bottom:4rem; margin:0 auto; border-bottom:1px solid #ddd; text-align:center;}
.view_area .text_area .tit {font-size:3rem; font-weight:600; line-height:1.4;padding:1.5rem 0 ;  }
.view_area .text_area .date {font-size:1.6rem; color:#666;}
.view_area .text_area dl {display:flex; align-items:center; justify-content:center; gap:1rem;}
.view_area .text_area dl dt,
.view_area .text_area dl dd { font-weight:700; font-size:1.8rem;line-height:2.4rem; }
.view_area .text_area dl dt {background:#c99e38;color:#fff;padding:0 1.5rem; }
.view_area .text_area dl dd {color:#c99e38;}
.view_area .text_area.column dl dd{color:#666; font-weight:400;}

@media (max-width: 1400px) {
	.view_area .text_area .tit {font-size:2.8rem}
}

@media (max-width: 960px) {
	.view_area .text_area {padding-bottom:6.25vw;}
	.view_area .text_area .tit {font-size:5.6250vw;padding:3vw 0;}
	.view_area .text_area .date {font-size:3.1250vw;}
	.view_area .text_area dl {gap:2.3438vw}
	.view_area .text_area dl dt,
	.view_area .text_area dl dd {font-size:3.1250vw;line-height:5vw;}
	.view_area .text_area dl dt {padding:0 2vw;}
}




/*공통: 버튼*/
.view_area .fbox {width:100%;}
.view_area .bt_area {margin-top:3rem;text-align:center;}

@media (max-width: 960px) {
	.view_area .bt_area {margin-top:4.6875vw;}
	.view_area .bt_area .bt_type_list {margin-left:0;}
}


/*공통: 글 내용*/
.view_area hr {position:relative; left:0;}
.view_area .cont_area {width:75%;padding:6rem 0 8rem; /*font-size:1.8rem !important;*/ line-height:2 !important;}
.view_area .cont_area img {width:auto; max-width:80%; display:block; margin:0 auto;}
.view_area .cont_area.cardnews img {padding-bottom:3rem; max-width:70rem;} /*카드뉴스*/

@media (max-width: 1300px) {
	.view_area .cont_area {width:90%;}
}


@media (max-width: 960px) {
	.view_area .cont_area {widtdh:100%;padding:9.3750vw 0 12.5vw; font-size:3.7037vw !important;}
	.view_area .cont_area.cardnews img {padding-bottom:5vw;} /*카드뉴스*/
}


/*공통: 원문 링크*/
.view_area .original_news {position:relative; display:inline-block;/*padding:1rem;border:1px solid #bbb;*/}
.view_area .original_news > span {display:inline-block; color:var(--color-point-beige); font-size:1.8rem; font-weight:500; padding-right:0.4rem;}
.view_area .original_news > a {font-size:1.6rem; color:#333; text-decoration:underline; word-break:break-all;}
.view_area .original_news .origin_link {display:flex; align-items:center; gap:2rem;}
.view_area .original_news .origin_link .logo_area {width:7.8rem; height:7.8rem; background:#eac161 url(../images/logo_onlawfirm_h.svg) no-repeat center; border-radius:50%; overflow:hidden; background-size:76%;}
.view_area .original_news .origin_link  .link_area {text-align:left;}
.view_area .original_news .origin_link  .link_area > span {display:block; font-size:2.2rem; font-weight:700; color:#666;}
.view_area .original_news .origin_link  .link_area > a {font-size:1.6rem; color:#333; text-decoration:underline; word-break:break-all;}

@media (max-width: 960px) {
	.view_area .original_news {padding:2vw;}
	.view_area .original_news .origin_link {gap:3vw;}
	.view_area .original_news .origin_link .logo_area {width:12.5vw; height:12.5vw;}
	.view_area .original_news .origin_link  .link_area > span {font-size:3.75vw;}
	.view_area .original_news .origin_link  .link_area > a {font-size:3.4375vw;}
}


/*공통: 이전글 다음글 */
.navigation_area {position:relative;}
.navigation_area ul li {display:flex; align-items:center; padding:2rem 0; border-top:1px solid #ddd; font-size:1.6rem; color:#aaa;}
.navigation_area ul li:last-child {border-bottom:1px solid #ddd;}
.navigation_area ul li > span {display:inline-block; color:#c99e38; font-weight:800; font-size:1.6rem; padding:0 6rem 0 2rem; background-repeat:no-repeat; background-position:80% 50%; background-size:1.3rem 0.9rem; }
.navigation_area ul li > span.prev {background-image: url(../images/sub/navigation_prev.png);}
.navigation_area ul li > span.next {background-image: url(../images/sub/navigation_next.png);}
.navigation_area ul li > a {display:inline-block; max-width:90%;font-weight:500; font-size:1.6rem; color:#666;white-space: nowrap; text-overflow:ellipsis; overflow:hidden; }
.navigation_area ul li > a:hover {color:#141120;}

@media (max-width: 960px) {
	.navigation_area ul li {padding:3.1250vw 0;}
	.navigation_area ul li > span {font-size:3.125vw; padding:0 6rem 0 3.1250vw;background-position:80% 50%; background-size:2.0313vw 1.4063vw; }
	.navigation_area ul li > a {font-size:3.125vw;}
}



/*공통: 키워드, 해시태그*/
.onTag_area {position:relative; display:flex; flex-wrap:wrap; gap:1rem; margin-bottom:4rem;}
.onTag_area > a {display:inline-block; border-radius:50rem; border:1px solid #ddd; color:#666; font-size:1.5rem; font-weight:600; padding:0.5rem 1rem;}
.onTag_area > a::before {content:"#";}

@media (max-width: 960px) {
	.onTag_area {gap:2vw; margin-bottom:8vw;}
	.onTag_area > a {font-size:3.5185vw; padding:1.5vw 3vw;}
}



/*답글*/
.pn_reply { position:relative;margin-top: 6rem; }
.pn_reply .tit {padding:2rem 0;font-size:2rem;color:#000; font-weight:600;}
.pn_reply dl {display:flex; border-top: 1px solid #D9D9D9;border-bottom: 1px solid #D9D9D9; padding:2rem 0; background:#f8f8f8;}
.pn_reply dl dt {width:6rem; height:6rem;background:var(--color-point-beige);border-radius:50%; overflow:hidden; margin-left:2rem;}
.pn_reply dl dt span {position:relative;display:inline-block;width:80%; left:50%; top:50%;transform:translate(-50%,-50%)}
.pn_reply dl dd { margin-left: 2rem; font-size: 18px; min-height:60px;}
.pn_reply dl dd .name {font-weight:700; color:#000;padding-bottom:10px;}
.pn_reply dl dd .name span {display:inline-block; padding-left:10px; color:#666; font-size:16px;font-weight:300;}
.pn_reply dl dd .reply {display:block;}

@media (max-width: 960px) {
	.pn_reply {margin-top: 9.3750vw; }
	.pn_reply .tit {padding:3.1250vw 0;font-size:4.6875vw;}
	.pn_reply dl {padding: 3.1250vw 0;}
	.pn_reply dl dt {width:9.3750vw; height:9.3750vw;margin-left: 3.1250vw;}
	.pn_reply dl dd { margin-left: 3.1250vw; font-size: 3.7037vw; min-height:60px;}
	.pn_reply dl dd .name {padding-bottom:10px;font-size:3.7037vw}
	.pn_reply dl dd .name span {padding-left:10px; font-size:3.7037vw;}
	.pn_reply dl dd .reply {font-size:3.7037vw}
}








/*write*/
.write_area  {border-top:2px solid #141120; padding-bottom:8rem;text-align:left;}
.write_area .form_area {display:flex; flex-wrap:wrap}
.write_area .form_area .input_box {display:flex; align-items: center; border-bottom:1px solid #ddd; }
.write_area .form_area .input_box.half {width:50%;}
.write_area .form_area .input_box.full {width:100%;}
.write_area .form_area .input_box .label_box {min-width:160px; height:100%;background:#f9f9f9;}
.write_area .form_area .input_box .label_box label {display:block;font-size:18px; font-weight:500; padding:30px 0; height:100%; text-align:center;}
.write_area .form_area .input_box .form_box {width:calc(100% - 160px); background:#fff;padding:15px 20px;box-sizing:border-box;}
.write_area .form_area .input_box input {border:1px solid #ddd; padding:2rem; color:#000; font-size:1.8rem; font-weight:400; line-height:1.8;}
.write_area .form_area .input_box input.small {width:300px;}
.write_area .form_area .input_box input.big {width:100%;}
.write_area .form_area .input_box textarea {border:1px solid #ddd; padding:15px 12px; color:#000; font-size:16px; font-weight:400; line-height:1.8;width:100%;height:100%; vertical-align:middle;}
.agree_cont {margin:4rem 0;}
.agree_cont .check_box{text-align:center;display:flex; justify-content:center;}
.agree_cont .check_box input {display:none;}
.agree_cont .check_box label {display:block;color:#666; font-size:15px; font-weight:400; padding-left:32px; position:relative; cursor:pointer;}
.agree_cont .check_box label::after {position:absolute;content:''; width:22px; height:22px; top:50%;left:0; transform:translateY(-50%); background:#f9f9f9; border:1px solid #ddd; }
.agree_cont .check_box input:checked + label::after {background-repeat:no-repeat; background-position:center; background-size:1.8rem 1rem; background-image:url(../images/sub/check_on.png);background-color:var(--color-point-beige);border-color:var(--color-point-beige);}
.agree_cont .check_box .agree_detail_btn {color:#000; font-size:15px; font-weight:500;margin-left:10px; border:0 none; background:transparent; cursor:pointer; border-bottom:1px solid #000;}



@media (max-width: 960px) {
	.write_area  {padding-bottom:12.5vw;}
	.write_area .form_area .input_box.half {width:100%;flex-direction:column;align-items:flex-start;}
	.write_area .form_area .input_box .label_box {min-width:100%; background:transparent;}
	.write_area .form_area .input_box .label_box label {font-size:3.75vw;padding:4.6875vw 0 0;  text-align:left;}
	.write_area .form_area .input_box .form_box {width:100%; padding:2.3438vw 0;}
	.write_area .form_area .input_box input {padding:5.6875vw 4.6875vw;font-size:4.2vw;}
	.write_area .form_area .input_box input.small {width:100%;}
	.write_area .form_area .input_box.full {flex-direction:column}
	.write_area .form_area .input_box textarea {padding:2.3438vw;font-size:4.3750vw;height:42vw;}
	.agree_cont {margin:6.25vw 0;}
	.agree_cont .check_box label {font-size:3.75vw;padding-left:6.6875vw;}
	.agree_cont .check_box label::after {width:5.4375vw; height:5.4375vw;}
	.agree_cont .check_box input:checked + label::after {background-size:2.8125vw 1.5625vw; }
	.agree_cont .check_box .agree_detail_btn {font-size:3.75vw;margin-left:1.5625vw;}
}