*{margin: 0; padding: 0; box-sizing: border-box; -webkit-text-size-adjust:none;}
@font-face {font-family: 'Pretendard'; src: url('/ld/assets/Pretendard-Regular.woff') format('woff');
font-weight: 400; font-display: swap;}
@font-face {font-family: 'Pretendard'; src: url('/ld/assets/Pretendard-SemiBold.woff') format('woff');
font-weight: 600; font-display: swap;}
@font-face {font-family: 'Pretendard'; src: url('/ld/assets/Pretendard-Bold.woff') format('woff');
font-weight: 700; font-display: swap;}

body{font-family: 'Pretendard'; line-height: 1.4; color: #181818; word-break: keep-all; overflow-wrap: break-word;}
li{list-style: none;}
a{text-decoration: none;}
img{vertical-align: middle;}

body::-webkit-scrollbar{width: 5px;}
body::-webkit-scrollbar-thumb{background-color: #969696; padding: 0 10px;}
body::-webkit-scrollbar-thumb:hover{background-color: #696969;}
body::-webkit-scrollbar-track{background-color: #eee; box-shadow: 0 0 6px rgba(0,0,0,0.1);}

.fade-in{opacity: 0; transform: translateY(50px); transition: opacity 1s ease-in-out, transform 0.5s ease-in-out;}
.fade-in.visible{opacity: 1; transform: translateY(0);}
.fade-in-r{opacity: 0; transform: translateX(50px); transition: opacity 1s ease-in-out, transform 0.5s ease-in-out;}
.fade-in-r.visible{opacity: 1; transform: translateX(0);}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

#wrap{width: 100%;}

.ft60{font-size: 60px;}
.ft50{font-size: 50px;}
.ft48{font-size: 48px;}
.ft45{font-size: 45px;}
.ft42{font-size: 42px;}
.ft38{font-size: 38px;}
.ft32{font-size: 32px;}
.ft30{font-size: 30px;}
.ft28{font-size: 28px;}
.ft26{font-size: 26px;}
.ft25{font-size: 25px;}
.ft24{font-size: 24px;}
.ft22{font-size: 22px;}
.ft20{font-size: 20px;}
.ft18{font-size: 18px;}
.ft16{font-size: 16px;}
.ft14{font-size: 14px;}
.iconft{font-size: 26px;}
.ftwhite{color: #fff;}
.ftblack{color: #181818;}
.ftgray_1{color: #474747;}
.ftgray_2{color: #808080;}
.ftgray_3{color: #888;}
.ftgray_4{color: #dbdbdb;}
.ftmint{color: #0EA5A4;}
.ftmint2{color: #17DBDA;}
.ftnorm{font-weight: 400;}
.ftsemi{font-weight: 600;}
.ftbold{font-weight: 700;}

.title{text-align: left; display: block; position: relative; margin-bottom: 60px;}
.title .ft18{margin-bottom: 30px;}
.title .ft22{margin-bottom: 3px;}
.title .ftgray_1{margin-top: 18px;}
.title .ftgray_2{margin-top: 10px;}
.title .title_s{display: none;}

.wrap_btn{display: inline-block; position: relative; overflow: hidden; margin-top: 60px; padding: 15px 30px; background-color: #fff; border-radius: 32px; border: 1px solid #181818; color: #181818; cursor: pointer; box-sizing: border-box; z-index: 1; transition: color 0.3s ease, background-color 0.3s ease, border 0.3s ease;}
.wrap_btn::before{content: ""; position: absolute; top: 0; left: 0; width: 110%; height: 110%; background-color: #0EA5A4; transform: scaleX(0); transform-origin: left; transition: transform 0.3s ease; z-index: -1;}
.wrap_btn:hover{color: #fff; border-color: #0EA5A4;}
.wrap_btn:hover::before{transform: scaleX(1);}
.wrap_btn:not(:hover)::before{transform-origin: right;}
.wrap_btn i{margin-left: 30px; line-height: 29px; transform: rotate(90deg);}
.wrap_btn a{display: inline-block; padding: 15px 30px;}
.wrap_btn a:hover{color: #fff;}

.wrap_line{width: 100%; height: 1px; border-top: 1px solid #DDDDDD;}

.m_inner{width: 100%; height: 100%; position: relative; margin: 0 auto; padding: 24px 30px; display: block;}
.h_inner{width: 100%; max-width: 1700px; height: 100%; position: relative; margin: 0 auto; padding: 0 20px; display: flex; justify-content: space-between; align-items: center;}
.inner{width: 100%; max-width: 1700px; height: auto; position: relative; overflow: hidden; margin: 0 auto; padding: 130px 20px; text-align: center;}
.b_inner{width: 100%; max-width: 1700px; height: 100%; position: relative; margin: 0 auto; padding: 130px 20px; text-align: left; display: flex; align-items: center;}
.f_inner{width: 100%; max-width: 1700px; height: auto; position: relative; margin: 0 auto; padding: 60px 20px 140px;}
.bf_inner{width: 100%; height: 84px; position: relative; padding: 10px 100px; display: flex; justify-content: space-between; align-items: center;}

#mobile{width: 90%; height: 100vh; position: fixed; overflow: hidden; top: 0; z-index: 15; background-color: #fff; transform: translateX(-100%); transition: transform 0.4s cubic-bezier(0.77, 0, 0.18, 1);}
#mobile .m_close{display: block; text-align: right; cursor: pointer;}
#mobile .m_maeil{width: 100%; margin-top: 30px; padding: 0 0 30px; border-bottom: 0.5px solid #dadada;}
#mobile .m_maeil ul{width: 100%; display: grid; grid-template-columns: repeat(2, 1fr); gap: 15px; margin: 30px auto 0;}
#mobile .m_maeil li{cursor: pointer; transition: color 0.3s ease}
#mobile .m_maeil li a{display: flex; justify-content: flex-start; align-items: center; transition: color 0.3s ease}
#mobile .m_maeil li a:hover, #mobile .m_maeil li:hover{color: #181818;}
#mobile .m_maeil li a i{margin-right: 5px;}
#mobile img{height: 35px; object-fit: cover; display: block; position: relative; margin: 60px auto 0;}
#mobile.active{transform: translateX(0);}
body.menu-open::before{content: ""; position: fixed; top: 0; left: 0; width: 100%; height: 100vh; background: rgba(0,0,0,0.4); backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px); z-index: 14;}


#privacy {position: fixed; width: 100vw; height: 100vh; background: rgba(0,0,0,0.5); z-index: 100; top: 0; left: 0;
align-items: center; justify-content: center; overflow: auto; display: flex; opacity: 0; pointer-events: none;
transition: opacity 0.3s ease;}

#privacy.active{opacity: 1; pointer-events: auto;}
#privacy .pop_box {position: relative; width: 900px; max-width: 90%; max-height: 50vh; padding: 20px;
background-color: #ffffff; box-shadow: 0 0 6px 1px rgb(0 0 0 / 30%); display: flex; flex-direction: column;
transform: scale(0.95); transition: transform 0.3s ease;}
#privacy.active .pop_box {transform: scale(1);}

#privacy .pop_box .pop_txt {flex: 1 1 auto; min-height: 0; overflow-y: auto; padding-right: 10px; font-size: 16px;}
#privacy .pop_box .pop_txt::-webkit-scrollbar {width: 6px;}
#privacy .pop_box .pop_txt::-webkit-scrollbar-thumb {background: #d8d8d8; border-radius: 4px;}
#privacy .pop_box .pop_btn {align-self: flex-end; width: 70px; height: 35px; font-size: 16px; font-weight: bold;
margin-top: 15px; background-color: #969696; color: #fff; text-align: center; line-height: 35px; border-radius: 4px;
cursor: pointer; flex-shrink: 0;}
#privacy .pop_box .pop_txt .pop_title{font-size: 20px; font-weight: bold; margin-bottom: 10px;}
#privacy .pop_box .pop_txt .info_1{margin: 15px 0;}
#privacy .pop_box .pop_txt span{font-weight: bold;}
#privacy .pop_box .pop_txt p{margin: 10px 0 15px;}


header{width: 100%; height: 80px; background-color: #fff; position: fixed; z-index: 10; top: 0; left: 0; box-shadow: 0px 4px 10px rgba(0,0,0,0.1);}
header a img{height: 40px; object-fit: cover;}
header ul{display: flex; justify-content: space-between; align-items: center; gap: 40px;}
header li{cursor: pointer;}
header .h_call a{display: block; position: relative; overflow: hidden; box-sizing: border-box; z-index: 1; padding: 10px 20px; height: 45px; line-height: 18px; border-radius: 25px; border: 1px solid #e7e7ed; color: #181818; transition: color 0.3s ease, background-color 0.3s ease, border 0.3s ease;}
header .h_call a::before{content: ""; position: absolute; top: 0; left: 0; width: 110%; height: 102%; background-color: #0EA5A4; transform: scaleX(0); transform-origin: left; transition: transform 0.3s ease; z-index: -1;}
header .h_call:hover a{color: #fff; border-color: #0EA5A4;}
header .h_call:hover a::before{transform: scaleX(1);}
header .h_call:not(:hover) a::before{transform-origin: right;}
header .h_call i{margin-right: 5px;}
header .icon{display: flex; justify-content: space-between; align-items: center; gap: 20px;}
header .icon i{cursor: pointer;}
header .icon .xi-search{position: relative; top: 2px;}
header .icon .xi-bars{display: none; position: relative;}


#banner{width: 100%; height: 84dvh; position: relative; background-image: url(../img/bn.jpg); background-size: cover; background-repeat: no-repeat; background-position: center center; margin-top: 80px;}
#banner .banner_img{display: none; width: 55px; object-fit: cover; margin-top: 60px;}
#banner .title_s{display: none;}
#banner .b_base{display: block;}
#banner .b_base img{width: 120px; height: auto; object-fit: cover; margin-bottom: 30px;}
#banner .b_base ul .ft30{margin-bottom: 10px;}
#banner .b_base .bn_s{display: none;}
#banner .b_base .wrap_btn{background-color: transparent; border-color: #fff; color: #fff; transition: border-color 0.3s ease;}
#banner .b_base .wrap_btn:hover{border-color: #0EA5A4;}

#form{width: 100%; height: auto; position: relative;}
#form .inner{display: flex; justify-content: space-between; align-items: center;}
#form .form_base:first-child{height: 727px; padding: 50px 0; text-align: left; display: flex; flex-direction: column; justify-content: space-between;}
#form .form_btn{margin-top: 150px;}
#form .form_btn li:first-child{margin-bottom: 20px;}
#form .form_btn li a{position: relative; overflow: hidden; z-index: 1; width: 292px; display: flex; justify-content: space-between; align-items: center; color: #181818; padding: 15px 30px; border-radius: 33px; border: 1px solid #181818;
box-sizing: border-box; transition: color 0.3s ease, background-color 0.3s ease, border 0.3s ease;}
#form .form_btn li a::before{content: ""; position: absolute; top: 0; left: 0; width: 110%; height: 110%; background-color: #0EA5A4; transform: scaleX(0); transform-origin: left; transition: transform 0.3s ease; z-index: -1;}
#form .form_btn li:hover a{color: #fff; border-color: #0EA5A4;}
#form .form_btn li:hover a::before{transform: scaleX(1);}
#form .form_btn li:not(:hover) a::before{transform-origin: right;}
#form .counsel_base{width: 741px; height: 280px; position: relative; overflow: hidden; border-top: 2px solid #CECECE;}
#form .counsel_base .form_counsel{width: 100%; position: relative;}
#form .counsel_base .form_counsel li{padding: 10px 10px; border-bottom: 1px solid #E7E7ED; display: flex; justify-content: space-between; gap: 60px; align-items: center;}
#form .counsel_base .form_counsel li .ftblack{width: 180px; text-align: center;}
#form .counsel_base .form_counsel li .end{background-color: #0EA5A4; border-radius: 28px; padding: 10px 15px;}
#form .counsel_base .form_counsel li .ing{background-color: #909093; border-radius: 28px; padding: 10px 15px;}
/* 다단계 폼: 메인 컨테이너 */
#form .form_main{width: 700px; height: 776px; text-align: left; background-color: #f6f6f8; padding: 60px 60px; box-sizing: border-box; border-top: 2px solid #0EA5A4; border-bottom: 1px solid #0EA5A4;}
#form .form_main .ftgray_3{text-align: right;}
#form .form_main .ft38{margin-bottom: 30px;}
/* 다단계 폼: 각 스텝 컨테이너 - flex로 레이아웃 구성하여 페이지네이션 하단 고정 */
#form .form_main .form_step{display: flex; flex-direction: column; height: 100%;}
#form .form_main .form_step > ul{flex: 0 0 auto;}
#form .form_main .form_step ul{margin: 60px 0;}
#form .form_main .form_step .form_input_group{flex: 0 0 auto;}
/* 다단계 폼: 리스트 아이템 스타일 */
#form .form_main li{padding: 10px 5px; border-bottom: 1px solid #E7E7ED; display: flex; justify-content: space-between; align-items: center;}
#form .form_main li label{cursor: pointer;}
#form .form_main li input[type="checkbox"]{accent-color: #0EA5A4; width: 18px; height: 18px; cursor: pointer;}
/* 다단계 폼: 리스트 아이템 스타일 - 라디오 */
#form .form_main li input[type="radio"]{display: none;}
#form .form_main li .m_radio{display: inline-block; width: 18px; height: 18px; background-color: #fff; border: 1px solid #767676; border-radius: 2px; cursor: pointer; position: relative; vertical-align: middle;}
#form .form_main li input[type="radio"]:checked + label{background-color: #0EA5A4; border-color: #0EA5A4;}
#form .form_main li input[type="radio"]:checked + label::after {content: ''; position: absolute; left: 5px; width: 4px; height: 10px; border: solid white; border-width: 0 3px 3px 0; transform: rotate(35deg);}
/* 다단계 폼: 3단계 입력 필드와 체크박스 감싸는 컨테이너 */
#form .form_main .form_input_wrapper{margin: 40px 0; display: flex; gap: 10px; flex-direction: column}
/* 다단계 폼: 3단계 입력 필드 그룹 */
#form .form_main .form_input_group{flex: 1; display: flex; flex-direction: column; gap: 15px;}
/* 다단계 폼: 3단계 개별 입력 필드 아이템 */
#form .form_main .form_input_item,
#form .form_main .form_comment{display: flex; gap: 60px; align-items: flex-start;}
#form .form_main .form_input_item label,
#form .form_main .form_comment span{font-weight: 500; white-space: nowrap; flex-shrink: 0; width: 70px; margin-top: 10px;}
#form .form_main .form_input{width: 100%; padding: 15px 20px; outline: none; border: 1px solid #E7E7ED; border-radius: 5px; background-color: #fff; font-size: 16px; color: #474747; font-family: 'Pretendard';}
#form .form_main .form_input::placeholder{color: #808080;}
/* 다단계 폼: 3단계 상담내용 입력 */
#form .form_main .form_comment .comment_fields{width: 100%;}
#form .form_main .form_comment .comment_fields textarea{width: 100%; border-radius: 5px; border-color: #e7e7ed; color: #474747; padding: 15px 20px; font-family: 'Pretendard'; font-size: 16px; resize: none; outline: none;}
#form .form_main .form_comment .comment_fields textarea::placeholder{color: #808080;}
/* 모바일에서만 보이는 줄바꿈 */
br.mobile_only{display: none;}
/* 다단계 폼: 3단계 체크박스 영역 */
#form .form_main .form_checkbox{margin: 0; display: flex; align-items: center; flex-shrink: 0; justify-content: right;}
#form .form_main .form_checkbox label{display: flex; align-items: center; cursor: pointer;}
#form .form_main .form_checkbox input[type="checkbox"]{margin-left: 5px; accent-color: #0EA5A4; cursor: pointer; width: 18px; height: 18px;}
#form .form_main .form_checkbox span{color: #474747;}
/* 다단계 폼: 3단계 [자세히 보기] 링크 */
#form .form_main .form_checkbox .privacy_link{cursor: pointer;}
#form .form_main .form_checkbox .privacy_link:hover{color: #181818; font-weight: 600;}
/* 다단계 폼: 3단계 상담신청 버튼 */
#form .form_main .submit_form_btn{padding: 15px 30px; border-radius: 35px; background-color: #0EA5A4; color: #fff; border: none; cursor: pointer; margin: 0 auto;}
#form .form_main .submit_form_btn:hover{background-color: #0A7F7C;}
/* 다단계 폼: 페이지네이션 영역 - 하단 고정 */
#form .form_main .page{display: flex; justify-content: space-between; align-items: center; margin-top: auto;}
#form .form_main .page .page_btn{display: flex; justify-content: space-between; align-items: center; gap: 10px;}
#form .form_main .page .page_btn .prev_btn{border-bottom: 1px solid #808080; cursor: pointer;}
#form .form_main .page .page_btn .next_btn,
#form .form_main .page .page_btn .submit_btn{border-bottom: 1px solid #282828; cursor: pointer;}
/* 다단계 폼: 1단계에서는 이전 버튼 숨김 */
#form .form_main .form_step[data-step="1"] .prev_btn{display: none;}
/* 다단계 폼: 3단계에서는 페이지네이션 버튼 숨김 */
#form .form_main .form_step[data-step="3"] .page_btn{display: none;}
/* 다단계 폼: 3단계에서 (3/3)
uae8-다 숨김 */
#form .form_main .form_step[data-step="3"] .page .ftgray_2{display: none;}
#form .form_main .form_step[data-step="3"] .page{justify-content: center;}

#form .s_form_base{display: none;}
#form .s_form_base ul{width: 700px; margin-top: 60px; padding: 0 10px; position: relative; display: flex; justify-content: space-between; align-items: center;}
#form .s_form_base li:first-child{margin-bottom: 0;}

#lawyer{width: 100%; height: auto; position: relative; background-image: url(../img/lawyer.jpg); background-size: cover; background-repeat: no-repeat; background-position: center center;}
#lawyer .top{display: flex; justify-content: space-between; align-items: flex-start;}
#lawyer .top img{margin-top: 30px; width: 167px; object-fit: cover;}
#lawyer .middle{position: relative; overflow: hidden;}
#lawyer .middle .lawyer_base{position: relative; width: max-content; display: flex; justify-content: space-between; align-items: center;}
#lawyer .middle .lawyer_list{position: relative; width: 393px; height: 500px; padding: 20px 20px; border: 1px solid #e7e7ed; border-radius: 5px; overflow: hidden; background-image: linear-gradient(to bottom, #fff, #f6f6f8 );
flex-shrink: 0; margin-right: 30px; transition: border 0.3s ease;}
#lawyer .middle .lawyer_list:hover{background-image: linear-gradient(to bottom, #fff, #0EA5A4); border-color: #0EA5A4;}
#lawyer .middle .lawyer_list .ft24{margin: 5px 0;}
#lawyer .middle .lawyer_list .lawyer_img{width: 300px; object-fit: cover; position: absolute; left: 50%; transform: translateX(-50%); bottom: 0;}
#lawyer .middle .lawyer_list p img{width: 30px; object-fit: cover; margin-right: 5px;}
#lawyer .middle .lawyer_list p span.ft16{top: 2px; position: relative;}

#medical{width: 100%; height: auto; position: relative;}
#medical ul{display: grid; grid-template-columns: repeat(4, 1fr); gap: 30px;}
#medical li{position: relative; cursor: pointer; border-radius: 5px; border: 1px solid #e7e7ed; padding: 30px; text-align: left;}
#medical li::before{content: ""; position: absolute; inset: 0; background: linear-gradient(to bottom, #0EA5A4, #0A7F7C); opacity: 0; transition: opacity 0.3s ease; z-index: 1;}
#medical li:hover::before{opacity: 1;}
#medical li .img{width: 100%; text-align: right; margin-bottom: 15px;}
#medical li .ft24{margin-bottom: 15px;}
#medical li.bg{background-color: #f6f6f8;}
#medical li span{display: none; border-bottom: 1px solid #fff; position: absolute; top: 45%; left: 50%; transform: translateX(-50%); z-index: 2;}
#medical li:hover span{display: inline-block;}
#medical li:hover div{display: none;}

#solution{width: 100%; height: auto; position: relative; background-image: url(../img/solu_base.jpg); background-size: cover; background-repeat: no-repeat; background-position: center center;}
#solution .top{margin-bottom: 60px;}
#solution .top .ft26{margin-bottom: 15px;}
#solution ul{display: grid; grid-template-columns: repeat(4, 1fr);}
#solution li .ft28{margin: 30px 0 15px;}
#solution li.bot{margin-top: 80px;}

#expert{width: 100%; height: auto; position: relative; background-image: url(../img/expert.jpg); background-size: cover; background-repeat: no-repeat; background-position: center center;}
#expert .top{display: flex; justify-content: space-between; align-items: center;}
#expert .top .e_left{width: 50%;}
#expert .top .e_rigth{width: 50%;}
#expert .top img{width: 100%; object-fit: cover;}
#expert ul{width: max-content; display: flex; align-items: center; overflow: hidden; position: relative;}
#expert li{flex-shrink: 0; margin-right: 24px;}
#expert li img{width: 257px; object-fit: cover;}
#expert .ft42{margin-top: 60px;}
#expert .expert_txt2{display: none; margin-top: 40px;}

#content{width: 100%; height: auto; position: relative;}
#content .cont_base{position: relative; display: flex; justify-content: space-between; align-items: flex-start; gap: 30px;}
#content .cont_base .cont_main{display: grid; grid-template-columns: repeat(2, 1fr); gap: 30px; width: 59%;}
#content .cont_base .cont_main li a{display: flex; flex-direction: column; width: 100%;}
#content .cont_base li a .cont_img{overflow: hidden; position: relative; height: 425px;}
#content .cont_base li a .cont_img img{width: 100%; height: 100%; object-fit: cover; object-position: center; transform: scale(1); transition: transform 0.3s ease;}
#content .cont_base li a:hover img{transform: scale(1.1); transition: transform 0.3s ease;}
#content .cont_base li a .cont_txt{text-align: left; padding: 20px 10px;}
#content .cont_base li a .cont_txt .ft28{margin: 15px 0 5px;}
#content .cont_base .cont_main .cont_mobile{display: none;}
#content .cont_base .cont_sub{width: 41%;}
#content .cont_base .cont_sub li{margin-bottom: 45px; padding-bottom: 45px; border-bottom: 1px solid #e7e7ed;}
#content .cont_base .cont_sub li:last-child{margin-bottom: 0; padding-bottom: 0; border: none;}
#content .cont_base .cont_sub li a{display: flex; justify-content: flex-start; align-items: center;}
#content .cont_base .cont_sub li a .cont_img{width: 35%; height: 100%; object-fit: cover; margin-right: 10px;}
#content .cont_base .cont_sub li a .cont_txt{width: 65%;}
#content .wrap_btn{padding: 0 0;}

#faq{width: 100%; height: auto; position: relative; background-image: url(../img/faq.jpg); background-size: cover; background-repeat: no-repeat; background-position: center center;}
#faq li{border-top: 1px solid #DBDBDB; border-bottom: 1px solid #DBDBDB; margin-bottom: 15px; cursor: pointer;}
#faq li.first{border-top: 2px solid #0EA5A4;}
#faq li:last-child{margin-bottom: 0;}
#faq li p.ftwhite{padding: 5px 13px; background-color: #0EA5A4; display: inline-block; border-radius: 22px;}
#faq li p.ftmint{padding: 5px 14px; background-color: #fff; display: inline-block; border-radius: 22px;}
#faq li .faq_top{display: flex; justify-content: space-between; align-items: center; padding: 30px; background-color: #fff;}
#faq li .faq_top .top_base{display: flex; align-items: center; text-align: left; gap: 15px;}
#faq li .faq_top .top_base .ft18{margin-bottom: 5px;}
#faq li .faq_top i{display: block; transition: transform 0.3s ease;}
#faq li .faq_answer{text-align: left; padding: 30px; background-color: #e7e7ed; display: none; gap: 15px;}
#faq li .faq_answer div{display: flex; justify-content: flex-start; align-items: center; gap: 15px;}
#faq li.active .faq_top i{transform: rotate(180deg);}

#maeil{width: 100%; height: auto; position: relative;}
#maeil .maeil_base{width: 100%; display: flex; justify-content: space-between; align-items: flex-end;}
#maeil .maeil_base p{margin-bottom: 15px;}
#maeil .maeil_base .maeil_counsel{width: 830px;}
#maeil .counsel_base{width: 100%; height: 405px; position: relative; overflow: hidden; border-top: 2px solid #0EA5A4; margin-bottom: 30px;}
#maeil .counsel_base .counsel{width: 100%; position: relative;}
#maeil .counsel_base .counsel li{padding: 10px 10px; border-bottom: 1px solid #E7E7ED; display: flex; justify-content: space-between; gap: 60px; align-items: center;}
#maeil .counsel_base .counsel li .list{width: 180px; text-align: center;}
#maeil .counsel_base .counsel li .end{background-color: #048281; border-radius: 28px; padding: 10px 15px;}
#maeil .counsel_base .counsel li .ing{background-color: #808080; border-radius: 28px; padding: 10px 15px;}
#maeil .maeil_form{width: 660px; padding: 40px 40px; border-top: 2px solid #0EA5A4; border-bottom: 1px solid #0EA5A4; background-color: #f6f6f8;}
#maeil .maeil_form p{margin-bottom: 0; text-align: right;}
#maeil .maeil_form form .form_input_group{display: flex; flex-direction: column; gap: 15px; margin: 10px 0;}
#maeil .maeil_form form .form_input_item{display: flex; justify-content: space-between; align-items: flex-start; gap: 45px;}
#maeil .maeil_form form .form_input_item .ftsemi{margin-top: 10px;}
#maeil .maeil_form form .form_input_item label.ft20, #maeil .maeil_form form .form_input_item span.ft20{font-weight: 500; width: 85px; min-width: 85px; margin-top: 10px; display: inline-block; text-align: left;}
#maeil .maeil_form form .select-wrapper, #maeil .maeil_form form .form_comment .comment_fields{width: 100%;}
#maeil .maeil_form form .form_input_item input, #maeil .maeil_form form .form_input_item .select-wrapper select,
#maeil .maeil_form form .form_comment .comment_fields textarea{width: 100%; padding: 15px 20px; background-color: #fff; border: 1px solid #e7e7ed; outline: none; border-radius: 5px; font-family: 'Pretendard'; font-size: 16px; color: #474747;}
#maeil .maeil_form form .form_input_item input::placeholder, #maeil .maeil_form form .form_comment .comment_fields textarea::placeholder{color: #808080;}
#maeil .maeil_form form .form_input_item .select-wrapper{position: relative; overflow: hidden;}
#maeil .maeil_form form .form_input_item .select-wrapper select{appearance: none; -webkit-appearance: none; -moz-appearance: none; font-size: 16px; color: #474747; cursor: pointer;}
#maeil .maeil_form form .form_input_item .select-wrapper img{position: absolute; right: 20px; top: 50%; transform: translateY(-50%);}
#maeil .maeil_form form .form_comment .comment_fields textarea{font-family: 'Pretendard'; font-size: 16px; resize: none;}
#maeil .maeil_form form .checkbox{text-align: right; width: 100%;}
#maeil .maeil_form form .checkbox .privacy_link{margin-left: 15px; cursor: pointer;}
#maeil .maeil_form form .checkbox .privacy_link:hover{font-weight: bold;}
#maeil .maeil_form form .checkbox input{accent-color: #048281; vertical-align: middle; cursor: pointer; margin: 0 0 1px 5px; width: 18px; height: 18px; line-height: 18px;}
#maeil .maeil_form form #maeil_submit_btn{border: none; background-color: #0EA5A4; padding: 15px 30px; border-radius: 30px; margin-top: 40px;}
#maeil .maeil_form form #maeil_submit_btn:hover{background-color: #048281; cursor: pointer;}

#last{width: 100%; height: auto; position: relative; background-image: url(../img/last.jpg); background-size: cover; background-repeat: no-repeat; background-position: center center;}
#last ul{display: grid; grid-template-columns: repeat(4, 1fr); gap: 29px;}
#last li a{display: flex; flex-direction: column; height: 448px; padding: 40px 30px; background: rgba(0,0,0,0.5); border-radius: 5px; border: 1px solid #999; transition: border-color 0.3s ease;}
#last li a div{display: block;}
#last li a .last_txt{text-align: left;}
#last li a .last_txt i{padding: 12px; background-color: #fff; border-radius: 35px;}
#last li a .last_txt .ft28{margin: 20px 0;}
#last li a .last_txt img{width: 80px; object-fit: cover;}
#last li:hover a{border-color: #0EA5A4;}
#last li a .last_btn{display: inline-block; position: relative; overflow: hidden; z-index: 1; margin-left: auto; margin-top: auto; padding: 5px 15px; border: 1px solid #0EA5A4; border-radius: 20px; transition: background-color 0.3s ease, color 0.3s ease;}
#last li a .last_btn::before{content: ""; position: absolute; top: 0; left: 0; width: 110%; height: 110%; background-color: #0EA5A4; transform: scaleX(0); transform-origin: left; transition: transform 0.3s ease; z-index: -1;}
#last li:hover a .last_btn{color: #fff;}
#last li:hover a .last_btn::before{transform: scaleX(1);}
#last li:not(:hover) a .last_btn::before{transform-origin: right;}

#logo_list{width: 100%; height: auto; padding: 40px 0; position: relative; overflow: hidden; background-color: #f6f6f8;}
#logo_list ul{width: max-content; display: flex; align-items: center; position: relative;}
#logo_list li{position: relative; margin-right: 50px; width: 250px; border: 1px solid #e7e7ed; flex-shrink: 0; overflow: visible;}
#logo_list li img{display: block; width: 100%; height: auto; object-fit: cover;}

footer{width: 100%; height: auto; position: relative; background-color: #181818;}
footer a{color: #fff;}
footer .m_list{display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; padding-bottom: 20px; border-bottom: 1px solid #686868;}
footer .m_list .m_list_s{position: relative;}
footer .m_list .m_list_s .f_logo2{width: 160px; object-fit: cover; display: none;}
footer .m_list .m_list_s .f_select{position: relative; display: inline-block; height: auto; line-height: 0; cursor: pointer;}
footer .m_list .m_list_s .f_select select{display: block; height: 100%; padding: 10px 40px 10px 15px; box-sizing: border-box; background-color: #181818; border: 1px solid #fff; border-radius: 2px; color: #fff; cursor: pointer;
appearance: none; -webkit-appearance: none; -moz-appearance: none; outline: none;}
footer .m_list .m_list_s .f_select img{position: absolute; right: 15px; top: 50%; transform: translateY(-50%); pointer-events: none;}
footer .info{display: flex; justify-content: space-between; align-items: flex-start; padding-top: 20px; position: relative;}
footer .info .info_list{display: flex; position: relative;}
footer .info .info_list ul{color: #bbbbbb; text-align: left;}
footer .info .info_list li b{margin-right: 10px;}
footer .info .info_list .info_box b{margin-right: 0; cursor: pointer;}
footer .info .info_list li:last-child{margin-top: 16px;}
footer .info img{position: relative; align-self: flex-end; width: 167px; object-fit: cover;}

#b_form{width: 100%; max-width: 1700px; height: auto; position: fixed; left: 50%; transform: translateX(-50%); bottom: 20px; overflow: hidden; z-index: 10; background-color: #181818; backdrop-filter: blur(4px); border-radius: 40px;
box-shadow: 0 4px 10px #00000059;}
#b_form .b_txt{text-align: center;}
#b_form form{display: flex; justify-content: space-between; align-items: center; gap: 20px;}
#b_form form input{width: 180px; height: 42px; padding: 10px 10px; outline: none; border: none; border-bottom: 1px solid #fff; background-color: #181818; font-size: 16px; line-height: 16px; color: #fff; font-family: 'Pretendard';}
#b_form form input::placeholder{color: #fff;}
#b_form form .select-wrapper{width: 180px; height: 42px; position: relative; overflow: hidden; font-size: 16px; background-color: #fff;}
#b_form form .select-wrapper select{width: 100%; height: 100%; padding: 10px 10px; outline: none; border: none; border-bottom: 1px solid #fff; background-color: #181818; cursor: pointer; font-size: 16px; color: #fff; font-family: 'Pretendard';
appearance: none; -webkit-appearance: none; -moz-appearance: none; border-radius: 0;}
#b_form form .select-wrapper img{position: absolute; right: 10px; top: 40%; pointer-events: none; transition: transform 0.3s ease;}
#b_form form .checkbox input{width: 16px; height: 16px; accent-color: #0EA5A4; vertical-align: middle; margin: 0 0 2px 10px; cursor: pointer;}
#b_form form #submit_btn{background-color: #0EA5A4; border-bottom: none; border-radius: 5px; cursor: pointer;}
#b_form form #submit_btn:hover{background-color: #048281;}

#m_b_form{display: none; width: 100%; height: 70px; padding: 10px 15px; background-color: #181818; position: fixed; left: 50%; transform: translateX(-50%); bottom: 0; z-index: 10;}
#m_b_form ul{display: flex; justify-content: space-between; align-items: center; max-width: 600px; height: 100%; gap: 10px; margin: 0 auto;}
#m_b_form li{cursor: pointer;}
#m_b_form li i{position: relative; margin-right: 5px; top: 2px;}
#m_b_form .ft18{font-size: 18px;}
#m_b_form .mbf_line{width: 1px; height: 40px; background-color: #575757;}

#quick{z-index: 5; display: none; width: 80px; height: auto; position: fixed; right: 40px; top: 50%; transform: translateY(-50%); overflow: hidden; background-color: #fff; border-radius: 40px; padding: 30px 5px 25px; text-align: center; letter-spacing: -0.5px; box-shadow: 0 0 10px rgba(0,0,0,0.1);}
#quick li{position: relative; padding: 12.5px 0; cursor: pointer; display: block;}
#quick li a{position: relative; display: block;}
#quick li:first-child{padding-top: 0;}
#quick .top_btn{position: relative; padding-top: 20px; margin-top: 12.5px; z-index: 2; cursor: pointer;}
#quick .top_btn i{position: relative; bottom: -2px;}
#quick .quick_bg{width: 100px; height: 100px; background-color: #181818; position: absolute; bottom: -35px; left: -20px; z-index: 1;}

@media (min-width:1024px) and (max-width:1580px){
  .h_inner, .inner, .b_inner, .f_inner, .bf_inner{max-width: 1000px;}
  .h_inner{padding: 0 30px;}
  .inner{padding: 100px 30px;}
  .b_inner{padding: 100px 30px;}
  .f_inner{padding: 60px 30px 140px;}
  .bf_inner{padding: 0 30px;}

  .ft50{font-size: 46px;}
  .ft42{font-size: 38px;}
  .ft38{font-size: 34px;}
  .ft28, .ft26, .ft24{font-size: 22px;}

  header ul{gap: 30px;}
  header .h_logo{height: 35px;}

  #banner{background-image: url(../img/bn_2.jpg); height: 83vh;}
  #banner .b_base img{width: 90px;}
  #banner .b_base{bottom: 100px;}

  #form .inner{flex-direction: column; max-width: 1000px;}
  #form .form_main{height: 776px;}
  #form .form_base:first-child{padding: 0 0; width: 700px; height: auto;}
  #form .form_base .form_btn{display: none;}
  #form .counsel_base{width: 700px; margin-bottom: 60px;}
  #form .form_box{width: 700px; padding: 40px;}
  #form .s_form_base{display: block;}

  #medical ul{grid-template-columns: repeat(2, 1fr);}

  #solution{background-image: url(../img/solu_base_2.jpg);}
  #solution ul{grid-template-columns: repeat(1, 1fr); gap: 60px;}
  #solution li{display: flex; justify-content: center; align-items: center; gap: 60px; text-align: left;}
  #solution li img{width: 260px; object-fit: cover;}
  #solution li div{width: 380px;}
  #solution li.bot{margin-top: 0;}

  #expert .top{flex-direction: column;}
  #expert .top .e_left, #expert .top .e_rigth{width: 75%;}
  #expert li img{width: 230px;}

  #content .cont_base .cont_main{width: 100%;}
  #content .cont_base .cont_main .cont_mobile{display: block;}
  #content .cont_base li a .cont_txt{border-bottom: 0.5px solid #dadada;}
  #content .cont_base .cont_sub{display: none;}

  #maeil .title .ft42.title_m{display: none;}
  #maeil .title .ft42.title_s{display: block;}
  #maeil .inner{max-width: 760px;}
  #maeil .maeil_base{flex-direction: column; align-items: center;}
  #maeil .maeil_base .maeil_counsel, #maeil .maeil_form{width: 700px;}
  #maeil .counsel_base{height: 340px;}
  #maeil .maeil_form{padding: 60px 60px;}

  #last ul{grid-template-columns: repeat(2, 1fr);}
  #last li a{height: 270px; justify-content: space-between;}
  #last li a .last_txt{display: flex; justify-content: flex-start; align-items: flex-start;}
  #last li a .last_txt div{margin-left: 20px;}
  #last li a .last_txt .last_icon{margin-left: 0;}
  #last li a .last_txt .ft28{margin: 0 0 20px;}
  #last li a .last_btn{margin-top: 20px;}

  #b_form{max-width: 1000px;}
  #b_form .b_txt{display: none;}
  #b_form form{width: 100%;}
  #b_form form input, #b_form form .select-wrapper{width: 170px;}

  #quick{right: 20px;}
}
@media (min-width:768px) and (max-width:1023px){
  .h_inner, .inner, .b_inner, .f_inner, .bf_inner{max-width: 1000px;}
  .h_inner{padding: 0 30px;}
  .inner{padding: 100px 30px;}
  .b_inner{padding: 100px 30px;}
  .f_inner{padding: 60px 30px 130px;}
  .bf_inner{padding: 0 30px;}

  .ft60{font-size: 55px;}
  .ft50{font-size: 38px;}
  .ft48{font-size: 38px;}
  .ft45, .ft42, .ft38{font-size: 34px;}
  .ft32, .ft30{font-size: 24px;}
  .ft28, .ft26, .ft24{font-size: 22px;}
  .ft22{font-size: 20px;}
  .ft20{font-size: 18px;}
  .ft18{font-size: 16px;}

  #mobile img{height: 35px;}

  header{height: 70px;}
  header .h_logo{height: 35px;}
  header ul{display: none;}
  header .icon .xi-bars{display: block;}

  #banner{background-image: url(../img/bn_3.jpg); margin-top: 70px;}
  #banner .b_base img{width: 90px;}
  #banner .b_base{bottom: 100px;}

  #form .inner{flex-direction: column; max-width: 1000px;}
  #form .form_base:first-child{padding: 0 0; width: 650px; height: auto;}
  #form .form_base .form_btn{display: none;}
  #form .counsel_base{width: 650px; height: 268px; margin-bottom: 60px;}
  #form .form_main{width: 650px; height: auto; padding: 40px;}
  #form .s_form_base{display: block;}
  #form .s_form_base ul{width: 650px;}

  #lawyer .top img{display: none;}
  #lawyer .middle .lawyer_list{margin-right: 15px;}

  #medical ul{grid-template-columns: repeat(2, 1fr); gap: 15px;}

  #solution{background-image: url(../img/solu_base_2.jpg);}
  #solution ul{grid-template-columns: repeat(1, 1fr); gap: 40px;}
  #solution li{display: flex; justify-content: center; align-items: center; gap: 60px; text-align: left;}
  #solution li img{width: 230px; object-fit: cover;}
  #solution li div{width: 342px;}
  #solution li.bot{margin-top: 0;}

  #expert .top{flex-direction: column;}
  #expert .top .e_left, #expert .top .e_rigth{width: 90%;}
  #expert li{margin-right: 15px;}
  #expert li img{width: 230px;}

  #content .cont_base .cont_main{width: 100%; gap: 30px 15px;}
  #content .cont_base li a .cont_img{height: 350px;}
  #content .cont_base .cont_main .cont_mobile{display: block;}
  #content .cont_base li a .cont_txt{border-bottom: 0.5px solid #dadada;}
  #content .cont_base .cont_sub{display: none;}

  #maeil .title .ft42.title_m{display: none;}
  #maeil .title .ft42.title_s{display: block;}
  #maeil .inner{max-width: 710px;}
  #maeil .maeil_base{flex-direction: column; align-items: center;}
  #maeil .maeil_base .maeil_counsel, #maeil .maeil_form{width: 650px;}
  #maeil .counsel_base{height: 320px; margin-bottom: 15px;}
  #maeil .counsel_base .counsel li .list{width: 150px;}

  #last ul{grid-template-columns: repeat(2, 1fr); gap: 15px;}
  #last li a{height: 270px; justify-content: space-between;}
  #last li a .last_txt{display: flex; justify-content: flex-start; align-items: flex-start;}
  #last li a .last_txt div{margin-left: 20px;}
  #last li a .last_txt .last_icon{margin-left: 0; width: 58px; height: 58px;}
  #last li a .last_txt .last_icon img{width: 30px; margin: 22px 14px;}
  #last li a .last_txt .ft28{margin: 0 0 10px;}
  #last li a .last_txt .ft20{letter-spacing: -0.03em;}
  #last li a .last_btn{margin-top: 30px;}

  #logo_list{padding: 30px 0;}
  #logo_list li{width: 200px; margin-right: 30px;}

  footer .info img{height: 35px;}

  #b_form{display: none;}

  #m_b_form{display: block;}

  #quick{display: none !important;}
}
@media (min-width:480px) and (max-width:767px){
  .title{margin-bottom: 40px;}

  .wrap_btn{margin-top: 40px;}
  .wrap_btn, .wrap_btn a{padding: 10px 20px;}

  #privacy .pop_box{padding: 20px 15px; transform: translateY(-50px) scale(0.95);}
  #privacy.active .pop_box {transform: translateY(-50px) scale(1);}
  #privacy .pop_box .pop_txt .pop_title{font-size: 14px;}
  #privacy .pop_box .pop_txt {font-size: 11px;}
  #privacy .pop_box .pop_btn{width: 50px; height: 25px; font-size: 14px; line-height: 25px;}
  #privacy .pop_box .pop_txt::-webkit-scrollbar {width: 4px;}

  .h_inner, .inner, .b_inner, .f_inner, .bf_inner{max-width: 600px;}
  .h_inner{padding: 0 15px;}
  .inner{padding: 80px 15px;}
  .b_inner{padding: 80px 15px;}
  .f_inner{padding: 60px 15px 130px;}
  .bf_inner{padding: 0 15px;}

  .ft60{font-size: 50px;}
  .ft50{font-size: 32px; letter-spacing: -0.02em;}
  .ft48{font-size: 32px;}
  .ft45, .ft42, .ft38{font-size: 30px;}
  .ft32, .ft30{font-size: 24px;}
  .ft28{font-size: 22px;}
  .ft26, .ft24{font-size: 20px;}
  .ft22, .ft20{font-size: 18px;}
  .ft18{font-size: 16px;}
  .ft16{font-size: 14px;}
  .iconft{font-size: 22px;}

  header{height: 70px;}
  header .h_logo{height: 35px;}
  header ul{display: none;}
  header .icon .xi-bars{display: block;}

  #banner{background-image: url(../img/bn_3.jpg); margin-top: 70px;}
  #banner .b_base img{width: 70px;}
  #banner .title_m{display: none;}
  #banner .title_s{display: block;}

  #form .inner{flex-direction: column; max-width: 600px;}
  #form .form_base{width: 100%;}
  #form .form_base:first-child{padding: 0 0; width: 100%; height: auto;}
  #form .form_base .form_btn{display: none;}
  #form .counsel_base{max-width: 100%; height: 260px; margin-bottom: 40px;}
  #form .counsel_base .form_counsel li{gap: 40px;}
  #form .counsel_base .form_counsel li .ft20{font-size: 16px;}
  #form .counsel_base .form_counsel li .ftblack{width: 120px;}
  #form .form_main{max-width: 100%; width: 100%; height: auto; padding: 40px 30px;}
  #form .form_main .ft38{margin-bottom: 20px;}
  #form .form_main .form_step ul{margin: 40px 0;}
  #form .form_main .form_input_item, #form .form_main .form_comment{gap: 40px;}
  #form .form_main .form_input,#form .form_main .form_comment .comment_fields textarea{padding: 15px 15px;}
  #form .form_main .submit_form_btn{padding: 10px 20px;}
  #form .s_form_base{display: block; max-width: 100%;}
  #form .s_form_base ul{max-width: 100%; padding: 0 20px; margin-top: 40px;}
  #form .form_btn li a{width: 100%; padding: 10px 20px;}
  #form .form_btn li a i{margin-left: 5px;}

  #lawyer .top img{display: none;}
  #lawyer .middle .lawyer_list{margin-right: 15px; width: 280px; height: 430px;}
  #lawyer .middle .lawyer_list .lawyer_img{width: 250px; object-fit: cover;}

  #medical ul{grid-template-columns: repeat(1, 1fr); gap: 15px;}
  #medical li{height: 242px;}
  #medical li img{width: 80px; object-fit: cover;}

  #solution{background-image: url(../img/solu_base_3.jpg);}
  #solution .top{margin-bottom: 40px;}
  #solution ul{grid-template-columns: repeat(1, 1fr); gap: 30px;}
  #solution li{display: flex; flex-direction: column; justify-content: center; align-items: center;}
  #solution li img{width: 200px; object-fit: cover;}
  #solution li .ft28{margin: 15px 0 10px;}
  #solution li div{width: 342px;}
  #solution li.bot{margin-top: 0;}

  #expert .top{flex-direction: column;}
  #expert .top .e_left, #expert .top .e_rigth{width: 100%;}
  #expert li{margin-right: 15px;}
  #expert li img{width: 200px;}
  #expert .expert_txt1{display: none;}
  #expert .expert_txt2{display: block;}

  #content .cont_base .cont_main{width: 100%; gap: 30px; grid-template-columns: 1fr;}
  #content .cont_base li a .cont_img{height: 250px;}
  #content .cont_base .cont_main .cont_mobile{display: block;}
  #content .cont_base li a .cont_txt{border-bottom: 0.5px solid #dadada;}
  #content .cont_base .cont_sub{display: none;}

  #faq li .faq_top, #faq li .faq_answer{padding: 20px 30px;}
  #faq li .faq_top i{display: none;}
  #faq li p.ftwhite{padding: 5px 12px;}
  #faq li p.ftmint{padding: 5px 13px;}
  #faq li .faq_answer div{align-items: flex-start;}

  #maeil .title{margin-bottom: 45px;}
  #maeil .maeil_base{max-width: 100%; flex-direction: column; align-items: center;}
  #maeil .title .title_m{display: none;}
  #maeil .title .title_s{display: block;}
  #maeil .counsel_base{height: 322px; margin-bottom: 15px;}
  #maeil .counsel_base .counsel li{gap: 20px;}
  #maeil .counsel_base .counsel li .list{width: 140px;}
  #maeil .maeil_base .maeil_counsel,#maeil .maeil_form{width: 100%;}
  #maeil .maeil_form{padding: 40px 30px;}
  #maeil .maeil_form form .form_input_item input, #maeil .maeil_form form .form_input_item .select-wrapper select, #maeil .maeil_form form .form_comment .comment_fields textarea{padding: 15px 15px;}
  #maeil .maeil_form form .form_input_item{gap: 15px;}
  #maeil .maeil_form form .form_input_item .select-wrapper img{right: 15px;}
  #maeil .maeil_form form #maeil_submit_btn{padding: 10px 20px;}

  #last ul{grid-template-columns: 1fr; gap: 15px;}
  #last li a{height: auto; justify-content: space-between;}
  #last li a .last_txt{display: flex; justify-content: flex-start; align-items: flex-start;}
  #last li a .last_txt div{margin-left: 20px;}
  #last li a .last_txt .last_icon{margin-left: 0; width: 54px; height: 54px;}
  #last li a .last_txt .last_icon img{width: 28px; margin: 20px 13px;}
  #last li a .last_txt .ft28{margin: 0 0 10px;}
  #last li a .last_txt .ft20{letter-spacing: -0.03em;}
  #last li:nth-child(3) a .last_txt, #last li:nth-child(4) a .last_txt{align-items: center;}
  #last li a .last_btn{margin-top: 30px; display: block; width: 100%;}

  #logo_list{padding: 30px 0;}
  #logo_list li{width: 200px; margin-right: 30px;}

  footer .m_list{justify-content: center; align-items: center; padding-bottom: 25px;}
  footer .m_list .m_list_s .f_logo2{display: block; margin: 0 auto 25px;}
  footer .info{padding-top: 25px;}
  footer .info .info_list{margin: 0 auto;}
  footer .info .info_list ul{text-align: center;}
  footer .info .f_logo{display: none;}

  #b_form{display: none;}

  #m_b_form{display: block; height: 70px;}
  #m_b_form ul{max-width: 400px;}

  #quick{display: none !important;}
}
@media all and (max-width:479px){
  .title{margin: 0 auto 30px; text-align: center;}
  .title .ft22{font-size: 16px;}
  .title .ft18{font-size: 12px; margin-bottom: 25px;}
  .title .title_m{display: none;}
  .title .title_s{display: block;}

  .wrap_btn{margin-top: 40px;}
  .wrap_btn, .wrap_btn a{padding: 5px 15px;}

  #mobile .ft24{font-size: 20px;}
  #mobile img{height: 28.8px; margin: 40px auto 0;}

  #privacy .pop_box{padding: 20px 15px; transform: translateY(-50px) scale(0.95);}
  #privacy.active .pop_box {transform: translateY(-50px) scale(1);}
  #privacy .pop_box .pop_txt .pop_title{font-size: 14px;}
  #privacy .pop_box .pop_txt {font-size: 11px;}
  #privacy .pop_box .pop_btn{width: 50px; height: 25px; font-size: 14px; line-height: 25px;}
  #privacy .pop_box .pop_txt::-webkit-scrollbar {width: 4px;}

  .m_inner{padding: 20px 30px;}
  .h_inner, .inner, .b_inner, .f_inner, .bf_inner{max-width: 100%;}
  .h_inner{padding: 0 15px;}
  .inner{padding: 60px 15px;}
  .b_inner{padding: 60px 15px; justify-content: center; align-items: flex-end; text-align: center;}
  .f_inner{padding: 40px 15px 100px;}
  .bf_inner{padding: 0 15px;}

  .ft60{font-size: 40px;}
  .ft48{font-size: 28px;}
  .ft45, .ft42, .ft38, .ft32{font-size: 24px;}
  .ft50, .ft28{font-size: 20px;}
  .ft26{font-size: 18px;}
  .ft30, .ft24, .ft22, .ft20{font-size: 16px;}
  .ft18, .ft16{font-size: 14px;}
  .ft14{font-size: 12px;}
  .iconft{font-size: 22px;}

  header{height: 60px;}
  header .h_logo{height: 28.8px;}
  header ul{display: none;}
  header .icon .xi-bars{display: block;}

  #banner{background-image: url(../img/bn_4.jpg); margin-top: 60px;}
  #banner .b_inner{display: flex; flex-direction: column; justify-content: space-between; align-items: center;}
  #banner .banner_img{display: block; margin-top: 0;}
  #banner .b_base img{display: none;}
  #banner .b_base{bottom: 60px;}
  #banner .title_m{display: none;}
  #banner .title_s{display: block;}
  #banner .b_base .wrap_btn{padding: 10px 15px;}

  #form .inner{flex-direction: column; max-width: 600px;}
  #form .form_base{height: auto; width: 100%;}
  #form .form_base:first-child{padding: 0 0; width: 100%; height: auto;}
  #form .form_base .form_btn{display: none;}
  #form .counsel_base{max-width: 100%; height: 205px; margin-bottom: 30px;}
  #form .counsel_base .form_counsel li{gap: 20px; padding: 10px 0;}
  #form .counsel_base .form_counsel li .ft20{font-size: 14px;}
  #form .counsel_base .form_counsel li .ftblack{width: 72px; letter-spacing: -0.02em;}
  #form .counsel_base .form_counsel li .ftbold{padding: 5px 10px;}
  #form .form_main{max-width: 100%; width: 100%; height: auto; padding: 30px 20px;}
  #form .form_main .ft38{margin-bottom: 20px;}
  #form .form_main .form_step ul{margin: 30px 0;}
  #form .form_main .form_input, #form .form_main .form_comment .comment_fields textarea{padding: 15px 10px;}
  #form .form_main .form_input_item, #form .form_main .form_comment{flex-direction: column; gap: 1px;}
  #form .form_main .form_input_wrapper{margin: 30px 0;}
  #form .form_main .submit_form_btn{padding: 10px 15px; font-size: 16px;}
  #form .s_form_base{display: block; max-width: 100%;}
  #form .s_form_base ul{max-width: 100%; padding: 0 0; margin-top: 30px;}
  #form .form_btn li a{width: 100%; padding: 10px 10px;}
  #form .form_btn li a i{margin-left: 5px;}
  #form .form_btn.ft26{font-size: 16px;}

  #lawyer .top img{display: none;}
  #lawyer .middle .lawyer_list{margin-right: 15px; width: 280px; height: 430px;}
  #lawyer .middle .lawyer_list .lawyer_img{width: 250px; object-fit: cover;}
  #lawyer .middle .lawyer_list .ft24 b{font-size: 18px;}

  #medical ul{grid-template-columns: repeat(1, 1fr); gap: 15px;}
  #medical li{height: 212px; padding: 20px 20px;}
  #medical li img{width: 80px; object-fit: cover;}
  #medical li .ft24{font-size: 18px;}

  #solution{background-image: url(../img/solu_base_4.jpg);}
  #solution .top{margin-bottom: 30px;}
  #solution ul{grid-template-columns: repeat(1, 1fr); gap: 30px;}
  #solution li{display: flex; flex-direction: column; justify-content: center; align-items: center;}
  #solution li img{width: 180px; object-fit: cover;}
  #solution li .ft28{margin: 15px 0 10px;}
  #solution li.bot{margin-top: 0;}

  #expert .top{flex-direction: column;}
  #expert .top .e_left, #expert .top .e_rigth{width: 100%;}
  #expert li{margin-right: 15px;}
  #expert li img{width: 150px;}
  #expert .expert_txt1{display: none;}
  #expert .expert_txt2{display: block; font-size: 20px;}

  #content .cont_base .cont_main{width: 100%; gap: 30px; grid-template-columns: 1fr;}
  #content .cont_base li a .cont_img{height: 150px;}
  #content .cont_base .cont_main .cont_mobile{display: block;}
  #content .cont_base li a .cont_txt{border-bottom: 0.5px solid #dadada;}
  #content .cont_base li a .cont_txt .ft28{font-size: 18px; margin-top: 10px;}
  #content .cont_base li a .cont_txt .ft18{font-size: 14px;}
  #content .cont_base .cont_sub{display: none;}

  #faq li .faq_top, #faq li .faq_answer{padding: 15px 20px;}
  #faq li .faq_top .ft24{font-size: 18px;}
  #faq li .faq_top i{display: none;}
  #faq li p.ftwhite{padding: 5px 11px;}
  #faq li p.ftmint{padding: 5px 11px;}
  #faq li .faq_answer div{align-items: flex-start;}

  #maeil .title{margin-bottom: 45px;}
  #maeil .maeil_base{max-width: 100%; flex-direction: column; align-items: center;}
  #maeil .maeil_base p{margin-bottom: 10px;}
  #maeil .counsel_base{height: 260px; margin-bottom: 15px;}
  #maeil .counsel_base .counsel li{gap: 1px;}
  #maeil .counsel_base .counsel li .list{width: 73px;}
  #maeil .counsel_base .counsel li .end, #maeil .counsel_base .counsel li .ing{padding: 5px 10px;}
  #maeil .maeil_base .maeil_counsel{width: 100%;}
  #maeil .maeil_form{width: 100%; padding: 30px 20px;}
  #maeil .maeil_form form .form_input_item input, #maeil .maeil_form form .form_input_item .select-wrapper select, #maeil .maeil_form form .form_comment .comment_fields textarea{padding: 15px 10px; font-size: 15px;}
  #maeil .maeil_form form .form_input_item{flex-direction: column; align-items: flex-start; gap: 5px;}
  #maeil .maeil_form form .form_input_item .select-wrapper img{right: 10px;}
  #maeil .maeil_form form #maeil_submit_btn{padding: 10px 20px; margin-top: 30px;}

  #last ul{grid-template-columns: 1fr; gap: 15px;}
  #last li a{height: auto; justify-content: space-between; padding: 30px 20px;}
  #last li a .last_txt{display: flex; justify-content: flex-start; align-items: flex-start;}
  #last li a .last_txt div{margin-left: 20px;}
  #last li a .last_txt .last_icon{margin-left: 0; width: 48px; height: 48px;}
  #last li a .last_txt .last_icon img{width: 22px; margin: 18px 13px;}
  #last li a .last_txt .ft28{margin: 0 0 10px; font-size: 18px;}
  #last li a .last_txt .ft20{letter-spacing: -0.03em; font-size: 14px;}
  #last li:nth-child(3) a .last_txt, #last li:nth-child(4) a .last_txt{align-items: center;}
  #last li a .last_btn{margin-top: 30px; display: block; width: 100%;}

  #logo_list{padding: 30px 0;}
  #logo_list li{width: 200px; margin-right: 30px;}

  footer .m_list{justify-content: center; align-items: center; padding-bottom: 25px;}
  footer .m_list .m_list_s .f_logo2{display: block; margin: 0 auto 25px; width: 120px;}
  footer .info{padding-top: 25px;}
  footer .info .info_list{margin: 0 auto;}
  footer .info .info_list ul{text-align: center;}
  footer .info .info_list .ft16{font-size: 12px;}
  footer .info .info_list li{font-size: 12px;}
  footer .info .info_list .ft14{font-size: 11px;}
  footer .info .f_logo{display: none;}

  #b_form{display: none;}

  #m_b_form{display: block; height: 60px;}
  #m_b_form ul{max-width: 320px;}
  #m_b_form li a i, #m_b_form li i{font-size: 16px;}
  #m_b_form .ft18{font-size: 14px;}

  #quick{display: none !important;}
}