@media screen and (max-width: 1920px){
    .main .section_visual .swiper-slide .txt_wrap {padding: clamp(28px, 2.92vw, 40px) clamp(10px, 1.04vw, 20px) 0 clamp(10px, 1.04vw, 20px);}
    .main .section_visual .swiper-slide .txt_wrap .tit {font-size: clamp(32px, 3.23vw, 62px); line-height: clamp(40px, 3.96vw, 76px); letter-spacing: clamp(-1.6px, -0.16vw, -3.1px); margin-bottom: clamp(9px, 2.03vw, 39px);}
    .main .section_visual .swiper-slide .txt_wrap .desc {font-size: clamp(17px, 1.56vw, 30px); letter-spacing: clamp(-0.85px, -0.08vw, -1.5px);}

    .main .section_self .inner {gap: clamp(19px, 1.41vw, 27px);}
    .main .section_self .txt_wrap {padding-top: clamp(116px, 7.60vw, 146px);}
    .main .section_self .tit {font-size: clamp(32px, 3.23vw, 62px); line-height: clamp(40px, 3.96vw, 76px); letter-spacing: clamp(-1.6px, -0.16vw, -3.1px); margin-bottom: clamp(9px, 0.73vw, 14px);}
    .main .section_self .sub {font-size: clamp(17px, 1.56vw, 30px); line-height: clamp(26.69px, 2.41vw, 47.1px); letter-spacing: clamp(-0.85px, -0.08vw, -1.5px);}

    .main .section_self .inner {gap: clamp(19px, 1.41vw, 27px);}
    .main .section_self .txt_wrap {padding-top: clamp(116px, 7.60vw, 146px);}
    .main .section_self .tit {font-size: clamp(32px, 3.23vw, 62px); line-height: clamp(40px, 3.96vw, 76px); letter-spacing: clamp(-1.6px, -0.16vw, -3.1px); margin-bottom: clamp(9px, 0.73vw, 14px);}
    .main .section_self .sub {font-size: clamp(17px, 1.56vw, 30px); line-height: clamp(26.69px, 2.41vw, 47.1px); letter-spacing: clamp(-0.85px, -0.08vw, -1.5px);}

    .main .section_self .self_diagnosis {width: 24.95vw; height: 37.14vw;}
    .main .section_self .self_diagnosis .self_cont {max-width: 18.54vw; max-height: 29.38vw; margin-top: -0.52vw;}
    .main .section_self .self_diagnosis .self_end {max-width: 17.71vw; max-height: 28.7vw; margin-top: 0.89vw; margin-bottom: 2.81vw;}
    .main .section_self .self_diagnosis .card_cont .card_tit {font-size: 1.67vw; line-height: 1.82vw; letter-spacing: -0.08vw; margin-bottom: 0.31vw;} 
    .main .section_self .self_diagnosis .card_cont .card_sub_tit {min-height: 1.35vw; font-size: 1.04vw; letter-spacing: -0.04vw; margin-bottom: 1.3vw;} 
    .main .section_self .self_diagnosis .card_cont .item + .item {margin-top: 0.52vw;} 
    .main .section_self .self_diagnosis .card_cont .item label:not(.ico) {font-size: 1.04vw; letter-spacing: -0.06vw;} 
    .main .section_self .self_diagnosis .self_card.card01 .btn_wrap button.start_btn {height: 2.71vw; font-size: 1.15vw; letter-spacing: -0.06vw; padding: 0.4vw; border-radius: 0.78vw;} 
    .main .section_self .self_diagnosis .btn_wrap button.prev_btn,
    .main .section_self .self_diagnosis .btn_wrap button.next_btn {width: 6.15vw; height: 2.29vw; gap: 5px; border-radius: 5.21vw;} 
    .main .section_self .self_diagnosis .btn_wrap button.prev_btn:before,
    .main .section_self .self_diagnosis .btn_wrap button.next_btn:after {width: 1.51vw; height: 1.51vw;} 
    .main .section_self .self_diagnosis .btn_wrap button.prev_btn {padding-right: 10px;} 
    .main .section_self .self_diagnosis .btn_wrap button.next_btn {padding-left: 10px;} 
    .main .section_self .self_diagnosis .self_logo {height: 2.6vw; margin-bottom: 1.09vw;} 
    .main .section_self .self_diagnosis .card_end .card_tit {font-size: 1.35vw; line-height: 1.98vw; letter-spacing: -0.07vw; margin-bottom: 1.61vw;} 
    .main .section_self .self_diagnosis .card_end .input_wrap + .input_wrap {margin-top: 1.09vw;} 
    .main .section_self .self_diagnosis .card_end .noti {font-size: 1.04vw; line-height: 1.51vw; letter-spacing: -0.06vw; margin-top: 2.5vw;} 
    .main .section_self .self_diagnosis .self_end .btn_wrap .btn.submit_btn {height: 2.71vw; font-size: 1.15vw; border-radius: 0.78vw;} 
    
    .main .section_case .tit {font-size: clamp(32px, 3.23vw, 62px); line-height: clamp(40px, 3.96vw, 76px); letter-spacing: clamp(-1.6px, -0.16vw, -3.1px); margin-bottom: clamp(17px, 2.03vw, 39px);} 
    .main .section_case .sub {font-size: clamp(17px, 1.56vw, 30px); line-height: clamp(164%, 8.96vw, 172%); letter-spacing: clamp(-0.85px, -0.08vw, -1.5px); margin-bottom: clamp(11px, 2.03vw, 39px);} 
    .main .section_case .click_to_case {gap: clamp(10px, 1.46vw, 28px); width: clamp(175px, 13.49vw, 259px); height: clamp(40px, 2.86vw, 55px); font-size: clamp(16px, 1.15vw, 22px); letter-spacing: clamp(-0.8px, -0.08vw, -1.1px); border-radius: clamp(10px, 0.73vw, 10px);} 
    .main .section_case .click_to_case:after {width: clamp(24px, 1.82vw, 25px); height: clamp(24px, 1.82vw, 25px);} 
    .main .section_case .folder_list {width: clamp(382px, 42.92vw, 824px);} 
    .main .section_case .folder {height: clamp(367px, 29.84vw, 573px); padding: clamp(40px, 3.13vw, 60px)
    clamp(35px, 4.53vw, 87px)
    clamp(5px, 1.56vw, 30px)
    clamp(29px, 3.7vw, 71px);} 
    .main .section_case .folder .case_category {gap: clamp(10px, 0.52vw, 10px); font-size: clamp(16px, 1.25vw, 24px); letter-spacing: clamp(-0.8px, -0.08vw, -1.2px); padding: clamp(5.5px, 0.7vw, 13.5px)
    clamp(21px, 1.98vw, 38px); margin-bottom: clamp(28px, 3.96vw, 76px); border-radius: clamp(25.00vw, 5.21vw, 100px);} 
    .main .section_case .folder .case_tit {font-size: clamp(18px, 1.46vw, 28px); letter-spacing: clamp(-0.9px, -0.07vw, -1.4px); margin-bottom: clamp(11px, 1.04vw, 20px); line-height: clamp(159%, 7.3vw, 159%);} 
    .main .section_case .folder .case_cont {min-height: 5.37vw; font-size: clamp(16px, 1.04vw, 20px); letter-spacing: clamp(-0.8px, -0.05vw, -1px); margin-bottom: 3.07vw; line-height: clamp(155%, 7.2vw, 155%);} 
    .main .section_case .folder .case_lawyer ul {gap: clamp(8px, 1.04vw, 20px);} 
    .main .section_case .folder .case_lawyer .lawyer_img {width: clamp(50px, 3.96vw, 76px); height: clamp(50px, 3.96vw, 76px); margin-bottom: clamp(0px, 0.26vw, 5px);} 
    .main .section_case .folder .case_lawyer .laywer_name {font-size: clamp(13px, 0.94vw, 18px); line-height: clamp(26.4px, 1.38vw, 26.4px);} 
    .main .section_case .folder .click_to_more {right: clamp(-5px, 4.63vw, 89px); bottom: clamp(3px, 0.83vw, 16px); gap: clamp(3px, 0.26vw, 5px); font-size: clamp(13px, 0.78vw, 15px); padding-left: clamp(0px, 0.18vw, 3.5px);} 
    .main .section_case .folder .click_to_more:after {width: clamp(16px, 1.09vw, 21px); height: clamp(16px, 1.09vw, 21px);} 
    .main .section_case .folder .click_to_more:before {bottom: clamp(-5px, -0.26vw, -5px); width: clamp(0px, 9.42vw, 181px); height: clamp(0px, 1.04vw, 20px);} 
    .main .section_case .folder_list .swiper_btn button {width: clamp(51px, 3.59vw, 69px); height: clamp(51px, 3.59vw, 69px); margin-top: clamp(0px, 1.2vw, 23px);} 
    .main .section_scroll .tit {font-size: clamp(32px, 3.23vw, 62px); line-height: clamp(40px, 3.96vw, 76px); letter-spacing: clamp(-1.6px, -0.16vw, -3.1px); margin-bottom: clamp(13px, 1.09vw, 21px);} 
    .main .section_scroll .desc {font-size: clamp(17px, 1.56vw, 30px); letter-spacing: clamp(-0.85px, -0.08vw, -1.5px);} 

    .main .section_question .txt_wrap {padding-top: clamp(85px, 4.43vw, 79px);} 
    .main .section_question .tit {font-size: clamp(32px, 2.34vw, 45px); line-height: clamp(40px, 3.13vw, 60px); letter-spacing: clamp(-1.6px, -0.17vw, -2.25px); margin-bottom: clamp(29px, 1.77vw, 34px); font-weight: 600;} 
    .main .section_question .click_to_channeltalk {gap: clamp(10px, 0.52vw, 10px); width: clamp(175px, 11.3vw, 217px); height: clamp(40px, 2.86vw, 55px); font-size: clamp(16px, 1.15vw, 22px); letter-spacing: clamp(-0.8px, -0.06vw, 0px); border-radius: 10px;} 
    .main .section_question .click_to_channeltalk:after {width: clamp(24px, 1.3vw, 25px); height: clamp(24px, 1.3vw, 25px); background: url('/img/renew/btn_white_arr_mo.svg') no-repeat center / contain;} 

    .main .section_category .tit {font-size: clamp(32px, 3.23vw, 62px); line-height: clamp(40px, 4.43vw, 76px); letter-spacing: clamp(-1.6px, 4.43vw, -3.1px); margin-bottom: clamp(41px, 3.96vw, 77px);}

    .main .section_step .tit {text-align: center; font-size: clamp(32px, 3.23vw, 62px); line-height: clamp(40px, 3.96vw, 76px); letter-spacing: clamp(-1.6px, -0.16vw, -3.1px); margin-bottom: clamp(9px, 0.52vw, 10px);} 
    .main .section_step .desc {text-align: center; font-size: clamp(17px, 1.56vw, 30px); line-height: clamp(164%, 1.72, 172%); letter-spacing: clamp(-0.85px, -0.08vw, -1.5px); margin-bottom: clamp(28px, 4.95vw, 95px);} 
    .main .section_step .step_list .swiper-slide .txt {padding-top: clamp(32px, 2.97vw, 57px);} 
    .main .section_step .step_list .step_tit {font-size: clamp(20px, 1.56vw, 30px); letter-spacing: clamp(-1px, -0.078vw, -1.5px); padding-bottom: clamp(16px, 0.47vw, 9px);}
    .main .section_step .step_list .step_tit .num {font-size: clamp(20px, 1.46vw, 28px); letter-spacing: clamp(-1px, -0.073vw, -1.4px);} 
    .main .section_step .step_list .step_cont {font-size: clamp(16px, 1.04vw, 20px); letter-spacing: clamp(-0.8px, -0.094vw, -1.2px); padding-top: clamp(14px, 0.83vw, 16px);} 

    .main .section_board .top_area {margin-bottom: clamp(38px, 3.02vw, 58px);} 
    .main .section_board .top_area .tit {font-size: clamp(32px, 3.23vw, 62px); line-height: clamp(40px, 3.96vw, 76px); letter-spacing: clamp(-1.6px, -0.16vw, -3.1px); margin-bottom: clamp(19px, 0.52vw, 10px);} 
    .main .section_board .top_area .desc {font-size: clamp(17px, 1.56vw, 30px); line-height: clamp(164%, 1.72, 172%); letter-spacing: clamp(-0.85px, -0.078vw, -1.5px); text-align: center;} 
    .main .section_board .click_to_board {gap: clamp(10px, 0.83vw, 16px); width: clamp(240px, 18.18vw, 349px); height: clamp(40px, 2.86vw, 55px); font-size: clamp(16px, 1.15vw, 22px); letter-spacing: clamp(-0.8px, -0.057vw, -1.1px); margin-bottom: clamp(13px, 0.68vw, 52px); border-radius: clamp(10px, 0.52vw, 10px);} 
    .main .section_board .board_list .swiper-slide {width: clamp(240px, 15.36vw, 295px);} 
    .main .section_board .board_list .board_tit {font-size: clamp(16px, 1.25vw, 24px); letter-spacing: clamp(-0.8px, -0.063vw, -1.2px);} 

    .main .section_banner {padding: clamp(80px, 7.76vw, 149px) 0 clamp(67px, 6.3vw, 121px);} 
    .main .section_banner .tit {font-size: clamp(32px, 3.23vw, 62px); line-height: clamp(40px, 3.96vw, 76px); letter-spacing: clamp(-1.6px, -0.16vw, -3.1px); margin-bottom: clamp(30px, 1.51vw, 29px);} 
    .main .section_banner .click_to_self {gap: clamp(10px, 0.52vw, 10px); width: clamp(219px, 14.74vw, 283px); height: clamp(40px, 2.86vw, 55px); font-size: clamp(16px, 1.15vw, 22px); letter-spacing: clamp(-0.8px, -0.057vw, -1.1px); border-radius: clamp(10px, 0.52vw, 10px);}
    .main .section_banner .click_to_self:after {width: clamp(24px, 1.3vw, 25px); height: clamp(24px, 1.3vw, 25px);} 

    .main .section_banner {padding: clamp(80px, 7.76vw, 149px) 0 clamp(67px, 6.3vw, 121px);} 
    .main .section_banner .tit {font-size: clamp(32px, 3.23vw, 62px); line-height: clamp(40px, 3.96vw, 76px); letter-spacing: clamp(-1.6px, -0.16vw, -3.1px); margin-bottom: clamp(30px, 1.51vw, 29px);} 
    .main .section_banner .click_to_self {gap: clamp(10px, 0.52vw, 10px); width: clamp(219px, 14.74vw, 283px); height: clamp(40px, 2.86vw, 55px); font-size: clamp(16px, 1.15vw, 22px); letter-spacing: clamp(-0.8px, -0.057vw, -1.1px); border-radius: clamp(10px, 0.52vw, 10px);}
    .main .section_banner .click_to_self:after {width: clamp(24px, 1.3vw, 25px); height: clamp(24px, 1.3vw, 25px);} 

    .main .section_banner {padding: clamp(80px, 7.76vw, 149px) 0 clamp(67px, 6.3vw, 121px);} 
    .main .section_banner .tit {font-size: clamp(32px, 3.23vw, 62px); line-height: clamp(40px, 3.96vw, 76px); letter-spacing: clamp(-1.6px, -0.16vw, -3.1px); margin-bottom: clamp(30px, 1.51vw, 29px);} 
    .main .section_banner .click_to_self {gap: clamp(10px, 0.52vw, 10px); width: clamp(219px, 14.74vw, 283px); height: clamp(40px, 2.86vw, 55px); font-size: clamp(16px, 1.15vw, 22px); letter-spacing: clamp(-0.8px, -0.057vw, -1.1px); border-radius: clamp(10px, 0.52vw, 10px);}
    .main .section_banner .click_to_self:after {width: clamp(24px, 1.3vw, 25px); height: clamp(24px, 1.3vw, 25px);} 

    .main .section_map {padding: clamp(155px, 8.91vw, 199px) 0 clamp(150px, 7.81vw, 171px);;}
    .main .section_map .tit {font-size: clamp(28px, 2.60vw, 50px); letter-spacing: clamp(-1.4px, 0.13vw, -2.5px); margin-bottom: clamp(22px, 1.30vw, 25px);}
    .main .section_map .map_image {height: clamp(280px, 25.42vw, 488px); margin-bottom: clamp(19px, 1.77vw, 34px);}
    .main .section_map .location_txt {font-size: clamp(18px, 1.25vw, 24px);}
}

@media screen and (max-width: 1720px){
    /* main */
    .main .section_visual .scroll_wrap {right: 135px;}
}

@media screen and (max-width: 1560px){
    /* header */
    .header_pc .right_area {width: 68.75%;}

    /* main */
    .main .section_visual .progress_wrap {left: 20px;}
}

@media screen and (max-width: 1462px){
    .main .section_board .board_list .board_img {height: 31.05vw;}
}

@media screen and (max-width: 1400px){
    /* footer */
    footer .btm_area {flex-direction: column; justify-content: inherit; gap: 50px;}
    footer .left_area {order: 2;}
    footer .right_area {order: 1;}
    footer .btm_area .info {flex-direction: column; gap: 5px;}

    /* main */
    .main .section_intro .inner {height: 700px;}
    .main .section_intro .tit_set {width: 611px;}
	.main .section_intro .thumb_left {top: 429px; right: calc(100% - 85px);}
    .main .section_intro .thumb_left_align {width: 1267px;}
	.main .section_intro .thumb_list li {height: 217px;}
	.main .section_intro .thumb_list li.ext {width: calc(173px + 8px);}
	.main .section_intro .thumb_list li:after {width: 173px;}
	.main .section_intro .box_right .people_pagination {bottom: 54px;width: calc(100% - 200px);}
	.main .section_intro .box_right .people_pagination:after {width: 75px;height: 5px;}
	.main .section_intro .people_btn_set {bottom: 78px; width: calc(100% - 200px);}
	.main .section_intro .people_btn_set .btn {width: 28px;}
	.main .section_intro .box_right .people_pagination[data-people="2"]:after {left: calc((100% - 75px) * (1 / 16));}
	.main .section_intro .box_right .people_pagination[data-people="3"]:after {left: calc((100% - 75px) * (2 / 16));}
	.main .section_intro .box_right .people_pagination[data-people="4"]:after {left: calc((100% - 75px) * (3 / 16));}
	.main .section_intro .box_right .people_pagination[data-people="5"]:after {left: calc((100% - 75px) * (4 / 16));}
}

@media (max-width: 1280px) {
    /* main */
    .main .section_question .tit br.pc_block {display: none;}
}

@media (max-width: 1200px) {
    /* main */
    .main .section_step .step_list .swiper-slide .txt {padding-top: 0;}
    .main .section_category {padding: 100px 0; box-sizing: border-box;}
    .main .section_category .inner {justify-content: start;}
    .main .section_category .cate_list li {flex: unset; aspect-ratio: unset; width: calc(100% / 3 - (30px / 3)); height: calc((100vh - 200px - 153px - 15px) / 2);}
    .main .section_category .cate_list li a {gap: 25px;}
    .main .section_category .cate_list li picture {height: 100%; aspect-ratio: 24 / 27; overflow: hidden;}
    .main .section_category .cate_list li:nth-child(odd) picture, .main .section_category .cate_list li:nth-child(even) dl {margin-top: unset;}
    .main .section_category .cate_list li img {height: 100%; object-fit: cover; object-position: center;}
}

@media screen and (max-width: 1152px){
    /* header */
    .hero_logo{left: 22px;}
}

@media screen and (max-width: 1060px){
   /* header */
    .header_pc{display: none;}
    .header_mo{display: block;}
    .mo_quick{display: block;}
    .hero_logo{top: 20px;}
    .frame{top: 77px;right: auto;left: 50%;margin-left: -245px;}

    /* footer */
    .fix_btn {right: 34px;}

    /* 메인 팝업 */ 
    .popups .popupeach {left: 50% !important; transform: translateX(-50%); width: calc(100vw - 40px);}
    .popups .popup_close_wrap {font-size: 15px; line-height: 45px; padding: 0 20px;}
    .popups .popup_close_wrap .pop_close_button {font-size: 18px;}
    .popups .popup_close_wrap input[type='checkbox'] {width: 22px; height: 22px;}

    /* main */
    .main section {height: auto;}
    .main .section_visual {height: 100vh;}

    .main .section_self .self_diagnosis {width: clamp(362px, 24.95vw, 479px); height: clamp(674px, 37.14vw, 713px);}
    .main .section_self .self_diagnosis .self_cont {max-width: clamp(300px, 18.54vw, 356px); max-height: clamp(564px, 29.38vw, 564px); margin-top: clamp(-58px, -0.52vw, 10px);}
    .main .section_self .self_diagnosis .self_end {max-width: clamp(300px, 17.71vw, 340px); max-height: clamp(493px, 28.7vw, 551px); margin-top: clamp(0px, 0vw, 17px); margin-bottom: clamp(54px, 2.81vw, 54px);}
    .main .section_self .self_diagnosis .card_cont .card_tit {font-size: clamp(26px, 1.67vw, 32px); line-height: clamp(35px, 1.82vw, 35px); letter-spacing: clamp(-1.3px, -0.08vw, -1.6px); margin-bottom: clamp(6px, 0.31vw, 6px);}
    .main .section_self .self_diagnosis .card_cont .card_sub_tit {min-height: clamp(26px, 1.35vw, 35px); font-size: clamp(16px, 1.04vw, 20px); letter-spacing: clamp(-0.8px, -0.04vw, -1px);margin-bottom: clamp(24px, 1.3vw, 25px);}
    .main .section_self .self_diagnosis .card_cont .item + .item {margin-top: clamp(9px, 0.52vw, 10px);}
    .main .section_self .self_diagnosis .card_cont .item label:not(.ico) {font-size: clamp(19px, 1.04vw, 20px); letter-spacing: clamp(-0.95px, -0.06vw, -1px);}
    .main .section_self .self_diagnosis .self_card.card01 .btn_wrap button.start_btn {height: clamp(44px, 2.71vw, 52px); font-size: clamp(20px, 1.15vw, 22px); letter-spacing: clamp(-1px, -0.06vw, -1.1px); padding: clamp(5.5px, 0.4vw, 5.5px); border-radius: clamp(10px, 0.78vw, 15px);} 
    .main .section_self .self_diagnosis .btn_wrap button.prev_btn,
    .main .section_self .self_diagnosis .btn_wrap button.next_btn {width: clamp(111px, 6.15vw, 118px); height: clamp(44px, 2.29vw, 44px); gap: 5px; border-radius: clamp(100px, 5.21vw, 100px);} 
    .main .section_self .self_diagnosis .btn_wrap button.prev_btn:before,
    .main .section_self .self_diagnosis .btn_wrap button.next_btn:after {width: clamp(29px, 1.51vw, 29px); height: clamp(29px, 1.51vw, 29px);} 
    .main .section_self .self_diagnosis .btn_wrap button.prev_btn {padding-right: 10px;} 
    .main .section_self .self_diagnosis .btn_wrap button.next_btn {padding-left: 10px;} 
    .main .section_self .self_diagnosis .self_logo {height: clamp(50px, 2.6vw, 50px); margin-bottom: clamp(16px, 1.09vw, 21px);} 
    .main .section_self .self_diagnosis .card_end .card_tit {font-size: clamp(24px, 1.35vw, 26px); line-height: clamp(34px, 1.98vw, 38px); letter-spacing: clamp(-1.2px, -0.07vw, -1.3px); margin-bottom: clamp(21px, 1.61vw, 31px);} 
    .main .section_self .self_diagnosis .card_end .input_wrap + .input_wrap {margin-top: clamp(20px, 1.09vw, 21px);} 
    .main .section_self .self_diagnosis .card_end .noti {font-size: clamp(18px, 1.04vw, 20px); line-height: clamp(28px, 1.51vw, 29px); letter-spacing: clamp(-0.9px, -0.06vw, -0.9px); margin-top: clamp(26px, 2.5vw, 48px);} 
    .main .section_self .self_diagnosis .self_end .btn_wrap .btn.submit_btn {height: clamp(44px, 2.71vw, 52px); font-size: clamp(20px, 1.15vw, 22px); border-radius: clamp(10px, 0.78vw, 15px);}

    .main .section_intro .inner {height: 620px;}
	.main .section_intro .tit_set {width: 543px;}
	.main .section_intro .thumb_left {top: 381px; right: calc(100% - 76px);}
    .main .section_intro .thumb_left_align {width: 1136px;}
	.main .section_intro .thumb_list li {height: 193px;}
	.main .section_intro .thumb_list li.ext {width: calc(153px + 8px);}
	.main .section_intro .thumb_list li:after {width: 153px;}
	.main .section_intro .box_right .people_pagination {bottom: 46px;width: calc(100% - 178px);}
	.main .section_intro .box_right .people_pagination:after {width: 65px;height: 5px;}
	.main .section_intro .people_btn_set {bottom: 66px;width: calc(100% - 178px);}
	.main .section_intro .people_btn_set .btn {width: 25px;}
	.main .section_intro .box_right .people_pagination[data-people="2"]:after {left: calc((100% - 65px) * (1 / 16));}
	.main .section_intro .box_right .people_pagination[data-people="3"]:after {left: calc((100% - 65px) * (2 / 16));}
	.main .section_intro .box_right .people_pagination[data-people="4"]:after {left: calc((100% - 65px) * (3 / 16));}
	.main .section_intro .box_right .people_pagination[data-people="5"]:after {left: calc((100% - 65px) * (4 / 16));}
	.main .section_intro .box_right .people_pagination[data-people="6"]:after {left: calc((100% - 65px) * (5 / 16));}
	.main .section_intro .box_right .people_pagination[data-people="7"]:after {left: calc((100% - 65px) * (6 / 16));}
	.main .section_intro .box_right .people_pagination[data-people="8"]:after {left: calc((100% - 65px) * (7 / 16));}
	.main .section_intro .box_right .people_pagination[data-people="9"]:after {left: calc((100% - 65px) * (8 / 16));}
	.main .section_intro .box_right .people_pagination[data-people="10"]:after {left: calc((100% - 65px) * (9 / 16));}
	.main .section_intro .box_right .people_pagination[data-people="11"]:after {left: calc((100% - 65px) * (10 / 16));}
	.main .section_intro .box_right .people_pagination[data-people="12"]:after {left: calc((100% - 65px) * (11 / 16));}
	.main .section_intro .box_right .people_pagination[data-people="13"]:after {left: calc((100% - 65px) * (12 / 16));}
	.main .section_intro .box_right .people_pagination[data-people="14"]:after {left: calc((100% - 65px) * (13 / 16));}
	.main .section_intro .box_right .people_pagination[data-people="15"]:after {left: calc((100% - 65px) * (14 / 16));}
	.main .section_intro .box_right .people_pagination[data-people="16"]:after {left: calc((100% - 65px) * (15 / 16));}
	.main .section_intro .box_right .people_pagination[data-people="17"]:after {left: calc((100% - 65px) * (16 / 16));}
    
    .main .section_case .inner {flex-direction: column; justify-content: center; align-items: inherit; gap: 80px;}
    .main .section_case .txt_wrap {padding-top: 116px;}
    .main .section_case .folder_list {margin: 0 auto; padding-bottom: 116px;}
    .main .section_case .folder_list {width: 77.74vw;}
    .main .section_case .folder {height: 54.06vw; padding: 5.66vw 8.21vw 2.83vw 6.70vw;}
    .main .section_case .folder .case_category {gap: 0.94vw; font-size: 2.26vw; padding: 1.27vw 3.58vw; margin-bottom: 7.17vw; border-radius: 9.43vw;}
    .main .section_case .folder .case_tit {font-size: 2.64vw; margin-bottom: 1.89vw;}
    .main .section_case .folder .case_cont {min-height: 9.72vw; font-size: 1.89vw; margin-bottom: 4.72vw;}
    .main .section_case .folder .case_lawyer ul {gap: 1.89vw;}
    .main .section_case .folder .case_lawyer .lawyer_img {width: 7.17vw; height: 7.17vw; margin-bottom: 0.47vw;}
    .main .section_case .folder .case_lawyer .laywer_name {font-size: 1.70vw; line-height: 2.49vw;}
    .main .section_case .folder .click_to_more {right: 8.40vw; bottom: 1.51vw; gap: 0.47vw; font-size: 1.42vw; padding-left: 0.33vw;}
    .main .section_case .folder .click_to_more:after {width: 1.98vw; height: 1.98vw;}
    .main .section_case .folder .click_to_more:before {bottom: -0.47vw; width: 17.08vw; height: 1.89vw;}
    
    .main .section_scroll .inner {gap: 3.4%;}
    
    .main .section_question .question_container {flex-direction: column; gap: 80px;}
    .main .section_question .question_list {order: 2; width: 100%;}
    .main .section_question .question_list li {min-height: 65px; padding: 10px 40px;}
    .main .section_question .txt_wrap {order: 1; max-width: 100%;}

    .main .section_step {position: relative; padding: 116px 0;}
    .main .section_step .step_list {position: inherit;}
    .main .section_step .step_list .swiper-slide {flex-direction: column; align-items: center;}
    .main .section_step .step_list .swiper-pagination {top: auto; left: 50%; bottom: 29px; transform: translateX(-50%); gap: 9px; width: calc(100% - 40px);  height: min-content;}

    .main .section_board .top_area {padding-top: 116px;}
    .main .section_board .btm_area {padding-bottom: 116px;}
}

@media screen and (max-width: 850px){
    /* footer */
    .privacy_popup{top: 50px;bottom: 50px;left: 50%;margin-left: -275px;width: 550px;height: calc(100% - 100px);}
    .disclaimer_popup{top: 50px;bottom: 50px;left: 50%;margin-left: -275px;width: 550px;height: calc(100% - 100px);}
}

@media screen and (max-width: 576px){
     /* common */
    .pc_block {display: none;}
    .mo_block {display: block;}

    /* header */
    .header_mo .logo {top: 23px; left: 20px; width: 137px;}
    .header_mo .btn_wrap {top: 23px;}
    .header_mo .click_to_call {width: 110px; height: 30px; font-size: 15px; font-weight: 700; letter-spacing: normal;}
    .header_mo .desktop_menu label[for=mo_menu] {top: 27px;}

    /* footer */
    footer {padding: 40px 0 18px;}
    footer .top_area {flex-direction: column; align-items: start; padding-bottom: 24px;}
    footer .top_area .slogan {font-size: 25px; line-height: 34px; letter-spacing: -1.25px; margin-bottom: 24px;}
    footer .top_area .row {display: flex; justify-content: space-between; width: 100%;}
    footer .go_to_consult {width: 138px; font-size: 14px; letter-spacing: -0.7px; box-sizing: border-box;}
    footer .go_to_site {width: 201px; font-size: 14px; letter-spacing: -0.7px;}
    footer .go_to_site .site_list_wrap ul {font-size: 15px; letter-spacing: -0.75px; padding: 0 20px;}
    footer .go_to_site .site_list_wrap ul li + li {margin-top: -10px;}
    footer .btm_area {gap: 16px; padding-top: 24px;}
    footer .btm_area .row:first-child {display: flex; justify-content: space-between; align-items: center;}
    footer .btm_area .info {flex-direction: row; font-size: 13px; line-height: 24px; letter-spacing: -0.65px;}
    footer .btm_area .popups {margin-top: 30px; margin-bottom: 9px;}
    footer .btm_area .popups ul {font-size: 13px; gap: 36px;}
    footer .btm_area .popups ul li:after {right: -13px;}
    footer .copy {margin-top: 0;}
    .privacy_popup {top: 20px;bottom: 20px;left: 2.5%;margin-left: 0;width: 95%;height: calc(100% - 40px);}
    .privacy_popup .privacy_heading h3{font-size: 18px;}
    .privacy_popup .privacy_contents p {font-size: 12px;}
    .disclaimer_popup{top: 20px;bottom: 20px;left: 2.5%;margin-left: 0;width: 95%;height: calc(100% - 40px);}
    .disclaimer_popup .privacy_heading h3{font-size: 18px;}
    .disclaimer_popup .privacy_contents p{font-size: 12px;}
    .fix_btn {width: 44px; height: 44px; right: 14px;}
    .fix_btn.fix_call_btn {bottom: 124px;}
    .fix_btn.fix_up_btn {bottom: 70px;}

    /* main */
    .main .section_visual .swiper-slide .txt_wrap {padding: 28px 20px 0 20px;}
    .main .section_visual .swiper-slide .txt_wrap .tit {font-size: 32px; line-height: 40px; letter-spacing: -1.6px; margin-bottom: 9px;}
    .main .section_visual .swiper-slide .txt_wrap .desc {font-size: 17px; line-height: 164%; letter-spacing: -0.85px;}
    .main .section_visual .swiper-slide[aria-label="1 / 4"] {background-image: url('/img/renew/visual_img_01_mo.png');}
    @supports (background-image: url("/img/renew/visual_img_01_mo.webp")) {
        .main .section_visual .swiper-slide[aria-label="1 / 4"] {
            background-image: url("/img/renew/visual_img_01_mo.webp");
        }
    }
    .main .section_visual .swiper-slide[aria-label="2 / 4"] {background-image: url('/img/renew/visual_img_02_mo.png');}
    @supports (background-image: url("/img/renew/visual_img_02_mo.webp")) {
        .main .section_visual .swiper-slide[aria-label="2 / 4"] {
            background-image: url("/img/renew/visual_img_02_mo.webp");
        }
    }
    .main .section_visual .swiper-slide[aria-label="3 / 4"] {background-image: url('/img/renew/visual_img_03_mo.png');}
    @supports (background-image: url("/img/renew/visual_img_03_mo.webp")) {
        .main .section_visual .swiper-slide[aria-label="3 / 4"] {
            background-image: url("/img/renew/visual_img_03_mo.webp");
        }
    }
    .main .section_visual .swiper-slide[aria-label="4 / 4"] {background-image: url('/img/renew/visual_img_04_mo.png');}
    @supports (background-image: url("/img/renew/visual_img_04_mo.webp")) {
        .main .section_visual .swiper-slide[aria-label="4 / 4"] {
            background-image: url("/img/renew/visual_img_04_mo.webp");
        }
    } 
    .main .section_visual .progress_wrap .progress_bar {width: 101px; margin: 0 22px;}
    .main .section_visual .btn_wrap, .main .section_visual .btn_wrap .next_btnm, .main .section_visual .btn_wrap .swiper_btn {margin-left: 22px;}
    .main .section_visual .scroll_wrap {display: none;}
    .main .section_self {min-height: auto; background-image: url('/img/renew/self_bg_mo.jpg'); background-size: cover;}
    @supports (background-image: url("/img/renew/self_bg_mo.webp")) {
        .main .section_self {
            background-image: url("/img/renew/self_bg_mo.webp");
        }
    }  
    .main .section_self .inner {gap: 19px;}
    .main .section_self .txt_wrap {padding-top: 116px;}
    .main .section_self .tit {font-size: 32px; line-height: 40px; letter-spacing: -1.6px; margin-bottom: 9px;} 
    .main .section_self .sub {font-size: 17px; line-height: 157%; letter-spacing: -0.85px;}
    .main .section_self .self_diagnosis {width: 362px; height: 674px;}
    .main .section_self .self_diagnosis .self_cont {max-width: 300px; max-height: 564px; width: 75.00vw; height: 141.00vw; margin-top: -58px;}
    .main .section_self .self_diagnosis .card_cont .card_tit {font-size: 26px; letter-spacing: -1.3px;}
    .main .section_self .self_diagnosis .card_cont .card_sub_tit {min-height: 26px; font-size: 16px; letter-spacing: -0.8px; margin-bottom: 25px;}
    .main .section_self .self_diagnosis .card_cont .item {height: auto; line-height: 10.00vw;}
    .main .section_self .self_diagnosis .card_cont .item label:not(.ico) {font-size: 19px; letter-spacing: -0.95px; padding: 7px 46px 7px 78px;}
    .main .section_self .self_diagnosis .card_cont .item .ico {top: 9.5px; transform: none; width: 22px; height: 22px;}
    .main .section_self .self_diagnosis .card_cont .item + .item {margin-top: 9px;}
    .main .section_self .self_diagnosis .self_card.card01 .btn_wrap button.start_btn {height: 13.00vw; font-size: 20px; letter-spacing: -1px; padding: 5.5px; border-radius: 10px;}
    .main .section_self .self_diagnosis .btn_wrap button.prev_btn, .main .section_self .self_diagnosis .btn_wrap button.next_btn {width: 111px; height: 44px;}
    .main .section_self .self_diagnosis .card_cont .input_wrap {gap: 15px; font-size: 20px; margin-top: 60px;}
    .main .section_self .self_diagnosis .card_cont .input_wrap input {width: 58.33%;}
    .main .section_self .self_diagnosis .self_end {max-width: 300px; max-height: 493px; width: 75.00vw; height: 123.25vw; margin-top: 0; margin-bottom: 54px;}
    .main .section_self .self_diagnosis .card_end .self_logo {height: 50px; margin-bottom: 16px;}
    .main .section_self .self_diagnosis .card_end .card_tit {font-size: 24px; line-height: 34px; letter-spacing: -1.2px; margin-bottom: 31px;}
    .main .section_self .self_diagnosis .card_end .input_wrap + .input_wrap {margin-top: 21px;}
    .main .section_self .self_diagnosis .card_end .noti {font-size: 18px; line-height: 28px; letter-spacing: -0.9px; margin-top: 26px;}
    .main .section_self .self_diagnosis .self_end .btn_wrap .btn.submit_btn {height: 44px; border-radius: 10px;}
    .main .section_intro {padding-bottom: 148px;}
    .main .section_intro .inner {display: block; height: auto; overflow: visible;}
    .main .section_intro .box_left {position: initial; width: 100%; justify-content: inherit; align-items: inherit;}
    .main .section_intro .tit_set {z-index: 2; width: 308px; margin-top: 94px; margin-left: 35px; aspect-ratio: 308 / 165;}

    .main .section_intro .box_right {position: relative; width: 100%; margin-top: -23px;}
    .main .section_intro .box_right .portrait_set_mo {position: relative; display: block; max-width: 300px; width: 100%; height: 380px; margin: 0 auto; overflow: hidden;}
    .main .section_intro .box_right .portrait_set_mo li {width: 100%; height: 380px; background-repeat: no-repeat; background-size: cover; background-position: center center;}
    .main .section_intro .box_right .portrait_set_mo li a {display: inline-block; width: 100%; height: 100%;}
    .main .section_intro .box_right .portrait_set_mo li.swiper-slide-active {animation-duration: 0.5s; animation-name: zoom-out;}
    @keyframes zoom-out {
        0% {transform: scale(1.2);}
        100% {transform: scale(1);}
    }
    .main .section_intro ul li[data-people="1"] {background-image: url("/img/renew/intro_lawyer_jinu.png");}
    @supports (background-image: url("/img/renew/intro_lawyer_jinu.webp")) {
        .main .section_intro ul li[data-people="1"] {
            background-image: url("/img/renew/intro_lawyer_jinu.webp");
        }
    }  
    .main .section_intro ul li[data-people="2"] {background-image: url("/img/renew/intro_lawyer_hyungjin.png");}
    @supports (background-image: url("/img/renew/intro_lawyer_hyungjin.webp")) {
        .main .section_intro ul li[data-people="2"] {
            background-image: url("/img/renew/intro_lawyer_hyungjin.webp");
        }
    }  
    .main .section_intro ul li[data-people="3"] {background-image: url("/img/renew/intro_lawyer_wookjae.png");}
    @supports (background-image: url("/img/renew/intro_lawyer_wookjae.webp")) {
        .main .section_intro ul li[data-people="3"] {
            background-image: url("/img/renew/intro_lawyer_wookjae.webp");
        }
    }  
    .main .section_intro ul li[data-people="4"] {background-image: url("/img/renew/intro_lawyer_ikseon.png");}
    @supports (background-image: url("/img/renew/intro_lawyer_ikseon.webp")) {
        .main .section_intro ul li[data-people="4"] {
            background-image: url("/img/renew/intro_lawyer_ikseon.webp");
        }
    }  
    .main .section_intro ul li[data-people="5"]{background-image: url("/img/renew/intro_lawyer_beomsu.png");}
    @supports (background-image: url("/img/renew/intro_lawyer_beomsu.webp")) {
        .main .section_intro ul li[data-people="5"] {
            background-image: url("/img/renew/intro_lawyer_beomsu.webp");
        }
    }  
    .main .section_intro ul li[data-people="6"]{background-image: url("/img/renew/intro_lawyer_geonhee.png");}
    @supports (background-image: url("/img/renew/intro_lawyer_geonhee.webp")) {
        .main .section_intro ul li[data-people="6"] {
            background-image: url("/img/renew/intro_lawyer_geonhee.webp");
        }
    } 
    .main .section_intro .box_right .btn {position: absolute; top: 175px; width: 30px; height: 30px; padding: 0; border: none; background-color: transparent; background-repeat: no-repeat; background-size: contain; background-position: center;}
    .main .section_intro .box_right .btn_prev {left: 14px; background-image: url('/img/renew/intro_prev_btn_mo.svg');}
    .main .section_intro .box_right .btn_next {right: 14px; background-image: url('/img/renew/intro_next_btn_mo.svg');}
    .main .section_intro .click_to_detail {position: relative; left: auto; right: auto; display: flex; align-items: center; justify-content: end; gap: 3px; font-size: 13px; line-height: 105%; max-width: 300px; margin: 22px auto 23px;}
    .main .section_intro .click_to_detail:after {content: ''; position: relative; width: 16px; height: 16px; background: url('/img/renew/intro_plus_ico.svg') no-repeat center / contain;}
    .main .section_intro .box_right .thumb_left_mo {position: relative; width: 100%; height: 100%;}
    .main .section_intro .box_right .thumb_left_mo .swiper-wrapper {transition-timing-function: linear;}
    .main .section_intro .box_right .thumb_left_mo li {width: 117px !important; height: 148px; background-repeat: no-repeat; background-size: cover; background-position: center center;}
    .main .section_case .inner {gap: 8px;}
    .main .section_case .txt_wrap {padding-top: 85px;}
    .main .section_case .tit {font-size: 32px; line-height: 40px; letter-spacing: -1.6px; margin-bottom: 17px;}
    .main .section_case .sub {font-size: 17px; line-height: 164%; letter-spacing: -0.85px; margin-bottom: 11px;}
    .main .section_case .click_to_case {width: 175px; height: 40px; gap: 10px; font-size: 16px; letter-spacing: -0.8px;}
    .main .section_case .click_to_case:after {width: 24px; height: 24px; background: url('/img/renew/btn_black_arr_mo.svg') no-repeat center / contain;}
    .main .section_case .folder .swiper-wrapper {margin-bottom: 14px;}
    .main .section_case .folder_list {max-width: 382px; width: calc(100% + 22px); margin: 0 auto; /* margin-left: -11px; */}
    .main .section_case .folder {height: 367px; padding: 40px 35px 5px 29px; background: url('/img/renew/case_folder_img_mo.svg') no-repeat center / contain;}
    .main .section_case .folder .case_category {font-size: 16px; letter-spacing: -0.8px; padding: 5.5px 21px; border-radius: 100px; margin-bottom: 28px;}
    .main .section_case .folder .case_tit {font-size: 18px; line-height: 159%; letter-spacing: -0.9px; margin-bottom: 11px;}
    .main .section_case .folder .case_cont {min-height: 74px; font-size: 16px; line-height: 155%; letter-spacing: -0.8px; margin-bottom: 59px;}
    .main .section_case .folder .case_lawyer ul {gap: 8px;}
    .main .section_case .folder .case_lawyer .lawyer_img {width: 50px; height: 50px; margin-bottom: 0;}
    .main .section_case .folder .case_lawyer .laywer_name {font-size: 13px; line-height: 26.4px;}
    .main .section_case .folder .click_to_more {bottom: 3px; right: -5px; gap: 3px; font-size: 13px; padding-left: 0;}
    .main .section_case .folder .click_to_more:before {content: none;}
    .main .section_case .folder .click_to_more:after {width: 16px; height: 16px;}
    .main .section_case .folder_list .swiper_btn {display: flex; gap: 27px; justify-content: center; margin-bottom: 44px;}
    .main .section_case .folder_list .swiper_btn button {position: relative; top: auto; transform: none; width: 51px; height: 51px; margin-top: 0;}
    .main .section_case .folder_list .swiper_btn .swiper_prev_btn {left: 0;}
    .main .section_case .folder_list .swiper_btn .swiper_next_btn {right: 0;}
    .main .section_scroll .inner {display: block;}
    .main .section_scroll .fix_area {position: relative; top: auto; width: 100%; height: auto; padding-top: 85px;}
    .main .section_scroll .tit {font-size: 32px; line-height: 40px; letter-spacing: -1.6px; margin-bottom: 13px;}
    .main .section_scroll .desc {font-size: 17px; line-height: 164%; letter-spacing: -0.85px;}
    .main .section_scroll .flow_area {width: 100%; padding-top: 28px; border: none;}
    .main .section_scroll .flow_area ul {width: 100%; padding-bottom: 39px; margin: 0;}
    .main .section_scroll .flow_area ul li img {margin-bottom: 9px; border-radius: 15px;}
    .main .section_scroll .flow_area dt {font-size: 20px; letter-spacing: -1px; margin-bottom: 2px;}
    .main .section_scroll .flow_area dd {font-size: 16px; line-height: 23px; letter-spacing: -0.8px;}
    .main .section_scroll .flow_area ul li + li {margin-top: 39px;}
    .main .section_question {padding-bottom: 61px;}
    .main .section_question .question_container {gap: 24px;}
    .main .section_question .txt_wrap {padding-top: 85px;}
    .main .section_question .tit {font-size: 32px; line-height: 40px; letter-spacing: -1.6px; font-weight: 600; margin-bottom: 29px;}
    .main .section_question .tit b {font-weight: 700;}
    .main .section_question .click_to_channeltalk {width: 175px; height: 40px; font-size: 16px; letter-spacing: -0.8px;}
    .main .section_question .click_to_channeltalk:after {width: 24px; height: 24px; background: url('/img/renew/btn_white_arr_mo.svg') no-repeat center / contain;}
    .main .section_question .question_list {height: 417px; padding: 16px 0 0 0; background: transparent; overflow-x: visible; overflow-y: clip; }
    .main .section_question .question_list li {min-height: 45px; font-size: 14px; margin-bottom: 8px; padding: 7px 71px 7px 7px;}
    .main .section_question .question_list li .mark {width: 24px; height: 24px; font-size: 14px; margin-right: 5px;}
    .main .section_question .question_list li span:not(.mark) {width: calc(100% - 24px);}
    .main .section_category {padding: 85px 0 40px;}
    .main .section_category .tit {font-size: 32px; line-height: 40px; letter-spacing: -1.6px; margin-bottom: 41px;}
    .main .section_category .cate_list {gap: 15px 10px;}
    .main .section_category .cate_list li {width: calc(100% / 2 - (10px / 2)); height: 298px; border: 1px solid #EDEDED; backdrop-filter: blur(5px); box-sizing: border-box;}
    .main .section_category .cate_list li:nth-child(odd):hover:before, .main .section_category .cate_list li:nth-child(even):hover:before {content: none;}
    .main .section_category .cate_list li:before {content: ''; position: absolute; top: 23px; right: 18px; width: 16px; height: 16px; background: url('/img/renew/btn_black_arr.svg') no-repeat center / contain;}
    .main .section_category .cate_list li a {gap: 14px; padding: 18px;}
    .main .section_category .cate_list dl {order: 1;}
    .main .section_category .cate_list li picture {order: 2; height: 177px; margin-top: auto;}
    .main .section_category .cate_list li:nth-child(odd) picture {margin-top: auto;}
    .main .section_category .cate_list .cate_name {font-size: 18px; line-height: 25.2px; margin-bottom: 10px;}
    .main .section_category .cate_list .cate_desc {font-size: 14px; line-height: 16.8px; letter-spacing: -0.5px;}
    .main .section_step {padding: 85px 0 140px;}
    .main .section_step .tit {text-align: center; font-size: 32px; line-height: 40px; letter-spacing: -1.6px;  margin-bottom: 9px;}
    .main .section_step .desc {text-align: center; font-size: 17px; line-height: 164%; letter-spacing: -0.85px; margin-bottom: 28px;}
    .main .section_step .step_list .swiper-slide {gap: 14px;}
    .main .section_step .step_list .swiper-slide .img, .main .section_step .step_list .swiper-slide .txt {width: 100%;}
    .main .section_step .step_list .step_tit {font-size: 20px; letter-spacing: -1px; padding-bottom: 16px;}
    .main .section_step .step_list .step_tit .num {font-size: 20px; letter-spacing: -1px;}
    .main .section_step .step_list .step_cont {font-size: 16px; line-height: 156%; letter-spacing: -0.8px; padding-top: 14px;}
    .main .section_step .step_list .step_cont br {display: none;}
    .main .section_step .step_list .swiper-pagination-bullet {padding-bottom: 3px;}

    .main .section_board .top_area {align-items: center; padding-top: 85px; margin-bottom: 38px;}
    .main .section_board .top_area .tit {font-size: 32px; line-height: 40px; letter-spacing: -1.6px; text-align: center; margin-bottom: 19px;}
    .main .section_board .top_area .desc {font-size: 17px; line-height: 164%; letter-spacing: -0.85px; text-align: center;}
    .main .section_board .click_to_board.pc_block {display: none;}
    .main .section_board .btm_area {position: relative; padding-bottom: 53px;}
    .main .section_board .board_list {margin: 0 35.5px; overflow: hidden;}
    .main .section_board .board_list .board_img {height: 189px; margin-bottom: 10px;}
    .main .section_board .board_list .board_tit {font-size: 16px; line-height: 151%; letter-spacing: -0.8px; -webkit-line-clamp: 2;}
    .main .section_board .swiper_btn {position: absolute; top: 85px; width: 30px; height: 30px; background-repeat: no-repeat; background-position: center; background-size: contain; padding: 0; background-color: transparent; border: none;}
    .main .section_board .swiper_btn.prev_btn {left: -8px; background-image: url('/img/renew/intro_prev_btn_mo.svg');}
    .main .section_board .swiper_btn.next_btn {right: -8px; background-image: url('/img/renew/intro_next_btn_mo.svg');}
    .main .section_board .click_to_board.mo_block {display: flex; width: 240px; height: 40px; font-size: 16px; letter-spacing: -0.8px; margin: 52px auto 0;}
    .main .section_board .click_to_board:after {gap: 10px; width: 24px; height :24px; background: url('/img/renew/btn_black_arr_mo.svg') no-repeat center / contain}

    .main .section_banner {padding: 80px 0 67px; background-image: url('/img/renew/banner_bg_mo.jpg');}
        @supports (background-image: url("/img/renew/banner_bg_mo.webp")) {
            .main .section_banner {
                background-image: url("/img/renew/banner_bg_mo.webp");
        }
    } 
    .main .section_banner .tit {font-size: 32px; font-weight: 500; line-height: 40px; letter-spacing: -1.6px; text-align: center; margin-bottom: 30px;}
    .main .section_banner .click_to_self {width: 219px; height: 40px; font-size: 16px; letter-spacing: -0.8px;}
    .main .section_banner .click_to_self:after {width: 24px; height: 24px; background: url('/img/renew/btn_white_arr_mo.svg') no-repeat center / contain;}
    .main .section_map {padding: 155px 0 199px; background-image: url('/img/renew/map_mo_bg.jpg');}
        @supports (background-image: url("/img/renew/map_mo_bg.webp")) {
            .main .section_map {
                background-image: url("/img/renew/map_mo_bg.webp");
        }
    } 
    .main .section_map .tit {font-size: 28px; letter-spacing: -1.4px; margin-bottom: 22px;}
    .main .section_map .map_image {height: 280px; margin-bottom: 19px;}
    .main .section_map .location_txt {font-size: 18px;}
}

@media screen and (max-width: 400px){
    /* header */
    .header_mo .logo {top: 5.75vw; left: 5.00vw; width: 34.25vw;}
    .header_mo .menu_list li a {font-size: 5.00vw; line-height: 7.50vw;}
    .header_mo .btn_wrap {top: 5.75vw;}
    .header_mo .click_to_call {width: 27.50vw; height: 7.50vw; font-size: 3.75vw;}
    .header_mo .desktop_menu .menu_container {padding: 27.25vw 5.00vw 0 6.50vw;}
    .header_mo .desktop_menu label[for=mo_menu] {top: 6.75vw; right: 5.00vw; width: 7.25vw; height: 5.50vw;}
    .header_mo .desktop_menu label[for=mo_menu] span {height: 0.50vw; margin-bottom: 2.00vw;}
    .header_mo .desktop_menu input#mo_menu:checked + label > span:nth-child(1) {margin-top: 2.50vw; margin-left: 0.5vw; width: 5.00vw;}
    .header_mo .desktop_menu input#mo_menu:checked + label > span:nth-child(2) {margin-top: -2.50vw; margin-left: 0.5vw; width: 5.00vw;}
    .header_mo .menu_list {gap: 12.00vw;}

    /* footer */
    footer {padding: 10.00vw 0 4.50vw;}
    footer .top_area {padding-bottom: 6.00vw;}
    footer .top_area .slogan {font-size: 6.25vw; line-height: 8.50vw; margin-bottom: 6.00vw;}
    footer .go_to_consult {gap: 1.00vw; width: 34.50vw; height: 9.75vw; font-size: 3.50vw; border-radius: 12.50vw;}
    footer .go_to_consult img {width: 6.00vw; height: 6.00vw;}
    footer .go_to_site {gap: 1.00vw; width: 50.25vw; height: 9.75vw; font-size: 3.50vw; border-radius: 12.50vw;}
    footer .go_to_site .site_list_wrap ul {font-size: 3.75vw; line-height: 11.25vw; padding: 0 5.00vw; border-radius: 5.00vw;}
    footer .go_to_site .site_list_wrap ul li + li {margin-top: -2.50vw;}
    footer .btm_area {gap: 4.00vw; padding-top: 6.00vw;}
    footer .btm_area .logo img {height: 11.25vw;}
    footer .btm_area .info {font-size: 3.25vw; line-height: 6.00vw;;}
    footer .btm_area .popups {margin-top: 7.50vw; margin-bottom: 2.25vw;}
    footer .btm_area .popups ul {font-size: 3.25vw; gap: 9.00vw;}
    footer .btm_area .popups ul li:after {right: -3.25vw;}
    footer .copy {font-size: 3.25vw;}

    /* main */
    .main .section_visual .swiper-slide .txt_wrap {padding: 7.00vw 5.00vw 0 5.00vw;}
    .main .section_visual .swiper-slide .txt_wrap .tit {font-size: 8.00vw; line-height: 10.00vw; margin-bottom: 2.25vw;}
    .main .section_visual .swiper-slide .txt_wrap .desc {font-size: 4.25vw;}
    .main .section_visual .progress_wrap .progress_bar {width: 25.25vw; margin: 0 5.50vw;}
    .main .section_visual .btn_wrap, .main .section_visual .btn_wrap .next_btnm, .main .section_visual .btn_wrap .swiper_btn {margin-left: 5.50vw;}
    .main .section_self .inner {gap: 4.75vw;}
    .main .section_self .txt_wrap {padding-top: 29.00vw;}
    .main .section_self .tit {font-size: 8.00vw; line-height: 10.00vw; margin-bottom: 2.25vw;} 
    .main .section_self .sub {font-size: 4.25vw;}
    .main .section_self .self_diagnosis {width: 90.50vw; height: 168.50vw;}
    .main .section_self .self_diagnosis .self_cont {max-width: 75.00vw; max-height: 141.00vw; margin-top: -14.50vw;}
    .main .section_self .self_diagnosis .card_cont .card_tit {font-size: 6.50vw; line-height: 8.75vw;}
    .main .section_self .self_diagnosis .card_cont .card_sub_tit {min-height: 6.50vw; font-size: 4.00vw; margin-bottom: 6.25vw;}
    .main .section_self .self_diagnosis .card_cont .item label:not(.ico) {font-size: 4.75vw; padding: 1.75vw 11.50vw 1.75vw 19.50vw;}
    .main .section_self .self_diagnosis .card_cont .item .ico {top: 2.38vw; left: 9.25vw; width: 5.50vw; height: 5.50vw;}
    .main .section_self .self_diagnosis .card_cont .item + .item {margin-top: 2.25vw;}
    .main .section_self .self_diagnosis .self_card.card01 .btn_wrap button.start_btn {font-size: 5.00vw; padding: 1.38vw; border-radius: 2.50vw;}
    .main .section_self .self_diagnosis .btn_wrap button.prev_btn, .main .section_self .self_diagnosis .btn_wrap button.next_btn {gap: 1.25vw; width: 27.75vw; height: 11.00vw; font-size: 5.00vw; border-radius: 25.00vw;}
    .main .section_self .self_diagnosis .btn_wrap button.prev_btn:before, .main .section_self .self_diagnosis .btn_wrap button.next_btn:after {width: 7.25vw; height: 7.25vw;}
    .main .section_self .self_diagnosis .card_cont .input_wrap {gap: 3.75vw; font-size: 5.00vw; margin-top: 15.00vw;}
    .main .section_self .self_diagnosis .card_cont .input_wrap input {font-size: 5.00vw; padding-bottom: 1.25vw;}
    .main .section_self .self_diagnosis .self_end {max-width: 75.00vw; max-height: 123.25vw; margin-bottom: 13.50vw;}
    .main .section_self .self_diagnosis .card_end .self_logo {height: 12.50vw; margin-bottom: 4.00vw;}
    .main .section_self .self_diagnosis .card_end .card_tit {font-size: 6.00vw; line-height: 8.50vw; margin-bottom: 7.75vw;}
    .main .section_self .self_diagnosis .card_end .input_wrap + .input_wrap {margin-top: 5.25vw;}
    .main .section_self .self_diagnosis .card_end .input_wrap label {font-size: 5.00vw; padding-bottom: 1.25vw;}
    .main .section_self .self_diagnosis .card_end .input_wrap {padding-bottom: 1.25vw;}
    .main .section_self .self_diagnosis .card_end .input_wrap input {font-size: 5.00vw;}
    .main .section_self .self_diagnosis .card_end .noti {font-size: 4.50vw; line-height: 7.00vw; margin-top: 6.50vw;}
    .main .section_self .self_diagnosis .self_end .btn_wrap .btn.submit_btn {height: 11.00vw; font-size: 5.50vw; border-radius: 2.50vw;}
    .main .section_intro {padding-bottom: 37.00vw;}
    .main .section_intro .tit_set {width: 77.00vw; margin-top: 23.50vw; margin-left: 8.75vw;}
    .main .section_intro .box_right {margin-top: -5.75vw;}
    .main .section_intro .box_right .portrait_set_mo {max-width: 75.00vw; height: 95.00vw;}
    .main .section_intro .box_right .portrait_set_mo li {height: 95.00vw;}
    .main .section_intro .box_right .btn {top: 43.75vw; width: 7.50vw; height: 7.50vw;}
    .main .section_intro .box_right .btn_prev {left: 3.50vw;}
    .main .section_intro .box_right .btn_next {right: 3.50vw;}
    .main .section_intro .click_to_detail {gap: 0.75vw; max-width: 75.00vw; font-size: 3.25vw; margin: 5.50vw auto 5.75vw;}
    .main .section_intro .click_to_detail:after {width: 4.00vw; height: 4.00vw;}
    /* .main .section_intro .box_right .thumb_left_mo li {width: 29.25vw !important; height: 37.00vw;} */
    .main .section_case .inner {gap: 2.00vw;}
    .main .section_case .txt_wrap {padding-top: 21.25vw;}
    .main .section_case .tit {font-size: 8.00vw; line-height: 10.00vw; margin-bottom: 4.25vw;}
    .main .section_case .sub {font-size: 4.25vw; margin-bottom: 2.75vw;}
    .main .section_case .click_to_case {width: 43.75vw; height: 10.00vw; gap: 2.50vw; font-size: 4.00vw;}
    .main .section_case .click_to_case:after {width: 6.00vw; height: 6.00vw;}
    .main .section_case .folder .swiper-wrapper {margin-bottom: 3.50vw;}
    .main .section_case .folder_list {width: calc(100% + 5.50vw); margin-left: -2.75vw;}
    .main .section_case .folder {height: 91.75vw; padding: 10.00vw 8.75vw 1.25vw 7.25vw;}
    .main .section_case .folder .case_category {font-size: 4.00vw; padding: 1.38vw 5.25vw; border-radius: 25.00vw; margin-bottom: 7.00vw;}
    .main .section_case .folder .case_tit {font-size: 4.50vw; margin-bottom: 2.75vw;}
    .main .section_case .folder .case_cont {min-height: 18.50vw; font-size: 4.00vw; margin-bottom: 14.75vw;}
    .main .section_case .folder .case_lawyer ul {gap: 2.00vw;}
    .main .section_case .folder .case_lawyer .lawyer_img {width: 12.50vw; height: 12.50vw;}
    .main .section_case .folder .case_lawyer .laywer_name {font-size: 3.25vw; line-height: 6.60vw;}
    .main .section_case .folder .click_to_more {bottom: 0.75vw; right: -1.25vw; gap: 0.75vw; font-size: 3.25vw;}
    .main .section_case .folder .click_to_more:after {width: 4.00vw; height: 4.00vw;}
    .main .section_case .folder_list .swiper_btn {gap: 6.75vw; margin-bottom: 11.00vw;}
    .main .section_case .folder_list .swiper_btn button {width: 12.75vw; height: 12.75vw;}
    .main .section_scroll .fix_area {padding-top: 21.25vw;}
    .main .section_scroll .tit {font-size: 8.00vw; line-height: 10.00vw; margin-bottom: 3.25vw;}
    .main .section_scroll .desc {font-size: 4.25vw;}
    .main .section_scroll .flow_area {padding-top: 7.00vw;}
    .main .section_scroll .flow_area ul {padding-bottom: 9.75vw;}
    .main .section_scroll .flow_area ul li img {margin-bottom: 2.25vw; border-radius: 3.75vw;}
    .main .section_scroll .flow_area dt {font-size: 5.00vw; margin-bottom: 0.50vw;}
    .main .section_scroll .flow_area dd {font-size: 4.00vw; line-height: 5.75vw;}
    .main .section_scroll .flow_area ul li + li {margin-top: 9.75vw;}
    .main .section_question {padding-bottom: 15.25vw;}
    .main .section_question .question_container {gap: 6.00vw;}
    .main .section_question .txt_wrap {padding-top: 21.25vw;}
    .main .section_question .tit {font-size: 8.00vw; line-height: 10.00vw; margin-bottom: 7.25vw;}
    .main .section_question .click_to_channeltalk {width: 43.75vw; height: 10.00vw; font-size: 4.00vw;}
    .main .section_question .click_to_channeltalk:after {width: 6.00vw; height: 6.00vw;}
    .main .section_question .question_list {height: 104.25vw; padding: 4.00vw 0 0 0;}
    .main .section_question .question_list li {min-height: 11.25vw; font-size: 3.50vw; margin-bottom: 2.00vw; padding: 1.75vw 17.75vw 1.75vw 1.75vw; border-radius: 2.00vw; box-shadow: 0 6.00vw 14.50vw 0 rgba(0, 0, 0, 0.06);}
    .main .section_question .question_list li .mark {width: 6.00vw; height: 6.00vw; font-size: 3.50vw; margin-right: 1.25vw;}
    .main .section_question .question_list li span:not(.mark) {width: calc(100% - 6.00vw);}
    .main .section_category {padding: 21.25vw 0 10.00vw;}
    .main .section_category .tit {font-size: 8.00vw; line-height: 10.00vw; margin-bottom: 10.25vw;}
    .main .section_category .cate_list {gap: 3.75vw 2.50vw;}
    .main .section_category .cate_list li {width: calc(100% / 2 - (2.50vw / 2)); height: 74.50vw;}
    .main .section_category .cate_list li:before {top: 5.75vw; right: 4.50vw; width: 4.00vw; height: 4.00vw;}
    .main .section_category .cate_list li a {gap: 3.50vw; padding: 4.50vw;}
    .main .section_category .cate_list li picture {height: 44.25vw;}
    .main .section_category .cate_list .cate_name {font-size: 4.50vw; line-height: 6.30vw; margin-bottom: 2.50vw;}
    .main .section_category .cate_list .cate_desc {font-size: 3.50vw; line-height: 4.20vw;}
    .main .section_step {padding: 21.25vw 0 35.00vw;}
    .main .section_step .tit {font-size: 8.00vw; line-height: 10.00vw; margin-bottom: 2.25vw;}
    .main .section_step .desc {font-size: 4.25vw; margin-bottom: 7.00vw;}
    .main .section_step .step_list .swiper-slide {gap: 3.50vw;}
    .main .section_step .step_list .step_tit {font-size: 5.00vw; padding-bottom: 4.00vw;}
    .main .section_step .step_list .step_tit .num {font-size: 5.00vw;}
    .main .section_step .step_list .step_cont {font-size: 4.00vw; padding-top: 3.50vw;}
    .main .section_step .step_list .swiper-pagination {bottom: 7.25vw; gap: 2.25vw; width: calc(100% - 10.00vw);}
    .main .section_step .step_list .swiper-pagination-bullet {font-size: 5.00vw; padding-bottom: 0.75vw;}
    .main .section_board .top_area {padding-top: 21.25vw; margin-bottom: 9.50vw;}
    .main .section_board .top_area .tit {font-size: 8.00vw; line-height: 10.00vw; margin-bottom: 4.75vw;}
    .main .section_board .top_area .desc {font-size: 4.25vw;}
    .main .section_board .btm_area {padding-bottom: 13.25vw;}
    .main .section_board .board_list {margin: 0 8.88vw;}
    .main .section_board .board_list .board_img {height: 47.25vw; margin-bottom: 2.50vw;}
    .main .section_board .board_list .board_tit {font-size: 4.00vw;}
    .main .section_board .swiper_btn {top: 21.25vw; width: 7.50vw; height: 7.50vw;}
    .main .section_board .swiper_btn.prev_btn {left: -2.00vw;}
    .main .section_board .swiper_btn.next_btn {right: -2.00vw;}
    .main .section_board .click_to_board.mo_block {width: 60.00vw; height: 10.00vw; font-size: 4.00vw; margin: 13.00vw auto 0;}
    .main .section_board .click_to_board:after {gap: 2.50vw; width: 6.00vw; height: 6.00vw;}
    .main .section_banner {padding: 20.00vw 0 16.75vw;}
    .main .section_banner .tit {font-size: 8.00vw; line-height: 10.00vw; margin-bottom: 7.50vw;}
    .main .section_banner .click_to_self {width: 54.75vw; height: 10.00vw; font-size: 4.00vw;}
    .main .section_banner .click_to_self:after {width: 6.00vw; height: 6.00vw;}
    .main .section_map {padding: 38.75vw 0 49.75vw;}
    .main .section_map .tit {font-size: 7.00vw; margin-bottom: 5.50vw;}
    .main .section_map .map_image {height: 70.00vw; margin-bottom: 4.75vw;}
    .main .section_map .location_txt {font-size: 4.50vw;}
}

/* sub */
@media screen and (max-width: 1720px){
    /* sub common */
    .p_br {display: none;}

    /* hero_intro */
    .hero_intro .intro_tit {font-size: 36px;}
    .hero_intro .intro_about_txt h3 {font-size: 36px; padding-left: 106px;}
    .hero_intro .intro_about_txt p {font-size: 20px; padding-left: 106px;}
}

@media screen and (max-width: 1614px){
    /* intro detail */
    .intro_detail .top_banner .name_box {left: 20px;}
}

@media screen and (max-width: 1580px){
    /* story and news list */
    /* .story_board_list {min-height: calc(100vh - 940px);}
    .story_board_list .article-list-default {padding: 0 20px;} */
}

@media screen and (max-width: 1570px){
    /* hero_intro */
    .hero_intro .intro_about_txt {flex-wrap: wrap; justify-content: left;}
    .hero_intro .container {margin-top: 58px;}

     /* intro */
    .intro .cont ul li {width: calc((100% - 15px) / 2); max-height: 777px; height: 50.19vw;}

    /* counselling view */
    /* .cs_board_view .cs_board_view_inner {padding: 0 20px;} */
}

@media screen and (max-width: 1500px){
    /* roadmap */
    .hero_roadmap .roadmap_inner .cont_tit {font-size: 32px; letter-spacing: -1.6px; margin-bottom: 50px;}
    .hero_roadmap .maps-content {flex-direction: column; align-items: start; padding: 0 20px; width: calc(100% - 40px); box-sizing: initial;}
    .hero_roadmap .maps-content .maps-view, .maps-info{width: 100%;}

    /* view jaemok */
    .jaemok_wrap{width: auto;}
}

@media screen and (max-width: 1465px){
    /* column list */
    .column_board_list .article-list-default {justify-content: center; width: calc(100% - 40px); padding: 0 20px;}
    .column_board_list .article-list-default li {width: calc((100% - 34px) / 3);}
    .column_board_list .client-story .image .thumbnail {height: 16.93vw;}
}

@media screen and (max-width: 1400px){
    /* hero_intro */
    .hero_intro .ph_list li {height: calc((100vw - 40px - 287px) / 3); min-height: 300px;}
    .hero_intro .intro_tit {min-width: auto;}
    .hero_intro .ph_list .ph_list_tit {font-size: 28px;}
    .hero_intro .ph_list .ph_list_con {font-size: 20px;}
    .hero_intro .ph_list .ph_list_img {width: 48px;}
    .hero_intro .ph_list .ph_list_img img {width: 100%;}
    .hero_intro .ph_rep .ph_rep_txt {padding-left: 51px; word-break: keep-all;}
}

@media (max-width: 1200px) {
    /* intro detail */
    .intro_detail .top_banner .btn_wrap span {display: none;}
    .intro_detail .top_banner .btn_wrap .btn_prev {margin-left: 11px;}

    /* case list */
    .case_board_list .repre_cases .tit {font-size: 20px; padding-bottom: 5px;}
    .case_board_list .cases_list .item .content_wrap .title{font-size: 24px;}
	.case_board_list .cases_list .item .content_wrap .content{font-size: 16px;}
	.case_board_list .cases_list .item{gap: 100px;}
}

@media screen and (max-width: 1060px){
     /* intro */
    .intro .cont ul li {max-height: 677px; height: 63.87vw;}

    /* roadmap */
    .hero_roadmap .roadmap_inner .cont_tit {font-size: 32px; letter-spacing: -1.6px; margin-bottom: 50px;}
    .hero_roadmap .maps-content {flex-direction: column; align-items: start;padding: 0 20px; width: calc(100% - 40px); box-sizing: initial;}
    .hero_roadmap .maps-content .map-image {width: 100%;}

    /* visit */
    /* .counsel-form-wrap {float: none; width: auto;}
    .counsel-form-wrap .tip{width: 90%;margin: 0 auto;}
    .counsel-form{float: none;width: 90%; box-sizing: border-box; margin: 0 auto; background-size: 100% 100%; padding: 0;}
    .counsel-calendar {float: none;width: 90%;margin: 0 auto 20px;text-align: center;} */

    /* view jaemok */
    .jaemok_wrap h4{font-size: 29px;}
    .jaemok_wrap h1{font-size: 35px;}
    .jaemok_wrap #date{font-size: 20px;}

    /* counselling */
    /* .cs_board_list .board-counsel .board_list_inner {width: 100%;}
    .cs_board_list .board-counsel .board_list_inner form{margin-bottom: 50px;}
    .cs_board_list .counsel-board, .cs_board_list .write_btn{width: 90%; margin: 0 auto;}
    .cs_board_list .counsel-board-list {margin-top: 10px;}
    .cs_board_list .counsel-board-list > li{position: relative; display: block; padding-left: 20px; box-sizing: border-box; overflow: hidden;}
    .cs_board_list .counsel-board-list > li:first-child {display: none;}
    .cs_board_list .counsel-board-list>li>div:nth-child(1) {display: none;}
    .cs_board_list .counsel-board-list>li>div:nth-child(2) {float: left; width: calc(100% - 100px); margin-bottom: 10px;}
    .cs_board_list .counsel-board-list>li>div:nth-child(3) {float: left; width: auto; clear: left;}
    .cs_board_list .counsel-board-list>li>div:nth-child(4) {float: left;}
    .cs_board_list .counsel-board-list>li>div:nth-child(5) {position: absolute; right: 20px; top: 28px; width: auto;}
    .cs_board_list .counsel-board-list .writer {position: relative; line-height: 1.76em; font-size: 14px; margin-right: 15px;}
    .cs_board_list .counsel-board-list .writer::after {content: ""; position: absolute; width: 1px; height: 15px; top: 5px; right: -10px; background-color: #ccc;}
    .cs_board_list .counsel-board-list .date {font-size: 14px; line-height: 1.76em;}
    .cs_board_list .write_btn button {width: 120px; text-align: center; margin-bottom: 20px;}
    .cs_board_list .mobile-only {display: block;}
    .cs_board_list .pc-only {display: none;}

    .cs_write .cs_write_inner{width:auto;margin-left:3.90625%;margin-right:3.90625%}
    .cs_write{padding:30px 0 60px}
    .cs_write .oq-info .oqi-label{width:70px;font-size:12px}
    .cs_write .oq-info .oqi-field{width:230px;font-size:1px;margin-left:25px;margin-right:0}
    .cs_write input[type=password].oq-field,input[type=text].oq-field{height:32px;box-sizing:border-box}
    #oq-pass{width:100%}#oq-email1,#oq-email2,#oq-tel1,#oq-tel2,.oqi-field select{width:30%}
    .cs_write .oq-info .oqi-field, .cs_write .oq-info .oqi-label{vertical-align:middle}#oq-name{width:100%}#email_auto{font-size:10px;color:#6b6b6b}
    .cs_write input[type=password].oq-field,input[type=text].oq-field,input[type=text].oq-field-tit textarea.oq-field-msg{-webkit-box-sizing:border-box;box-sizing:border-box;width:100%}
    .cs_write .btn-emp{width:120px;height:35px;-webkit-transition:.5s;transition:.5s;outline:0;cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none;border-radius:0;color:#333;background:0 0;border:2px solid #333;font-size:14px;letter-spacing:-.03em}

    .cs_board_view .board-counsel .container2 {width: 100%;}
    .cs_board_view .list_btn{margin: 35px auto 0;}
    .cs_board_view .list_btn.board_list_button {float: none;}
    .cs_board_view .counsel-board-view .buttons {border-top: 1px solid #000; padding-top: 10px; margin-top: 25px;}
    .cs_board_view .counsel-board-view .media_inner{padding: 0; border-bottom: 0;}
    .cs_board_view .counsel-board-view .edit-delete-buttons a{width: 100px;margin-top: 15px;}
    .cs_board_view .counsel-board-view .edit-delete-buttons a:first-child{float: left;} */

    /* board view right */
    #board_view_right{width: fit-content;margin: 100px auto 0;float: none;}

    /* board view right : 유사건으로 상담 필요시 박스 */
    .phone-counsel-request .phone-input input{width: 100%;}
    .phone-counsel-request {float: none; margin: 25px auto 20px; box-sizing: border-box; width: auto;}

    /* case view */
    .case_board_view .cases-inner, .case_board_view .jaemok_wrap h4, .case_board_view .jaemok_wrap h1, .case_board_view .jaemok_wrap #date{width: 90%;margin-left: auto;margin-right: auto;}
    .case_board_view #inst_view_wrap{width: 100%; display: block; margin: 0 auto;padding: 0;}
    .case_board_view #inst_view_side{display: block; width: 50%;margin: 0 auto;}
    .case_board_view #case_image{margin: 0 auto;}
    .case_board_view #case_image img{width: 100%;}
    .case_board_view .cases-laywer, .case_board_view .cases-laywer .person{width: 100%;}
    .case_board_view .inst_data h1{text-align: center;margin-top: 50px;}
    .case_board_view .list_btn{margin: 80px auto 130px;}

    /* case list */
    .case_board_list .cases_list > li a {flex-direction: column; gap: 0;}
    .case_board_list .cases_list .item .content_wrap, .case_board_list .cases_list .item .lawyer_wrap {width: 100%;}
    .case_board_list .cases_list .item .lawyer_wrap {align-items: start; padding-right: 0;}
    .case_board_list .cases_list .item .lawyer_wrap ul {order: 2;}
    .case_board_list .cases_list .item .lawyer_wrap .fake_btn {order: 1; margin: 0 0 27px 0;}

    /* column list */
    .column_board_list .client-story .sub-heading{padding: 0 20px;}
    .column_board_list .article-list-default li {width: calc((100% - 17px) / 2);}
    .column_board_list .client-story .image .thumbnail {height: 31.89vw;}

    /* column view */
    .column_board_view .cases-inner, .column_board_view .jaemok_wrap h4, .column_board_view .jaemok_wrap h1, .column_board_view .jaemok_wrap #date{width: 90%;margin-left: auto;margin-right: auto;}
    .column_board_view .counsel-board-view{width: 100%;float: none;padding-right: 0;}
    .column_board_view .counsel-board-view .media_inner .inner{padding: 0;width: 90%;}
    .column_board_view .counsel-board-view .media_inner{padding: 0;}
    .column_board_view .list_btn{margin: 65px auto 0;}

    /* story and news list */
    /* .story_board_list .client-story .sub-heading{padding: 0 20px;} */

    /* story and news view */
    /* .story_board_view .cases-inner,.jaemok_wrap h4,.jaemok_wrap h1,.jaemok_wrap #date{width: 90%;margin-left: auto;margin-right: auto;}
    .story_board_view .counsel-board-view{width: 100%;float: none;padding-right: 0;}
    .story_board_view .counsel-board-view .media_inner .inner{padding: 0;width: 90%;}
    .story_board_view .counsel-board-view .media_inner{padding: 0;}
    .story_board_view .list_btn{margin: 65px auto 0;} */
}

@media (max-width: 1000px) {
     /* intro detail */
    .intro_detail .top_banner .name_box .position_name {font-size: 30px;}
    .intro_detail .top_banner .name_box .en_name {font-size: 30px;}
    .intro_detail .top_banner .btn_wrap {font-size: 15px; bottom: 58px;}
    .intro_detail .container {flex-direction: column; gap: 0;}
    .intro_detail .container .section {width: 100%;}
}

@media screen and (max-width: 768px){
    /* hero_intro */
    .hero_intro .ph_rep .ph_rep_txt {padding: 0 20px;}

    /* view jaemok */
    .jaemok_wrap h4{font-size: 26px;}
    .jaemok_wrap h1{font-size: 30px;}

     /* counselling */
    /* .cs_board_list .board-counsel .sub-heading{margin-bottom: 70px;font-size: 20px;line-height: 30px;}
    .cs_board_list .bbs_searchbox{width: 490px;}
    .cs_board_list .bbs_searchbox .consult_input{font-size: 23px;width: 420px;height: 63px;}
    .cs_board_view .board-counsel .sub-heading{margin-bottom: 70px;font-size: 20px;line-height: 30px;}
    .cs_board_view .jaemok_wrap .sub-heading{font-size: 20px;line-height: 30px;margin-top: 20px;} */

    /* board list search box (not consult) */
    .cases-cases-search{width: 490px;}
    .cases-cases-search input[type="text"]{font-size: 23px;width: 420px;height: 63px;}

    /* sub main tag */
    .main-tags .container .tags-list li a{font-size: 19px;padding: 0 2px;}
    .main-tags .container{width: 545px;}

    /* board view right */
    #board_view_right{float: none;}

    /* column list */
    .column_board_list .client-story .sub-heading{margin-bottom: 70px; font-size: 20px; line-height: 30px;}
    .column_board_list .article-list-default {margin: 60px auto 0;}

    /* column view */
    .column_board_view .board_view_inner .sub-heading{font-size: 20px;line-height: 30px;margin-top: 20px;}
    .column_board_view .counsel-board-view{width: auto; float: none;}

     /* story and news list */
    /* .story_board_list .client-story .sub-heading{margin-bottom: 70px; font-size: 20px; line-height: 30px;} */

    /* story and news view */
    /* .story_board_view .board_view_inner .sub-heading{font-size: 20px;line-height: 30px;margin-top: 20px;}
    .story_board_view .counsel-board-view{width: auto; float: none;} */
}

@media screen and (max-width: 625px){
    /* counselling */
    /* .cs_board_list .bbs_searchbox{width: 70%;}
    .cs_board_list .bbs_searchbox .consult_input{height: 45px; font-size: 18px; width: calc(100% - 55px);}
    .cs_board_list .bbs_searchbox .consult_input_img{-webkit-background-size: 100% 100%; background-size: 100% 100%; width: 23px; height: 23px; right: 16px;}
    .cs_board_list .board-counsel .sub-heading{margin-bottom: 50px;}
    .cs_board_list .board-counsel .board_list_inner form{margin-bottom: 40px;}

    .cs_board_view .board-counsel .sub-heading{margin-bottom: 50px;}
    .cs_board_view .board-counsel .container form{margin-bottom: 40px;}
    .cs_board_view .cases-inner, .cs_board_view .jaemok_wrap h4, .cs_board_view  .jaemok_wrap h1, .cs_board_view  .jaemok_wrap #date{width: 90%;} */

    /* sub main tag */
    .main-tags .container{width: 90%;}
    .main-tags .container .tags-list li a{font-size: 15px; padding: 0 1px;}

    /* board list search box (not consult) */
    .cases-successful-cases{padding-bottom: 10px;}
    .cases-cases-search{width: 90%;}
    .cases-cases-search input[type="text"]{height: 45px; font-size: 18px; width: calc(100% - 55px);}
    .cases-cases-search .search-button{-webkit-background-size: 100% 100%; background-size: 100% 100%; width: 23px; height: 23px; right: 16px;}

    /* case view */
    .case_board_view .cases-inner, .case_board_view .jaemok_wrap h4, .case_board_view .jaemok_wrap h1, .case_board_view .jaemok_wrap #date{width: 90%;}
	.case_board_view #inst_view_side{width: 80%;}

    /* column list */
    .column_board_list .article-list-default {margin: 35px auto 0;}

    /* column view */
    .column_board_view .cases-inner, .column_board_view .jaemok_wrap h4 .column_board_view, .jaemok_wrap h1, .column_board_view .jaemok_wrap #date{width: 90%;}

    /* story and news view */
    /* .story_board_view .cases-inner, .story_board_view .jaemok_wrap h4, .story_board_view .jaemok_wrap h1, .story_board_view .jaemok_wrap #date{width: 90%;} */
}

@media screen and (max-width: 576px){
    /* hero_intro */
    .hero_intro {padding: 187px 0 0;}
    .hero_intro:before {top: 70px; height: calc(100% - 70px); background-image: url('/img/intro/intro_top_bg_mo.png');}
    .hero_intro .intro_inner .con_tit_bg {top: -115px; font-size: 45px; font-style: normal;}
    .hero_intro .intro_inner .cont_tit {font-size: 32px; letter-spacing: -1.6px; margin-bottom: 101px;}

    .hero_intro .intro_tit {width: 48.75vw; font-size: 20px; letter-spacing: 1px;}
    .hero_intro .intro_tit_line {margin-top: 13px;}
    .hero_intro .container {width: 100%; margin-top: 47px; margin-bottom: 10px;}
    .hero_intro .intro_about_txt h3 {font-size: 22px; line-height: 36px; letter-spacing: -1.1px; padding: 0 20px; margin-bottom: 22px; word-break: keep-all;}
    .hero_intro .intro_about_txt p {font-size: 15px; letter-spacing: -0.75px; padding: 0 20px;}
    .hero_intro .intro_about_img {margin: 0; padding: 0 0 46px; }

    .hero_intro .intro_ph {padding: 79px 0 111px;}
    .hero_intro .intro_wrapper {padding-top: 50px; overflow-x: hidden;}
    .hero_intro .ph_tit {font-size: 22px; line-height: 36px; letter-spacing: -1.1px; margin-bottom: 22px;}
    .hero_intro .ph_img_box {width: calc(100% - 40px); background-image: url('/img/intro/ph_top_img_mo.jpg'); margin: 0 20px 22px 20px;}
    .hero_intro .ph_img_box span {top: auto; right: auto; left: 50%; bottom: 41px; transform: translateX(-50%); width: inherit; font-size: 18px; line-height: 29px; letter-spacing: -0.9px;}
    .hero_intro .ph_list {flex-wrap: wrap; gap: 10px; flex-direction: column; padding: 0 20px;}
    .hero_intro .ph_list li {min-height: 178px; padding: 20px;}
    .hero_intro .ph_list .ph_list_tit {font-size: 20px; letter-spacing: -1px; margin-bottom: 5px;}
    .hero_intro .ph_list .ph_list_con {font-size: 15px; letter-spacing: -0.75px;}
    .hero_intro .ph_list .ph_list_img {width: 37px; height: 37px; left: auto; right: 20px; bottom: 20px;}

    .hero_intro .ph_rep {padding: 102px 0 0;}
    .hero_intro .ph_rep li {flex-wrap: wrap; flex-direction: column; margin-bottom: 60px;}
    .hero_intro .ph_rep .ph_rep_txt {order: 1; padding: 0 20px;}
    .hero_intro .ph_rep .rep_tit {font-size: 30px; margin-bottom: 7px;}
    .hero_intro .ph_rep .rep_tit span {font-size: 30px; margin-right: 22px;}
    .hero_intro .ph_rep .rep_tit span:after {left: 8px; width: 36px; height: 36px;}
    .hero_intro .ph_rep .ph_rep_img {order: 2;}
    .hero_intro .ph_rep .rep_con {font-size: 18px; line-height: 28px; margin-bottom: 18px;}

    /* intro */
    .intro {padding: 187px 0 115px;}
    .intro:before {top: 70px; height: calc(100% - 70px); background-image: url('/img/intro/intro_top_bg_mo.png');}
    .intro .intro_inner .con_tit_bg {top: -115px; font-size: 36px; letter-spacing: 3.96px;}
    .intro .intro_inner .cont_tit {font-size: 32px; letter-spacing: -1.6px; margin-bottom: 50px;}
    .intro .cont {padding: 0 20px;}
    .intro .cont ul li {height: 58.50vw;}
    .intro .cont ul li .txt {height: 45px; padding: 0 15px;}
    .intro .cont ul li .txt .name {font-size: 20px; letter-spacing: -1px;}
    .intro .cont ul li .txt .name span {font-size: 15px; letter-spacing: -0.75px;}

     /* intro detail */
    .intro_detail .top_banner {height: 446px; background-image: url('/img/intro_detail_bg_mo.png');}
    .intro_detail .top_banner .name_box {display: block; left: 21px; bottom: 28px;}
    .intro_detail .top_banner .name_box .position_name {position: relative; display: inline-block; font-size: 18px; letter-spacing: -0.9px;}
    .intro_detail .top_banner .name_box .position_name:before {content: ''; position: absolute; top: 50%; right: 0; transform: translateY(-50%); width: 42px; height: 15px; background: #C2C2C2; filter: blur(10.75px); z-index: -1;}
    .intro_detail .top_banner .name_box .en_name {font-size: 16px; letter-spacing: 1.92px; margin-top: 10px;}
    .intro_detail .top_banner .bg_logo {top: 38.50vw; right: 8.25vw; width: 24.25vw; height: 23vw;}
    .intro_detail .top_banner .img img {top: 123px; margin-left: -1px; width: 304px;}
    .intro_detail .top_banner .btn_wrap {right: 14px; bottom: 27px;}
    .intro_detail .top_banner .btn_wrap .btn_prev, .intro_detail .top_banner .btn_wrap .btn_next {width: 29px; height: 28px; margin: 0 9px;}

    .intro_detail .container {padding: 67px 20px 84px;}
    .intro_detail .container .section {margin-bottom: 30px;}
    .intro_detail .section-title {font-size: 20px; letter-spacing: -1px; margin-bottom: 3px;}
    .intro_detail .section-content p {font-size: 14px; line-height: 168%; letter-spacing: -0.7px; padding-left: 5px;}
    .intro_detail .section-content p:before {top: 12px;}
    .intro_detail .section-content p br {display: none;}

     /* roadmap */
    .hero_roadmap {padding: 187px 0 100px;}
    .hero_roadmap:before {top: 70px; height: calc(100% - 70px); background-image: url('/img/intro/intro_top_bg_mo.png');}
    .hero_roadmap .roadmap_inner .con_tit_bg {top: -115px; font-size: 45px; font-style: normal;}
    .maps-menu li {width: 50%;}
    .maps-menu li a {font-size: 14px;}

     /* visit */
    /* .visit {padding: 187px 0 200px;}
    .visit:before {top: 70px; background-image: url('/img/intro/intro_top_bg_mo.png');}
    .visit-counsel .con_tit_bg {top: -115px; font-size: 45px; font-style: normal;}
    .visit-counsel .cont_tit {font-size: 32px; letter-spacing: -1.6px; line-height: normal; margin-bottom: 20px;}
    .visit-counsel .sub-heading{font-size: 15px; line-height: 25px; margin-bottom: 50px;}
    .counsel-article-last-line {flex-direction: column; gap: 25px;} */

    /* sub common pagin */
    .pagin ul a{font-size: 18px;}

    /* view jaemok */
    .jaemok_wrap h1{font-size: 26px;}
    .board_view_inner table{width: 100% !important;}

     /* counselling */
    /* .cs_board_list {padding: 187px 0 0;}
    .cs_board_list:before {top: 70px; height: calc(100% - 70px); background-image: url('/img/intro/intro_top_bg_mo.png');}
    .cs_board_list .board_list_wrap .con_tit_bg {top: -115px; font-size: 45px; font-style: normal;}
    .cs_board_list .cont_tit {font-size: 32px; letter-spacing: -1.6px; line-height: normal; margin-bottom: 20px;}
    .cs_board_list .board-counsel .sub-heading {font-size: 15px; line-height: 25px; margin: 0 20px 50px 20px;}
    .cs_board_list .counsel-board-list>li{font-size: 17px;}
    .cs_board_view, .secret-view-wrap {padding: 187px 0;}
    .cs_board_view .board-counsel .container2 {padding-bottom: 0;}
    .cs_board_view:before, .secret-view-wrap:before {top: 70px; height: calc(100% - 70px); background-image: url('/img/intro/intro_top_bg_mo.png');}
    .cs_board_view .cs_board_view_inner .board_list_wrap .con_tit_bg {top: -115px; font-size: 45px; font-style: normal;}
    .cs_board_view .cs_board_view_inner .con_tit_bg {top: -115px; font-size: 45px; font-style: normal;}
    .cs_board_view .cs_board_view_inner .cont_tit {font-size: 32px; letter-spacing: -1.6px; line-height: normal; margin-bottom: 20px;}
    .cs_board_view .cs_board_view_inner .board-counsel .sub-heading {font-size: 15px; line-height: 25px;}
    .secret-view-box {width: calc(100% - 40px); padding: 50px 20px; margin: 0 20px;}
    .cs_board_view .board-counsel .container {padding-top: 85px;} */

    /* case list */
    .case_board_list {padding: 187px 0 0;}
    .case_board_list:before {top: 70px; height: calc(100% - 70px); background-image: url('/img/intro/intro_top_bg_mo.png');}
    .case_board_list .board_list_inner .con_tit_bg {top: -115px; font-size: 45px; font-style: normal;}
    .case_board_list .board_list_inner .cont_tit {font-size: 32px; letter-spacing: -1.6px; margin-bottom: 50px;}
    .case_board_list .repre_cases{margin-top: 60px;}
	.case_board_list .repre_cases .tit {font-size: 17px; border-bottom: 4px solid var(--main-color);}
	.case_board_list .repre_cases .slide_container{margin-top: 31px;}
	.case_board_list .repre_cases .slide_container .item {width: 114px; height: 151px;}
	.case_board_list .repre_cases .slide_container .item .txt{padding-bottom: 0;}
	.case_board_list .repre_cases .slide_container .swiper-slide{padding: 0 calc(11px / 2);}
	.case_board_list .repre_cases .slide_container .swiper-slide:nth-child(2n){margin-top: 38px;}
    .case_board_list .cases_box {margin-top: 78px; margin-bottom: 155px;}
    .case_board_list .cases_list > li a {padding: 33px 0 16px;}
    .case_board_list .cases_list .item .content_wrap .title {font-size: 20px; letter-spacing: -1px;}
    .case_board_list .cases_list .item .content_wrap .content {font-size: 16px; line-height: 139.336%; letter-spacing: -0.8px; margin-top: 14px;}
    .case_board_list .cases_list .item .lawyer_wrap {margin-top: 16px;}
    .case_board_list .cases_list .item .lawyer_wrap ul {gap: 8px;}
    .case_board_list .cases_list .item .lawyer_wrap .lawyer .img {width: 55px; height: 55px; margin-bottom: 0;}
    .case_board_list .cases_list .item .lawyer_wrap .lawyer .name {font-size: 13px; line-height: 26.4px;}

    /* case view */
    .case_board_view {padding: 187px 0 0;}
    .case_board_view:before {top: 70px; height: calc(100% - 70px); background-image: url('/img/intro/intro_top_bg_mo.png');}
    .case_board_view .board_view_inner .con_tit_bg {top: -115px; font-size: 45px; font-style: normal;}
    .case_board_view .board_view_inner .cont_tit {font-size: 32px; letter-spacing: -1.6px; margin-bottom: 50px;}

    /* column list */
    .column_board_list {padding: 187px 0 0;}
    .column_board_list:before {top: 70px; height: calc(100% - 70px); background-image: url('/img/intro/intro_top_bg_mo.png');}
    .column_board_list .board_list_inner .con_tit_bg {top: -115px; font-size: 45px; font-style: normal;}
    .column_board_list .board_list_inner .cont_tit {font-size: 32px; letter-spacing: -1.6px; line-height: normal; margin-bottom: 20px;}
    .column_board_list .client-story .sub-heading{font-size: 15px; line-height: 25px; margin-bottom: 50px;}
    .column_board_list .article-list-default li {width: 100%;}
    .column_board_list .client-story .image .thumbnail {height: 62.67vw;}

    /* column view */
    .column_board_view {padding: 187px 0 0;}
    .column_board_view:before {top: 70px; height: calc(100% - 70px); background-image: url('/img/intro/intro_top_bg_mo.png');}
    .column_board_view .board_view_inner .con_tit_bg {top: -115px; font-size: 45px; font-style: normal;}
    .column_board_view .board_view_inner .cont_tit {font-size: 32px; letter-spacing: -1.6px; line-height: normal; margin-bottom: 20px;}
    .column_board_view .board_view_inner .sub-heading{font-size: 15px; line-height: 25px; margin-bottom: 50px;}

    /* story and news list */
    /* .story_board_list {min-height: auto; padding: 187px 0 0;}
    .story_board_list:before {top: 70px; height: calc(100% - 70px); background-image: url('/img/intro/intro_top_bg_mo.png');}
    .story_board_list .board_list_inner .con_tit_bg {top: -115px; font-size: 45px; font-style: normal;}
    .story_board_list .board_list_inner .cont_tit {font-size: 32px; letter-spacing: -1.6px; line-height: normal; margin-bottom: 20px;}
    .story_board_list .client-story .sub-heading{font-size: 15px; line-height: 25px; margin-bottom: 50px;}
    .story_board_list .article-list-default li .title {padding: 20px 0;}
    .story_board_list .article-list-default li .title span.mark {font-size: 17px; margin-right: 6px;}
    .story_board_list .article-list-default li .title span.txt {font-size: 17px; letter-spacing: -0.85px;}
    .story_board_list .article-list-default li .title button.btn {width: 35px; height: 35px; background-size: 16.5px 9px;}
    .story_board_list .article-list-default li .content {font-size: 16px; line-height: 156.5%; letter-spacing: -0.8px;}
    .story_board_list .article-list-default li .content .inner {padding: 0 0 20px;} */

    /* story and news view */
    /* .story_board_view {padding: 187px 0 0;}
    .story_board_view:before {top: 70px; height: calc(100% - 70px); background-image: url('/img/intro/intro_top_bg_mo.png');}
    .story_board_view .board_view_inner .con_tit_bg {top: -115px; font-size: 45px; font-style: normal;}
    .story_board_view .board_view_inner .cont_tit {font-size: 32px; letter-spacing: -1.6px; line-height: normal; margin-bottom: 20px;}
    .story_board_view .board_view_inner .sub-heading{font-size: 15px; line-height: 25px; margin-bottom: 50px;} */
}

@media screen and (max-width: 500px){
    /* counselling */
    /* .cs_board_list .bbs_searchbox{width: 90%;} */
}

@media screen and (max-width: 410px){
    /* case view */
    .case_board_view #case_image, .case_board_view #case_image img{width: 100%;}
}

@media screen and (max-width: 400px){
    .intro .cont ul li .txt .name {font-size: 5vw;}
    .intro .cont ul li .txt .name span {font-size: 3.75vw;}

    /* intro detail */
    .intro_detail .top_banner {height: 111.5vw;}
    .intro_detail .top_banner .img img {top: 30.75vw; margin-left: -0.25vw; width: 76.00vw;}
}