*{margin: 0; padding: 0; box-sizing: border-box; -webkit-text-size-adjust:none;}
@font-face {font-family: 'Pretendard'; src: url('../font/Pretendard-Regular.woff') format('woff');
font-weight: 400; font-display: swap;}
@font-face {font-family: 'Pretendard'; src: url('../font/Pretendard-SemiBold.woff') format('woff');
font-weight: 600; font-display: swap;}
@font-face {font-family: 'Pretendard'; src: url('../font/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;}
.ftred{color: #f70010;}
.ftblue_3{color: #1B10B9;}
.ftblue_4{color: #8BAFFF;}
.ftbg_yellow{background-color: #ffef4d;}
.ftbg_blue{background-image: linear-gradient(to right, #559DF8 0%, #E5F1FF 100%); margin: 20px 0; padding: 10px 20px; border-radius: 40px; display: block; text-shadow: 0 0 2px #0d0d5260;}
.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: 30px;}
.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: #1B10B9; transform: scaleX(0); transform-origin: left; transition: transform 0.3s ease; z-index: -1;}
.wrap_btn:hover{color: #fff; border-color: #1B10B9;}
.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;}
.c_inner{width: 100%; max-width: 1700px; height: auto; position: relative; overflow: hidden; margin: 0 auto; padding: 0 20px 130px;}
.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: #1B10B9; transform: scaleX(0); transform-origin: left; transition: transform 0.3s ease; z-index: -1;}
header .h_call:hover a{color: #fff; border-color: #1B10B9;}
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 .b_base{display: block;}
#banner .b_base img{width: 120px; height: auto; object-fit: cover; margin-bottom: 30px;}
#banner .b_base li:first-child{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: #1B10B9;}

#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: #1B10B9; transform: scaleX(0); transform-origin: left; transition: transform 0.3s ease; z-index: -1;}
#form .form_btn li:hover a{color: #fff; border-color: #1B10B9;}
#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: #1B10B9; 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: 862px; text-align: left; background-color: #f6f6f8; padding: 60px 60px; box-sizing: border-box; border-top: 2px solid #1B10B9; border-bottom: 1px solid #1B10B9;}
#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: #1B10B9; 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: #1B10B9; border-color: #1B10B9;}
#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: #1B10B9; 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: #544BD0; color: #fff; border: none; cursor: pointer; margin: 0 auto;}
#form .form_main .submit_form_btn:hover{background-color: #1B10B9;}
/* 다단계 폼: 페이지네이션 영역 - 하단 고정 */
#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;}

#cases{width: 100%; height: auto; position: relative; background-image: url(../img/cases.jpg); background-size: cover; background-repeat: no-repeat; background-position: center center;}
#cases .inner{padding: 130px 20px 100px;}
#cases .top{display: flex; justify-content: space-between; align-items: flex-start;}
#cases .top .title{margin-bottom: 0;}
#cases .top .cases_form form{position: relative;}
#cases .top .cases_form form input{width: 799px; height: 60px; padding: 10px 30px; background-color: #fff; border: 1px solid #E7E7ED; border-radius: 30px; outline: none;}
#cases .top .cases_form .search_form #c_search_btn{position: absolute; top: 40%; right: 40px; transform: translateY(-40%); width: 20px; height: 20px; border: none; background: none; cursor: pointer;}
#cases .top .cases_form ul{display: flex; justify-content: space-between; align-items: center; margin-top: 10px; padding: 0 10px;}
#cases .top .cases_form li{padding: 10px 10px;}
#cases .cases_base{width: 100%; margin-top: 60px;}
#cases .cases_base ul{display: grid; grid-template-columns: repeat(3, 1fr); gap: 29px;}
#cases .cases_base li a{display: inline-block; overflow: hidden; width: 100%; height: 100%; padding: 40px 30px; text-align: left; position: relative; background-color: #fff; border: 1px solid #e7e7ed; border-radius: 5px; transition: border 0.3s ease;}
#cases .cases_base li a img{position: absolute; right: 30px; bottom: -30px;}
#cases .cases_base li a .ft20{margin: 10px 0 15px;}
#cases .cases_base li a .ftred{margin-top: 8px;}
#cases .cases_base li a .cases_more{display: inline-block; margin-top: 60px; padding: 5px 15px; border: 1px solid #e7e7ed; border-radius: 15px; transition: border 0.3s ease, color 0.3s ease;}
#cases .cases_base li a:hover{border-color: #1B10B9;}
#cases .cases_base li a:hover .cases_more{border-color: #1B10B9; color: #1B10B9;}
#cases .wrap_btn{padding: 0 0;}

#business{width: 100%; height: auto; position: relative; background-image: url(../img/business.jpg); background-size: cover; background-repeat: no-repeat; background-position: center center;}
#business .inner{height: 1350px;}
#business .ft26{margin-top: 30px;}
#business .busi_base{width: 100%; position: relative;}
#business .busi_base .slide{position: absolute; width: 100%; opacity: 0; transition: opacity 0.3s ease;}
#business .busi_base .slide.active{opacity: 1;}
#business .busi_base .slide .busi_img{display: block; position: relative; float: left; height: 450px; filter: brightness(0.8);}
#business .busi_base .slide .busi_img img{width: 100%; border-radius: 6px; object-fit: cover;}
#business .busi_base .slide .busi_txt{display: block; position: absolute; height: max-content; padding: 30px 30px; border-radius: 5px; background-color: #fff; text-align: left; right: 0; bottom: -230px;}
#business .busi_base .slide .busi_txt .ftblue_3{padding: 0 7px; border-left: 3px solid #1B10B9;}
#business .busi_base .slide .busi_txt .ft38{margin: 5px 0 30px;}
#business .busi_base .slide .busi_txt .busi_s{display: none;}
#business .busi_base .slide .busi_txt .busi_bot{position: relative; display: flex; justify-content: space-between; align-items: center; gap: 60px;}
#business .busi_base .slide .busi_txt .busi_bot .bot_txt{position: relative; display: flex; flex-direction: column;}
#business .busi_base .slide .busi_txt .busi_bot .bot_txt div{z-index: 3; display: flex; gap: 5px; align-items: center;}
#business .busi_base .slide .busi_txt .busi_bot .bot_txt .ft50{z-index: 1; position: absolute; left: 0; top: -40px; color: #f3f3f8;}
#business .busi_base .slide .busi_txt .busi_bot .arrow{display: block; position: relative; width: 1px; height: 120px; background-color: #dadada;}
#business .busi_base .slide .busi_txt .busi_bot .arrow img{position: absolute; object-fit: cover; transform: rotate(-90deg); left: -12px; bottom: 50px; border: 8px solid #fff; background-color: #fff;}
#business .busi_arrow{position: absolute; right: 20px; bottom: 130px; display: flex; gap: 15px;}
#business .busi_arrow i{padding: 15px 13px; border: 1px solid #fff; transition: color 0.3s ease, background-color 0.3s ease;}
#business .busi_arrow i:hover{background-color: #fff; color: #1B10B9; cursor: pointer;}

#solution{width: 100%; height: auto; position: relative; background-image: url(../img/solution.jpg); background-size: cover; background-repeat: no-repeat; background-position: center center;}
#solution .solu_sec{position: relative; overflow: hidden; padding: 130px 60px;}
#solution .bg{position:absolute; inset:0; background-size:cover; background-position:center; opacity:0; transition:opacity 0.3s; border-radius: 5px;}
#solution .bg.active{opacity:1;}
.bg1{background-image:url('../img/solu1.jpg');}
.bg2{background-image:url('../img/solu2.jpg');}
.bg3{background-image:url('../img/solu3.jpg');}
#solution .solu_cont{position: relative; display: flex; justify-content: space-between; align-items: flex-end;}
#solution .solu_cont .solu_base{width: 70%;}
#solution .solu_cont .solu_base > li{display: none; text-align: left; text-shadow: 0px 2px 4px #000000b6;}
#solution .solu_cont .solu_base > li.active{display: block;}
#solution .solu_cont .solu_base li .ft38{padding: 0 10px; border-left: 3px solid #8BAFFF; margin-bottom: 60px;}
#solution .solu_cont .solu_base li div{display: none;}
#solution .solu_cont .solu_menu{transition: 0.3s; display: flex; flex-direction: column; gap: 15px; color: #a3a3a3; cursor: pointer;}
#solution .solu_cont .solu_menu li.active{color: #fff; font-weight: bold; border-bottom: 1px solid #fff;}

#onestop{width: 100%; height: auto; position: relative;}
#onestop ul{display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px;}
#onestop li{position: relative; height: 300px; border: 1px solid #E7E7ED; border-radius: 5px; padding: 50px 50px; transition: background-color 0.3s ease;}
#onestop li div{width: 100%; text-align: left;}
#onestop li .oneimg{transition: all 0.3s ease;}
#onestop li .oneimg img{height: 90px; object-fit: cover;}
#onestop li .onetxt{display: flex; flex-direction: column; gap: 10px; width: fit-content; margin-left: auto; transition: all 0.3s ease;}
#onestop li .onetxt .one_s{display: none;}
#onestop li .ftwhite{opacity: 0; visibility: hidden; border-bottom: 1px solid #fff; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); transition: all 0.3s ease;}
#onestop li:hover{background: linear-gradient(90deg, #726BD5, #1B10B9); cursor: pointer;}
#onestop li:hover .ftwhite{opacity: 1; visibility: visible;}
#onestop li:hover .oneimg, #onestop li:hover .onetxt{opacity: 0;}

#strategy{width: 100%; height: auto; position: relative; background-color: #f6f6f8;}
#strategy .title .title_s2{display: none;}
#strategy ul{display: flex; justify-content: space-between; align-items: center; gap: 29px;}
#strategy ul li img{border-radius: 5px;}
#strategy li{position: relative; overflow: hidden; width: 393px; height: 500px; border-radius: 5px; padding: 30px 30px; transition: transform 0.5s ease;}
#strategy li:hover{transform: translateY(-30px);}
#strategy li .strabg{position: absolute; inset: 0; z-index: 0;}
#strategy li .strabg img{filter: brightness(0.6); width: 100%; height: 100%; object-fit: cover;}
#strategy li .strabg .img2{display: none;}
#strategy li .stratxt{position: relative; height: 100%; display: flex; flex-direction: column; justify-content: space-between; z-index: 2;}
#strategy li .stratxt .ftblue_3{width: max-content; padding: 5px 10px; background-color: #fff; border-radius: 20px; margin: 0 auto;}
#strategy li .stratxt .ftwhite{text-shadow: 0px 1px 4px #00000075;}
#strategy li .stratxt div .ft28{margin-bottom: 15px;}
#strategy li::after{content: ""; position: absolute; inset: 0; z-index: 1; background: linear-gradient(90deg, #726BD5, #1B10B9); opacity: 0; transition: opacity 0.3s ease; border-radius: 5px;}
#strategy li:hover::after{opacity: 0.85;}
#strategy .straarrow{position: absolute; left: 50%; transform: translateX(-50%); bottom: -60px; z-index: 5;}
#strategy .straarrow img{width: 100%; object-fit: cover;}

#lisk{width: 100%; height: auto; position: relative;}
#lisk .txt1{display: none;}
#lisk ul{position: relative; margin-top: 60px; display: grid; grid-template-columns: repeat(2, 1fr); gap: 30px;}
#lisk li{position: relative; overflow: hidden; border-radius: 5px;}
#lisk li .ftwhite{position: relative;}
#lisk li .ftwhite img{position: absolute; left: 50%; transform: translateX(-50%); bottom: -20px;}
#lisk li .lisk_top{padding: 15px 15px; background-color: #1B10B9;}
#lisk li .lisk_top2{padding: 15px 15px; background-color: #544BD0;}
#lisk li .lisk_base{background-color: #f6f6f8;}
#lisk li .lisk_base2{background-color: #E7E7ED;}
#lisk li .ft28{padding: 15px 30px;}
#lisk li p.ftbold{padding: 30px 0; border-bottom: 1px solid #E7E7ED;}
#lisk li .lisk_base2 p.ftbold{border-color: #F6F6F8;}
#lisk li .lisk_base .ft24, #lisk li .lisk_base2 .ft24{padding: 30px 0;}
#lisk .lisk_txt{color: #F8F7FD; font-size: 150px; text-align: right; position: absolute; bottom: 60px; right: 0; line-height: 140px; z-index: -1;}

#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; height: 40px; 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: 450px; height: auto; margin-right: 30px;}
#lawyer .middle .lawyer_list .law_img{position: relative; width: 100%; height: 509px;}
#lawyer .middle .lawyer_list .law_img img{position: relative; width: 100%; z-index: 2;}
#lawyer .middle .lawyer_list .law_img .law_bg{width: 329px; height: 390px; background-color: #e6e2fa; position: absolute; bottom: 0; right: 0; z-index: 1; border-radius: 160px 160px 0 0; transition: all 0.3s ease;}
#lawyer .middle .lawyer_list .law_txt{width: 100%; background-color: #181818; text-align: left; padding: 20px 20px;}
#lawyer .middle .lawyer_list .law_txt .txt_top{margin-bottom: 10px; display: flex; gap: 10px; align-items: end;}
#lawyer .middle .lawyer_list:hover .law_img .law_bg{background: linear-gradient(180deg, #544bd0, #2b266a); border-radius: 0;}

#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: 20px; padding-bottom: 20px; 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: 149px; 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-color: #f6f6f8; background-image: url(../img/faq.jpg); background-size: cover; background-repeat: no-repeat; background-position: center center;}
#faq ul{width: 100%; height: auto; display: flex; flex-direction: column; gap: 15px; border-top: 2px solid #1B10B9; text-align: left;}
#faq ul li{border-top: 1px solid #E7E7ED; border-bottom: 1px solid #E7E7ED; background-color: #fff;}
#faq ul li .faq_top{display: flex; justify-content: space-between; align-items: center; padding: 30px 30px;}
#faq ul li .faq_top div{display: flex; align-items: center; gap: 15px;}
#faq ul li .faq_top:hover{cursor: pointer;}
#faq ul li .faq_answer{background-color: #ececf1; padding: 30px 54px; display: none;}
#faq ul li .faq_top i{display: block; transition: transform 0.3s ease;}
#faq ul li.active{border: none;}
#faq ul li.active .faq_top{background-color: #1B10B9; color: #fff;}
#faq ul li.active .faq_top .ftblue_3{color: #fff;}
#faq ul 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 #CECECE; 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: #1B10B9; 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 #1B10B9; border-bottom: 1px solid #1B10B9; 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: #1b10b9; 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: #544BD0; padding: 15px 30px; border-radius: 30px; margin-top: 40px;}
#maeil .maeil_form form #maeil_submit_btn:hover{background-color: #1B10B9; cursor: pointer;}

#with{width: 100%; height: auto; position: relative; overflow: hidden; background-image: url(../img/with.jpg); background-size: cover; background-repeat: no-repeat; background-position: center center;}
#with .mid{width: 100%; display: flex; justify-content: center; align-items: center; gap: 60px; margin: 30px auto 60px;}
#with .mid .ft24{background-color: #1B10B9; padding: 5px 20px; border-radius: 25px;}
#with .fade-in{position: relative; overflow: hidden;}
#with .bot{display: flex; justify-content: space-between; align-items: center; gap: 30px; z-index: 2;}
#with .bot li{border: 1px solid #e7e7ed;}
#with .bot li .bot_txt{background-color: #fff; padding: 30px 15px; display: flex; flex-direction: column; align-items: start; text-align: left; gap: 15px;}
#with .bot li img{object-fit: cover;}
#with .circle{position: absolute; width: 1400px; height: 1400px; border-radius: 700px; background-color: #fff; right: -500px; bottom: -700px;}

#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:hover a{border-color: #8BAFFF;}
#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 #8BAFFF; 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: #8BAFFF; 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;}
#last li:last-child a{background: #fff;}
#last li:last-child a .last_btn{border: 1px solid #181818;}
#last li:last-child a:hover .last_btn{border-color: #8BAFFF;}
#last li a .last_txt .last_icon{display: inline-block; position: relative; width: 69px; height: 69px; background-color: #181818; border-radius: 35px;}
#last li a .last_txt .last_icon img{width: 35px; object-fit: cover; margin: 25px 17px;}

#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: #544BD0; vertical-align: middle; margin: 0 0 2px 10px; cursor: pointer;}
#b_form form #submit_btn{background-color: #544BD0; border-bottom: none; border-radius: 5px; cursor: pointer;}
#b_form form #submit_btn:hover{background-color: #1B10B9;}

#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, .c_inner, .f_inner, .bf_inner{max-width: 1000px;}
    .h_inner{padding: 0 30px;}
    .inner{padding: 100px 30px;}
    .b_inner{padding: 100px 30px;}
    .c_inner{padding: 0 30px 130px;}
    .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: 852px;}
    #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;}

    #cases{background-image: url(../img/cases_2.jpg);}
    #cases .inner{padding: 100px 30px;}
    #cases .top{flex-direction: column;}
    #cases .top .cases_form{margin: 40px 0 0; width: 100%;}
    #cases .top .cases_form form input{width: 100%;}
    #cases .top .cases_form ul{padding: 0 70px;}
    #cases .cases_base ul{grid-template-columns: repeat(2, 1fr);}
    #cases .cases_base li a img{right: 20px; bottom: -10px; width: 160px; object-fit: cover;}

    #business .inner{height: 1160px;}
    #business .busi_base .slide .busi_img{width: 100%; height: 450px;}
    #business .busi_base .slide .busi_img img{width: 100%; height: 100%;}
    #business .busi_base .slide .busi_txt{right: 50%; transform: translateX(50%); bottom: -120px; width: max-content; padding: 20px 30px}
    #business .busi_base .slide .busi_txt .ft38{margin: 5px 0 20px;}
    #business .busi_base .slide .busi_txt .ft24{font-size: 18px;}
    #business .busi_base .slide .busi_txt .busi_bot{width: 100%; gap: 30px;}
    #business .busi_base .slide .busi_txt .busi_bot .bot_txt .ft50{top: -30px; font-size: 38px;}
    #business .busi_arrow{bottom: 100px; right: 50%; transform: translateX(50%);}

    #solution .solu_sec{padding: 60px 30px;}
    #solution .solu_cont{flex-direction: column; gap: 60px; align-items: center;}
    #solution .solu_cont .solu_base{width: 100%;}
    #solution .solu_cont .solu_base li .ft38{margin-bottom: 40px;}
    #solution .solu_cont .solu_menu{flex-direction: row; gap: 30px; padding: 10px 20px; border-radius: 25px; background-color: #0000003b; backdrop-filter: blur(2px);}

    #onestop ul{display: grid; grid-template-columns: repeat(2, 1fr);}
    #onestop li{height: max-content; padding: 40px 30px;}
    #onestop li .onetxt{margin-top: 10px;}

    #strategy ul{display: grid; grid-template-columns: repeat(2, 1fr);}
    #strategy li{width: 100%; height: 300px;}
    #strategy li:hover{transform: translateY(-15px);}
    #strategy li .strabg .img1{display: none;}
    #strategy li .strabg .img2{display: block;}
    #strategy .straarrow{width: 200px; bottom: -50px;}

    #lisk li .lisk_base, #lisk li .lisk_base2{padding: 15px 20px;}
    #lisk li p.ftbold{letter-spacing: -0.02em;}
    #lisk li .lisk_base .ft24, #lisk li .lisk_base2 .ft24{font-size: 20px;}
    #lisk .lisk_txt{font-size: 120px; line-height: 110px;}

    #lawyer .middle .lawyer_list{width: 400px;}
    #lawyer .middle .lawyer_list .law_img{height: 450px;}
    #lawyer .middle .lawyer_list .law_img .law_bg{width: 280px; height: 330px;}

    #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;}

    #with .ft60{font-size: 50px;}
    #with .bot li img{width: 400px;}
    #with .circle{width: 1200px; height: 1200px; right: -600px; bottom: -600px;}

    #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, .c_inner, .f_inner, .bf_inner{max-width: 1000px;}
    .h_inner{padding: 0 30px;}
    .inner{padding: 100px 30px;}
    .b_inner{padding: 100px 30px;}
    .c_inner{padding: 0 30px 100px;}
    .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;}

    #cases{background-image: url(../img/cases_3.jpg);}
    #cases .inner{padding: 100px 30px;}
    #cases .top{flex-direction: column;}
    #cases .top .cases_form{margin: 40px 0 0; width: 100%;}
    #cases .top .cases_form form input{width: 100%;}
    #cases .top .cases_form ul{padding: 0 20px;}
    #cases .top .cases_form li{padding: 10px 5px;}
    #cases .cases_base ul{grid-template-columns: repeat(2, 1fr); gap: 15px;}
    #cases .cases_base li a{height: 520px;}
    #cases .cases_base li a .ftred{margin-top: 0;}
    #cases .cases_base li a .cases_more{margin-top: 30px;}
    #cases .cases_base li a img{right: 20px; bottom: 20px; object-fit: cover;}

    #business .inner{height: 1200px;}
    #business .busi_base .slide .busi_img{width: 75%; height: 500px;}
    #business .busi_base .slide .busi_img img{width: 100%; height: 100%;}
    #business .busi_base .slide .busi_txt{bottom: -120px; width: max-content;}
    #business .busi_base .slide .busi_txt .ft24{font-size: 18px;}
    #business .busi_base .slide .busi_txt .busi_m{display: none;}
    #business .busi_base .slide .busi_txt .busi_s{display: block;}
    #business .busi_base .slide .busi_txt .busi_bot{width: 100%; gap: 20px; flex-direction: column; align-items: flex-start;}
    #business .busi_base .slide .busi_txt .busi_bot .bot_txt{width: 100%;}
    #business .busi_base .slide .busi_txt .busi_bot .bot_txt .ft50{top: -20px; left: auto; right: 0; text-align: right;}
    #business .busi_base .slide .busi_txt .busi_bot .arrow{width: 100%; height: 1px; margin-bottom: 10px;}
    #business .busi_base .slide .busi_txt .busi_bot .arrow img{left: 50%; transform: translateX(-50%); bottom: -10px;}
    #business .busi_arrow{bottom: 100px; right: 50%; transform: translateX(50%);}

    #solution .solu_sec{padding: 40px 30px;}
    #solution .solu_cont{flex-direction: column; gap: 70px; align-items: center;}
    #solution .solu_cont .solu_base{width: 100%;}
    #solution .solu_cont .solu_base li .ft38{margin-bottom: 40px;}
    #solution .solu_cont .solu_base li p.ft24{display: none;}
    #solution .solu_cont .solu_base li div{display: block;}
    #solution .solu_cont .solu_menu{flex-direction: row; gap: 30px; padding: 10px 20px; border-radius: 25px; background-color: #0000003b; backdrop-filter: blur(2px);}

    #onestop ul{display: grid; grid-template-columns: repeat(2, 1fr); gap: 15px;}
    #onestop li{height: max-content; padding: 40px 30px;}
    #onestop li .oneimg img{height: 80px;}
    #onestop li .onetxt{margin-top: 10px;}

    #strategy .title .title_m{display: none;}
    #strategy .title .title_s{display: block;}
    #strategy ul{display: grid; grid-template-columns: repeat(2, 1fr);}
    #strategy li{width: 100%; height: 300px;}
    #strategy li:hover{transform: translateX(-15px);}
    #strategy li .strabg .img1{display: none;}
    #strategy li .strabg .img2{display: block;}
    #strategy li .stratxt .ft20.ftwhite{letter-spacing: -0.02em;}
    #strategy .straarrow{width: 180px; bottom: -50px;}

    #lisk ul{grid-template-columns: 1fr;}
    #lisk li .lisk_base .ft24, #lisk li .lisk_base2 .ft24{font-size: 20px;}
    #lisk .lisk_txt{font-size: 120px; line-height: 110px;}

    #lawyer .top img{display: none;}
    #lawyer .middle .lawyer_list{width: 330px;}
    #lawyer .middle .lawyer_list .law_img{height: 373px;}
    #lawyer .middle .lawyer_list .law_img .law_bg{width: 260px; height: 300px;}

    #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;}

    #with .ft60{font-size: 50px;}
    #with .bot li img{width: 330px;}
    #with .bot li .bot_txt{height: 175px;}
    #with .circle{width: 1000px; height: 1000px; bottom: -500px;}

    #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, .c_inner, .f_inner, .bf_inner{max-width: 600px;}
    .h_inner{padding: 0 15px;}
    .inner{padding: 80px 15px;}
    .b_inner{padding: 80px 15px; justify-content: center; align-items: flex-end; text-align: center;}
    .c_inner{padding: 0 15px 80px;}
    .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 .b_base .bn_m{display: none;}
    #banner .b_base .bn_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;}

    #cases{background-image: url(../img/cases_3.jpg);}
    #cases .inner{padding: 80px 15px;}
    #cases .top{flex-direction: column;}
    #cases .top .cases_form{margin: 40px 0 0; width: 100%;}
    #cases .top .cases_form .search_form #c_search_btn{top: 45%; transform: translateY(-45%);}
    #cases .top .cases_form form input{width: 100%;}
    #cases .top .cases_form ul{padding: 0 30px;}
    #cases .top .cases_form li{padding: 10px 5px;}
    #cases .top .cases_form li:nth-child(5), #cases .top .cases_form li:nth-child(6){display: none;}
    #cases .cases_base{margin-top: 40px;}
    #cases .cases_base ul{grid-template-columns: 1fr; gap: 10px;}
    #cases .cases_base li a{height: 320px;}
    #cases .cases_base li a .ftred{margin-top: 0;}
    #cases .cases_base li a .cases_more{margin-top: 80px;}
    #cases .cases_base li a img{width: 160px; right: 30px; bottom: 45px; object-fit: cover;}
    #cases .cases_base li:nth-child(5), #cases .cases_base li:nth-child(6){display: none;}

    #business .inner{height: 1120px;}
    #business .busi_base .slide .busi_img{width: 100%; height: 200px;}
    #business .busi_base .slide .busi_img img{width: 100%; height: 100%;}
    #business .busi_base .slide .busi_txt{width: 100%; bottom: -350px; right: auto;}
    #business .busi_base .slide .busi_txt .ft24{font-size: 18px;}
    #business .busi_base .slide .busi_txt .busi_m{display: none;}
    #business .busi_base .slide .busi_txt .busi_s{display: block;}
    #business .busi_base .slide .busi_txt .busi_bot{width: 100%; gap: 20px; flex-direction: column; align-items: flex-start;}
    #business .busi_base .slide .busi_txt .busi_bot .bot_txt{width: 100%;}
    #business .busi_base .slide .busi_txt .busi_bot .bot_txt .ft50{top: -20px; left: auto; right: 0; text-align: right;}
    #business .busi_base .slide .busi_txt .busi_bot .arrow{width: 100%; height: 1px; margin-bottom: 10px;}
    #business .busi_base .slide .busi_txt .busi_bot .arrow img{left: 50%; transform: translateX(-50%); bottom: -10px;}
    #business .busi_arrow{bottom: 100px; right: 50%; transform: translateX(50%);}

    #solution .solu_sec{padding: 40px 30px;}
    #solution .solu_cont{flex-direction: column; gap: 70px; align-items: center;}
    #solution .solu_cont .solu_base{width: 100%;}
    #solution .solu_cont .solu_base li .ft38{margin-bottom: 40px;}
    #solution .solu_cont .solu_base li p.ft24{display: none;}
    #solution .solu_cont .solu_base li div{display: block;}
    #solution .solu_cont .solu_menu{flex-direction: row; gap: 30px; padding: 10px 20px; border-radius: 25px; background-color: #0000003b; backdrop-filter: blur(2px);}

    #onestop .title .title_m{display: none;}
    #onestop .title .title_s{display: block;}
    #onestop ul{display: grid; grid-template-columns: 1fr; gap: 15px;}
    #onestop li{height: max-content; padding: 40px 30px; display: flex; justify-content: space-between; align-items: center; gap: 50px;}
    #onestop li .oneimg{width: max-content;}
    #onestop li .oneimg img{height: 80px;}
    #onestop li .onetxt{margin: 0 0; width: 100%;}

    #strategy .title .title_m{display: none;}
    #strategy .title .title_s{display: block;}
    #strategy ul{display: grid; grid-template-columns: 1fr; gap: 15px;}
    #strategy li{width: 100%; height: 280px;}
    #strategy li:hover{transform: none;}
    #strategy li .strabg .img1{display: none;}
    #strategy li .strabg .img2{display: block;}
    #strategy li .stratxt .ft20.ftwhite{letter-spacing: -0.02em;}
    #strategy .straarrow{width: 180px; bottom: -50px;}

    #lisk .txt1{display: none;}
    #lisk .txt2{display: block;}
    #lisk ul{grid-template-columns: 1fr; margin-top: 40px; gap: 15px;}
    #lisk li p.ftbold{padding: 20px 0;}
    #lisk li .lisk_base .ft24, #lisk li .lisk_base2 .ft24{font-size: 18px; padding: 25px 0;}
    #lisk .lisk_txt{display: none;}

    #lawyer .top img{display: none;}
    #lawyer .middle .lawyer_list{width: 320px; margin-right: 15px;}
    #lawyer .middle .lawyer_list .law_img{height: 361px;}
    #lawyer .middle .lawyer_list .law_img .law_bg{width: 260px; height: 300px;}

    #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 ul li .faq_top, #faq ul li .faq_answer{padding: 20px 30px;}
    #faq ul li .faq_top i{display: none;}

    #maeil .maeil_base{max-width: 100%; flex-direction: column; align-items: center;}
    #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 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;}

    #with .ft60{font-size: 38px;}
    #with .bot li img{width: 300px;}
    #with .bot li .bot_txt{height: 170px;}
    #with .circle{width: 1000px; height: 1000px; right: 50%; transform: translateX(50%); bottom: -500px;}

    #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, .c_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;}
    .c_inner{padding: 0 15px 60px;}
    .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;}
    .ft30, .ft26, .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 .b_base .bn_m{display: none;}
    #banner .b_base .bn_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;}

    #cases{background-image: url(../img/cases_3.jpg);}
    #cases .inner{padding: 80px 15px;}
    #cases .top{flex-direction: column;}
    #cases .top .cases_form{margin: 30px 0 0; width: 100%;}
    #cases .top .cases_form form input{width: 100%; padding: 5px 20px;}
    #cases .top .cases_form .search_form #c_search_btn{right: 30px; top: 45%; transform: translateY(-45%);}
    #cases .top .cases_form ul{padding: 0 20px;}
    #cases .top .cases_form li{padding: 10px 5px;}
    #cases .top .cases_form li:nth-child(4), #cases .top .cases_form li:nth-child(5), #cases .top .cases_form li:nth-child(6){display: none;}
    #cases .cases_base{margin-top: 30px;}
    #cases .cases_base ul{grid-template-columns: 1fr; gap: 10px;}
    #cases .cases_base li a{height: auto; padding: 20px 20px;}
    #cases .cases_base li a .ft20{margin: 10px 0;}
    #cases .cases_base li a .ftred{margin-top: 0;}
    #cases .cases_base li a .cases_more{margin-top: 100px;}
    #cases .cases_base li a img{width: 130px; right: 20px; bottom: -40px; object-fit: cover;}
    #cases .cases_base li:nth-child(5), #cases .cases_base li:nth-child(6){display: none;}

    #business .inner{height: 1040px;}
    #business .title .title_m{display: none;}
    #business .title .title_s{display: block;}
    #business .busi_base .slide .busi_img{width: 100%; height: 200px;}
    #business .busi_base .slide .busi_img img{width: 100%; height: 100%;}
    #business .busi_base .slide .busi_txt{width: 100%; bottom: -350px; right: auto; padding: 15px 15px;}
    #business .busi_base .slide .busi_txt .busi_m{display: none;}
    #business .busi_base .slide .busi_txt .busi_s{display: block;}
    #business .busi_base .slide .busi_txt .busi_bot{width: 100%; gap: 20px; flex-direction: column; align-items: flex-start; letter-spacing: -0.02em;}
    #business .busi_base .slide .busi_txt .busi_bot .bot_txt{width: 100%;}
    #business .busi_base .slide .busi_txt .busi_bot .bot_txt div{margin-bottom: 5px;}
    #business .busi_base .slide .busi_txt .busi_bot .bot_txt div:last-child{margin-bottom: none;}
    #business .busi_base .slide .busi_txt .busi_bot .bot_txt .ft50{top: -20px; left: auto; right: 0; text-align: right;}
    #business .busi_base .slide .busi_txt .busi_bot .arrow{width: 100%; height: 1px; margin-bottom: 8px;}
    #business .busi_base .slide .busi_txt .busi_bot .arrow img{left: 50%; transform: translateX(-50%); bottom: -10px;}
    #business .busi_arrow{bottom: 100px; right: 50%; transform: translateX(50%);}

    #solution .bg{filter: brightness(0.7);}
    #solution .solu_sec{padding: 30px 20px;}
    #solution .solu_cont{flex-direction: column; gap: 50px; align-items: center;}
    #solution .solu_cont .solu_base{width: 100%;}
    #solution .solu_cont .solu_base li .ft38{margin-bottom: 40px;}
    #solution .solu_cont .solu_base li p.ft24{display: none;}
    #solution .solu_cont .solu_base li div{display: block;}
    #solution .solu_cont .solu_menu{flex-direction: row; gap: 15px; padding: 10px 20px; border-radius: 25px; background-color: #0000003b; backdrop-filter: blur(2px);}

    #onestop ul{display: grid; grid-template-columns: 1fr; gap: 15px;}
    #onestop li{height: max-content; padding: 20px 20px; display: flex; align-items: flex-start; gap: 25px;}
    #onestop li .oneimg{width: max-content; margin: 0 auto;}
    #onestop li .oneimg img{height: 45px;}
    #onestop li .onetxt{width: 100%;}
    #onestop li .onetxt .one_m{display: none;}
    #onestop li .onetxt .one_s{display: block;}

    #strategy .title .title_s{display: none;}
    #strategy .title .title_s2{display: block;}
    #strategy ul{display: grid; grid-template-columns: 1fr; gap: 15px;}
    #strategy li{width: 100%; height: 280px; padding: 20px 20px;}
    #strategy li:hover{transform: none;}
    #strategy li .strabg .img1{display: none;}
    #strategy li .strabg .img2{display: block;}
    #strategy li .stratxt .ft20.ftwhite{letter-spacing: -0.02em;}
    #strategy .straarrow{width: 110px; bottom: -30px;}

    #lisk .txt1{display: none;}
    #lisk .txt2{display: block;}
    #lisk ul{grid-template-columns: 1fr; margin-top: 40px; gap: 15px;}
    #lisk li .ftwhite img{width: 50px; bottom: -15px;}
    #lisk li .ft28{padding: 15px 15px;}
    #lisk li p.ftbold{padding: 20px 0;}
    #lisk li .lisk_base .ft24, #lisk li .lisk_base2 .ft24{padding: 25px 0 15px;}
    #lisk .lisk_txt{display: none;}

    #lawyer .top img{display: none;}
    #lawyer .middle .lawyer_list{width: 300px; margin-right: 15px;}
    #lawyer .middle .lawyer_list .law_img{height: 339px;}
    #lawyer .middle .lawyer_list .law_img .law_bg{width: 230px; height: 260px;}

    #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 ul li .faq_top, #faq ul li .faq_answer{padding: 15px 20px;}
    #faq ul li .faq_answer{font-size: 14px;}
    #faq ul li .faq_top i{display: none;}

    #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;}

    #with .ft60{font-size: 32px;}
    #with .mid{gap: 30px; margin: 15px 0 30px;}
    #with .mid .ft24{padding: 5px 15px;}
    #with .bot li img{width: 300px;}
    #with .bot li .bot_txt{padding: 20px 10px;}
    #with .circle{width: 1000px; height: 1000px; right: 50%; transform: translateX(50%); bottom: -700px;}

    #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;}
}