@charset "utf-8";

@import url("base.css");

:root{
	--main-color : #9A161F;
	--sub-color: #DBBB8F;
    --sub-color2 : #E3C39D;
    --sub-color3 : #F4EFEA;
	--black : #000;
	--black2 : #2A2A2A;
	--black3 : #121315;
	--black4 : #191919;
	--white : #fff;
}

/* common */
html {scroll-behavior: smooth;}
body{font-family: 'Pretendard', 'sans-serif'; color: var(--black); line-height: normal;}
::selection {color: var(--white); background-color: var(--main-color);}
.clear:after {content: ""; visibility: hidden; display: block; height: 0; font-size: 0; clear: both;}
.pc_block {display: block;}
.mo_block {display: none;}

/* header */
.header_pc, .header_mo {color: var(--white); overflow-y: auto; -ms-overflow-style: none;}
.header_pc::-webkit-scrollbar, .header_mo::-webkit-scrollbar {display: none;}

.header_pc {position: fixed; top: 0; left: 0; width: 100%; height: 100px; z-index: 9; border-bottom: 1px solid var(--white); background: rgba(0, 0, 0, 0.05); backdrop-filter: blur(0px);}
.header_pc.scroll {background: rgba(0, 0, 0, 0.15); backdrop-filter: blur(7.099999904632568px);}
.header_pc .inner {display: flex; justify-content: space-between; align-items: center; max-width: 1560px; width: 100%; height: 100%; padding: 0 20px; margin: 0 auto; box-sizing: border-box;}
.header_pc .logo {display: inline-flex; max-width: 196px;}
.header_pc .logo img {width: 100%;}
.header_pc .right_area {display: flex; align-items: center; max-width: 1045px; width: 100%;}
.header_pc .menu_list {display: flex; max-width: 871px; width: 100%;}
.header_pc .menu_list li {flex: 1;}
.header_pc .menu_list li a {display: inline-block; width: 100%; color: var(--white); text-align: center; font-size: 18px; font-weight: 500; letter-spacing: -0.9px; text-decoration: none;}
.header_pc .menu_list li.active a {color: var(--sub-color); font-weight: 800;}
.header_pc .click_to_call {display: flex; justify-content: center; align-items: center; flex-shrink: 0; width: 174px; height: 45px; color: var(--white); text-align: center; font-size: 22px; font-weight: 700; letter-spacing: -0.42px; border-radius: 100px; background: var(--black); text-decoration: none;
}

.header_mo {position: fixed; top: 0; right: 0; width: 66px; z-index: 9; color: var(--white);}
.header_mo .logo {z-index: 9; position: fixed; top: 24px; left: 20px; width: 196px;}
.header_mo .logo img {width: 100%;}
.header_mo .click_to_call {display: flex; justify-content: center; align-items: center; flex-shrink: 0; width: 174px; height: 45px; color: var(--white); text-align: center; font-size: 22px; font-weight: 700; letter-spacing: -0.42px; border-radius: 100px; background: var(--black); text-decoration: none;
}
.header_mo .btn_wrap {position: fixed; top: 24px; right: 64px;}
.header_mo input#mo_menu {display: none;}
.header_mo .desktop_menu label[for=mo_menu]{position: fixed; right: 20px; top: 35.5px; width: 29px; height: 22px; z-index: 9; cursor: pointer;}
.header_mo .desktop_menu label[for=mo_menu] span{display: block; clear: both; width: 100%; height: 2px; margin-bottom: 8px; background: var(--white); transition:0.5s;}
.white + .header_pc + .header_mo .desktop_menu label[for=mo_menu] span {background: var(--white);}
.header_mo .desktop_menu label[for=mo_menu] span:last-child {margin-bottom: 0;}
.header_mo .desktop_menu input#mo_menu {display: none;}
.header_mo .desktop_menu input#mo_menu:checked + label > span{transition:0.5s;}
.header_mo .desktop_menu input#mo_menu:checked + label > span:nth-child(1) {margin-top: 10px;margin-left: 2px;width: 20px;transform: rotate(45deg);}
.header_mo .desktop_menu input#mo_menu:checked + label > span:nth-child(2) {margin-top: -10px;margin-left: 2px;width: 20px;transform: rotate(-45deg);}
.header_mo .desktop_menu input#mo_menu:checked + label > span:nth-child(3) {opacity: 0;}
.header_mo .desktop_menu input#mo_menu:checked + label > span:nth-child(1), .header_mo .desktop_menu input#mo_menu:checked + label > span:nth-child(2) {background: var(--white);}
.header_mo .desktop_menu .menu_container {z-index: 8; position: fixed; top: 0;bottom: 0; right: -100%; max-width: 400px; width: 100%; height: 100%; padding: 109px 20px 0 26px; box-sizing: border-box; background: rgba(37, 37, 37, 0.70); backdrop-filter: blur(4.849999904632568px); transition:0.8s; overflow: auto;}
.header_mo .desktop_menu input#mo_menu:checked ~ .menu_container {right: 0;transition:0.5s;}
.header_mo .menu_list {display: flex; flex-direction: column; gap: 48px;}
.header_mo .menu_list li a {color: var(--white); font-size: 20px; font-weight: 700; line-height: 30px; letter-spacing: -0.2px; text-decoration: none;}
.header_mo .menu_list li.active a {color: var(--sub-color);} 

/* footer */
.fix_btn {z-index: 7; position: fixed; right: 24px; bottom: 0; width: 56px; height: 56px; padding: 0; border: none; background-color: transparent; cursor: pointer;}
.fix_btn img {width: 100%;}
.fix_btn.fix_call_btn {bottom: 104px; box-shadow: 5px 10px 20px 0px rgba(0, 0, 0, 0.10); border-radius: 100%;}
.fix_btn.fix_up_btn {bottom: 184px;}

footer {color: var(--white); padding: 80px 0 54px; background: #050505;}
footer .inner {max-width: 1560px; width: 100%; padding: 0 20px; margin: 0 auto; box-sizing: border-box;}
footer .top_area {display: flex; justify-content: space-between; align-items: center; padding-bottom: 23px; border-bottom: 1px solid #373737;}
footer .top_area .slogan {font-size: 40px; font-weight: 700; line-height: 50px; letter-spacing: -2px;}
footer .top_area .slogan span {color: var(--sub-color2);}
footer .btm_area {display: flex; justify-content: space-between; padding-top: 26px;}
footer .btm_area .popups {z-index: 1; margin-bottom: 19px;}
footer .btm_area .popups ul {display: flex; gap: 32px; font-size: 15px; font-weight: 600; line-height: normal;}
footer .btm_area .popups ul li {position: relative; cursor: pointer;}
footer .btm_area .popups ul li:after {content: ''; position: absolute; top: 0; right: -16px; width: 1px; height: 100%; background-color: var(--white);}
footer .btm_area .popups ul li:last-child:after {content: none;}
footer .btm_area .info {display: flex; gap: 30px; font-size: 16px; font-weight: 300; line-height: 30px; letter-spacing: -0.8px;}
footer .btm_area .info dl {display: flex; gap: 5px;}
footer .btm_area .info dt {font-weight: 700;}
footer .btm_area .right_area {display: flex; gap: 12px;}
footer .link_ico img {width: 39px;}
footer .go_to_consult {display: flex; justify-content: center; align-items: center; gap: 4px; width: 171px; height: 39px; color: var(--sub-color3); font-size: 18px; font-weight: 600; line-height: 140%; letter-spacing: -0.9px; text-decoration: none; border-radius: 50px; border: 1px solid #fff;}
footer .go_to_site {position: relative; display: flex; justify-content: center; align-items: center; gap: 4px; width: 237px; height: 39px; color: var(--sub-color3); font-size: 18px; font-weight: 600; line-height: 140%; letter-spacing: -0.9px; border-radius: 50px; background: #424242; cursor: pointer;}
footer .go_to_site .ico {width: 24px; height: 24px; background-image: url('/img/ft_plus_ico.svg'); background-repeat: no-repeat; background-size: contain; background-position: center; transition: all 0.3s;}
footer .go_to_site.active .ico {transform: rotate(45deg);}
footer .go_to_site .site_list_wrap {display: none; position: absolute; left: 0; bottom: 56px; width: 100%; transition: all 0.3s; z-index: 8;}
footer .go_to_site .site_list_wrap ul {display: flex; flex-direction: column; gap: 0; width: 100%; color: #FFF; font-size: 16px; font-weight: 400; letter-spacing: -0.8px; line-height: 45px; padding: 10px 20px; box-sizing: border-box; border-radius: 20px; border: 1px solid #444; background: #181818; filter: drop-shadow(9px 12px 13.4px rgba(0, 0, 0, 0.50)); transition: all 0.3s;}
footer .go_to_site .site_list_wrap ul li + li {margin-top: -8px;}
footer .go_to_site .site_list_wrap ul a {color: #FFF; text-decoration: none;}
footer .copy {color: #737373; font-size: 13px; font-weight: 300; line-height: normal; margin-top: 30px;}

/* 팝업 */
.privacy_black{display: none;position: fixed;left: 0;right: 0;top: 0;bottom: 0;background-color: rgb(0 0 0 / 50%);z-index: 9;}
.privacy_btn{cursor: pointer;font-weight: 400;}

.privacy_popup{display:none; position:fixed; background:white; top: 100px;bottom: 100px; left: 50%;  margin-left: -375px;width: 750px;height: calc(100% - 200px); z-index: 10; box-shadow: 0 0 10px gray; overflow-y: scroll;}	 
.privacy_popup .privacy_heading{margin:20px; border-bottom:1px solid gray; padding:3px;}
.privacy_popup .privacy_heading h3{color: #000;font-size: 20px; font-weight: 400;}
.privacy_popup .privacy_heading h3 .privacy_x{position: absolute;top: 10px;right: 20px;font-size: 30px;}
.privacy_popup .privacy_contents{border-bottom:1px solid gray;text-align:center;}
.privacy_popup .privacy_contents p{padding:0 20px 20px;text-align:left; color: #000;font-weight: 300;}
.privacy_popup .privacy_contents p .privacy_bd{font-weight: 500;}
.privacy_popup .privacy_close2{width:50px; height:25px; text-align:center; line-height:25px; margin: 10px auto; color: #fff;cursor: pointer;}

.disclaimer_popup{display:none; position:fixed; background:white; top: 100px;bottom: 100px; left: 50%;  margin-left: -375px;width: 750px;height: auto; max-height: fit-content; z-index: 10; box-shadow: 0 0 10px gray; overflow-y: scroll;}	 
.disclaimer_popup .privacy_heading{margin:20px; border-bottom:1px solid gray; padding:3px;}
.disclaimer_popup .privacy_heading h3{color: #000;font-size: 20px; font-weight: 400;}
.disclaimer_popup .privacy_heading h3 .disclaimer_x{position: absolute;top: 10px;right: 20px;font-size: 30px;color: #000;}
.disclaimer_popup .privacy_contents{border-bottom:1px solid gray;text-align:center;}
.disclaimer_popup .privacy_contents p{padding:0 20px 20px;text-align:left; color: #000;font-weight: 300;}
.disclaimer_popup .privacy_contents p .privacy_bd{font-weight: 500;color: #000;}
.disclaimer_popup .disclaimer_x{width:50px; height:25px; text-align:center; line-height:25px; margin: 10px auto; color: #fff;cursor: pointer;}

/* 팝업 */
.privacy_black{display: none;position: fixed;left: 0;right: 0;top: 0;bottom: 0;background-color: rgb(0 0 0 / 50%);z-index: 9;}
.privacy_popup{display:none; position:fixed; background:white; top: 100px;bottom: 100px; left: 50%; margin-left: -375px;width: 750px;height: calc(100% - 200px); z-index: 10; box-shadow: 0 0 10px gray; overflow-y: scroll;}	 
.privacy_popup .privacy_heading{margin:20px; border-bottom:1px solid gray; padding:3px;}
.privacy_popup .privacy_heading h3{color: #000;font-size: 20px; font-weight: 400;}
.privacy_popup .privacy_heading h3 .privacy_x{position: absolute;top: 10px;right: 20px;font-size: 30px;}
.privacy_popup .privacy_contents{border-bottom:1px solid gray;text-align:center;}
.privacy_popup .privacy_contents p{padding:0 20px 20px;text-align:left; color: #000;font-weight: 300;}
.privacy_popup .privacy_contents p .privacy_bd{font-weight: 500;}
.privacy_popup .privacy_close2{width:50px; height:25px; text-align:center; line-height:25px; margin: 10px auto; color: var(--white); cursor: pointer;}

.disclaimer_popup{display:none; position:fixed; background:white; top: 100px;bottom: 100px; left: 50%;  margin-left: -375px;width: 750px;height: auto; max-height: fit-content; z-index: 10; box-shadow: 0 0 10px gray; overflow-y: scroll;}	 
.disclaimer_popup .privacy_heading{margin:20px; border-bottom:1px solid gray; padding:3px;}
.disclaimer_popup .privacy_heading h3{color: #000;font-size: 20px; font-weight: 400;}
.disclaimer_popup .privacy_heading h3 .disclaimer_x{position: absolute;top: 10px;right: 20px;font-size: 30px;color: #000;}
.disclaimer_popup .privacy_contents{border-bottom:1px solid gray;text-align:center;}
.disclaimer_popup .privacy_contents p{padding:0 20px 20px;text-align:left; color: #000;font-weight: 300;}
.disclaimer_popup .privacy_contents p .privacy_bd{font-weight: 500;color: #000;}
.disclaimer_popup .disclaimer_x{width:50px; height:25px; text-align:center; line-height:25px; margin: 10px auto; color: var(--white); cursor: pointer;}

/* 메인 팝업 */
.popups {position: relative; z-index: 9999;}
.popups .popupeach {position:absolute; max-width: max-content; background: #fff;}
.popups .popup_img {max-width: 100%; height: auto; display: block;}
.popups .popup_close_wrap {display: flex; align-items: center; gap: 10px; color: #000; font-size: 18px; line-height: 67px; padding: 0 30px; background-color: #ededed;}
.popups .popup_close_wrap .pop_close_button {color: #000; font-size: 23px; font-weight: 700;}
.popups .popup_close_wrap input[type='checkbox'] {width: 35px; height: 35px; margin: 0;}

/* 메인 hero_renew.html */
.main section {width: 100%; height: 100vh; overflow: hidden;}
.main .inner {width: 100%; height: 100%; padding: 0 20px; box-sizing: border-box;}

/* section_visual */
.main .section_visual {word-break: keep-all; overflow: hidden;}
.main .section_visual .visual_swiper {width: 100%; height: 100%;}
.main .section_visual .swiper-wrapper {position: relative; width: 100%; height: 100%;}
.main .section_visual .swiper-slide {position: relative; display: flex; align-items: center; background-repeat: no-repeat; background-position: center; background-size: cover; transition: all 0.3s;}
.main .section_visual .swiper-slide[aria-label="1 / 4"] {background-image: url('/img/renew/visual_img_01.png');}
@supports (background-image: url("/img/renew/visual_img_01.webp")) {
    .main .section_visual .swiper-slide[aria-label="1 / 4"] {
        background-image: url("/img/renew/visual_img_01.webp");
    }
}
.main .section_visual .swiper-slide[aria-label="2 / 4"] {background-image: url('/img/renew/visual_img_02.png');}
@supports (background-image: url("/img/renew/visual_img_02.webp")) {
    .main .section_visual .swiper-slide[aria-label="2 / 4"] {
        background-image: url("/img/renew/visual_img_02.webp");
    }
}
.main .section_visual .swiper-slide[aria-label="3 / 4"] {background-image: url('/img/renew/visual_img_03.png');}
@supports (background-image: url("/img/renew/visual_img_03.webp")) {
    .main .section_visual .swiper-slide[aria-label="3 / 4"] {
        background-image: url("/img/renew/visual_img_03.webp");
    }
}
.main .section_visual .swiper-slide[aria-label="4 / 4"] {background-image: url('/img/renew/visual_img_04.png');}
@supports (background-image: url("/img/renew/visual_img_04.webp")) {
    .main .section_visual .swiper-slide[aria-label="4 / 4"] {
        background-image: url("/img/renew/visual_img_04.webp");
    }
} 
.main .section_visual .swiper-slide .txt_wrap {max-width: 1520px; width: 100%; color: var(--white); padding: 56px 20px 0 20px; margin: 0 auto;}
.main .section_visual .swiper-slide .txt_wrap .tit {font-size: 62px; font-weight: 700; line-height: 76px; letter-spacing: -3.1px; margin-bottom: 39px;}
.main .section_visual .swiper-slide .txt_wrap .desc {font-size: 30px; font-weight: 400; line-height: 172%; letter-spacing: -1.5px;}
.main .section_visual .progress_wrap {z-index: 1; position: absolute; bottom: 107px; left: calc(((100vw - 1520px) / 2) - 8px); display: flex; align-items: center;}
.main .section_visual .progress_wrap .progress_bar {position: relative; width: 150px; height: 3px; margin: 0 20px; opacity: 0.6; background: #B8B8B8;}
.main .section_visual .progress_wrap .progress_bar .bar {position: absolute; top: 0; left: 0; width: 0; height: 100%; background-color: var(--white);}
.main .section_visual .progress_wrap .count {display: flex; align-items: center; font-size: 14px; font-weight: 700; line-height: 26px; color: rgba(255, 255, 255, 0.5);}
.main .section_visual .progress_wrap .count p {color: var(--white); font-family: "Noto Sans KR"; font-size: 14px; font-weight: 900;}
.main .section_visual .btn_wrap {display: flex; align-items: center; margin-left: 32px;}
.main .section_visual .btn_wrap button {cursor: pointer;}
.main .section_visual .btn_wrap .prev_btn, .main .section_visual .btn_wrap .next_btn {width: 18px; height: 20px; padding: 0; border: none; background-color: transparent; background-repeat: no-repeat; background-size: 18px 12px; background-position: center;}
.main .section_visual .btn_wrap .prev_btn {background-image: url('/img/renew/visual_prev_btn.svg');}
.main .section_visual .btn_wrap .next_btn {margin-left: 14px; background-image: url('/img/renew/visual_next_btn.svg');}
.main .section_visual .btn_wrap .swiper_btn {display: flex; justify-content: center; align-items: center; width: 34px; height: 34px; padding: 0; margin-left: 32px; border-radius: 34px; background: rgba(23, 23, 23, 0.40); border: none;}
.main .section_visual .btn_wrap .swiper_btn.active .active, .main .section_visual .btn_wrap .swiper_btn .inactive {display: flex;}
.main .section_visual .btn_wrap .swiper_btn .active, .main .section_visual .btn_wrap .swiper_btn.active .inactive {display: none;}
.main .section_visual .scroll_wrap {z-index: 1; position: absolute; bottom: 100px; right: calc(((100vw - 1520px) / 2)); text-decoration: none;}
.main .section_visual .scroll_wrap span {    position: absolute; bottom: 57px; left: 50%; transform: translateX(-50%); color: var(--white); font-family: "Noto Sans KR"; font-size: 14px; font-weight: 900; line-height: 19.6px; text-transform: uppercase;}
.main .section_visual .scroll_wrap:before, .main .section_visual .scroll_wrap:after {content: ''; position: absolute; display: block;}
.main .section_visual .scroll_wrap:before {bottom: 0px; left: 50%; width: 18px; height: 48px; transform: translateX(-50%); background: linear-gradient(rgba(238, 238, 238, 0) 0px, rgba(238, 238, 238, 0.5) 60%, rgb(238, 238, 238) 100%); border-radius: 60px; animation: 1.5s linear 0s infinite normal none running loopCirWrap;}
.main .section_visual .scroll_wrap:after {width: 18px; height: 18px; bottom: 0px; left: 50%; transform: translateX(-50%); opacity: 0.909804; background: rgb(210, 210, 210); border-radius: 100%; animation: 1.5s linear 0s infinite normal none running loopCir;}

@keyframes loopCirWrap {
    0% {opacity: 0.1;}
    20% {opacity: 0.8;}
    60% {opacity: 0.8;}
    80% {opacity: 0;}
    100% {opacity: 0.1;}
}

@keyframes loopCir {
    0% {bottom: 30px; opacity: 0;}
    50% {bottom: 0px; opacity: 1;}
    70% {bottom: 0px; opacity: 0;}
    100% {bottom: 30px; opacity: 0;}
}

/* section self */
.main .section_self {min-height: 1079px; background-color: var(--white); background-image: url("/img/renew/self_bg.jpg"); background-size: cover;}
@supports (background-image: url("/img/renew/self_bg.webp")) {
    .main .section_self {
        background-image: url("/img/renew/self_bg.webp");
    }
}
.main .section_self .inner {display: flex; flex-direction: column; justify-content: end; align-items: center; gap: 27px; margin: 0 auto;}
.main .section_self .txt_wrap {text-align: center; padding-top: 146px;}
.main .section_self .tit {color: var(--black); font-size: 62px; font-weight: 700; line-height: 76px; letter-spacing: -3.1px; margin-bottom: 14px;}
.main .section_self .sub {color: var(--black); font-size: 30px; font-weight: 400; line-height: 172%; letter-spacing: -1.5px;}
.main .section_self .self_diagnosis {position:relative; display: flex; justify-content: center; align-items: center; width: 479px; height: 713px; background-image: url('/img/renew/self_phone_bg.png'); background-repeat: no-repeat; background-size: 100% auto; background-position: top center; overflow: hidden;}
.main .section_self .self_diagnosis .self_cont, .main .section_self .self_diagnosis .card_cont, .main .section_self .self_diagnosis .self_end, .main .section_self .self_diagnosis .self_card, .main .section_self .self_diagnosis .card_inner {width: 100%; height: 100%; box-sizing: border-box;}
.main .section_self .self_diagnosis .self_cont {max-width: 356px; max-height: 564px; margin-top: 10px;}
.main .section_self .self_diagnosis .self_end {display: none; text-align: center; max-width: 340px; max-height: 551px; margin-top: 17px;}
.main .section_self .self_diagnosis .card_cont{display: flex; flex-direction: column;}
.main .section_self .self_diagnosis .card_cont .card_tit {color: var(--white); font-size: 32px; font-weight: 700; line-height: 35px; letter-spacing: -1.6px; text-align: center; margin-bottom: 6px;}
.main .section_self .self_diagnosis .card_cont .card_sub_tit {min-height: 35px; color: var(--white); font-size: 20px; font-weight: 600;line-height: normal; letter-spacing: -1px; text-align: center; margin-bottom: 24px;}
.main .section_self .self_diagnosis .card_cont .item_wrap {display: flex; flex-direction: column; width: 100%; height: 100%; margin: 0 auto;}
.main .section_self .self_diagnosis .card_cont .item {position:relative; vertical-align:middle; box-sizing:border-box;}
.main .section_self .self_diagnosis .card_cont .item + .item {margin-top: 10px;}
.main .section_self .self_diagnosis .card_cont .item label:not(.ico) {display: inline-block; width: 100%; color: var(--white); font-size: 20px; font-weight: 700; line-height: 130%; letter-spacing: -1px; padding: 7px 37px 7px 77px; border-radius: 10px; border: 1px solid var(--white); box-sizing: border-box; cursor: pointer; word-break: keep-all;}
.main .section_self .self_diagnosis .card_cont .item.on label:not(.ico) {color: #272727; background-color: var(--white);}
.main .section_self .self_diagnosis .card_cont .item input {position: absolute; overflow: hidden; display: none;}
.main .section_self .self_diagnosis .card_cont .item .ico {position:absolute; top: 50%; left: 37px; width: 21px; height: 21px; background:url('/img/renew/icon_radio.png'); background-repeat: no-repeat; background-size: contain; background-position: center; transform: translateY(-50%); cursor:pointer;}
.main .section_self .self_diagnosis .card_cont .item.on .ico {background-image: url('/img/renew/icon_radio_on.png');}
.main .section_self .self_diagnosis .card_cont .textarea_tit {color: #363636; font-size: 24px; font-weight: 700; line-height: 35px; letter-spacing: -1.2px; margin-top: 18px; margin-bottom: 4px;}
.main .section_self .self_diagnosis .self_card.card01 .btn_wrap {display: flex; justify-content: space-between; margin-top: auto;}
.main .section_self .self_diagnosis .self_card.card01 .btn_wrap button.start_btn {display: flex; justify-content: center; align-items: center; width: 100%; height: 52px; flex-shrink: 0; color: var(--white); font-size: 22px; font-weight: 700; letter-spacing: -1.1px; border-radius: 15px; background: var(--main-color); border: none; cursor: pointer;}
.main .section_self .self_diagnosis .btn_wrap {display: flex; justify-content: space-between; width: 100%; margin: 0 auto; margin-top: auto;}
.main .section_self .self_diagnosis .btn_wrap button.prev_btn, .main .section_self .self_diagnosis .btn_wrap button.next_btn {display: flex; justify-content: center; align-items: center; width: 118px; height: 44px; gap: 5px; border-radius: 100px; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; font-size: 20px; font-weight: 500; letter-spacing: -1px; line-height: 140%; border: none; cursor: pointer; transition: all 0.3s;}
.main .section_self .self_diagnosis .btn_wrap button.prev_btn:before, .main .section_self .self_diagnosis .btn_wrap button.next_btn:after {content: ''; position: relative; width: 29px; height: 29px; background-repeat: no-repeat; background-size: contain; transition: all 0.3s;}
.main .section_self .self_diagnosis .btn_wrap button.prev_btn {padding-right: 10px; background-color: #292929; color: #515151;}
.main .section_self .self_diagnosis .btn_wrap button.prev_btn:hover, .main .section_self .self_diagnosis .btn_wrap button.prev_btn:focus {color: var(--black2); background-color: var(--sub-color);}
.main .section_self .self_diagnosis .btn_wrap button.prev_btn:before {background-image: url('/img/renew/self_btn_left_gray.svg');}
.main .section_self .self_diagnosis .btn_wrap button.prev_btn:hover:before, main .self .self_diagnosis .btn_wrap button.prev_btn:focus:before {background-image: url('/img/renew/self_btn_left.svg');}
.main .section_self .self_diagnosis .btn_wrap button.next_btn {padding-left: 10px; background-color: var(--sub-color); color: var(--black2);}
.main .section_self .self_diagnosis .btn_wrap button.next_btn:after {background-image: url('/img/renew/self_btn_right.svg');}
.main .section_self .self_diagnosis .self_logo {height: 50px; margin-bottom: 21px;}
.main .section_self .self_diagnosis .card_end {display: flex; flex-direction: column; margin: 0 auto;}
.main .section_self .self_diagnosis .card_end .card_tit {color: var(--white); font-size: 26px; font-weight: 700; line-height: 38px; letter-spacing: -1.3px; margin-bottom: 21px;}
.main .section_self .self_diagnosis .card_end .input_wrap {text-align: left; padding-bottom: 5px; border-bottom: 1px solid #DBDBDB;}
.main .section_self .self_diagnosis .card_end .input_wrap + .input_wrap {margin-top: 20px;}
.main .section_self .self_diagnosis .card_end .input_wrap label {display: block; color: var(--white); font-size: 20px; font-weight: 500; line-height: 140%; letter-spacing: -1px; padding-bottom: 5px;}
.main .section_self .self_diagnosis .card_end .input_wrap input {width: 100%; font-family: 'Pretendard'; color: var(--white); font-size: 20px; font-weight: 300; line-height: 140%; letter-spacing: -1px; padding: 0; background-color: transparent; border: none;}
.main .section_self .self_diagnosis .card_end .input_wrap input::placeholder {color: #515151;}
.main .section_self .self_diagnosis .card_end .input_wrap input::-webkit-input-placeholder {color: #515151;}
.main .section_self .self_diagnosis .card_end .input_wrap input::-ms-input-placeholder {color: #515151;}
.main .section_self .self_diagnosis .card_end .noti {color:  var(--white); text-align: center; font-size: 20px; font-weight: 400; line-height: 29px; letter-spacing: -1px; margin-top: 48px;}
.main .section_self .self_diagnosis .self_end .btn_wrap .btn.submit_btn {display: flex; justify-content: center; align-items: center; width: 100%; height: 52px; color: var(--sub-color3); font-size: 22px; font-weight: 700; line-height: 140%; letter-spacing: -1.1px; border-radius: 15px; background-color: var(--main-color); cursor: pointer;}

/* section intro */
.main .section_intro {position: relative; background: var(--black3);}
.main .section_intro .inner {position: relative; display: flex; height: 900px; padding: 0; overflow: hidden;}
.main .section_intro .box_left {position: relative; z-index: 4; display: flex; justify-content: flex-end;align-items: start; width: 50%;}
.main .section_intro .box_right {position: relative;width: 50%; height: 100%;}
.main .section_intro .tit_set {width: 646px; aspect-ratio: 646/329; background: url('/img/renew/intro_logo_img.png') no-repeat center center;background-size: contain; margin-top: 122px; margin-right: 59px;}
@supports (background-image: url("/img/renew/intro_logo_img.webp")) {
    .main .section_intro .tit_set {
        background-image: url("/img/renew/intro_logo_img.webp");
    }
}  
.main .section_intro .tit_set .blind {overflow: hidden; position: absolute; clip: rect(0, 0, 0, 0); width: 1px; height: 1px; margin: -1px;}
.main .section_intro .box_right .portrait_set {position: relative; display: block; width: 100%; height: 100%; overflow: hidden;}
.main .section_intro .box_right .portrait_set li {position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; opacity: 0; z-index: 2; background: no-repeat center top;background-size: cover; transform: scale(1.2); transform-origin: center center;}
.main .section_intro .box_right .portrait_set li.swiper-slide-prev {z-index: 1;}
.main .section_intro .box_right .portrait_set li.swiper-slide-active {z-index: 3;}
.main .section_intro .box_right .portrait_set li.swiper-slide-next {z-index: 2;}
.main .section_intro .box_right .portrait_set li:nth-child(1) {background-image: url("/img/renew/intro_lawyer_jinu.png");}
@supports (background-image: url("/img/renew/intro_lawyer_jinu.webp")) {
    .main .section_intro .box_right .portrait_set li:nth-child(1) {
        background-image: url("/img/renew/intro_lawyer_jinu.webp");
    }
}  
.main .section_intro .box_right .portrait_set li:nth-child(2) {background-image: url("/img/renew/intro_lawyer_hyungjin.png");}
@supports (background-image: url("/img/renew/intro_lawyer_hyungjin.webp")) {
    .main .section_intro .box_right .portrait_set li:nth-child(2) {
        background-image: url("/img/renew/intro_lawyer_hyungjin.webp");
    }
}  
.main .section_intro .box_right .portrait_set li:nth-child(3) {background-image: url("/img/renew/intro_lawyer_wookjae.png");}
@supports (background-image: url("/img/renew/intro_lawyer_wookjae.webp")) {
    .main .section_intro .box_right .portrait_set li:nth-child(3) {
        background-image: url("/img/renew/intro_lawyer_wookjae.webp");
    }
}  
.main .section_intro .box_right .portrait_set li:nth-child(4) {background-image: url("/img/renew/intro_lawyer_ikseon.png");}
@supports (background-image: url("/img/renew/intro_lawyer_ikseon.webp")) {
    .main .section_intro .box_right .portrait_set li:nth-child(4) {
        background-image: url("/img/renew/intro_lawyer_ikseon.webp");
    }
}  
.main .section_intro .box_right .portrait_set li:nth-child(5) {background-image: url("/img/renew/intro_lawyer_beomsu.png");}
@supports (background-image: url("/img/renew/intro_lawyer_beomsu.webp")) {
    .main .section_intro .box_right .portrait_set li:nth-child(5) {
        background-image: url("/img/renew/intro_lawyer_beomsu.webp");
    }
}  
.main .section_intro .box_right .portrait_set li:nth-child(6) {background-image: url("/img/renew/intro_lawyer_geonhee.png");}
@supports (background-image: url("/img/renew/intro_lawyer_geonhee.webp")) {
    .main .section_intro .box_right .portrait_set li:nth-child(6) {
        background-image: url("/img/renew/intro_lawyer_geonhee.webp");
    }
}  
.main .section_intro .thumb_left {z-index: 3; position: absolute; top: 570px; right: calc(100% - 114px);}
.main .section_intro .thumb_left_align {position: relative; width: 1659px;}
.main .section_intro .thumb_list {position: absolute; top: 0; left: 0; display: flex;}
.main .section_intro .left .thumb_list {left: 0; right: auto;}
.main .section_intro .right .thumb_list {left: auto; right: 0;}
.main .section_intro .thumb_list li {position: relative; width: 0; height: 289px; -webkit-transition: all 0.8s ease; -moz-transition: all 0.8s ease; -o-transition: all 0.8s ease; transition: all 0.8s ease;}
.main .section_intro .thumb_list li.ext {width: calc(229px + 8px);}
.main .section_intro .thumb_list li:after {content: ''; position: absolute; top: 0; right: 4px; width: 229px; aspect-ratio: 229/289; background: no-repeat center center; background-size: cover; opacity: 0; -webkit-transition: all 0.8s ease; -moz-transition: all 0.8s ease; -o-transition: all 0.8s ease; transition: all 0.8s ease;}
.main .section_intro .thumb_list li.show:after {opacity: 1;}
.main .section_intro .thumb_list li[data-people="1"]:after {background-image: url("/img/renew/intro_lawyer_jinu.png");}
@supports (background-image: url("/img/renew/intro_lawyer_jinu.webp")) {
    .main .section_intro .thumb_list li[data-people="1"]:after {
        background-image: url("/img/renew/intro_lawyer_jinu.webp");
    }
}  
.main .section_intro .thumb_list li[data-people="2"]:after {background-image: url("/img/renew/intro_lawyer_hyungjin.png");}
@supports (background-image: url("/img/renew/intro_lawyer_hyungjin.webp")) {
    .main .section_intro .thumb_list li[data-people="2"]:after {
        background-image: url("/img/renew/intro_lawyer_hyungjin.webp");
    }
}  
.main .section_intro .thumb_list li[data-people="3"]:after {background-image: url("/img/renew/intro_lawyer_wookjae.png");}
@supports (background-image: url("/img/renew/intro_lawyer_wookjae.webp")) {
    .main .section_intro .thumb_list li[data-people="3"]:after {
        background-image: url("/img/renew/intro_lawyer_wookjae.webp");
    }
}  
.main .section_intro .thumb_list li[data-people="4"]:after {background-image: url("/img/renew/intro_lawyer_ikseon.png");}
@supports (background-image: url("/img/renew/intro_lawyer_ikseon.webp")) {
    .main .section_intro .thumb_list li[data-people="4"]:after {
        background-image: url("/img/renew/intro_lawyer_ikseon.webp");
    }
}  
.main .section_intro .thumb_list li[data-people="5"]:after {background-image: url("/img/renew/intro_lawyer_beomsu.png");}
@supports (background-image: url("/img/renew/intro_lawyer_beomsu.webp")) {
    .main .section_intro .thumb_list li[data-people="5"]:after {
        background-image: url("/img/renew/intro_lawyer_beomsu.webp");
    }
}  
.main .section_intro .thumb_list li[data-people="6"]:after {background-image: url("/img/renew/intro_lawyer_geonhee.png");}
@supports (background-image: url("/img/renew/intro_lawyer_geonhee.webp")) {
    .main .section_intro .thumb_list li[data-people="6"]:after {
        background-image: url("/img/renew/intro_lawyer_geonhee.webp");
    }
} 
.main .section_intro .box_right.left .thumb_list {left: 0;right:auto;}
.main .section_intro .box_right.left .thumb_list li:after {left: auto;right: 4px;}
.main .section_intro .box_right.right .thumb_list {left: auto;right:0;}
.main .section_intro .box_right.right .thumb_list li:after {left: 4px;right: auto;}
.main .section_intro .box_right .people_pagination {position: absolute;bottom: 40px;left: 50%;width:  calc(100% - 240px);height: 2px;background: rgba(255, 255, 255, 0.4);z-index: 3; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%);
}
.main .section_intro .box_right .people_pagination:after {content:'';position: absolute;bottom: 0;left: 0;width: calc(100% / 17); height: 7px;background: var(--white);z-index: 4; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.main .section_intro .people_btn_set {z-index: 3; position: absolute; left: 50%; bottom: 58px; width: calc(100% - 240px); height: 41px; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%);}
.main .section_intro .people_btn_set .btn {z-index: 3; position: absolute; top: 50%; transform: translateY(-50%); font-size: 0; width: 37px; aspect-ratio: 37/14; padding: 0; background-color: transparent; background-repeat: no-repeat; background-size: contain; background-position: center; border: none; cursor: pointer;}
.main .section_intro .people_btn_set .btn_prev {left: 10px; background-image: url('/img/renew/intro_prev_btn.svg');}
.main .section_intro .people_btn_set .btn_next {right: 0; background-image: url('/img/renew/intro_next_btn.svg');}
.main .section_intro .click_to_detail {position: absolute; left: 65px; color: var(--white); font-size: 18px; font-weight: 400; line-height: 41px; text-shadow: 1px -1px 5px rgba(0, 0, 0, 0.25); text-transform: uppercase; text-decoration: none;}
.main .section_intro .box_right .people_pagination[data-people="1"]:after {left: 0;}
.main .section_intro .box_right .people_pagination[data-people="2"]:after {left: calc(((100% / 5) * 1) - 35.29px);}
.main .section_intro .box_right .people_pagination[data-people="3"]:after {left: calc(((100% / 5) * 2) - 35.29px);}
.main .section_intro .box_right .people_pagination[data-people="4"]:after {left: calc(((100% / 5) * 3) - 35.29px);}
.main .section_intro .box_right .people_pagination[data-people="5"]:after {left: calc(((100% / 5) * 4) - 35.29px);}
.main .section_intro .box_right .people_pagination[data-people="6"]:after {left: calc(((100% / 5) * 5) - 35.29px);}

/* section case */
.main .section_case {background-color: #252525;}
.main .section_case .inner {display: flex; justify-content: space-between; align-items: center; max-width: 1560px; margin: 0 auto;}
.main .section_case .tit {color: var(--white); font-size: 62px; font-weight: 800; line-height: 76px; letter-spacing: -3.1px; margin-bottom: 39px;}
.main .section_case .sub {color: var(--white); font-size: 30px; font-weight: 400; line-height: 172%; letter-spacing: -1.5px; margin-bottom: 39px;}
.main .section_case .sub b {font-weight: 700;}
.main .section_case .click_to_case {display: flex; justify-content: center; align-items: center; gap: 28px; flex-shrink: 0; width: 259px; height: 55px; color: var(--black4); font-size: 22px; font-weight: 700; letter-spacing: -1.1px; text-decoration: none; border-radius: 10px; background: var(--sub-color2);}
.main .section_case .click_to_case:after {content: ''; position: relative; width: 25px; height: 25px; background: url('/img/renew/case_btn.svg') no-repeat center /contain;}
.main .section_case .folder_list {position: relative; width: 824px; margin-right: 80px;}
.main .section_case .folder_list.swiper-3d .swiper-slide-shadow {background: transparent;}
.main .section_case .folder_list.swiper-cards .swiper-slide {transform-origin: top center;}
.main .section_case .folder {/*width: 824px;*/ height: 573px; background: url('/img/renew/case_folder_img.svg') no-repeat center / contain; padding: 60px 87px 30px 71px; box-sizing: border-box;}
.main .section_case .folder .folder_inner {position: relative;}
.main .section_case .folder .case_category {display: inline-flex; justify-content: center; align-items: center; gap: 10px; width: fit-content; color: var(--white); font-size: 24px; font-weight: 700; letter-spacing: -1.2px; padding: 13.5px 38px; margin-bottom: 76px; border-radius: 100px; background: var(--main-color);}
.main .section_case .folder .case_tit {color: var(--white); font-size: 28px; font-weight: 700; line-height: 172%; letter-spacing: -1.4px; margin-bottom: 20px; overflow: hidden; text-overflow: ellipsis; white-space: normal; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.main .section_case .folder .case_cont {min-height: 103px; color: var(--white); font-size: 20px; font-weight: 300; line-height: 172%; letter-spacing: -1px; margin-bottom: 50px; overflow: hidden; text-overflow: ellipsis; white-space: normal; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.main .section_case .folder .case_lawyer ul {display: flex; gap: 20px;}
.main .section_case .folder .case_lawyer .lawyer_img {width: 76px; height: 76px; border-radius: 100%; background-color: var(--sub-color2); background-repeat: no-repeat; background-size: contain; background-position: bottom center; margin-bottom: 5px;}
.main .section_case .folder .case_lawyer .laywer_name {color: var(--white); text-align: center; font-size: 18px; font-weight: 700; line-height: 26.4px;}
.main .section_case .folder .click_to_more {position: absolute; right: 89px; bottom: 16px; display: flex; align-items: center; gap: 5px; color: var(--white); font-size: 15px; font-weight: 400; line-height: 105%; text-shadow: 1px -1px 5px rgba(0, 0, 0, 0.25); text-transform: uppercase; text-decoration: none; padding-left: 3.5px;}
.main .section_case .folder .click_to_more:after {content: ''; position: relative; width: 21px; height: 21px; background: url('/img/renew/case_folder_more.svg') no-repeat center / contain;}
.main .section_case .folder .click_to_more:before {content: ''; position: absolute; left: 0; bottom: -5px; width: 181px; height: 20px; background: url('/img/renew/case_folder_more_arr.svg') no-repeat center / contain;}
.main .section_case .folder_list .swiper_btn button {position: absolute; top: 50%; transform: translateY(-50%); width: 69px; height: 69px; padding: 0; margin-top: 23px;background-color: transparent; background-repeat: no-repeat; background-size: contain; background-position: center; border: none; cursor: pointer;}
.main .section_case .folder_list .swiper_btn .swiper_prev_btn {left: -70px; background-image: url('/img/renew/case_prev_btn.svg');}
.main .section_case .folder_list .swiper_btn .swiper_next_btn {right: -70px; background-image: url('/img/renew/case_next_btn.svg');}

/* section scroll */
.main .section_scroll {min-height: 100vh; height: 100%; background-color: #F4EDE3; overflow: visible;}
.main .section_scroll .inner {position: relative; display: flex; justify-content: space-between; align-items: flex-start; gap: 40px; max-width: 1175px; margin: 0 auto;}
.main .section_scroll .tit {color: var(--black); font-size: 62px; font-weight: 700; line-height: 76px;  letter-spacing: -3.1px; margin-bottom: 21px;}
.main .section_scroll .desc {color: var(--black2); font-size: 30px; font-weight: 400; line-height: 172%; letter-spacing: -1.5px;}
.main .section_scroll .fix_area, .main .section_scroll .flow_area {padding-top: 206px;}
.main .section_scroll .fix_area {position: sticky; top: 0; flex-shrink: 0; width: 50%; height: calc(100vh - 100px - 152px - 21px - 51px);}
.main .section_scroll .flow_area{width: calc(420px + 21px + 21px); border-left: solid 1px var(--sub-color2); border-right: solid 1px var(--sub-color2);}
.main .section_scroll .flow_area ul {width: calc(100% - 42px); padding-bottom: 109px; margin: 0 21px;}
.main .section_scroll .flow_area ul li {position: relative; overflow: hidden;}
.main .section_scroll .flow_area ul li img {width: 100%; margin-bottom: 8px; border-radius: 20px;}
.main .section_scroll .flow_area ul li + li {margin-top: 23px}
.main .section_scroll .flow_area dl {color: var(--black2);}
.main .section_scroll .flow_area dt { font-size: 22px; font-weight: 700; line-height: 34px; letter-spacing: -1.1px; margin-bottom: 6px;}
.main .section_scroll .flow_area dd {font-size: 18px; font-weight: 300; line-height: 28px; letter-spacing: -1px; word-break: keep-all;}

/* section question */
.main .section_question .inner {display: flex; align-items: center; max-width: 1280px; margin: 0 auto;}
.main .section_question .question_container {display: flex; gap: 4.9%; width: 100%;}
.main .section_question .question_list {max-width: 784px; width: 63.22%; height: 471px; padding: 55px 47px 0 57px; border-radius: 10px; background: #F6F6F6; box-sizing: border-box; overflow: hidden;}
.main .section_question .question_list li {display: flex; align-items: center; width: 100%; min-height: 72px; height: auto !important; color: var(--black3); font-size: 15px; font-weight: 500; letter-spacing: -0.75px; padding: 13px 40px; border-radius: 8px; background-color: var(--white); box-shadow: 0px 24px 58px 0px rgba(0, 0, 0, 0.06); box-sizing: border-box; transition: all 0.5s ease;}
.main .section_question .question_list li b {font-weight: 800;}
.main .section_question .question_list li.swiper-slide-active {color: var(--white); background-color: #252525;}
.main .section_question .question_list li .mark {display: flex; justify-content: center; align-items: center; width: 40px; height: 40px; color: var(--black3); font-size: 16px; font-weight: 700; line-height: 22.4px; letter-spacing: -0.8px; margin-right: 20px; border-radius: 100px; background: #F6F6F6;}
.main .section_question .txt_wrap {max-width: calc(100% - 63.22% - 4.9%); padding-top: 79px;}
.main .section_question .tit {color: var(--black); font-size: 45px; font-weight: 500; line-height: 60px; letter-spacing: -2.25px; margin-bottom: 34px; word-break: keep-all;}
.main .section_question .tit b {font-weight: 800;}
.main .section_question .click_to_channeltalk {display: flex; justify-content: center; align-items: center; gap: 10px; flex-shrink: 0; width: 217px; height: 55px; color: var(--white); font-size: 22px; font-weight: 700; letter-spacing: -1.1px; text-decoration: none; border-radius: 10px; background: var(--main-color);}
.main .section_question .click_to_channeltalk:after {content: ''; position: relative; width: 25px; height: 25px; background: url('/img/renew/btn_white_arr.svg') no-repeat center / contain;}

/* section_category */
.main .section_category {background: #FBF7F1;}
.main .section_category .inner {display: flex; justify-content: center; flex-direction: column; max-width: 1883px; margin: 0 auto;}
.main .section_category .tit {color: var(--black); font-size: 62px; font-weight: 700; line-height: 76px; letter-spacing: -3.1px; margin-bottom: 77px;}
.main .section_category .cate_list {display: flex; flex-wrap: wrap; gap: 15px; width: 100%;}
.main .section_category .cate_list li {position: relative;flex: 1; max-height: 601px; height: 31.92vw; background: var(--white);}
.main .section_category .cate_list li:nth-child(odd):hover:before {content: ''; position: absolute; top: 30px; right: 25px; width: 25px; height: 25px; background: url('/img/renew/btn_black_arr.svg') no-repeat center / contain;}
.main .section_category .cate_list li:nth-child(even):hover:before {content: ''; position: absolute; bottom: 30px; right: 25px; width: 25px; height: 25px; background: url('/img/renew/btn_black_arr.svg') no-repeat center / contain;}
.main .section_category .cate_list li a {display: flex; flex-direction: column; width: 100%; height: 100%; text-decoration: none; padding: 25px; box-sizing: border-box;}
.main .section_category .cate_list li:nth-child(odd) picture, .main .section_category .cate_list li:nth-child(even) dl {margin-top: auto;}
.main .section_category .cate_list .cate_name {color: var(--black); font-size: 24px; font-weight: 700; line-height: 33.6px; letter-spacing: -1.2px; margin-bottom: 9px;}
.main .section_category .cate_list .cate_desc {color: var(--black2); font-size: 18px; font-weight: 400; line-height: 17.51px; letter-spacing: 0.2px; word-break: break-word; white-space: normal;}
.main .section_category .cate_list .cate_img {width: 100%;}

/* section_step */
.main .section_step {background: #252525;}
.main .section_step .inner {display: flex; flex-direction: column; justify-content: center; align-items: center; max-width: 1560px; margin: 0 auto;}
.main .section_step .tit {color: var(--white); font-size: 62px; font-weight: 800; line-height: 76px; letter-spacing: -3.1px; margin-bottom: 10px;}
.main .section_step .desc {color: var(--white); font-size: 30px; font-weight: 400; line-height: 172%; letter-spacing: -1.5px; margin-bottom: 95px;}
.main .section_step .step_list {position: relative; width: 100%;}
.main .section_step .step_list .swiper-slide {display: flex; gap: 5.7%; overflow: hidden;}
.main .section_step .step_list .swiper-slide .img, .main .section_step .step_list .swiper-slide .txt {opacity: 0;}
.main .section_step .step_list .swiper-slide.swiper-slide-active .img, .main .section_step .step_list .swiper-slide.swiper-slide-active .txt{opacity: 1; transition: all 0.8s ease-out;}
.main .section_step .step_list .swiper-slide .img {width: 49.07%; transform: translateX(-100px);}
.main .section_step .step_list .swiper-slide .img img {width: 100%;}
.main .section_step .step_list .swiper-slide.swiper-slide-active .img {transform: translateX(0);}
.main .section_step .step_list .swiper-slide .txt {width: 41.97%; padding-top: 57px; transform: translateY(100px);}
.main .section_step .step_list .swiper-slide.swiper-slide-active .txt {transform: translateY(0);}
.main .section_step .step_list .step_tit {color: var(--white); font-size: 30px; font-weight: 500; line-height: 172%; letter-spacing: -1.5px; padding-bottom: 9px; border-bottom: 1px solid var(--white);}
.main .section_step .step_list .step_tit .num {display: block; color: var(--sub-color2); font-size: 28px; font-weight: 700; line-height: 139%; letter-spacing: -1.4px;}
.main .section_step .step_list .step_tit b {color: var(--sub-color2); font-weight: 700;}
.main .section_step .step_list .step_cont {color: var(--white); font-size: 20px; font-weight: 300; line-height: 172%; letter-spacing: -1.2px; padding-top: 16px;}
.main .section_step .step_list .swiper-pagination {position: absolute; left: calc(49.07% + 5.7%); bottom: 3px; display: flex; justify-content: center; gap: 7px; width: 41.97%;}
.main .section_step .step_list .swiper-pagination-bullet {position: relative; display: inline-flex; align-items: flex-end; justify-content: center; flex: 1; height: 100%; color: #585858; text-align: center; font-size: 20px; font-weight: 300; line-height: 172%; letter-spacing: -1px; padding-bottom: 6px; border-radius: 0; background: none; margin: 0; opacity: 1; box-sizing: border-box;}
.main .section_step .step_list .swiper-pagination-bullet.swiper-pagination-bullet-active {color: var(--sub-color2); font-weight: 700;}
.main .section_step .step_list .swiper-pagination-bullet:after {content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background-color: #585858;}
.main .section_step .step_list .swiper-pagination-bullet.swiper-pagination-bullet-active:after {height: 4px; background-color: var(--sub-color2);}

/* section_board */
.main .section_board {background: var(--black);}
.main .section_board .inner {display: flex; flex-direction: column; justify-content: center; align-items: center; max-width: 1442px; margin: 0 auto;}
.main .section_board .top_area {display: flex; justify-content: space-between; align-items: end; width: 100%; margin-bottom: 58px;}
.main .section_board .top_area .tit {color: var(--white); font-size: 62px; font-weight: 700; line-height: 76px; letter-spacing: -3.1px; margin-bottom: 10px;}
.main .section_board .top_area .tit span {color: var(--sub-color2);}
.main .section_board .top_area .desc {color: var(--white); font-size: 30px; font-weight: 400; line-height: 172%; letter-spacing: -1.5px;}
.main .section_board .click_to_board.mo_block {display: none;}
.main .section_board .click_to_board {position: relative; display: flex; justify-content: center; align-items: center; gap: 16px; width: 349px; height: 55px; color: var(--black4); font-size: 22px; font-weight: 700; letter-spacing: -1.1px; text-decoration: none; margin-bottom: 13px; border-radius: 10px; background: var(--sub-color2);}
.main .section_board .click_to_board:after {content: ''; position: relative; width: 25px; height: 25px; background: url('/img/renew/btn_black_arr.svg') no-repeat center / contain;}
.main .section_board .btm_area {width: 100%;}
.main .section_board .board_list .swiper-slide {width: 295px;}
.main .section_board .board_list a {text-decoration: none;}
.main .section_board .board_list .board_img {width: 100%; height: 454px; margin-bottom: 10px; background-color: var(--white); background-repeat: no-repeat; background-position: center; background-size: cover; border-radius: 15px; box-sizing: border-box;}
.main .section_board .board_list .board_tit {color: var(--white); font-size: 24px; font-weight: 500; line-height: 172%; letter-spacing: -1.2px; overflow: hidden; text-overflow: ellipsis; white-space: normal; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.main .section_board .swiper-scrollbar {z-index: 1; position: relative; left: 0; height: 8px; width: 100%; margin-top: 51px; background-color: #282828; border-radius: 0;}
.main .section_board .swiper-scrollbar .swiper-scrollbar-drag {background-color: var(--sub-color2); border-radius: 0;}

/* section_banner */
.main .section_banner {height: auto; padding: 149px 0 121px; background-repeat: no-repeat; background-position: center; background-size: cover; background-image: url('/img/renew/banner_bg.jpg');}
@supports (background-image: url("/img/renew/banner_bg.webp")) {
    .main .section_banner {
        background-image: url("/img/renew/banner_bg.webp");
    }
}  
.main .section_banner .inner {width: fit-content; margin: 0 auto;}
.main .section_banner .tit {color: var(--white); font-size: 62px; font-weight: 500; line-height: 76px; letter-spacing: -3.1px; text-align: center; margin-bottom: 29px;}
.main .section_banner .tit span {color: var(--sub-color2); font-weight: 800;}
.main .section_banner .click_to_self {position: relative; display: flex; justify-content: center; align-items: center; gap: 10px; width: 283px; height: 55px;  margin: 0 auto; color: var(--white);  font-size: 22px; font-weight: 700; letter-spacing: -1.1px; border-radius: 10px; background: var(--main-color); text-decoration: none;}
.main .section_banner .click_to_self:after {content: ''; position: relative; width: 25px; height: 25px; background: url('/img/renew/btn_white_arr.svg') no-repeat center / contain;}

/* section_map */
.main .section_map {height: auto; padding: 171px 0 150px; background-repeat: no-repeat; background-position: center; background-size: cover; background-image: url('/img/renew/map_pc_bg.jpg');}
@supports (background-image: url("/img/renew/map_pc_bg.webp")) {
    .main .section_map {
        background-image: url("/img/renew/map_pc_bg.webp");
    }
}  
.main .section_map .inner {max-width: 1027px; margin: 0 auto;}
.main .section_map .tit {color: var(--black); text-align: center; font-size: 50px; font-weight: 700; line-height: 150%; letter-spacing: -2.5px; margin-bottom: 25px;}
.main .section_map .map_image {width: 100%; height: 488px; margin-bottom: 34px;}
.main .section_map .location_txt {color: var(--black); text-align: center; font-size: 24px; font-weight: 400; line-height: normal; letter-spacing: -1px;}

/* sub common */
.p_br {display: block;}

.sub .hero_logo.black a {background-image: url('/img/logo_black.png');}
.sub .header_mo .desktop_menu label[for=mo_menu] span {background: #505050;}
.sub .header_mo .desktop_menu input#mo_menu:checked + label > span:nth-child(1), .header_mo .desktop_menu input#mo_menu:checked + label > span:nth-child(2) {background: #fff;}

/* hero_intro */
.hero_intro{position: relative; padding: 330px 0 190px; background: linear-gradient(180deg, #F0F0F0 24.3%, rgba(255, 255, 255, 0.00) 116.57%);}
.hero_intro:before {content: ''; position: absolute; top: 110px; left: 0; width: 100%; height: calc(100% - 110px); background-image: url('/img/intro/intro_top_bg.png'); background-size: 100% auto; background-position: top; background-repeat: no-repeat;}
.hero_intro .con_tit:before{display: none;}
.hero_intro .intro_inner{position: relative;padding: 0;}
.hero_intro .intro_inner .con_tit_bg{position: absolute; top: -130px; width: 100%; color: #E0DCD8; font-family: 'Didot'; font-size: 96px; font-weight: 500; line-height: 228px; text-transform: uppercase; text-align: center; filter: blur(0); -webkit-filter: blur(0);}
.hero_intro .intro_inner .cont_tit{position: relative; color: #2A2A2A; font-size: 50px; font-weight: 700; line-height: 50px; letter-spacing: -2.5px; text-align: center; margin-bottom: 330px;}

.hero_intro .intro_tit{width: 24%; min-width: 459px; text-align: right; color: #2A2A2A; font-family: "Futura Std"; font-size: 40px; font-weight: 500; line-height: normal; letter-spacing: 2px; text-transform: uppercase;}
.hero_intro .intro_tit_line{position: absolute;right: 0;width: 1000px;height: 1px; background-color: #2A2A2A;}

.hero_intro .intro_about_txt{display: flex;}
.hero_intro .intro_about_txt h3{color: #2A2A2A; font-size: 40px; font-weight: 600; line-height: 62px;  letter-spacing: -2px; padding-left: 176px; margin-bottom: 54px; word-break: keep-all;}
.hero_intro .intro_about_txt p{color: #2A2A2A; font-size: 24px; font-weight: 400; line-height: 160%;  letter-spacing: -1.2px; padding-left: 176px; word-break: keep-all;}
.hero_intro .intro_about_img {margin: 58px 0; width: 100%;}

.hero_intro .intro_ph {padding: 169px 0 181px;}
.hero_intro .intro_wrapper {max-width: 1084px; width: 100%; padding-top: 108px; margin: 0 auto;}
.hero_intro .ph_tit {color: #2A2A2A; text-align: center; font-size: 40px; font-weight: 600; line-height: 50px;  letter-spacing: -2px; margin-bottom: 43px;}
.hero_intro .ph_img_box {position: relative; width: 100%; height: 370px; background-image: url('/img/intro/ph_top_img.jpg'); background-repeat: no-repeat; background-size: cover; background-position: center; border-radius: 10px; margin-bottom: 77px;}
.hero_intro .ph_img_box span {position: absolute; top: 50%; right: 15.86%;  transform: translateY(-50%); color: #fff; text-shadow: 4px 4px 21.7px rgba(0, 0, 0, 0.25); font-size: 30px; font-weight: 600; line-height: 53px; letter-spacing: -1.5px;}
.hero_intro .ph_list {display: flex; gap: 20px;}
.hero_intro .ph_list li {position: relative; flex: 1; height: 351px; padding: 28px 35px 30px; border-radius: 10px; background-color: var(--sub-color3); box-sizing: border-box;}
.hero_intro .ph_list .ph_list_tit {color: #2A2A2A; font-size: 32px; font-weight: 700; line-height: 160%;  letter-spacing: -1.6px; margin-bottom: 22px;}
.hero_intro .ph_list .ph_list_con {color: #2A2A2A; font-size: 24px; font-weight: 400; line-height: 160%; letter-spacing: -1.2px; text-transform: uppercase; word-break: keep-all;}
.hero_intro .ph_list .ph_list_img {position: absolute; left: 35px; bottom: 30px; z-index: -1;}
.hero_intro .ph_rep {padding: 177px 0 0;}
.hero_intro .ph_rep li {display: flex; margin-bottom: 43px;}
.hero_intro .ph_rep li:last-child {margin-bottom: 0;}
.hero_intro .ph_rep .ph_rep_img {flex: 1;}
.hero_intro .ph_rep .ph_rep_img img {width: 100%; height: auto;}
.hero_intro .ph_rep .ph_rep_txt {flex: 1; display: flex; justify-content: center; flex-direction: column; align-items: start; padding-left: 101px;}
.hero_intro .ph_rep .rep_tit {color: #37373A; font-size: 36px; font-weight: 700; line-height: 36px; letter-spacing: -2px; margin-bottom: 21px;}
.hero_intro .ph_rep .rep_tit span {position: relative; color: #9A161F; font-family: "Times New Roman"; font-size: 36px; font-weight: 400; line-height: 36px; letter-spacing: -2px; text-transform: uppercase; margin-right: 13px;}
.hero_intro .ph_rep .rep_tit span:after {content: ''; position: absolute; left: 12px; bottom: 0; width: 45px; height: 45px; background-color: var(--sub-color3); border-radius: 100%; z-index: -1;}
.hero_intro .ph_rep .rep_con {color: #2A2A2A; font-size: 24px; font-weight: 400; line-height: 41px;  letter-spacing: -1px;}
.hero_intro .ph_rep .rep_con b {font-weight: 700;}

/* intro */
.intro{position: relative; padding: 330px 0 190px; background: linear-gradient(180deg, #F0F0F0 24.3%, rgba(255, 255, 255, 0.00) 116.57%);}
.intro:before{content: ''; position: absolute; top: 110px; left: 0; width: 100%; height: calc(100% - 110px); background-image: url('/img/intro/intro_top_bg.png'); background-size: 100% auto; background-position: top; background-repeat: no-repeat;}
.intro .con_tit:before{display: none;}
.intro .intro_inner{position: relative;padding: 0;}
.intro .intro_inner .con_tit_bg{position: absolute; top: -130px; width: 100%; color: #E0DCD8; font-family: 'Didot'; font-size: 96px; font-weight: 500; line-height: 228px; text-transform: uppercase; text-align: center; filter: blur(0); -webkit-filter: blur(0);}
.intro .intro_inner .cont_tit{position: relative; color: #2A2A2A; font-size: 50px; font-weight: 700; line-height: 50px; letter-spacing: -2.5px; text-align: center; margin-bottom: 130px;}

.intro .cont ul {max-width: 1278px; width: 100%; display: flex; gap: 15px; flex-wrap: wrap; margin: 0 auto;}
.intro .cont ul li {position: relative; width: calc((100% - 30px) / 3); height: 550px;}
.intro .cont ul li a {display: inline-block; width: 100%; height: 100%;}
.intro .cont ul li .img {display: flex; align-items: end; justify-content: center; width: 100%; height: 100%; background: linear-gradient(167deg, #EBE8E4 15.31%, #C3B5A7 111.72%);}
.intro .cont ul li .img img {width: 100%; max-height: 100%; height: auto; -webkit-transition: 0.4s; -moz-transition: 0.4s; -ms-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s;} 
.intro .cont ul li .txt {position: absolute; left: 0; bottom: 0; width: 100%; height: 99px; display: flex; align-items: center; padding: 0 38px; background: rgba(41, 41, 41, 0.60); backdrop-filter: blur(17.049999237060547px); box-sizing: border-box;}
.intro .cont ul li .txt .name {color: #FFF; font-size: 37px; font-weight: 700;}
.intro .cont ul li .txt .name span {font-size: 24px; font-weight: 300; margin-left: 5px;}

/* intro detail */
.intro_detail .top_banner {width: 100%; height: 676px; background-image: url('/img/intro_detail_bg.png'); background-repeat: no-repeat; background-position: center; background-size: cover; overflow: hidden;}
.intro_detail .top_banner .banner_inner {position: relative; max-width: 1197px; width: 100%; height: 100%; margin: 0 auto; box-sizing: border-box;}
.intro_detail .top_banner .name_box {position: absolute; left: -30px; bottom: 57px; display: flex; flex-direction: column; justify-content: start; z-index: 2;}
.intro_detail .top_banner .name_box .position_name {color: #2A2A2A; font-size: 32px; font-weight: 500; letter-spacing: -1.6px;}
.intro_detail .top_banner .name_box .position_name span {font-weight: 700;}
.intro_detail .top_banner .name_box .en_name {color: var(--sub-color3); font-family: "Futura Std"; font-size: 50px; font-weight: 500; letter-spacing: 14px; margin-top: 13px;}
.intro_detail .top_banner .bg_logo {position: absolute; top: 220px; right: 30px; width: 244px; height: 234px; background: url('/img/intro_logo.png') no-repeat center; background-size: contain;}
.top_banner .img {z-index: 1; position: relative;}
.top_banner .img img {position: absolute; top: 74px; left: 50%; transform: translateX(-50%); margin-left: 47px; max-width: none; width: 685px;}
.intro_detail .top_banner .btn_wrap {z-index: 2; position: absolute; bottom: 71px; right: 15px; display: flex; align-items: center; color: var(--sub-color3); font-size: 18px; font-weight: 600; letter-spacing: -0.9px;}
.intro_detail .top_banner .btn_wrap .btn_prev, .intro_detail .top_banner .btn_wrap .btn_next {width: 36px; height: 35px; margin: 0 12px; background-repeat: no-repeat; background-position: center; background-size: contain; background-color: transparent; border: none; cursor: pointer;}
.intro_detail .top_banner .btn_wrap .btn_prev {background-image: url('/img/intro_btn_prev.svg'); margin-left: 20px;}
.intro_detail .top_banner .btn_wrap .btn_next {background-image: url('/img/intro_btn_next.svg');}
.intro_detail .top_banner .btn_wrap a.btn_disabeld {pointer-events: none; opacity: 0.4;}

.intro_detail .container {display: flex; flex-wrap: wrap; justify-content: space-between; gap: 18.36%; max-width: 982px; margin: 0 auto; padding: 88px 20px 82px;}
.intro_detail .container .section {width: calc((100% - 18.36%) / 2); margin-bottom: 82px;}
/* .intro_detail .container .section:nth-child(odd) {width: 57%;}
.intro_detail .container .section:nth-child(even) {width: 43%;} */
.intro_detail .section-title {color: #9A161F; font-size: 30px; font-weight: 700; line-height: 164.3%; letter-spacing: -1.5px; margin-bottom: 10px;}
.section-content p {position: relative; color: #000; font-size: 18px; font-weight: 300; line-height: 164.3%; letter-spacing: -0.9px; padding-left: 7px; word-break: keep-all;}
.intro_detail .section-content p:before {content: ''; position: absolute; top: 14px; left: 0; width: 2px; height: 2px; background-color: #000; border-radius: 100%;}

/* roadmap 부산 지사 추가 시 */
.hero_roadmap{position: relative; padding: 330px 0 100px; background: linear-gradient(180deg, #F0F0F0 24.3%, rgba(255, 255, 255, 0.00) 116.57%);}
.hero_roadmap:before{content: ''; position: absolute; top: 110px; left: 0; width: 100%; height: calc(100% - 110px); background-image: url('/img/intro/intro_top_bg.png'); background-size: 100% auto; background-position: top; background-repeat: no-repeat;}
.hero_roadmap .con_tit:before{display: none;}
.hero_roadmap .roadmap_inner{position: relative;padding: 0;}
.hero_roadmap .roadmap_inner .con_tit_bg{position: absolute; top: -130px; width: 100%; color: #E0DCD8; font-family: 'Didot'; font-size: 96px; font-weight: 500; line-height: 228px; text-transform: uppercase; text-align: center; filter: blur(0); -webkit-filter: blur(0);}
.hero_roadmap .roadmap_inner .cont_tit{position: relative; color: #2A2A2A; font-size: 50px; font-weight: 700; line-height: 50px; letter-spacing: -2.5px; text-align: center; margin-bottom: 130px;}

.maps-menu{text-align: center;}
.maps-menu li {float: left; width: 133px;}
.maps-menu li:nth-child(2) a,.maps-menu li:nth-child(3) a,.maps-menu li:nth-child(4) a{border-left: 0;}
.maps-menu li a{display: block; border: 1px solid #2A2A2A;border-bottom: 1px solid #2A2A2A;line-height: 45px;background-color: #fff;font-size: 22px;-webkit-box-sizing: border-box;	-moz-box-sizing: border-box;box-sizing: border-box;padding: 0;color: #2A2A2A;font-weight: 400; text-decoration: none;}
.maps-menu li.active a{border-bottom: 1px solid #2A2A2A;color: #fff;background-color: #9A161F;}
.maps-content{display: flex; gap: 60px; justify-content: space-between; max-width: 1217px; width: 100%;margin: 0 auto;}
.maps-content .maps-view {width: 665px;}
.maps-content .map-image {display: none;}
.maps-content .map-image iframe {height: 485px;}

.maps-info {width: calc(100% - 665px - 60px);}
.maps-info > div {display: none;}
.maps-info h3{font-weight: 600;color: #2A2A2A;font-size: 23px;letter-spacing: -1px;margin-bottom: 5px;}
.maps-info .ju_so{font-size: 18px;color: #2A2A2A;font-weight: 500;line-height: 27px;}
.maps-info .ju_cha{font-size: 17px;color: #2A2A2A;font-weight: 500;line-height: 25px;}
.maps-info .ju_jong{font-size: 19px; line-height: 1.89; color: #2A2A2A;}
.maps-info .margin{margin-top: 10px;}
.maps-info p{letter-spacing: 0;}
.maps-info .address-line{margin-bottom: 38px;}
.maps-info .maps-info_1 .address-line:last-child {margin-bottom:0;}

/* roadmap */
/* .hero_roadmap{position: relative; padding: 330px 0 100px; background: linear-gradient(180deg, #F0F0F0 24.3%, rgba(255, 255, 255, 0.00) 116.57%);}
.hero_roadmap:before{content: ''; position: absolute; top: 110px; left: 0; width: 100%; height: calc(100% - 110px); background-image: url('/img/intro/intro_top_bg.png'); background-size: 100% auto; background-position: top; background-repeat: no-repeat;}
.hero_roadmap .con_tit:before{display: none;}
.hero_roadmap .roadmap_inner{position: relative;padding: 0;}
.hero_roadmap .roadmap_inner .con_tit_bg{position: absolute; top: -130px; width: 100%; color: #E0DCD8; font-family: 'Didot'; font-size: 96px; font-weight: 500; line-height: 228px; text-transform: uppercase; text-align: center; filter: blur(0); -webkit-filter: blur(0);}
.hero_roadmap .roadmap_inner .cont_tit{position: relative; color: #2A2A2A; font-size: 50px; font-weight: 700; line-height: 50px; letter-spacing: -2.5px; text-align: center; margin-bottom: 130px;}

.hero_roadmap .maps-content{display: flex; gap: 60px; justify-content: space-between; align-items: center; max-width: 1217px; width: 100%;margin: 0 auto;}
.hero_roadmap .maps-content .map-image {width: 665px;}
.hero_roadmap .maps-content .map-image iframe {height: 485px;}

.hero_roadmap .maps-info h3{font-weight: 600;color: #2A2A2A;font-size: 23px;letter-spacing: -1px;margin-bottom: 5px;}
.hero_roadmap .maps-info .ju_so{font-size: 18px;color: #2A2A2A;font-weight: 500;line-height: 27px;}
.hero_roadmap .maps-info .ju_cha{font-size: 17px;color: #2A2A2A;font-weight: 500;line-height: 25px;}
.hero_roadmap .maps-info .ju_jong{font-size: 19px; line-height: 1.89; color: #2A2A2A;}
.hero_roadmap .maps-info .margin{margin-top: 10px;}
.hero_roadmap .maps-info p{letter-spacing: 0;}
.hero_roadmap .maps-info .address-line{margin-bottom: 38px;}
.hero_roadmap .maps-info .maps-info_1 .address-line:last-child {margin-bottom:0;} */

/* visit */
/* .visit{position: relative; padding: 330px 0 300px; background: linear-gradient(180deg, #F0F0F0 24.3%, rgba(255, 255, 255, 0.00) 116.57%); color: #2A2A2A;}
.visit:before {content: ''; position: absolute; top: 110px; left: 0; width: 100%; height: 100%; background-image: url('/img/intro/intro_top_bg.png'); background-size: 100% auto; background-position: top; background-repeat: no-repeat;}
.visit .con_tit:before{display: none;}
.visit-counsel{position: relative;padding: 0;}
.visit-counsel .con_tit_bg{position: absolute; top: -130px; width: 100%; color: #E0DCD8; font-family: 'Didot'; font-size: 96px; font-weight: 500; line-height: 228px; text-transform: uppercase; text-align: center; filter: blur(0); -webkit-filter: blur(0);}
.visit-counsel .cont_tit{position: relative; color: #2A2A2A; font-size: 50px; font-weight: 700; line-height: 50px; letter-spacing: -2.5px; text-align: center; margin-bottom: 22px;}
.visit-counsel .sub-heading{font-size: 24px; font-weight: 400; color: #2A2A2A; letter-spacing: -1px; text-align: center; margin-bottom: 90px;}
.visit select {-moz-appearance: none; -webkit-appearance: none;}

.visit-counsel .visit_inner{position: relative; max-width: 940px; width: 100%; margin: 0 auto;}
.counsel-form-wrap {width: 931px; font-size: 15px; color: #6e6e6e;}
.counsel-calendar {float: left; width: 450px;}
.counsel-form-wrap .tip{text-align: right;}
.counsel-form-wrap .tip .star-mark{padding-top: 5px; vertical-align: middle; display: inline-block; font-size: 20px; margin-right: 4px; color: #9A161F;}
.counsel-form-wrap .tip .text {font-size: 16px; font-weight: 400; color: #9A161F;} */

/* 캘린더 */
/* .date_l{border: 0;overflow:hidden;}
.schedule01{position:relative;float:left;width:100%;height:370px;background:#fff}
.schedule_title{position:relative;background:#2A2A2A;color:#fff;padding:0 10px;font-weight:400;overflow:hidden}
.schedule_title h4{width: 100%;font-size: 20px;line-height:40px;font-weight:500;text-align:center;}
.schedule01 .flatpickr-calendar{top:auto;width:100%;border-radius:0;box-shadow:none}
.schedule01 .flatpickr-calendar:before{content:none}
.schedule01 .custom-month-nav{position:relative;width:280px;color:#2a2a2a;font-size:19px;font-weight:700;text-align:center;margin:30px auto 15px;border:none}
.schedule01 .custom-month-nav button{display:inline-block;width:14px;height:22.67px;overflow:hidden}
.schedule01 .custom-month-nav button.flatpickr-prev-button{margin-right:20px;background:url('/img/board/arrow_l.png') 0 30% no-repeat}
.schedule01 .custom-month-nav button.flatpickr-next-button{margin-left:20px;background:url('/img/board/arrow_r.png') 0 30% no-repeat}
.schedule01 .flatpickr-rContainer{width:94%;margin:0 auto;border-collapse:collapse;border-spacing:0}
.schedule01 span.flatpickr-weekday{color:#888;font-size:14px;font-weight:500;line-height:normal;padding:5px 0}
.schedule01 .flatpickr-day.weekend-sunday,.schedule01 .flatpickr-weekdaycontainer span.flatpickr-weekday:first-child{color:#d90a3b!important}
.schedule01 .flatpickr-day.weekend-saturday,.schedule01 .flatpickr-weekdaycontainer span.flatpickr-weekday:last-child{color:#147ac1!important}
.schedule01 .dayContainer,.schedule01 .flatpickr-days{justify-content:flex-start;max-width:none;min-width:auto;width:100%;height:calc(240px - 28px)}
.schedule01 .flatpickr-day{display:flex;align-items:center;max-width:none;width:calc(100% / 7);height:auto;color:#2a2a2a;font-size:14px;line-height:normal;text-align:center;vertical-align:middle;background:#eaeaea;border-color:#fff;border-right:1px solid #fff;border-bottom:1px solid #fff;border-radius:0;cursor:pointer}
.schedule01 .flatpickr-day.selected, .schedule01 .flatpickr-day:hover
, .schedule01 .flatpickr-day.selected:hover, .schedule01 .flatpickr-day.today:hover, .schedule01 .flatpickr-day.today:focus {color:#fff;background:#c2a480;border-color:#fff}
.schedule01 .flatpickr-day.today{border:none}.schedule01 .flatpickr-day.nextMonthDay{display:none;width:0;height:0}
.schedule01 .flatpickr-day.flatpickr-disabled,.schedule01 .flatpickr-day.flatpickr-disabled:hover{color:#888;cursor:default;background-color:#fff}
.yeardate{display:block}.date_ok{color:#4c4c4c;font-weight:500;box-sizing:border-box;position:absolute;font-size:13px;width:100%;height:40px;left:0;bottom:0;text-align:right;line-height:40px;background:#eee;padding-right:20px;margin-top:20px}
.date_ok .date_choice{font-size:14px;font-weight:600;color:#f76f00}

.counsel-form{float: right; width: 464px; background-size: 100% 100%; box-sizing: border-box; background-color: transparent;padding: 0px 0px 0px 40px;}
.counsel-form input[type="text"], .counsel-form input[type="password"], .counsel-form select, .counsel-form textarea {font-family: 'Pretendard', 'sans-serif';}
.counsel-form input[type="text"]{width: 100%; height: 41px; background-color: transparent; border: 1px solid #2A2A2A; color: #2A2A2A; font-weight: 300; padding: 0 10px; box-sizing: border-box;}
.counsel-form input[type="text"]:-internal-autofill-selected {background-color: transparent;}
.counsel-form .label-box{display: none;}
.counsel-form label {width: 69px;font-size: 17px; text-align: center; position: relative; color: #2A2A2A;}
.counsel-form .input-box {width: 291px;display: table-cell;}
.counsel-form .line{display: table; width: 100%;margin-top: 12px;}
.counsel-form .line:first-child {margin-top: 0;}
.counsel-form .reserve-time-box select{width: 100%; height: 41px; padding: 0 10px; border: 1px solid #2A2A2A; background: url('/img/board/select_bg_arrow.png') 100% 50% no-repeat;}
.counsel-form .reserve-time-box select, .counsel-form input[type="text"], .counsel-form .counsel-article{color: #272727; font-size: 18px; font-weight: 400;}
.counsel-form .reserve-time-box select option, .counsel-form input[type="text"]::placeholder, .counsel-form .counsel-article::placeholder{color: #2A2A2A;}
.counsel-form .counsel-article-line{margin-top: 12px;}
.counsel-form .counsel-article{width: 100%; height: 135px; padding: 10px; border: 1px solid #2A2A2A; background-color: transparent; box-sizing: border-box; resize: none;}
.counsel-form .privacy-agree-check label{position: relative; width: auto; color: #2A2A2A; font-size: 17px; font-weight: 400; text-align: center;}
.counsel-form .privacy-agree-check {display: flex; align-items: center;}

.counsel-form .btn-reserve{float: right;width: 208px; color: #fff;line-height: 40px;font-size: 20px;letter-spacing: -1px;font-weight: 600;text-align: center;background-color: #9A161F;-webkit-appearance: none;border: none;border-radius: 0;cursor: pointer;}
.counsel-article-last-line {display: flex; justify-content: space-between; align-items: center; margin-top: 15px;} */

/* sub common pagin */
.pagin{padding-top: 30px; text-align: center;}
.pagin ul {font-size: 0; display: inline-block; vertical-align: middle;}
.pagin ul li {display: inline-block; margin: 0 9px;}
.pagin ul a{font-size: 23px; font-weight: 300; color: #2A2A2A; text-decoration: none;}
.pagin ul a.active{font-weight: 500;}

/* counselling list */
/* .cs_board_list{position: relative; padding: 330px 0 0; background: linear-gradient(180deg, #F0F0F0 24.3%, rgba(255, 255, 255, 0.00) 116.57%);}
.cs_board_list:before {content: ''; position: absolute; top: 110px; left: 0; width: 100%; height: calc(100% - 110px); background-image: url('/img/intro/intro_top_bg.png'); background-size: 100% auto; background-position: top; background-repeat: no-repeat;}
.cs_board_list .con_tit:before{display: none;}
.cs_board_list .board_list_wrap{position: relative;padding: 0;}
.cs_board_list .board_list_wrap .con_tit_bg{position: absolute; top: -130px; width: 100%; color: #E0DCD8; font-family: 'Didot'; font-size: 96px; font-weight: 500; line-height: 228px; text-transform: uppercase; text-align: center; filter: blur(0); -webkit-filter: blur(0);}
.board_list_wrap .cont_tit{position: relative; color: #2A2A2A; font-size: 50px; font-weight: 700; line-height: 50px; letter-spacing: -2.5px; text-align: center; margin-bottom: 22px;}
.board_list_wrap .sub-heading{font-size: 24px; font-weight: 400; color: #2A2A2A; letter-spacing: -1px; text-align: center; margin-bottom: 90px;}

.cs_board_list .maps-menu>a{transition: all 300ms;}
.cs_board_list .board-counsel .board_list_inner{position: relative; width: 1200px; margin: 0 auto; padding: 0px 0 155px;}

.cs_board_list .bbs_searchbox{position: relative;width: 640px; margin: 0 auto; border: 2px solid #2A2A2A; text-align: left;}
.cs_board_list .consult_input{width: 580px; height: 66px; font-family: 'Pretendard', 'sans-serif'; font-size: 25px; color: #2A2A2A; font-weight: 400; background-color: transparent; padding-left: 20px; border: none; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
.consult_input::placeholder{color: #737373;}
.cs_board_list .consult_input::-webkit-input-placeholder {color: #737373;}
.cs_board_list .consult_input_img{position: absolute;border: none;width: 31px;height: 31px; right: 20px; top: 50%; transform: translateY(-50%);
background-repeat: no-repeat;}

.cs_board_list .counsel-board-list{border-top: 2px solid #2A2A2A; margin-top: 48px; margin-bottom: 10px;}
.cs_board_list .counsel-board-list>li{display: flex; justify-content: space-between; align-items: center; font-size: 19px;font-weight: 400; color: #2A2A2A; padding: 12px 0; border-bottom: 1px solid #E4E4E4;}
.cs_board_list .counsel-board-list>.board-list {cursor: pointer;}
.cs_board_list .counsel-board-list>.board-list:hover{background-color: var(--sub-color3);}
.cs_board_list .counsel-board-list>li:first-child div{font-size: 21px;font-weight: 400;}
.cs_board_list .counsel-board-list>li>div {display: inline-block; vertical-align: middle; text-align: center;}
.cs_board_list .counsel-board-list>li>div:nth-child(1) {width: 10%;}
.cs_board_list .counsel-board-list>li>div:nth-child(2) {width: 58%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.cs_board_list .counsel-board-list>li>div:nth-child(3) {width: 10%;}
.cs_board_list .counsel-board-list>li>div:nth-child(4) {width: 10%;}
.cs_board_list .counsel-board-list>li>div:nth-child(5) {width: 10%;}
.cs_board_list .counsel-board-list>li>div, .cs_board_list .counsel-board-list>.board-list>.subject>a .title {color: #2A2A2A;}
.cs_board_list .counsel-board-list .subject img {margin-right: 7px;}
.cs_board_list .counsel-board-list .status_disp {width: 80px; margin: auto; line-height: 2em; border-radius: 20px; font-weight: 500; font-size: .8em; text-align: center;}
.cs_board_list .counsel-board-list .status_disp.faq_finish{background-color: #2A2A2A; color: #fff;}
.cs_board_list .counsel-board-list .status_disp.faq_regist{background-color: transparent; border: 1px solid #2A2A2A; color: #2A2A2A;}
.cs_board_list .counsel-board-list>.board-list>.subject>a{display: block;text-overflow: ellipsis; overflow: hidden; white-space: nowrap; text-decoration: none;}

.cs_board_list .write_btn {text-align: right; margin-bottom: 20px;}
.cs_board_list .write_btn button{font-size: 15px; color: #2A2A2A; margin-top: 10px; padding: 6px 30px; border: 1px solid #2A2A2A; border-radius:20px; background: none; cursor: pointer;}
.cs_board_list .mobile-only {display: none;}
.cs_board_list .pc-only {display: block;} */

/* counselling write */
/* .cs_write input[type="text"], input[type="password"], textarea {appearance: none; -webkit-appearance: none; -moz-appearance: none;}
.cs_write .board-search-select,.board-wrap select {height:32px;border:1px solid #ccc}
.cs_write .board-counsel-banner {max-width: 1200px; width: 100%; margin: 0 auto;}
.cs_write .oq-chk, .cs_write .oq-info{margin-bottom:40px}
.cs_write .online-qna {margin-top: 65px;}
.cs_write .online-qna h1{font-size:1.3em;font-weight:500;margin-bottom:10px;color:#333}
.cs_write .oq-terms-box{font-size:12px;line-height:1.6em;border:1px solid #e0e0e0;background-color:#fff;padding:15px;overflow-scrolling:touch;-webkit-overflow-scrolling:touch;-moz-overflow-scrolling:touch}
.cs_write .oq-terms{height:16em;overflow:auto;font-size:1.1em}
.cs_write .oq-chk{padding:10px 10px 15px;border-bottom:1px solid #efefef;font-size:13px;color: #2A2A2A;}
.cs_write .align-c{text-align:center;}
.cs_write .btn-emp{outline:0;cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none;border-radius:0;width:170px;height:50px;color:#333;background:0 0;border:2px solid #333;font-size:16px;letter-spacing:-.03em}
.cs_write .oq-info{overflow:hidden;border-top:2px solid #192437}
.cs_write .oq-info li{overflow:hidden;border-bottom:1px solid #ddd;padding:12px 0}
.cs_write .oq-info .oqi-label{line-height:32px;width:250px;font-size:1.1em;padding-left:20px;-webkit-box-sizing:border-box;box-sizing:border-box}
.cs_write .oq-info .oqi-field{width:900px}
.cs_write .oq-info>li>div{display:inline-block;}
.cs_write .board-search-field, .cs_write .board-wrap input[type=password], .cs_write .board-wrap input[type=text] {border-radius:0;padding:0 5px;height:30px;border:1px solid #ccc;line-height:1.5em;background-color:#fff}
.cs_write #oq-name{width:530px}
.cs_write .board-search-select, .cs_write .board-wrap select {height:32px;border:1px solid #ccc}
.cs_write .board-wrap select{padding-left:5px;padding-right:25px;appearance:none;-webkit-appearance:none;-moz-appearance:none;border-radius:0;background:url('/img/board/sel_bl.png') right center/15px 15px no-repeat}
.cs_write .oq-field {width: 90%; background: #f5f5f5;}
.cs_write #oq-msg{width:100%;resize:none;-webkit-box-sizing:border-box;box-sizing:border-box;padding:5px;border:1px solid #ccc;border-radius:0}#oq-email1,#oq-email2,#oq-tel1,#oq-tel2{width:160px}
.cs_write{padding:40px 0 120px;background-color:#f1f1f1}
.cs_write .cs_write_inner{width:1200px;position:relative;margin-left:auto;margin-right:auto}
.cs_write .oqi-field select{background-color:#fff;width:160px;vertical-align:top}
.cs_write .board-wrap label{color:#333;cursor:pointer}
.cs_write .oq-terms, .cs_write .oqi-field{color: #000;}
.cs_write .oq-info .oqi-label, .cs_write .oq-info .oqi-field input{color: #000;}
.cs_write .oq-info .oqi-field input[type='file'] {background-color: transparent;} */

/* view jaemok */
.jaemok_wrap{width: 1200px;margin: 0 auto;}
.jaemok_wrap h4{font-size: 32px; letter-spacing: -1px; font-weight: 400; color: #5d5d5d;}
.jaemok_wrap h1{font-size: 38px;letter-spacing: -1px;font-weight: 600;margin-top: 10px;margin-bottom: 35px;color: #2A2A2A;}
.jaemok_wrap #date{font-weight: 300;font-size: 21px;color: #2A2A2A;margin-bottom: 32px;}

/* counselling view */
/* .cs_board_view, .secret-view-wrap{position: relative; padding: 330px 0 300px; background: linear-gradient(180deg, #F0F0F0 24.3%, rgba(255, 255, 255, 0.00) 116.57%); color: #2A2A2A;}
.cs_board_view:before, .secret-view-wrap:before {content: ''; position: absolute; top: 110px; left: 0; width: 100%; height: calc(100% - 110px); background-image: url('/img/intro/intro_top_bg.png'); background-size: 100% auto; background-position: top; background-repeat: no-repeat;}
.cs_board_view .con_tit:before{display: none;}
.cs_board_view .cs_board_view_inner{position: relative;padding: 0;}
.cs_board_view .cs_board_view_inner .con_tit_bg{position: absolute; top: -130px; width: 100%; color: #E0DCD8; font-family: 'Didot'; font-size: 96px; font-weight: 500; line-height: 228px; text-transform: uppercase; text-align: center; filter: blur(0); -webkit-filter: blur(0);}
.cs_board_view .cs_board_view_inner .cont_tit{position: relative; color: #2A2A2A; font-size: 50px; font-weight: 700; line-height: 50px; letter-spacing: -2.5px; text-align: center; margin-bottom: 22px;}
.cs_board_view .cs_board_view_inner .sub-heading{font-size: 24px; font-weight: 400; color: #2A2A2A; letter-spacing: -1px; text-align: center; margin-bottom: 90px;}
.cs_board_view .board-counsel .container2{position: relative width: 1200px; margin: 0 auto; padding: 0px 0 55px;}

.secret-view-box {position: relative; width: 350px; background-color: #f1f1f1; padding: 50px 30px; border: 1px solid #DDDDDD; border-radius: 10px; line-height: 160%; margin: 0px auto; box-sizing: border-box;}

.cs_board_view .cases-view{background: #fff;}
.cs_board_view .bordered-head-left:before{display: none;}
.cs_board_view .board-counsel .container{display: block; padding: 85px 0 185px; max-width: 1200px; width: 100%; margin: 0 auto;}
.cs_board_view .cs_write_inner {position: relative; margin: 0 auto;}
.cs_board_view .counsel-board-view .media_inner{padding: 0 0 60px; border-bottom: 1px solid #2A2A2A;}
.cs_board_view .board-counsel h2, .cs_board_view .list_btn{color: #2A2A2A;}
.cs_board_view .list_btn{display: block; width: 145px; font-size: 20px;font-weight: 300; text-align: center; border: 1px solid #2A2A2A; padding: 8px 0; margin: 80px auto 0; cursor: pointer; -webkit-transition: all ease .5s; transition: all ease .5s; text-decoration: none;}
.cs_board_view .list_btn.board_list_button{float: left;}
.cs_board_view .list_btn.board_edit_button{float: right;margin-left: 10px;}
.cs_board_view .edit-delete-buttons .list_btn.board_edit_button:nth-child(2){margin-right: 10px;}
.cs_board_view #view_content{color: #2A2A2A; line-height: 25.6px;} */

/* board list search box (not consult) */
.cases-successful-cases{padding-bottom: 15px;}
.cases-successful-cases .container{padding: 0;width: 100%;}
.cases-cases-search{position: relative; width: 640px;margin: 0 auto;border: 2px solid #2A2A2A;text-align: left;}
.cases-cases-search input[type="text"]{width: 580px; height: 66px; font-family: 'Pretendard', 'sans-serif'; font-size: 25px; color: #2A2A2A; font-weight: 400 !important; background-color: transparent; padding-left: 20px; border: none; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
.cases-cases-search input[type="text"]:focus, .cases-cases-search input[type="text"]:focus-visible {border: none; outline: none;}
.cases-cases-search input[type="text"]::placeholder{color: #737373;}
.cases-cases-search input[type="text"]::-webkit-input-placeholder {color: #737373;}
.cases-cases-search .search-button{position: absolute;background: url('/img/board/search_ico.png') ;background-color: transparent; width: 31px;height: 31px; right: 20px; top: 50%; transform: translateY(-50%); background-repeat: no-repeat; border: none; cursor: pointer;}

/* sub main tag  */
.main-tags{overflow: hidden;}
.main-tags .container{position: relative; width: 640px; padding: 0 0 12px; margin: 0 auto; box-sizing: border-box;}
.main-tags .container .tags-list{top: auto; position: static; margin: 0; height: 29px; opacity: 1; overflow: hidden;}
.main-tags .container .tags-list li{float: left; margin-right: 7px; line-height: 27px; margin-bottom: 9px; border-radius: 15px;}
.main-tags .container .tags-list li	a{color: #2A2A2A; font-size: 21px; font-weight: 400; padding: 0 4px; text-decoration: none;}
.main-tags .container .tags-list li	a:before{content: '#';}
.tags-list li.active, .tags-list li:hover{background: transparent;border: 0;}

/* case list  */
.case_board_list{position: relative; padding: 330px 0 100px; background: linear-gradient(180deg, #F0F0F0 24.3%, rgba(255, 255, 255, 0.00) 116.57%);}
.case_board_list:before {content: ''; position: absolute; top: 110px; left: 0; width: 100%; height: calc(100% - 110px); background-image: url('/img/intro/intro_top_bg.png'); background-size: 100% auto; background-position: top; background-repeat: no-repeat;}
.case_board_list .con_tit:before{display: none;}
.case_board_list .board_list_inner{position: relative;padding: 0;}
.case_board_list .board_list_inner .con_tit_bg{position: absolute; top: -130px; width: 100%; color: #E0DCD8; font-family: 'Didot'; font-size: 96px; font-weight: 500; line-height: 228px; text-transform: uppercase; text-align: center; filter: blur(0); -webkit-filter: blur(0);}
.case_board_list .board_list_inner .cont_tit{position: relative; color: #2A2A2A; font-size: 50px; font-weight: 700; line-height: 50px; letter-spacing: -2.5px; text-align: center; margin-bottom: 130px;}

.case_board_list .repre_cases {margin-top: 79px;}
.case_board_list .repre_cases .inner {max-width: 1561px; padding: 0 20px; margin: 0 auto;}
.case_board_list .repre_cases .tit {display: inline-flex; align-items: center; justify-content: flex-start; color: #808080; font-size: 24px; font-weight: 700; letter-spacing: -1.2px; padding-bottom: 10px; border-bottom: 1px solid #808080;}
.case_board_list .repre_cases .slide_container {margin-top: 73px;}
.repre_cases .swiper-wrapper {display: flex; justify-content: center; animation: scroll-left 20s linear infinite; /* width: max-content; */will-change: transform;}
@keyframes scroll-left {
    0% {
        transform: translateX(0%);
    }
    100% {
        transform: translateX(-40%);
    }
}
.case_board_list .repre_cases .slide_container .swiper-slide {width: auto !important; padding: 0 7px;}
.case_board_list .repre_cases .slide_container .swiper-slide a {text-decoration: none;}
.case_board_list .repre_cases .slide_container .swiper-slide:nth-child(2n) {margin-top: 60px;}
.case_board_list .repre_cases .slide_container .item {position: relative; display: flex; align-items: flex-end; width: 178px; height: 236px; border-radius: 10px; overflow: hidden; box-sizing: border-box;}
.case_board_list .repre_cases .slide_container .item .img_box {width: 100%; height: 100%; position: absolute; left: 0; top: 0; border-radius: 10px;
background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 66.23%, rgba(0, 0, 0, 0.00) 87.09%), var(--sub-color3); background-size: cover; background-repeat: no-repeat; background-position: center; transition: transform 0.5s;}
.case_board_list .repre_cases .slide_container .item:hover .img_box {transform: scale(1.2);}
.case_board_list .cases_box {margin-top: 135px; margin-bottom: 155px;}
.case_board_list .cases_box .inner {padding: 0 20px;}
.case_board_list .cases_list {max-width: 1135px; margin: 0 auto;}
.case_board_list .cases_list > li{border-bottom: 1px solid #C2C2C2;}
.case_board_list .cases_list > li a {display: flex; justify-content: space-between; gap: 9.7%; color: var(--black); text-decoration: none; padding: 38px 0 23px;}
.case_board_list .cases_list > li:nth-child(1){border-top: 1px solid #C2C2C2;}
.case_board_list .cases_list .item .content_wrap {width: 65.99%;}
.case_board_list .cases_list .item .content_wrap .title {font-size: 30px; font-weight: 700; overflow: hidden; text-overflow: ellipsis; white-space: normal; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.case_board_list .cases_list .item .content_wrap .content {margin-top: 22px; color: #808080; font-size: 18px; font-weight: 300; line-height: 160%; letter-spacing: -0.9px; overflow: hidden; white-space: normal; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.case_board_list .cases_list .item .lawyer_wrap {position: relative; display: flex; flex-direction: column; align-items: end; width: 24.31%; margin-top: 14px; padding-right: 5px;}
.case_board_list .cases_list .item .lawyer_wrap ul {display: flex; gap: 20px;}
.case_board_list .cases_list .item .lawyer_wrap .lawyer .img {width: 76px; height: 76px; border-radius: 100%; background-color: var(--sub-color2); background-repeat: no-repeat; background-size: contain; background-position: bottom center; margin-bottom: 7px;}
.case_board_list .cases_list .item .lawyer_wrap .lawyer .name {color: var(--black2); text-align: center; font-size: 18px; font-weight: 700; line-height: 26.4px;}
.case_board_list .cases_list .item .lawyer_wrap .fake_btn {display: flex; align-items: center; gap: 5px; color: #37373A; font-size: 15px; font-weight: 400; line-height: 105%; text-transform: uppercase; margin-top: 19px; margin-right: 7px;}
.case_board_list .cases_list .item .lawyer_wrap .fake_btn:after {content: ''; position: relative; width: 13px; height: 13px; background: url('/img/renew/btn_black_arr.svg') no-repeat center / contain;}

/* view view_content */
#view_content img{max-width:100%; height: auto !important;}
#view_content p {line-height: 36px;}
#view_content strong {font-weight: bold;}

/* board view right */
#board_view_right{float: left;}
#board_view_right h3{font-size: 1.3em; color: #473d33; font-weight: 600;margin-bottom: 14px;}
#board_view_right .board_title{width: 278px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
#board_view_right .damdang a{padding: 15px 0 15px 20px; background-color: #473d33; border-bottom: 0; margin-left: 0; margin-bottom: 6px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;display: block;  position: relative;   box-sizing: border-box;width: 278px;}
#board_view_right .damdang a .person{margin-right: 13px; width: 43px;}
#board_view_right .damdang a .img-wrap{width: 43px;height: 43px;border: 0;background-color: #C0C0C2;border-radius: 50%;overflow: hidden;}
#board_view_right .damdang a .expert-name{font-weight: 400; color: #fff; font-size: 19px;padding-left: 10px;}
#board_view_right .damdang a .expert-position{font-weight: 100; color: #fff; font-size: 16px;}

#board_view_right .view_content_wrap{margin: 14px 0 20px;}
#board_view_right .view_img{width: 278px;}
#board_view_right .board_view2, #board_view_right .board_view3{margin-top: 50px;}
#board_view_right .board_view3 .jungbo{background-color: #eee;width: 278px;}
#board_view_right .board_view3 .jungbo ul{padding: 15px 0;}
#board_view_right .board_view3 .jungbo ul li{margin-bottom: 10px;}
#board_view_right .board_view3 .jungbo ul li:last-child{margin-bottom: 0;}
#board_view_right .board_view3 .jungbo ul li a{display: block;width: 240px;margin: 0 auto;text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}

/* board view right : 유사건으로 상담 필요시 박스 */
.usa{text-align: center;font-weight: 400;font-size: 16px;padding-bottom: 18px;letter-spacing: -1px;}
.usa_bold{color: #9A161F;font-weight: 600;font-size: 18px;}

.phone-counsel-request{position: relative; width: 276px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; padding: 42px 27px; background-color: var(--sub-color3); height: auto; box-sizing: border-box; margin-top: 60px;}
.sam{position: absolute; left: -20px; top: 0; transform: rotate(180deg); width: 0; height: 0; border-bottom: 12px solid var(--sub-color3); border-top: 12px solid transparent; border-left: 12px solid var(--sub-color3); border-right: 12px solid transparent;}
.phone-counsel-request .phone-input,.category-select{background-image: none;background-color: #e2e2e2;width: 100%;border: 1px solid #1a1917; height: 40px; box-sizing: initial;}
.category-select{position: relative;height: auto;}
.category-select select{background: none; width: 100%; height: 40px; font-size: 17px; font-weight: 400; cursor: pointer; border: none; padding-left: 12px; -moz-appearance: none; -webkit-appearance: none; background-color: var(--sub-color3);}
.phone-counsel-request .input-box{margin-bottom: 9px;}
.phone-counsel-request .phone-input input, .category-select select, .phone-counsel-request .request-button {font-family: 'Pretendard', 'sans-serif'; letter-spacing: -0.5px;}
.phone-counsel-request .phone-input input{float: left; height: 40px;  text-align: left; text-indent: 8px; font-size: 17px; font-weight: 400; color: #000; padding: 5px; background: none; border: none; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; background-color: var(--sub-color3);}
.phone-counsel-request .phone-input input:last-child{width: 100%;}
.phone-counsel-request .phone-input input::placeholder{color: #000;}
.phone-counsel-request .request-button{background: #9A161F;border-radius:0; margin-top: 12px;width: 100%;font-size: 18px;font-weight: 500; line-height: 38px; border: none; color: #fff; cursor: pointer;}
.cate_arrow{position: absolute; right: 15px; top: 16px; width: 6px; height: 6px; border-left: 1px solid #000; border-bottom: 1px solid #000; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg);  transform: rotate(-45deg);}

/* 이미지 하단 배너와 목록보기 버튼 */
.sub .imgLinks{text-align: center;}
.sub .case_board_view .imgLinks {margin-top: 50px;}
.bottom_banner{display: block;max-width:400px;width:100%;margin:5px auto;}
.list_btn{display: block; margin: 130px 0 0; border: 1px solid #1b1917; width: 145px; padding: 5px 0; font-size: 20px; font-weight: 300; color: #1b1917; text-align: center; -webkit-transition: all ease .5s; transition: all ease .5s;}

/* case view */
.case_board_view{position: relative; padding: 330px 0 100px; background: linear-gradient(180deg, #F0F0F0 24.3%, rgba(255, 255, 255, 0.00) 116.57%); color: #2A2A2A;}
.case_board_view:before{content: ''; position: absolute; top: 110px; left: 0; width: 100%; height: calc(100% - 110px); background-image: url('/img/intro/intro_top_bg.png'); background-size: 100% auto; background-position: top; background-repeat: no-repeat;}
.case_board_view .con_tit:before{display: none;}
.case_board_view .board_view_inner{position: relative;padding: 0;}
.case_board_view .board_view_inner .con_tit_bg{position: absolute; top: -130px; width: 100%; color: #E0DCD8; font-family: 'Didot'; font-size: 96px; font-weight: 500; line-height: 228px; text-transform: uppercase; text-align: center; filter: blur(0); -webkit-filter: blur(0);}
.case_board_view .board_view_inner .cont_tit{position: relative; color: #2A2A2A; font-size: 50px; font-weight: 700; line-height: 50px; letter-spacing: -2.5px; text-align: center; margin-bottom: 130px;}

.case_board_view .jaemok_wrap h4:before{content: '#';}
.case_board_view .cases-view{padding: 85px 0 185px;} 

.case_board_view .cases-inner {width: 1200px; position: relative; margin: 0 auto;}
.case_board_view .cases-inner #content_wrap .content_head{position: relative; color: #2A2A2A; padding-bottom: 40px;padding-left: 20px;}
.case_board_view .cases-inner .content_head::before{content: ""; position: absolute; width: 10px; height: 3px; top: 18px; left: 0; background-color: #2A2A2A;}
.case_board_view .cases-inner a {text-decoration: none;}

.case_board_view .scope_button, .case_board_view .scope_wrap .text{position:absolute;z-index:3000;color:#fff}
.case_board_view .cases-inner #content_wrap h1+p{margin-top:35px}
.case_board_view .cases-inner #content_wrap p{font-size: 15px; line-height: 1.76em; margin-top:0}
.case_board_view .cases-inner #content_wrap p strong{font-weight:600}
.case_board_view .cases-inner #content_wrap .content{line-height:1.2; margin-bottom: 80px; word-break: break-all;}
.case_board_view .cases-inner #content_wrap .content:last-child {margin-bottom: 0;}
.case_board_view .cases-inner #content_wrap .content h2{margin:16px 0}
.case_board_view .cases-inner #content_wrap .content img{max-width:100%}
.case_board_view #case_image{position:relative;display:block;width:276px;margin-bottom:30px;overflow:hidden}
.case_board_view #case_image:hover .scope_wrap{top:0}
.case_board_view #case_image img{display:block;width:276px;margin-bottom:0}
.case_board_view scope_wrap{position:absolute;z-index:3000;top:-700px;left:-10px;height:100%;transition:.5s;width:100%;background:rgba(0,0,0,.6)}
.case_board_view .scope_button{top:50%;left:50%;margin-top:-15px;margin-left:-15px;font-size:12px}
.case_board_view .scope_button i{font-size:40px}
.case_board_view .scope_wrap .text{top:70%;line-height:17px;width:80%;left:10%;font-size:14px}
.case_board_view .fancybox-container{-webkit-backface-visibility:hidden;height:100%;left:0;outline:0;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:manipulation;touch-action:manipulation;transform:translateZ(0);width:100%;z-index:99992999}

.case_board_view #inst_view_wrap { width: 75%; display: inline-block; vertical-align: top; padding-right: 50px; -webkit-box-sizing: border-box; box-sizing: border-box;}
.case_board_view #inst_view_wrap h1{font-size: 1.8em; line-height: 1.4em; word-break: break-all; margin-top: 0;font-weight: 400;}
.case_board_view #inst_view_side{display: inline-block; width: auto; vertical-align: top; box-sizing: border-box;}

.case_board_view .inst_data h1{font-size: 1.3em;color: #60503b;font-weight: 400; margin-bottom: 14px;}

.case_board_view #case_image img{border: 0;}
.case_board_view #case_image{border: 1px solid #bfbfbf;margin-bottom: 50px;}

.case_board_view .cases-laywer{display: block; position: relative; width: 276px; box-sizing: border-box; padding: 15px 0 15px 20px; background-color: var(--sub-color3); margin-bottom: 6px; -webkit-box-shadow: none; -moz-box-shadow: none;box-shadow: none;}
.case_board_view .cases-view-request{margin-left: 0;}

.case_board_view .junmun_name{font-weight: 400;color: #2A2A2A;font-size: 19px;}
.case_board_view .junmun_job{font-weight: 300;color: #2A2A2A;font-size: 16px;}

.case_board_view .cases-laywer, .case_board_view .cases-laywer .person{height: auto;}
.case_board_view .inst_data{margin-bottom: 60px;}
.case_board_view .inst_data h1{margin-left: 0;}

.case_board_view .cases-laywer .person{width: auto;}
.case_board_view .cases-laywer .person .avatar{float: left; width: 43px; margin-right: 13px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%;}
.case_board_view .cases-laywer .person-name {float: left; margin-top: 8px;}
.case_board_view .scope_wrap{left: 0;}

/* column list */
.column_board_list{position: relative; padding: 330px 0 100px; background: linear-gradient(180deg, #F0F0F0 24.3%, rgba(255, 255, 255, 0.00) 116.57%);}
.column_board_list:before {content: ''; position: absolute; top: 110px; left: 0; width: 100%; height: calc(100% - 110px); background-image: url('/img/intro/intro_top_bg.png'); background-size: 100% auto; background-position: top; background-repeat: no-repeat;}
.column_board_list .con_tit:before{display: none;}
.column_board_list .board_list_inner{position: relative;padding: 0;}
.column_board_list .board_list_inner .con_tit_bg{position: absolute; top: -130px; width: 100%; color: #E0DCD8; font-family: 'Didot'; font-size: 96px; font-weight: 500; line-height: 228px; text-transform: uppercase; text-align: center; filter: blur(0); -webkit-filter: blur(0);}
.column_board_list .board_list_inner .cont_tit{position: relative; color: #2A2A2A; font-size: 50px; font-weight: 700; line-height: 50px; letter-spacing: -2.5px; text-align: center; margin-bottom: 22px;}

.column_board_list .client-story > .container{position: relative; max-width: 1177px; width: 100%; margin: 0 auto; padding: 0 0 155px;}
.column_board_list .client-story .sub-heading{font-size: 24px; font-weight: 400; color: #2A2A2A; letter-spacing: -1px; text-align: center; margin-bottom: 90px;}

.column_board_list .article-list-default{display: flex; flex-wrap: wrap; gap: 17px; margin: 75px auto 0; box-sizing: initial;}
.column_board_list .article-list-default li{width: 374px; height: auto; border: 1px solid #d5d5d5; box-sizing: border-box;}
.column_board_list .article-list-default a {text-decoration: none;}
.column_board_list .client-story .image{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 0; overflow: hidden;}
.column_board_list .client-story .image .thumbnail{width: 100%; height: 252px; background-repeat: no-repeat; background-size:cover; background-position:center center;}
.column_board_list .article-list-default .text{display: flex; flex-direction: column; align-items: end; height: 113px; padding: 15px 20px; background-color: var(--sub-color3); box-sizing: border-box;}
.column_board_list .article-list-default .subject{font-size: 18px; font-weight: 400; color: #2A2A2A; overflow: hidden; text-overflow: ellipsis; white-space: normal; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.column_board_list .article-list-default .author{float: right;font-size: 17px;font-weight: 100;margin-top: 7px;color: #2A2A2A;}

/* column view */
.column_board_view{position: relative; padding: 330px 0 100px; background: linear-gradient(180deg, #F0F0F0 24.3%, rgba(255, 255, 255, 0.00) 116.57%); color: #2A2A2A;}
.column_board_view:before {content: ''; position: absolute; top: 110px; left: 0; width: 100%; height: calc(100% - 110px); background-image: url('/img/intro/intro_top_bg.png'); background-size: 100% auto; background-position: top; background-repeat: no-repeat;}
.column_board_view .con_tit:before{display: none;}
.column_board_view .board_view_inner{position: relative;padding: 0;}
.column_board_view .board_view_inner .con_tit_bg{position: absolute; top: -130px; width: 100%; color: #E0DCD8; font-family: 'Didot'; font-size: 96px; font-weight: 500; line-height: 228px; text-transform: uppercase; text-align: center; filter: blur(0); -webkit-filter: blur(0);}
.column_board_view .board_view_inner .cont_tit{position: relative; color: #2A2A2A; font-size: 50px; font-weight: 700; line-height: 50px; letter-spacing: -2.5px; text-align: center; margin-bottom: 22px;}
.column_board_view .board_view_inner .sub-heading{font-size: 24px; font-weight: 400; color: #2A2A2A; letter-spacing: -1px; text-align: center; margin-bottom: 90px;}

.column_board_view .jaemok_wrap h4:before{content: '#';}
.column_board_view .cases-view{padding: 85px 0 185px;}

.column_board_view .board-counsel .container{max-width: 1200px; width: 100%; margin: 0 auto; padding: 85px 0 126px; overflow: hidden;}
.column_board_view .board-counsel a {color: #2A2A2A; text-decoration: none;}
.column_board_view .counsel-board-view .media_inner{padding: 0 0 60px;}
.column_board_view .board-counsel h2 {color: #2A2A2A;}
.column_board_view .counsel-board-view{float: left; width: 75%; vertical-align: top; padding-right: 50px; -webkit-box-sizing: border-box; box-sizing: border-box;}
.column_board_view .counsel-board-view .inner{width: auto; position: relative; margin: 0 auto;}

/* story and news list  */
/* .story_board_list{position: relative; padding: 330px 0 100px; background: linear-gradient(180deg, #F0F0F0 24.3%, rgba(255, 255, 255, 0.00) 116.57%); min-height: calc(100vh - 456px);}
.story_board_list:before {content: ''; position: absolute; top: 110px; left: 0; width: 100%; height: calc(100% - 110px); background-image: url('/img/intro/intro_top_bg.png'); background-size: 100% auto; background-position: top; background-repeat: no-repeat;}
.story_board_list .con_tit:before{display: none;}
.story_board_list .board_list_inner{position: relative;padding: 0;}
.story_board_list .board_list_inner .con_tit_bg{position: absolute; top: -130px; width: 100%; color: #E0DCD8; font-family: 'Didot'; font-size: 96px; font-weight: 500; line-height: 228px; text-transform: uppercase; text-align: center; filter: blur(0); -webkit-filter: blur(0);}
.story_board_list .board_list_inner .cont_tit{position: relative; color: #2A2A2A; font-size: 50px; font-weight: 700; line-height: 50px; letter-spacing: -2.5px; text-align: center; margin-bottom: 22px;}

.story_board_list .client-story .container{position: relative; max-width: 1177px; width: 100%; margin: 0 auto; padding: 0 0 155px;}
.story_board_list .client-story .sub-heading{font-size: 24px; font-weight: 400; color: #2A2A2A; letter-spacing: -1px; text-align: center; margin-bottom: 90px;}

.story_board_list .article-list-default{display: flex; flex-wrap: wrap; gap: 17px; color: #2A2A2A; margin: 75px auto 0;}
.story_board_list .article-list-default li {cursor: pointer;}
.story_board_list .article-list-default li .title {display: flex; align-items: center; padding: 37px 0;}
.story_board_list .article-list-default li .title span.mark {color: #9A161F; font-family: 'Poppins'; font-size: 30px; font-weight: 700; margin-right: 12px;}
.story_board_list .article-list-default li .title span.txt {flex: 1; color: #272727; font-size: 30px; font-weight: 700; letter-spacing: -3.3px; overflow: hidden; text-overflow: ellipsis; white-space: normal; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.story_board_list .article-list-default li .title button.btn {display: inline-flex; align-items: center; justify-content: center; width: 60px; height: 60px; text-align: center; background: url('/img/board/arrow_btn.png') no-repeat center / 29px 16px; padding: 0; transition: all 0.3s; transform: rotate(0deg); border: none; outline: none; cursor: pointer;}
.story_board_list .article-list-default li .content {max-height: 0; font-size: 20px; font-weight: 300; line-height: 160%; letter-spacing: -1px; border-bottom: 1px solid #C2C2C2; overflow: hidden; transition: max-height .35s ease;}
.story_board_list .article-list-default li .content b {font-weight: 700;}
.story_board_list .article-list-default li .content .inner {padding: 0 0 37px;}
.story_board_list .article-list-default li.show .title {border-bottom: none;}
.story_board_list .article-list-default li.show .title button.btn {transform: rotate(180deg);}
.story_board_list .article-list-default li.show .content {max-height: 1000px;} */

/* story and news view */
/* .story_board_view{position: relative; padding: 330px 0 100px; background: linear-gradient(180deg, #F0F0F0 24.3%, rgba(255, 255, 255, 0.00) 116.57%); color: #2A2A2A;}
.story_board_view:before {content: ''; position: absolute; top: 110px; left: 0; width: 100%; height: calc(100% - 110px); background-image: url('/img/intro/intro_top_bg.png'); background-size: 100% auto; background-position: top; background-repeat: no-repeat;}
.story_board_view .con_tit:before{display: none;}
.story_board_view .board_view_inner{position: relative;padding: 0;}
.story_board_view .board_view_inner .con_tit_bg{position: absolute; top: -130px; width: 100%; color: #E0DCD8; font-family: 'Didot'; font-size: 96px; font-weight: 500; line-height: 228px; text-transform: uppercase; text-align: center; filter: blur(0); -webkit-filter: blur(0);}
.story_board_view .board_view_inner .cont_tit{position: relative; color: #2A2A2A; font-size: 50px; font-weight: 700; line-height: 50px; letter-spacing: -2.5px; text-align: center; margin-bottom: 22px;}
.story_board_view .board_view_inner .sub-heading{font-size: 24px; font-weight: 400; color: #2A2A2A; letter-spacing: -1px; text-align: center; margin-bottom: 90px;}

.story_board_view .jaemok_wrap h4:before{content: '#';}
.story_board_view .cases-view{padding: 85px 0 185px;}

.story_board_view .board-counsel .container{max-width: 1200px; width: 100%; margin: 0 auto; padding: 85px 0 126px; overflow: hidden;}
.story_board_view .board-counsel a {color: #2A2A2A; text-decoration: none;}
.story_board_view .counsel-board-view .media_inner{padding: 0 0 60px;}
.story_board_view .board-counsel h2 {color: #2A2A2A;}

.story_board_view .counsel-board-view{float: left; width: 75%; vertical-align: top; padding-right: 50px; -webkit-box-sizing: border-box; box-sizing: border-box;}
.story_board_view .counsel-board-view .inner{width: auto; position: relative; margin: 0 auto;} */