*{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: 500; 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'; font-size: 42px; color: #282828; line-height: 1.4; letter-spacing: 0.02em;}
li{list-style: none;}
a{text-decoration: none;}
img{vertical-align: middle;}

body::-webkit-scrollbar{width: 6px;}
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);}

#privacy {position: fixed; width: 100vw; height: 100vh; background: rgba(0,0,0,0.7); z-index: 110;
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: 980px; max-width: 92%; max-height: 50vh; padding: 24px 20px 20px;
background-color: #f5f5f5; box-shadow: 0 10px 30px rgb(0 0 0 / 35%); 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: 12px; 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: #8d8d8d; 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;}


.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);
}


#wrap{width: 100%;}
#wrap .ft42{font-size: 42px; font-weight: normal;}
#wrap .ft42 span{font-weight: bold;}
#wrap .ft38{font-size: 38px; font-weight: normal;}
#wrap .ft38 span{font-weight: bold;}
#wrap .ft24{font-size: 24px; font-weight: normal;}
#wrap .ft24 span{font-weight: bold;}
#wrap .ft18{font-size: 18px; margin-bottom: 20px; letter-spacing: 0.2em;}
#wrap .ft18 span{font-size: bold;}


.h_inner{width: 100%; max-width: 1740px; height: auto; position: relative; margin: 0 auto; padding: 0 20px; display: flex; justify-content: space-between; align-items: center;}
.inner{width: 100%; max-width: 1740px; height: auto; position: relative; padding: 100px 20px; margin: 0 auto; text-align: center;}
.b_inner{width: 100%; max-width: 1740px; height: auto; position: relative; padding: 150px 20px; margin: 0 auto; text-align: center;}
.f_inner{width: 100%; max-width: 1740px; height: auto; position: relative; padding: 60px 20px 100px; margin: 0 auto; text-align: center;}
.bf_inner{width: 100%; max-width: 1740px; height: 100%; position: relative; padding: 0 20px; margin: 0 auto; display: flex; justify-content: space-between; align-items: center;}


#wrap header{position: fixed; z-index: 10; width: 100%; height: auto; background-color: #fff; margin: 0 auto; top: 0; left: 0; border-bottom: 0.5px solid #f4f4f4;}
header h1{position: relative; display: flex; align-items: center; height: 80px;}
header h1 a, header li a{display: flex; align-items: center; height: 100%;}
header h1 img{width: 215px; object-fit: cover;}
header ul{display: flex; justify-content: center; padding: 0; margin: 0;}
header li{display: flex; position: relative; align-items: center; justify-content: center; font-size: 18px; font-weight: bold;
width: auto; padding: 0 10px; margin-left: 50px;}
header li{cursor: pointer;}
header li a{color: #282828;}

header li:first-child::after,
header li:nth-child(2)::after{content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 2px;
background-color: #282828; transform: scaleX(0); transform-origin: left; transition: transform 0.3s ease;}
header li:first-child:hover::after,
header li:nth-child(2):hover::after{transform: scaleX(1);}
header li:first-child:not(:hover)::after,
header li:nth-child(2):not(:hover)::after{transform-origin: right;}

header li:last-child{width: auto; height: 40px; padding: 0 15px; line-height: 40px; background-color: #282828;
border-radius: 5px; z-index: 11; overflow: hidden; position: relative;}
header li:last-child::before{content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #ff7f24;
border:1px solid #ff7f24; transform: scaleX(0); transform-origin: left; transition: transform 0.4s ease; z-index: -1;}
header li:last-child:hover::before{transform: scaleX(1);}
header li:last-child:not(:hover)::before{transform-origin: right;}
header li:last-child a{color: #fff; display: block; position: relative; width: 100%; height: 100%;}
header li:last-child a img{margin-right: 5px; position: relative; top: -2px;}


#banner{width: 100%; max-width: 98%; height: auto; margin: 80px auto 0; padding: 0 25px; border-radius: 20px;
background-image: url(../img/bn.jpg); background-size: cover; background-repeat: no-repeat;
background-position: center center;}
#banner .bn_txt{max-width: 1740px; height: auto; padding: 122px 20px; margin: 0 auto; color: #fff;}
#banner .bn_txt h3{margin-bottom: 191px;}
#banner .bn_txt h2{margin-bottom: 30px;}
#banner .bn_txt .b_btn{font-size: 24px; font-weight: bold; width: 210px; height: 70px; line-height: 70px;
border: 1px solid #fff; text-align: center; margin-top: 50px; position: relative; overflow: hidden; z-index: 1;
transition: border-color 0.4s ease, color 0.4s ease;}
#banner .bn_txt .b_btn::before{content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #fff;
transform: scaleX(0); transform-origin: left; transition: transform 0.4s ease; z-index: -1;}
#banner .bn_txt .b_btn:hover::before{transform: scaleX(1);}
#banner .bn_txt .b_btn:not(:hover)::before{transform-origin: right;}
#banner .bn_txt .b_btn:hover{cursor: pointer; color: #282828;}


#win{width: 100%; height: auto; text-align: center; position: relative;}
#win .win_txt{display: flex; align-items: stretch; justify-content: space-between; width: 100%; max-width: 1700px; margin-bottom: 60px;}
#win .win_t{text-align: left; padding: 40px auto;}
#win .win_t .win_o{color: #FF7F24;}
#win .wint2, #win .wint3{display: none;}
#win .win_line{width: 1px; background-color: #ddd; padding: 40px auto; flex-shrink: 0;}
#win .win_c{font-size: 24px; padding: 40px auto; font-weight: bold; display: flex; flex-direction: column; align-items: center; margin-right: 140px;}
#win .win_c span{font-size: 58px;}
#win .win_c span b{color: #FF7F24;}
#win .win_list{width: 100%; height: auto; overflow: hidden;}
#win .win_list ul{display: flex; width: max-content;}
#win .win_list li{position: relative; width: 310px; height: 370px; border-radius: 20px; font-size: 24px;
background-color: #f8f6f6; padding: 20px 20px; margin: 0 18px; text-align: left; flex-shrink: 0;}
#win .win_list li span{font-size: 18px; color: #fff; background-color: #FF7F24;
width: auto; height: auto; padding: 5px 10px; border-radius: 5px;}
#win .win_list li p{margin-top: 20px;}
#win .win_list li img{position: absolute; right: 20px; bottom: 20px; display: block; max-width: 100%; height: auto;}


#cal{width: 100%; height: auto; text-align: center; position: relative;}
#cal .inner{max-width: 1740px; padding: 0 20px;}
#cal .cal_bg{width: 100%; max-width: 1700px; height: 100%; position: relative; background-image: url(../img/cal.jpg); background-size: cover; background-repeat: no-repeat;
background-position: center center; border-radius: 20px; margin: 0 auto; padding: 100px 20px;}
#cal .ft38 .cal_p{color: #FF7F24;}
#cal .cal_txt2{display: none;}
#cal .calft_2{display: none;}
#cal .cal_base{max-width: 1188px; height: auto; position: relative; overflow: hidden; background-color: #fff; border: 1px solid #DADADA; margin: 60px auto 150px; padding: 100px 100px; border-radius: 20px; text-align: center;}
#cal .cal_base p{font-size: 30px; text-align: left;}
#cal .cal_base p b{color: #ff7f24;}
#cal .cal_base .base_li{font-size: 18px; display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px 44px; margin: 60px auto 20px; padding-bottom: 20px; border-bottom: 1px solid #D5D5D5;}
#cal .cal_base .base_li .base_input{display: flex; justify-content: flex-start; align-items: center; gap: 20px;}
#cal .cal_base .base_li .base_input input{flex:1; width: 100%; max-width: 410px; min-width: 0; padding: 17px 40px; box-sizing: border-box; font-family: 'Pretendard'; color: #575757; font-size: 18px; background-color: #f8f6f6; border: none; outline: none;}
#cal .cal_base .base_li .base_input input::placeholder{font-family: 'Pretendard'; color: #8c8c8c; font-size: 18px;}
#cal .cal_base .base_li .base_input span{white-space: nowrap; width: 38px; flex-shrink: 0; text-align: left;}
#cal .cal_base .base_li .check_box{display: flex; justify-content: space-between; align-items: center; background-color: #f8f6f6; padding: 17px 40px;}
#cal .cal_base .base_li .check_box .check_base{display: flex; justify-content: space-around; align-items: center; gap: 20px;}
#cal .cal_base .base_li .check_box .check_base label{cursor: pointer;}
#cal .cal_base .base_li .check_box .check_base label input{position: relative; margin-right: 5px; accent-color: #f06807;}
#cal .cal_base .base_bot{padding-bottom: 0; margin: 0 auto 60px; border: none;}
#cal .cal_base .base_btn{display: block; width: fit-content; margin: 0 auto; background-color: #ff7f24; color: #fff; padding: 18px 62px; font-size: 24px; cursor: pointer;}
#cal .cal_base .base_point{position: absolute; width: 265px; height: 111px; background-color: #ff7f24; right: -120px; bottom: -10px; transform: rotate(-45deg);}
@media (max-width:1023px){
    #cal .cal_base .base_point{display: none;}
}
/* 회생파산 계산기 부분 시작 */
#cal .cal_base #calResultView{display: none; position: relative; margin-top: 40px; text-align: left; z-index: 2;}
#cal .cal_base.result-visible #calFormView{display: none;}
#cal .cal_base.result-visible #calResultView{display: block;}
#cal .calc-result-summary{display: flex; flex-wrap: wrap; gap: 10px; align-items: center; justify-content: center; padding: 18px 15px; font-size: 18px; color: #575757; border: 1px solid #DADADA;}
#cal .calc-result-summary .calc-summary-item{position: relative; white-space: nowrap; padding-right: 12px; margin-right: 2px;}
#cal .calc-result-summary .calc-summary-item:not(:last-child)::after{content: ""; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 1px; height: 12px; background: #d1d1d1;}
#cal .calc-result-summary span{font-weight: 500; color: #575757;}
#cal .calc-result-grid{display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 15px; margin-top: 20px;}
#cal .calc-result-box{display: flex; justify-content: space-between; background: #F8F6F6; padding: 17px 65px; border-radius: 8px; text-align: center;}
#cal .calc-result-label{font-size: 18px; color: #575757;}
#cal .calc-result-value{display: flex; align-items: center; font-size: 18px; font-weight: 700; color: #333; text-align: center;}
#cal .calc-highlight{color: #D10000;}
#cal .cal_base .calc-result-note{margin-top: 40px; font-size: 24px; line-height: 1.4; color: #555; padding: 0 5px;}
#cal .cal_base .calc-result-note b{color: #D10000;}
#cal .calc-result-note .desktop-space{display: inline;}
#cal .calc-result-note .mobile-br{display: none;}
#cal .calc-contact-row{display: grid; grid-template-columns: 1fr 1fr 170px; gap: 0; margin-top: 40px;}
#cal .calc-contact-row input{height: 48px; border: 1px solid #F0E7E5; border-right: none; padding: 0 14px; font-size: 14px; font-family: 'Pretendard'; font-weight: 400; outline: none; background: #F8F6F6;}
#cal .calc-contact-row input::placeholder{color: #282828;}
#cal .calc-contact-row button{height: 48px; border: none; background-color: #ff7f24; color: #fff; font-size: 15px; font-weight: 600; cursor: pointer; margin-left: 40px;}
#cal .calc-consent-info{display: flex; justify-content: flex-end; align-items: center; gap: 4px; width: 100%; margin-top: 10px;}
#cal .calc-policy-open{font-size: 16px; color: #8C8C8C; line-height: 1; cursor: pointer; font-weight: 500;}
#cal .calc-consent-text{font-size: 16px; color: #282828; line-height: 1;}
#cal .calc-consent-check{display: inline-flex; align-items: center;}
#cal .calc-consent-check input{
    width: 16px; height: 16px; margin: 0; border: 1px solid #ff7f24; border-radius: 2px; cursor: pointer;
    background: #fff; appearance: none; -webkit-appearance: none; display: inline-grid; place-content: center;
}
#cal .calc-consent-check input::after{
    content: ""; width: 8px; height: 4px; border-left: 2px solid #fff; border-bottom: 2px solid #fff;
    transform: rotate(-45deg) scale(0); transform-origin: center;
}
#cal .calc-consent-check input:checked{background: #ff7f24;}
#cal .calc-consent-check input:checked::after{transform: rotate(-45deg) scale(1);}
#cal .calc-reset-btn{margin-top: 14px; background: transparent; border: none; color: #666; font-size: 13px; text-decoration: underline; cursor: pointer; padding: 0;}
#cal .cal_base.result-fail .calc-result-note b{color: #D10000;}

@media screen and (max-width: 768px) {
    #cal .cal_base #calResultView{margin-top: 30px;}
    #cal .calc-result-summary{font-size: 12px; padding: 10px 12px;}
    #cal .calc-result-grid{grid-template-columns: 1fr; gap: 10px;}
    #cal .calc-result-box{padding: 12px; text-align: center;}
    #cal .calc-result-label{font-size: 11px;}
    #cal .calc-result-value{font-size: 14px;}
    #cal .calc-result-note{font-size: 11px;}
    #cal .calc-contact-row{grid-template-columns: 1fr; gap: 8px;}
    #cal .calc-contact-row input{border-right: 1px solid #dedede;}
    #cal .calc-contact-row button{font-size: 14px; margin-left: 0;}
    #cal .calc-consent-info{justify-content: flex-end;}
    #cal .calc-policy-open{font-size: 11px;}
    #cal .calc-consent-text{font-size: 11px;}
    #cal .calc-result-note .desktop-space{display: none;}
    #cal .calc-result-note .mobile-br{display: inline;}
}
/* 회생파산 계산기 부분 끝 */
#cal .cal_li{max-width: 1100px; display: block; position: relative; overflow: hidden; align-items: center;
margin: 60px auto;}
#cal .cal_li ul{max-width: 1110px; height: auto; display: flex; gap: 100px;}
#cal .cal_li li{flex: 1; position: relative; overflow: hidden; height: 370px; border-radius: 20px;}
#cal .cal_li li:last-child{margin-right: 0;}
#cal .cal_li li img{width: 100%; height: 100%; object-fit: cover; display: block;}
#cal .cal_li li .cal_li_txt{ z-index: 5; position: absolute; font-size: 28px; color: #fff;
width: 100%; height: auto; padding: 30px 0; background-color: rgba(0,0,0,0.65); bottom: 0;}
#cal .cal_li li .cal_li_txt span{font-weight: bold;}
#cal .cal_btn{position: relative; width: 230px; height: 70px; line-height: 70px; background-color: #282828; color: #fff;
font-size: 24px; font-weight: bold; margin: 60px auto 0; z-index: 1; overflow: hidden;}
#cal .cal_btn::before{content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #ff7f24;
transform: scaleX(0); transform-origin: left; transition: transform 0.4s ease; z-index: -1;}
#cal .cal_btn:hover::before{transform: scaleX(1);}
#cal .cal_btn:not(:hover)::before{transform-origin: right;}
#cal .cal_btn:hover{cursor: pointer;}


#strength{width: 100%; height: auto; text-align: center; position: relative;}
#strength .ft42{font-weight: bold;}
#strength .ft42 span{font-size: 34px; color: #FF7F24;}
#strength .str_base{width: 100%; margin-top: 60px; display: grid; grid-template-columns: repeat(3, 1fr);
gap: 40px; grid-auto-rows: auto; align-items: start;}
#strength .str_base .str_l{grid-column: span 2;}
#strength .str_base .str_l ul{display: grid; grid-template-columns: repeat(2, 1fr); gap: 40px;}
#strength .str_base .str_l li{width: 100%; height: auto; background-color: #f8f6f6; font-size: 28px; border-radius: 20px;
padding: 40px 40px; display: flex; position: relative; overflow: hidden; justify-content: space-between; align-items: center;}
#strength .str_base .str_l li .str_ltxt{text-align: left; display: block; position: relative;}
#strength .str_base .str_l li .str_ltxt p, #strength .str_base .str_r .str_rtxt p{font-weight: bold; margin-bottom: 10px;}
#strength .str_base .str_l li img{position: static; right: 40px; bottom:30%; display: block; width: 110px; height: 110px; object-fit: cover;}
#strength .str_base .str_l li:nth-child(5), #strength .str_base .str_l li:nth-child(6){margin-bottom: 0;}
#strength .str_base .str_r{display: flex; flex-direction: column; justify-content: space-between;
grid-column: span 1; height: 100%; align-self: stretch; border-radius: 20px; background-color: #FF7F24;
color: #fff; font-size: 30px; overflow: hidden; background-image: url(../img/07.png);
background-size: cover; background-repeat: no-repeat; background-position: center center;}
#strength .str_base .str_r .str_rtxt{position: static; padding: 40px; text-align: left; margin-top: auto;}


#case{width: 100%; height: auto; text-align: center; position: relative;}
#case .inner{padding-top: 0;}
#case h4{color: #f4f4f4;}
#case h1{color: #fff;}
#case .case_bg{width: 100%; max-width: 1700px; height: 100%; position: relative; background-image: url(../img/case.jpg); background-size: cover; background-repeat: no-repeat;
background-position: center center; border-radius: 20px; padding: 100px 20px;}
#case .case_bg .case_list{width: 100%; height: auto; overflow: hidden; margin-top: 60px;}
#case .case_bg .case_list ul{display: flex; width: max-content;}
#case .case_bg .case_list li{position: relative; width: 520px; height: auto; background-color: #fff; border-radius: 20px;
font-size: 24px; padding: 30px 30px; margin: 0 20px; text-align: left; flex-shrink: 0;}
#case .case_bg .case_list li span{font-weight: bold;}
#case .case_bg .case_list li p{color: #575757;}
#case .case_bg .case_list li .list_top{width: 100%; padding-bottom: 31px; margin-bottom: 31px; border-bottom: 1px solid #D5D5D5;}
#case .case_bg .case_list li .list_top p{font-size: 22px; letter-spacing: -0.02em;}
#case .case_bg .case_list li .list_bot{width: 100%; height: auto; display: flex; align-items: flex-end; position: relative;}
#case .case_bg .case_list li .list_bot .bot_l{display: flex; flex-direction: column; justify-content: flex-end; margin-bottom: 5px;}
#case .case_bg .case_list li .list_bot .bot_l span{color: #575757; letter-spacing: -0.02em;}
#case .case_bg .case_list li .list_bot .bot_r{display: flex; flex-direction: column; justify-content: flex-end;}
#case .case_bg .case_list li .list_bot .bot_r p{font-size: 28px; color: #282828;}
#case .case_bg .case_list li .list_bot .bot_r span{color: #FF7F24; font-size: 38px;}
#case .case_bg .case_list li .list_bot img{align-self: center; width: 21px; height: 25px; object-fit: cover; margin: 0 31px;}


#chat{width: 100%; height: auto; position: relative; background-image: url(../img/chat.jpg);
background-size: cover; background-repeat: no-repeat; background-position: center center;}
#chat .chat_box{font-size: 34px; text-align: left;}
#chat .chat_box .chattxt2{display: none;}
#chat .chat_box .chat_btn{position: relative; width: 230px; height: 70px; line-height: 70px; background-color: #282828;
font-size: 24px; font-weight: bold; text-align: center; margin-top: 60px; z-index: 1; overflow: hidden;}
#chat .chat_box .chat_btn::before{content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #ff7f24;
transform: scaleX(0); transform-origin: left; transition: transform 0.4s ease; z-index: -1;}
#chat .chat_box .chat_btn:hover::before{transform: scaleX(1);}
#chat .chat_box .chat_btn:not(:hover)::before{transform-origin: right;}
#chat .chat_box .chat_btn{cursor: pointer;}
#chat .chat_box .chat_btn a{color: #fff; display: block; position: relative; width: 100%; height: 100%;}



#expert{width: 100%; height: auto; position: relative; text-align: center; background-image: url(../img/expert.jpg);
background-size: cover; background-repeat: no-repeat; background-position: center center; color: #fff;}
#expert .expert_list{width: 100%; height: auto; overflow: hidden; margin-top: 60px;}
#expert .expert_list ul{display: flex; width: max-content;}
#expert .expert_list li{position: relative; width: 284px; height: auto; margin: 0 20px; flex-shrink: 0;}
#expert .expert_list li img{width: 100%; object-fit: cover;}


#column{width: 100%; height: auto; position: relative; background-image: url(../img/column.jpg);
background-size: cover; background-repeat: no-repeat; background-position: center center;}
#column .b_inner{display: flex; align-items: center;}
#column .column_txt{text-align: left; width: 35%; height: auto; position: relative;}
#column .column_txt h1 p{font-size: 30px;}
#column .column_txt h1 .column_org{color: #FF7F24;}
#column .column_btn{position: relative; width: 230px; height: 70px; line-height: 70px; background-color: #282828;
font-size: 24px; font-weight: bold; text-align: center; margin-top: 60px; z-index: 1; overflow: hidden;}
#column .column_btn::before{content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #ff7f24;
transform: scaleX(0); transform-origin: left; transition: transform 0.4s ease; z-index: -1;}
#column .column_btn:hover::before{transform: scaleX(1);}
#column .column_btn:not(:hover)::before{transform-origin: right;}
#column .column_btn:hover{cursor: pointer;}
#column .column_btn a{color: #fff; display: block; position: relative; width: 100%; height: 100%;}
#column .cb_bottom{display: none; margin: 0 auto;}

#column .column_list{width: 65%; max-width: 1124px; height: auto;}
#column .column_list ul{display: flex; width: 100%; max-width: 1124px; justify-content: space-between;}
#column .column_list li{position: relative; overflow: hidden; width: 48%; height: 400px; border: 1px solid #DADADA; border-radius: 20px; font-size: 28px;}
#column .column_list li:hover{cursor: pointer;}
#column .column_list li img{width: 100%; height: 100%; object-fit: cover;}
#column .column_list li .coulmnimg2{display: none;}
#column .column_list li .column_li_txt{position: absolute; background-color: #fff; width: 100%; padding: 30px 40px; bottom: 0; text-align: left;}
#column .column_list li .column_li_txt span{position: relative; display: inline-block; font-size: 20px; color: #a3a3a3;}
#column .column_list li .column_li_txt span::after{content: ""; position: absolute; left: 0; bottom: -1px;
width: 100%; height: 2px; background-color: #a3a3a3; transform: scaleX(0); transform-origin: left; transition: transform 0.3s ease;}
#column .column_list li:hover .column_li_txt span::after{transform: scaleX(1);}
#column .column_list li:not(:hover) .column_li_txt span::after{transform-origin: right;}
#column .column_list li .column_li_txt:hover span{font-weight: bold;}
#column .column_list li .column_txt2{display: none;}


#lawyer{width: 100%; height: auto; position: relative; text-align: center;}
#lawyer h4{color: #a3a3a3;}
#lawyer .ft42{font-weight: bold;}
#lawyer h1 span{color: #FF7F24;}
#lawyer .lawyer_prof, #lawyer .lawyer_prof2{max-width: 1700px; margin: 0 auto; padding: 60px 0 100px; border-bottom: 1px solid #E5E5E5;}
#lawyer .lawyer_prof ul{display: flex; width: 100%; gap: 30px;}
#lawyer .lawyer_prof li{flex: 1; height: 500px; border-radius: 20px; overflow: hidden; position: relative;}
#lawyer .lawyer_prof li:last-child{margin-right: 0;}
#lawyer .lawyer_prof li .lawyer_prof_txt{position: absolute; width: 100%; height: auto; padding: 20px 40px; bottom: 0;
background-color: rgba(0,0,0,0.55); backdrop-filter: blur(3px); color: #fff; font-size: 18px; text-align: left;}
#lawyer .lawyer_prof li .lawyer_prof_txt span{font-size: 28px; font-weight: bold; margin-bottom: 5px;}
#lawyer .lawyer_prof li img{width: 100%; height: 100%; object-fit: cover;}
#lawyer .lawyer_prof li .lawimg2{display: none;}
#lawyer .lawyer_prof li .lawyer_txt{position: relative; width: 100%; height: auto; font-size: 18px; display: block;}

#lawyer .lawyer_prof2{display: none;}
#lawyer .lawyer_prof2 img{width: 100%; height: 100%; object-fit: cover;}


#lawyer .qna{width: 100%; height: auto; overflow: hidden; position: relative;}
#lawyer .qna .ft42{position: relative; margin: 100px 0 60px;}
#lawyer .qna ul{width: 100%; overflow: hidden;}
#lawyer .qna li{border-bottom: 1px solid #D5D5D5;}
#lawyer .qna li:hover{cursor: pointer;}
#lawyer .qna li .qna_top{display: flex; justify-content: space-between; align-items: center; font-weight: 500; font-size: 28px;
padding: 40px 33px; text-align: left; width: 100%;}
#lawyer .qna .qna_main{border-top: 2px solid #FF7F24;}
#lawyer .qna li .qna_top .qna_txt{font-weight: 500;}
#lawyer .qna li .qna_top .qna_txt span{font-weight: bold;}
#lawyer .qna li .qna_top img{flex-shrink: 0; transition: transform 0.3s ease;}
#lawyer .qna li.active .qna_top img{transform: rotate(180deg);}
#lawyer .qna li .qna_top .qnatxt2{display: none;}
#lawyer .qna li .qna_sub{font-size: 28px; letter-spacing: 0em; color: #575757; display: none;}
#lawyer .qna li .qna_sub li{padding: 40px 40px; background-color: #F8F6F6; text-align: left; font-size: 24px;}


#form{width: 100%; height: auto; position: relative; background-image: url(../img/form.jpg);
background-size: cover; background-repeat: no-repeat; background-position: center center;
display: flex; justify-content: space-between;}
#form .b_inner{max-width: 1228px;}
#form .form_box{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: center;}
#form .form_box .form_txt{padding: 60px 0;}
#form .form_box .form_txt, #form .form_box .form_txt a{color: #fff; text-align: left;}
#form .form_box .form_txt p{font-size: 50px; font-weight: bold;}
#form .form_box .form_txt .form_txt_sub{font-size: 22px; margin: 60px 0 80px;}
#form .form_box .form_txt .form_txt_sub p{font-size: 36px; font-weight: 500;}

#form .form_box .form_txt .form_btn{position: relative; width: 350px; height: 80px; line-height: 80px;
font-size: 28px; font-weight: bold; border: 1px solid #fff; overflow: hidden; z-index: 1;
transition: border-color 0.4s ease, color 0.4s ease;}
#form .form_box .form_txt .form_btn::before{content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%;
background-color: #282828; transform: scaleX(0); transform-origin: left;
transition: transform 0.4s ease; z-index: -1;}
#form .form_box .form_txt .form_btn:hover::before{transform: scaleX(1);}
#form .form_box .form_txt .form_btn:not(:hover)::before{transform-origin: right;}
#form .form_box .form_txt .form_btn img{margin-left: 50px; position: relative; vertical-align: middle; bottom: 3px;}
#form .form_box .form_txt .form_btn:last-child{margin-top: 20px;}
#form .form_box .form_txt .form_btn:hover{border: 1px solid #282828; cursor: pointer;}
#form .form_box .form_txt .form_btn a{width: 100%; height: 100%; color: #fff; display: block; position: relative; text-align: center;}

#form .form_box .form_main{max-width: 500px; height: auto; background-color: #fff; border-radius: 20px; padding: 60px 40px;}
#form .form_box .form_main h3{font-size: 30px; font-weight: normal; margin-bottom: 30px;}
#form .form_box .form_main h3 span{font-weight: bold; color: #FF7F24;}
#form .form_box .form_main form{width: 100%; height: auto; display: flex; align-items: flex-start; justify-content: space-between; flex-direction: column;}
#form .form_box .form_main form input{width: 100%; height: 70px; background-color: #f4f4f4; border: none; padding: 20px 20px;
font-size: 22px; margin-bottom: 20px;}
#form .form_box .form_main form input::placeholder{color: #575757;}
#form .form_box .form_main form .select-wrapper{position: relative; display: inline-block;
width: 100%; height: 70px; font-size: 22px; overflow: hidden;}
#form .form_box .form_main form .select-wrapper select{width: 100%; height: 100%; border: none; background-color: #f4f4f4;
appearance: none; -webkit-appearance: none; -moz-appearance: none; cursor: pointer; font-size: 22px;  padding: 20px 20px; color: #282828;}
#form .form_box .form_main form .select-wrapper img{position: absolute; right: 30px; top: 43%; pointer-events: none; transition: transform 0.3s ease;}
#form .form_box .form_main form .select-wrapper.active img{transform: rotate(180deg);}
#form .form_box .form_main form input, #form .form_box .form_main form select {outline: none; border-top: none; border-left: none; border-right: none;}
#form .form_box .form_main form #submit_btn{display: inline-block; background-color: #FF7F24; color: #fff; font-weight: bold;
cursor: pointer; margin: 50px 0 20px;}
#form .form_box .form_main form .checkbox{font-size: 16px; width: 100%; text-align: right; accent-color: #f06807;}
#form .form_box .form_main form .checkbox span{color: #8c8c8c; margin-right: 10px;}
#form .form_box .form_main form .checkbox span:hover{font-weight: bold; cursor: pointer;}
#form .form_box .form_main form .checkbox label input{width: 15px; height: 15px; margin-bottom: 0; margin-left: 5px;
vertical-align: middle; cursor: pointer; margin-bottom: 3px;}


#logo_list{width: 100%; height: auto; padding: 40px 0; position: relative; overflow: hidden; background-color: #f4f4f4;
display: flex; flex-wrap: wrap; justify-content: space-between;}
#logo_list ul{display: flex; width: 100%;}
#logo_list li{margin: 0 25px; width: 300px; border: 1px solid #D5D5D5; flex-shrink: 0; overflow: hidden;}
#logo_list li img{display: block; width: 100%; height: 100%; object-fit: cover;}

footer{width: 100%; height: auto; position: relative; background-color: #282828; color: #fff;}
footer a{color: #fff;}
footer .m_list{display: flex; flex-wrap: wrap; justify-content: flex-start; padding-bottom: 20px; border-bottom: 1px solid #686868;}
footer .m_list ul{display: flex; font-size: 16px; font-weight: bold;}
footer .m_list li{margin-right: 50px; width: auto;}
footer .m_list li a{position: relative; display: inline-block;}
footer .m_list li a::after{content: ""; position: absolute; left: 0; bottom: -4px; width: 100%; height: 2px;
background-color: #fff; transform: scaleX(0); transform-origin: left; transition: transform 0.3s ease;}
footer .m_list li a:hover::after{transform: scaleX(1);}
footer .m_list li a:not(:hover)::after{transform-origin: right;}
footer .m_list .m_list_s{margin: 0 auto; position: relative; display: none; justify-content: center; align-items: center; flex-direction: column;}
footer .m_list .m_list_s .f_logo2{width: 160px; object-fit: cover;}
footer .m_list .m_list_s .f_select{position: relative; display: inline-block; margin-top: 25px; height: auto; line-height: 0;}
footer .m_list .m_list_s .f_select select{display: block; height: 100%; padding: 10px 40px 10px 15px; box-sizing: border-box; background-color: #282828; border: 1px solid #fff; border-radius: 2px; color: #fff;
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%);}
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{font-size: 16px; color: #bbbbbb; text-align: left;}
footer .info .info_list li span{font-weight: bold; margin-right: 10px; color: #cccccc;}
footer .info .info_list .info_box span{margin-right: 0; cursor: pointer;}
footer .info .info_list li:last-child{margin-top: 16px; font-size: 14px;}
footer .info img{position: relative; align-self: flex-end; width: 215px; object-fit: cover;}


#b_form{width: 100%; height: 80px; position: fixed; bottom: 0; overflow: hidden; z-index: 10; background-color: #282828; color: #fff;}
#b_form .b_tbox{font-size: 20px; display: flex; width: 25%;}
#b_form .b_tbox .b_txt p{font-size: 24px; font-weight: bold;}
#b_form form{width: 75%; display: flex; justify-content: space-between; align-items: center;}
#b_form form input{width: 18%; height: 45px; border: none; border-bottom: 1px solid #bbb; background-color: #282828;
font-size: 18px; color: #fff;}
#b_form form input::placeholder{color: #fff;}
#b_form form .select-wrapper{width: 18%; height: 45px; position: relative; overflow: hidden; font-size: 18px;}
#b_form form .select-wrapper select{width: 100%; height: 100%; border: none; border-bottom: 1px solid #bbb; background-color: #282828;
appearance: none; -webkit-appearance: none; -moz-appearance: none; cursor: pointer; font-size: 18px; color: #fff;}
#b_form form .select-wrapper img{position: absolute; right: 0; top: 40%; pointer-events: none; transition: transform 0.3s ease;}
#b_form form .select-wrapper.active img{transform: rotate(180deg);}
#b_form form input, #b_form form select {outline: none; border-top: none; border-left: none; border-right: none;}
#b_form form .checkbox{font-size: 16px;}
#b_form form .checkbox input{width: 16px; height: 16px; margin: 0 0 2px 10px; vertical-align: middle; cursor: pointer; accent-color: #f06807;}
#b_form form #submit_btn2{line-height: 45px; border: none; background-color: #ff7f24; color: #fff; font-weight: bold; cursor: pointer;}

#b_form .m_b_form{width: 100%; display: none;}
#b_form .m_b_form ul{max-width: 520px; display: flex; justify-content: space-between; align-items: stretch;
font-size: 16px; font-weight: bold; color: #fff; margin: 0 auto;}
#b_form .m_b_form li{cursor: pointer;}
#b_form .m_b_form li a{color: #fff;}
#b_form .m_b_form li img{margin-right: 8px; width: 20px; object-fit: cover; position: relative; vertical-align: middle; bottom: 2px;}
#b_form .m_b_form .mbf_line{width: 1px; background-color: #575757; margin: 0 15px; flex-shrink: 0;}


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

    #wrap .ft42{font-size: 38px;}
    #wrap .ft38{font-size: 32px;}

    header li{margin-left: 35px;}
    
    #banner{max-width: 96%; background-image: url(../img/bn2.jpg);}

    #win{letter-spacing: 0em;}
    #win .win_txt{max-width: 1100px; margin: 0 auto 60px;}
    #win .win_t{font-size: 32px;}
    #win .win_c{margin-right: 0;}
    #win .win_c span{font-size: 38px;}
    #win .win_list li{width: 250px; height: 320px;}
    #win .win_list li img{max-width: 120px;}

    #cal .inner{padding: 0 40px;}
    #cal .cal_base{padding: 60px 60px;}
    #cal .cal_base .base_li .base_input input{max-width: 380px; padding: 17px 20px; font-size: 16px;}
    #cal .cal_base .base_li .base_input input::placeholder{font-size: 16px;}
    #cal .cal_base .base_li .check_box{padding: 17px 20px;}
    #cal .cal_bg{padding: 100px 40px; max-width: 1150px;}
    #cal .cal_li ul{gap: 80px;}
    #cal .cal_li li{height: 300px;}

    #strength .ft42 span{font-size: 30px;}
    #strength .str_base{grid-template-columns: 1fr;}
    #strength .str_base .str_l{grid-column: span 1;}
    #strength .str_base .str_l ul{grid-template-columns: repeat(2, 1fr);}
    #strength .str_base .str_l li{height: auto; padding: 30px 30px; font-size: 24px;}
    #strength .str_base .str_l li img{width: 90px; height: 90px;}
    #strength .str_base .str_r{grid-column: span 1; height: auto; justify-content: center; background-image: url(../img/07_2.png);
    background-size: cover; background-repeat: no-repeat; background-position: center center; font-size: 28px;}
    #strength .str_base .str_r .str_rtxt{margin-top: 0; padding: 30px 30px;}
    
    #case .case_bg{padding: 100px 40px;}
    #case .case_bg .case_list li{width: 420px; font-size: 20px;}
    #case .case_bg .case_list li .list_top{padding-bottom: 20px; margin-bottom: 20px;}
    #case .case_bg .case_list li .list_top p{font-size: 18px;}
    #case .case_bg .case_list li .list_bot .bot_r p{font-size: 24px;}
    #case .case_bg .case_list li .list_bot .bot_r span{font-size: 28px;}
    #case .case_bg .case_list li .list_bot img{margin: 0 20px;}

    #chat{background-image: url(../img/chat3.jpg);}

    #expert .expert_list li{width: 220px; height: auto;}
    
    #column .b_inner{display: block; padding: 100px 40px;}
    #column .column_txt{width: 100%; text-align: center; align-items: center;}
    #column .column_btn{display: none;}
    #column .cb_bottom{display: block;}
    #column .column_list{width: 100%; margin: 60px 0;}
    #column .column_list li{width: 46%;}
    #column .column_list li .column_li_txt{font-size: 24px; padding: 30px 30px;}

    #lawyer .lawyer_prof ul{flex-wrap: wrap;}
    #lawyer .lawyer_prof li{flex: 0 0 calc(50% - 15px); height: 450px;}
    #lawyer .lawyer_prof li .lawimg1{display: none;}
    #lawyer .lawyer_prof li .lawimg2{display: block;}
    #lawyer .qna li .qna_top{font-size: 24px;}
    #lawyer .qna li .qna_top img{width: 30px; height: 13px; object-fit: cover;}
    #lawyer .qna li .qna_sub li{font-size: 20px;}

    #form .form_box .form_txt p{font-size: 42px;}
    #form .form_box .form_txt .form_txt_sub{font-size: 18px;}
    #form .form_box .form_txt .form_txt_sub p{font-size: 32px;}
    #form .form_box .form_txt .form_btn{width: 300px; height: 70px; font-size: 24px; line-height: 70px;}

    #logo_list li{width: 250px;}

    footer .m_list ul{justify-content: space-between; width: 100%;}
    footer .m_list li{margin-right: 0;}

    #b_form .b_tbox{font-size: 18px;}
    #b_form .b_tbox .b_txt p{font-size: 22px;}
    #b_form form input{font-size: 16px;}
    #b_form form .select-wrapper select{font-size: 16px;}
    #b_form form .select-wrapper img{width: 15px; height: 7px;}
    #b_form form .checkbox{font-size: 14px;}
}
@media (min-width:768px) and (max-width:1023px){
    .h_inner, .b_inner, .inner, .f_inner, .bf_inner{max-width: 900px;}
    .h_inner{padding: 0 40px;}
    .inner{padding: 80px 40px;}
    .b_inner{padding: 100px 40px;}
    .f_inner{padding: 60px 40px 100px;}
    .bf_inner{padding: 0 40px;}

    #wrap .ft42{font-size: 32px;}
    #wrap .ft38{font-size: 28px;}
    #wrap .ft24{font-size: 20px;}
    #wrap .ft18{font-size: 14px;}

    #privacy .pop_box{max-width: 75%;}

    header h1 img{width: 200px;}
    header li{margin-left: 18px; font-size: 16px;}
    header li:first-child,
    header li:nth-child(2){padding-bottom: 0px;}

    #banner{max-width: 96%; background-image: url(../img/bn3.jpg);}
    #banner .bn_txt h3{margin-bottom: 150px;}
    #banner .bn_txt .b_btn{width: 180px; height: 70px; font-size: 22px; line-height: 70px;}

    #win .win_txt{display: block; margin-bottom: 40px;}
    #win .win_txt .win_t{display: none;}
    #win .win_txt .wint2{display: block; font-size: 28px; width: 100%; text-align: center; padding-bottom: 40px;
    margin-bottom: 40px; border-bottom: 1px solid #dddddd;}
    #win .win_txt .win_c{width: 100%; display: flex; flex-direction: row; justify-content: center; align-items: center; gap: 10px; margin: 0 auto;}
    #win .win_txt .win_c span{font-size: 38px;}
    #win .win_line{display: none;}
    #win .win_list li{width: 250px; height: 320px;}
    #win .win_list li img{max-width: 120px;}

    #cal .inner{padding: 0 40px;}
    #cal .cal_base{padding: 40px 30px;}
    #cal .cal_base p{font-size: 24px;}
    #cal .cal_base .base_li{margin: 40px auto 20px; gap: 15px 20px; font-size: 16px;}
    #cal .cal_base .base_bot{margin: 0 auto 40px;}
    #cal .cal_base .base_li .base_input{gap: 10px;}
    #cal .cal_base .base_li .base_input input{max-width: 380px; padding: 17px 17px; font-size: 14px;}
    #cal .cal_base .base_li .base_input input::placeholder{font-size: 14px;}
    #cal .cal_base .base_btn{padding: 18px 40px; font-size: 20px;}
    #cal .cal_base .base_li .check_box{padding: 17px 20px;}
    #cal .cal_base .base_li .check_box .check_base label input{bottom: -1px;}
    #cal .cal_base .base_point{right: -170px;}
    #cal .cal_bg{padding: 80px 20px;}
    #cal .calft_1{display: none;}
    #cal .calft_2{display: block;}
    #cal .cal_base{margin: 40px 0 80px;}
    #cal .cal_li{margin: 40px 0;}
    #cal .cal_li ul{display: block;}
    #cal .cal_li li{width: 100%; height: 150px; margin-bottom: 30px;}
    #cal .cal_li li:last-child{margin-bottom: 0;}
    #cal .cal_li li .cal_li_txt{font-size: 32px; height: 150px; line-height: 150px; padding: 0 0;}
    #cal .cal_btn{width: 200px; margin: 40px auto 0; font-size: 20px;}

    #strength .ft42 span{font-size: 30px;}
    #strength .str_base{grid-template-columns: 1fr; margin-top: 40px; gap: 30px;}
    #strength .str_base .str_l{grid-column: span 1;}
    #strength .str_base .str_l ul{grid-template-columns: repeat(1, 1fr); gap: 30px;}
    #strength .str_base .str_l li{height: auto; padding: 30px 30px; font-size: 24px;}
    #strength .str_base .str_l li img{width: 90px; height: 90px;}
    #strength .str_base .str_r{grid-column: span 1; height: auto; justify-content: center; background-image: url(../img/07_2.png);
    background-size: cover; background-repeat: no-repeat; background-position: center center; font-size: 24px;}
    #strength .str_base .str_r .str_rtxt{margin-top: 0; padding: 30px 30px;}

    #case .case_bg{padding: 80px 40px;}
    #case .case_bg .case_list{margin-top: 40px;}
    #case .case_bg .case_list li{width: 420px; font-size: 20px;}
    #case .case_bg .case_list li .list_top{padding-bottom: 20px; margin-bottom: 20px;}
    #case .case_bg .case_list li .list_top p{font-size: 18px;}
    #case .case_bg .case_list li .list_bot .bot_r p{font-size: 22px;}
    #case .case_bg .case_list li .list_bot .bot_r span{font-size: 28px;}
    #case .case_bg .case_list li .list_bot img{margin: 0 20px;}
    
    #chat{background-image: url(../img/chat4.jpg);}
    #chat .chat_box{font-size: 28px;}
    #chat .chat_box .chat_btn{width: 200px; font-size: 20px;}
    
    #expert .expert_list{margin-top: 40px;}
    #expert .expert_list li{width: 220px; height: auto;}

    #column .b_inner{display: block; padding: 100px 40px;}
    #column .column_txt{width: 100%; text-align: center; align-items: center;}
    #column .column_btn{display: none;}
    #column .cb_bottom{display: block; width: 200px; font-size: 20px;}
    #column .column_list{width: 100%; margin: 40px 0;}
    #column .column_list ul{display: block;}
    #column .column_list li{width: 100%; height: 320px; margin-bottom: 30px;}
    #column .column_list li:last-child{margin-bottom: 0;}
    #column .column_list li .column_li_txt{display: none;}
    #column .column_list li .column_txt2{display: block; font-size: 24px; padding: 30px 30px; width: 35%; height: 100%;
    right: 0;}
    #column .column_list li .columnimg1{display: none;}
    #column .column_list li .columnimg2{display: block;}
    
    #lawyer .lawyer_prof{padding: 40px 0 60px;}
    #lawyer .lawyer_prof ul{flex-wrap: wrap;}
    #lawyer .lawyer_prof li{flex: 0 0 calc(50% - 15px); height: 450px;}
    #lawyer .lawyer_prof li .lawimg1{display: none;}
    #lawyer .lawyer_prof li .lawimg2{display: block;}
    #lawyer .lawyer_prof li .lawyer_prof_txt{padding: 20px 30px;}
    #lawyer .qna .ft42{margin: 60px 0 40px;}
    #lawyer .qna li .qna_top{font-size: 24px; padding: 30px 40px;}
    #lawyer .qna li .qna_top img{width: 30px; height: 13px; object-fit: cover;}
    #lawyer .qna li .qna_top .qnatxt1{display: none;}
    #lawyer .qna li .qna_top .qnatxt2{display: block;}
    #lawyer .qna li .qna_sub li{padding: 30px 40px; font-size: 20px;}
    
    #form .form_box{display: block;}
    #form .form_box .form_txt{text-align: center; padding: 0 0 60px;}
    #form .form_box .form_txt p{font-size: 38px;}
    #form .form_box .form_txt .form_txt_sub{margin: 40px 0 60px;}
    #form .form_box .form_txt .form_txt_sub{font-size: 18px;}
    #form .form_box .form_txt .form_txt_sub p{font-size: 32px;}
    #form .form_box .form_txt .form_btn{width: 480px; height: 70px; line-height: 70px; margin: 0 auto;}
    #form .form_box .form_txt .form_btn img{margin-left: 150px;}
    #form .form_box .form_main{margin: 0 auto;}

    #logo_list li{width: 200px;}

    footer .m_list ul{justify-content: space-between; width: 100%;}
    footer .m_list li{margin-right: 0; font-size: 14px;}
    footer .info .info_list ul{font-size: 14px;}
    footer .info img{width: 160px;}

    #b_form .b_tbox{display: none;}
    #b_form form{width: 100%;}
    #b_form form input{font-size: 14px; width: 16%;}
    #b_form form .select-wrapper{width: 16%;}
    #b_form form .select-wrapper select{font-size: 14px;}
    #b_form form .select-wrapper img{width: 15px; height: 7px;}
    #b_form form .checkbox{font-size: 14px;}
}

@media (min-width:480px) and (max-width:767px) {
    .h_inner{padding: 0 20px;}
    .inner{padding: 80px 20px;}
    .b_inner{padding: 100px 20px;}
    .f_inner{padding: 40px 20px 70px;}
    .bf_inner{padding: 0 40px; max-width: 500px;}

    #wrap .ft42{font-size: 28px;}
    #wrap .ft38{font-size: 24px;}
    #wrap .ft24{font-size: 20px;}
    #wrap .ft18{font-size: 14px; margin-bottom: 10px;}

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

    header h1{margin: 0 auto; height: 70px;}
    header h1 img{width: 160px;}
    header li{display: none;}

    #banner{max-width: 96%; background-image: url(../img/bn3.jpg); margin: 70px auto 0;}
    #banner .bn_txt{padding: 80px 20px;}
    #banner .bn_txt h3{margin-bottom: 150px;}
    #banner .bn_txt .b_btn{width: 160px; height: 50px; font-size: 18px; line-height: 50px;}

    #win .win_txt{display: block; margin-bottom: 40px;}
    #win .win_txt .win_t{display: none;}
    #win .win_txt .wint3{display: block; font-size: 24px; width: 100%; text-align: center; padding-bottom: 40px;
    margin-bottom: 40px; border-bottom: 1px solid #dddddd; letter-spacing: 0em;}
    #win .win_txt .win_c{width: 100%; display: flex; flex-direction: row; justify-content: center; align-items: center; gap: 10px; margin: 0 auto; font-size: 20px;}
    #win .win_txt .win_c span{font-size: 34px;}
    #win .win_line{display: none;}
    #win .win_list li{width: 250px; height: 320px;}
    #win .win_list li span{font-size: 16px;}
    #win .win_list li p{font-size: 22px; margin-top: 15px;}
    #win .win_list li img{max-width: 120px;}

    #cal .cal_bg{padding: 80px 20px;}
    #cal .calft_1{display: none;}
    #cal .calft_2{display: block;}
    #cal .cal_base{padding: 40px 30px; margin: 40px 0 80px;}
    #cal .cal_base p{font-size: 24px;}
    #cal .cal_base .base_li{display: flex; flex-direction: column; margin: 40px auto 20px; gap: 20px; font-size: 16px;}
    #cal .cal_base .base_bot{margin: 0 auto 40px;}
    #cal .cal_base .base_li .base_input input{max-width: 100%; padding: 17px 17px; font-size: 14px;}
    #cal .cal_base .base_li .base_input input::placeholder{font-size: 14px;}
    #cal .cal_base .base_li .check_box{padding: 17px 17px;}
    #cal .cal_base .base_li .check_box .check_base label input{bottom: -1px;}
    #cal .cal_base .base_btn{padding: 18px 40px; font-size: 18px;}
    #cal .cal_base .base_point{right: -180px;}
    #cal .cal_base.result-visible{padding: 34px 20px 18px; background-color: #f5f5f5;}
    #cal .cal_base.result-visible #calResultView{margin-top: 22px;}
    #cal .cal_base.result-visible .calc-result-summary{display: block; font-size: 15px; line-height: 1.9; padding: 16px; text-align: left; border: 1px solid #dbdbdb; background: #f5f5f5;}
    #cal .cal_base.result-visible .calc-result-summary .calc-summary-item{display: block; padding: 0; margin: 0; white-space: normal;}
    #cal .cal_base.result-visible .calc-result-summary .calc-summary-item:not(:last-child)::after{display: none;}
    #cal .cal_base.result-visible .calc-result-grid{grid-template-columns: 1fr; gap: 10px; margin-top: 12px;}
    #cal .cal_base.result-visible .calc-result-box{display: flex; justify-content: space-between; align-items: center; padding: 15px 16px; border-radius: 0;}
    #cal .cal_base.result-visible .calc-result-label{font-size: 16px;}
    #cal .cal_base.result-visible .calc-result-value{font-size: 17px; font-weight: 700;}
    #cal .cal_base.result-visible .calc-result-note{margin-top: 22px; font-size: 16px; line-height: 1.5; padding: 0;}
    #cal .cal_base.result-visible .calc-contact-row{grid-template-columns: 1fr; gap: 10px; margin-top: 20px;}
    #cal .cal_base.result-visible .calc-contact-row input{height: 50px; border-right: 1px solid #F0E7E5; font-size: 16px;}
    #cal .cal_base.result-visible .calc-contact-row button{height: 50px; font-size: 16px; font-weight: 700;}
    #cal .cal_base.result-visible .calc-consent-info{margin-top: 12px; justify-content: flex-end;}
    #cal .cal_base.result-visible .calc-policy-open,
    #cal .cal_base.result-visible .calc-consent-text{font-size: 13px;}
    #cal .cal_base.result-visible .calc-consent-check input{width: 14px; height: 14px;}
    #cal .cal_base.result-visible .calc-reset-btn{display: block; width: fit-content; margin-left: 0; margin-right: auto;}
    #cal .cal_li{margin: 40px 0;}
    #cal .cal_li ul{display: block;}
    #cal .cal_li li{width: 100%; height: 130px; margin-bottom: 20px;}
    #cal .cal_li li:last-child{margin-bottom: 0;}
    #cal .cal_li li .cal_li_txt{font-size: 28px; height: 130px; line-height: 130px; padding: 0 0;}
    #cal .cal_btn{width: 180px; height: 60px; line-height: 60px; margin: 40px auto 0; font-size: 18px;}

    #strength .ft42 span{font-size: 22px;}
    #strength .str_base{grid-template-columns: 1fr; margin-top: 40px; gap: 20px;}
    #strength .str_base .str_l{grid-column: span 1;}
    #strength .str_base .str_l ul{grid-template-columns: repeat(1, 1fr); gap: 20px;}
    #strength .str_base .str_l li{height: auto; padding: 30px 30px; font-size: 24px;}
    #strength .str_base .str_l li img{width: 90px; height: 90px;}
    #strength .str_base .str_r{grid-column: span 1; height: auto; justify-content: center; background-image: url(../img/07_2.png);
    background-size: cover; background-repeat: no-repeat; background-position: center center; font-size: 24px;}
    #strength .str_base .str_r .str_rtxt{margin-top: 0; padding: 30px 30px;}

    #case .case_bg{padding: 80px 20px;}
    #case .case_bg .case_list{margin-top: 40px;}
    #case .case_bg .case_list li{width: auto; font-size: 18px;}
    #case .case_bg .case_list li .list_top{padding-bottom: 20px; margin-bottom: 20px;}
    #case .case_bg .case_list li .list_top p{font-size: 16px;}
    #case .case_bg .case_list li .list_bot .bot_r p{font-size: 20px;}
    #case .case_bg .case_list li .list_bot .bot_r span{font-size: 24px;}
    #case .case_bg .case_list li .list_bot img{margin: 0 20px;}

    #chat{background-image: url(../img/chat_m.jpg);}
    #chat .b_inner{padding: 100px 20px 400px;}
    #chat .chat_box{font-size: 26px; text-align: center;}
    #chat .chat_box .chattxt1{display: none;}
    #chat .chat_box .chattxt2{display: block;}
    #chat .chat_box .chat_btn{width: 180px; height: 60px; line-height: 60px; font-size: 18px; margin: 40px auto 0;}

    #expert{width: 100%; height: auto; position: relative; text-align: center; background-image: url(../img/expert.jpg);
    background-size: cover; background-repeat: no-repeat; background-position: center center; color: #fff;}
    #expert .ft42{font-size: 24px;}
    #expert .ft42 span{font-size: 28px;}
    #expert .expert_list{width: 100%; height: auto; overflow: hidden; margin-top: 40px;}
    #expert .expert_list ul{display: flex; width: max-content;}
    #expert .expert_list li{position: relative; width: 200px; height: auto; margin: 0 20px; flex-shrink: 0;}
    #expert .expert_list li img{width: 100%; object-fit: cover;}

    #column .b_inner{display: block; padding: 100px 20px;}
    #column .column_txt{width: 100%; text-align: center; align-items: center;}
    #column .column_txt .ft42 p{font-size: 22px;}
    #column .column_btn{display: none;}
    #column .cb_bottom{display: block; width: 180px; height: 60px; line-height: 60px; font-size: 18px;}
    #column .column_list{width: 100%; margin: 40px 0;}
    #column .column_list ul{display: block;}
    #column .column_list li{width: 100%; height: 250px; margin-bottom: 30px;}
    #column .column_list li .column_li_txt{font-size: 22px; padding: 20px 30px;}
    #column .column_list li .column_li_txt span{font-size: 18px;}
    #column .column_list li:last-child{margin-bottom: 0;}
    
    #lawyer .lawyer_prof{display: none;}
    #lawyer .lawyer_prof2{padding: 40px 0; display: block;}
    #lawyer .qna .ft42{margin: 40px 0 40px;}
    #lawyer .qna li .qna_top{font-size: 20px; padding: 20px 10px;}
    #lawyer .qna li .qna_top img{width: 25px; height: 11px; object-fit: cover;}
    #lawyer .qna li .qna_top .qnatxt1{display: none;}
    #lawyer .qna li .qna_top .qnatxt2{display: block;}
    #lawyer .qna li .qna_sub li{padding: 30px 20px; font-size: 18px;}

    #form .form_box{display: block;}
    #form .form_box .form_txt{text-align: center; padding: 0 0 40px;}
    #form .form_box .form_txt p{font-size: 32px;}
    #form .form_box .form_txt .form_txt_sub{margin: 40px 0 40px;}
    #form .form_box .form_txt .form_txt_sub{font-size: 14px;}
    #form .form_box .form_txt .form_txt_sub p{font-size: 28px;}
    #form .form_box .form_txt .form_btn{max-width: 380px; width: 100%; height: 70px; line-height: 70px; margin: 0 auto; font-size: 24px;}
    #form .form_box .form_txt .form_btn img{margin-left: 90px; width: 10px; height: 20px;}
    #form .form_box .form_main{margin: 0 auto; max-width: 410px; width: 100%; padding: 40px 20px;}
    #form .form_box .form_main h3{font-size: 28px;}
    
    #logo_list li{width: 200px;}

    footer .m_list{padding-bottom: 25px;}
    footer .m_list ul{display: none;}
    footer .m_list .m_list_s{display: flex;}
    footer .info{display: block; align-items: center;}
    footer .info .info_list{justify-content: center;}
    footer .info .info_list ul{font-size: 14px; text-align: center;}
    footer .info .f_logo{display: none;}
    
    #b_form{height: 70px;}
    #b_form .b_tbox, #b_form form{display: none;}
    #b_form .m_b_form{display: block;}
}

@media all and (max-width:479px){
    .h_inner{padding: 0 15px;}
    .inner{padding: 60px 15px;}
    .b_inner{padding: 80px 15px;}
    .f_inner{padding: 40px 15px 40px;}
    .bf_inner{padding: 0 15px;}

    #wrap .ft42{font-size: 22px;}
    #wrap .ft38{font-size: 20px;}
    #wrap .ft24{font-size: 16px;}
    #wrap .ft18{font-size: 10px; margin-bottom: 10px;}

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

    header h1{margin: 0 auto; height: 60px;}
    header h1 img{width: 140px;}
    header li{display: none;}

    #banner .bn_txt{padding: 80px 0;}
    #banner .bn_txt h2{font-size: 18px;}
    #banner .bn_txt h3{margin-bottom: 80px; font-size: 14px;}
    #banner .bn_txt .b_btn{width: 120px; height: 50px; font-size: 16px; line-height: 50px;}

    #win .win_txt{display: block; margin-bottom: 40px;}
    #win .win_txt .win_t{display: none;}
    #win .win_txt .wint3{display: block; font-size: 20px; width: 100%; text-align: center; padding-bottom: 40px;
    margin-bottom: 40px; border-bottom: 1px solid #dddddd; letter-spacing: 0em;}
    #win .win_txt .win_c{width: 100%; display: flex; flex-direction: row; justify-content: center; align-items: center; gap: 10px; margin: 0 auto; font-size: 16px;}
    #win .win_txt .win_c span{font-size: 30px;}
    #win .win_line{display: none;}
    #win .win_list li{width: 200px; height: 260px; padding: 20px 20px; border-radius: 10px; margin: 0 8px;}
    #win .win_list li span{font-size: 12px;}
    #win .win_list li p{font-size: 16px; margin-top: 10px;}
    #win .win_list li img{max-width: 90px;}
    
    #cal .inner{padding: 60px 15px; background-image: url(../img/cal.jpg); background-size: cover; background-repeat: no-repeat; background-position: center center;}
    #cal .cal_bg{padding: 0 0; background-image: none;}
    #cal .cal_txt1{display: none;}
    #cal .cal_txt2{display: block;}
    #cal .calft_1{display: none;}
    #cal .calft_2{display: block; font-size: 18px;}
    #cal .cal_base{padding: 40px 15px; margin: 40px 0 60px;}
    #cal .cal_base p{font-size: 18px;}
    #cal .cal_base .base_li{display: flex; flex-direction: column; margin: 30px auto 15px; padding-bottom: 15px; gap: 15px; font-size: 14px;}
    #cal .cal_base .base_bot{margin: 0 auto 30px; padding-bottom: 0;}
    #cal .cal_base .base_li .base_input{gap: 10px;}
    #cal .cal_base .base_li .base_input input{max-width: 100%; padding: 15px 11px; font-size: 12px;}
    #cal .cal_base .base_li .base_input input::placeholder{font-size: 12px;}
    #cal .cal_base .base_li .check_box{padding: 15px 11px;}
    #cal .cal_base .base_li .check_box .check_base{gap: 10px;}
    #cal .cal_base .base_li .check_box .check_base label input{bottom: -2.5px;}
    #cal .cal_base .base_btn{padding: 10px 20px; font-size: 14px;}
    #cal .cal_base .base_point{right: -190px;}
    #cal .cal_base.result-visible #calResultView{margin-top: 20px;}
    #cal .cal_base.result-visible .calc-result-summary{display: block; font-size: 12px; line-height: 1.95; padding: 12px 14px; text-align: left; border: 1px solid #dbdbdb;}
    #cal .cal_base.result-visible .calc-result-summary .calc-summary-item{display: block; padding: 0; margin: 0; white-space: normal;}
    #cal .cal_base.result-visible .calc-result-summary .calc-summary-item:not(:last-child)::after{display: none;}
    #cal .cal_base.result-visible .calc-result-grid{grid-template-columns: 1fr; gap: 10px; margin-top: 12px;}
    #cal .cal_base.result-visible .calc-result-box{display: flex; justify-content: space-between; align-items: center; padding: 13px 16px; border-radius: 0; background: #F8F6F6;}
    #cal .cal_base.result-visible .calc-result-label{font-size: 14px;}
    #cal .cal_base.result-visible .calc-result-value{font-size: 16px; font-weight: 700;}
    #cal .cal_base.result-visible .calc-result-note{margin-top: 18px; font-size: 16px; line-height: 1.5; padding: 0;}
    #cal .cal_base.result-visible .calc-contact-row{grid-template-columns: 1fr; gap: 8px; margin-top: 20px;}
    #cal .cal_base.result-visible .calc-contact-row input{height: 52px; border-right: 1px solid #F0E7E5; font-size: 14px;}
    #cal .cal_base.result-visible .calc-contact-row button{height: 50px; font-size: 16px; font-weight: 700;}
    #cal .cal_base.result-visible .calc-consent-info{margin-top: 12px; justify-content: flex-end;}
    #cal .cal_base.result-visible .calc-policy-open,
    #cal .cal_base.result-visible .calc-consent-text{font-size: 11px;}
    #cal .cal_base.result-visible .calc-consent-check input{width: 12px; height: 12px;}
    #cal .cal_base.result-visible .calc-reset-btn{display: block; width: fit-content; margin-left: 0; margin-right: auto;}
    #cal .cal_li{margin: 30px 0;}
    #cal .cal_li ul{display: block;}
    #cal .cal_li li{width: 100%; height: 80px; margin-bottom: 15px; border-radius: 10px;}
    #cal .cal_li li:last-child{margin-bottom: 0;}
    #cal .cal_li li .cal_li_txt{font-size: 16px; height: 80px; line-height: 80px; padding: 0 0;}
    #cal .cal_btn{width: 130px; height: 40px; line-height: 40px; margin: 40px auto 0; font-size: 14px;}
    
    #strength .inner{padding: 60px 15px;}
    #strength .ft42 span{font-size: 16px;}
    #strength .str_base{grid-template-columns: 1fr; margin-top: 30px; gap: 15px;}
    #strength .str_base .str_l{grid-column: span 1;}
    #strength .str_base .str_l ul{grid-template-columns: repeat(1, 1fr); gap: 15px;}
    #strength .str_base .str_l li{height: auto; padding: 15px 20px; font-size: 16px; border-radius: 10px;}
    #strength .str_base .str_l li img{width: 60px; height: 60px;}
    #strength .str_base .str_r{grid-column: span 1; height: auto; justify-content: center; background-image: url(../img/07_2.png);
    background-size: cover; background-repeat: no-repeat; background-position: center center; font-size: 16px; border-radius: 10px;}
    #strength .str_base .str_r .str_rtxt{margin-top: 0; padding: 15px 20px;}

    #case .case_bg{padding: 60px 15px; border-radius: 10px;}
    #case .case_bg .ft42{font-size: 20px;}
    #case .case_bg .case_list{margin-top: 40px;}
    #case .case_bg .case_list li{width: auto; font-size: 14px; margin: 0 8px; padding: 20px 20px; letter-spacing: 0em; border-radius: 10px;}
    #case .case_bg .case_list li .list_top{padding-bottom: 15px; margin-bottom: 15px;}
    #case .case_bg .case_list li .list_top p{font-size: 14px;}
    #case .case_bg .case_list li .list_bot .bot_r p{font-size: 14px;}
    #case .case_bg .case_list li .list_bot .bot_r span{font-size: 18px;}
    #case .case_bg .case_list li .list_bot img{margin: 0 20px;}

    #chat{background-image: url(../img/chat_m.jpg);}
    #chat .b_inner{padding: 60px 15px 280px;}
    #chat .chat_box{font-size: 18px; text-align: center;}
    #chat .chat_box .chattxt1{display: none;}
    #chat .chat_box .chattxt2{display: block;}
    #chat .chat_box .chat_btn{width: 130px; height: 40px; line-height: 40px; font-size: 14px; margin: 40px auto 0;}

    #expert{width: 100%; height: auto; position: relative; text-align: center; background-image: url(../img/expert.jpg);
    background-size: cover; background-repeat: no-repeat; background-position: center center; color: #fff;}
    #expert .ft42{font-size: 16px;}
    #expert .ft42 span{font-size: 20px;}
    #expert .expert_list{width: 100%; height: auto; overflow: hidden; margin-top: 40px;}
    #expert .expert_list ul{display: flex; width: max-content;}
    #expert .expert_list li{position: relative; width: 150px; height: auto; margin: 0 8px; flex-shrink: 0;}
    #expert .expert_list li img{width: 100%; object-fit: cover;}

    #column .b_inner{display: block;}
    #column .column_txt{width: 100%; text-align: center; align-items: center;}
    #column .column_txt .ft42 p{font-size: 16px;}
    #column .column_btn{display: none;}
    #column .cb_bottom{display: block; width: 130px; height: 40px; line-height: 40px; font-size: 14px;}
    #column .column_list{width: 100%; margin: 40px 0;}
    #column .column_list ul{display: block;}
    #column .column_list li{width: 100%; height: 195px; margin-bottom: 30px; border-radius: 10px;}
    #column .column_list li .column_li_txt{font-size: 16px; padding: 10px 20px;}
    #column .column_list li .column_li_txt span{font-size: 12px;}
    #column .column_list li:last-child{margin-bottom: 0;}
    
    #lawyer .inner{padding: 60px 15px;}
    #lawyer .lawyer_prof{display: none;}
    #lawyer .lawyer_prof2{padding: 30px 0 50px; display: block;}
    #lawyer .qna .ft42{margin: 50px 0 40px;}
    #lawyer .qna li .qna_top{font-size: 16px; padding: 20px 3px; letter-spacing: 0em;}
    #lawyer .qna li .qna_top img{width: 16px; height: 7px; object-fit: cover;}
    #lawyer .qna li .qna_top .qnatxt1{display: none;}
    #lawyer .qna li .qna_top .qnatxt2{display: block;}
    #lawyer .qna li .qna_sub li{padding: 25px 10px; font-size: 14px;}

    #form .form_box{display: block;}
    #form .form_box .form_txt{text-align: center; padding: 0 0 40px;}
    #form .form_box .form_txt p{font-size: 24px;}
    #form .form_box .form_txt .form_txt_sub{margin: 40px 0 40px;}
    #form .form_box .form_txt .form_txt_sub{font-size: 12px;}
    #form .form_box .form_txt .form_txt_sub p{font-size: 18px;}
    #form .form_box .form_txt .form_btn{max-width: 280px; width: 100%; height: 50px; line-height: 50px; margin: 0 auto; font-size: 16px;}
    #form .form_box .form_txt .form_btn:last-child{margin-top: 15px;}
    #form .form_box .form_txt .form_btn img{margin-left: 90px; width: 10px; height: 20px; bottom: 2px;}
    #form .form_box .form_main{margin: 0 auto; max-width: 410px; width: 100%; padding: 40px 15px; border-radius: 10px;}
    #form .form_box .form_main h3{font-size: 20px;}
    #form .form_box .form_main form input{height: 45px; font-size: 14px; padding: 10px 14px;}
    #form .form_box .form_main form .select-wrapper {height: 45px; font-size: 14px;}
    #form .form_box .form_main form .select-wrapper select{font-size: 14px; padding: 10px 14px;}
    #form .form_box .form_main form .select-wrapper img{width: 14px; height: 7px; object-fit: cover; right: 20px;}
    #form .form_box .form_main form #submit_btn{margin: 30px 0 10px;}
    #form .form_box .form_main form .checkbox{font-size: 12px;}
    #form .form_box .form_main form .checkbox label input{width: 13px; height: 13px; margin-bottom: 2px;}
    
    #logo_list{padding: 20px 0;}
    #logo_list li{width: 135px; margin: 0 10px;}

    footer .m_list{padding-bottom: 25px;}
    footer .m_list ul{display: none;}
    footer .m_list .m_list_s{display: flex;}
    footer .m_list .m_list_s .f_logo2{width: 136px;}
    footer .info{display: block; align-items: center;}
    footer .info .info_list{justify-content: center;}
    footer .info .info_list ul{font-size: 12px; text-align: center;}
    footer .info .info_list li:last-child{font-size: 11px;}
    footer .info .f_logo{display: none;}
    
    #b_form{height: 60px;}
    #b_form .b_tbox, #b_form form{display: none;}
    #b_form .m_b_form{display: block;}
    #b_form .m_b_form ul{max-width: 350px;}
    #b_form .m_b_form li img{width: 15px; height: 15px; object-fit: cover; margin-right: 5px; bottom: 2px;}
    #b_form .m_b_form li{font-size: 14px;}
    #b_form .m_b_form .mbf_line{margin: 0 10px;}
}