@charset "utf-8";
/** *********************************************************************************************
# 우리금융캐피탈 pc 리뉴얼 (2024.12 ~)
# (메인, 로그인, 회사소개, 상품상세페이지)
********************************************************************************************* */
@font-face {
	font-family:'Pretendard';font-weight:700;font-style:normal;
	src:url('./../fonts/Pretendard-Bold.woff2');
}
@font-face {
	font-family:'Pretendard';font-weight:600;font-style:normal;src:url('./../fonts/Pretendard-SemiBold.woff2');
}
@font-face {
    font-family:'Pretendard';font-weight:500;font-style:normal;
	src:url('./../fonts/Pretendard-Medium.woff2');
}
@font-face {
    font-family:'Pretendard';font-weight:400;font-style:normal;
    src:url('./../fonts/Pretendard-Regular.woff2');
}

/* ################################ 변수 선언 ################################ */
:root{
    /* base font style : 기본 폰트 스타일 */
    --u-fontFamilySet: 'Pretendard', 'NotoSans', helvetica, sans-serif;/*기본폰트선언*/
    --u-typhgraphy-400-24: 400 24px/34px 'Pretendard';
    --u-typhgraphy-400-22: 400 22px/31px 'Pretendard';
    --u-typhgraphy-400-20: 400 20px/28px 'Pretendard';
    --u-typhgraphy-400-18: 400 18px/25px 'Pretendard';
    --u-typhgraphy-400-16: 400 16px/22px 'Pretendard';
    --u-typhgraphy-400-14: 400 14px/20px 'Pretendard';
    --u-typhgraphy-400-13: 400 13px/18px 'Pretendard';
    --u-typhgraphy-600-16: 600 16px/22px 'Pretendard';
    --u-typhgraphy-600-20: 600 20px/24px 'Pretendard';
    --u-typhgraphy-700-38: 700 36px/43px 'Pretendard';

    /* text(default) : 텍스트 디폴트 */
    --u-color-text-default-00:#191919;
    --u-color-text-default-01:#333D47;
    --u-color-text-default-02:#5F6F81;
    --u-color-text-default-03:#B0B2B4;
    --u-color-text-default-04:rgba(255, 255, 255, 0.5);
    /* text(accent) : 텍스트 강조 */
    --u-color-text-primary-enabled: #0871F3;
    --u-color-text-enabled-01:#FFFFFF;

    /* ico(default) : 아이콘 디폴트 */
    --u-color-ico-default-00:#333;
    --u-color-ico-default-01:#5f6f81;
    --u-color-ico-default-white:#fff;
    /* ico(accent) : 아이콘 강조 */
    --u-color-ico-primary-enabled: #0871F3;
    /* surface : 공간/영역 */
    --u-surface-01:#fff;
    --u-surface-menu-01:#F9FCFF;
    --u-surface-menu-02:#f5f5f5;
    --u-surface-menu-03:#264265;
    /* btn */
    --u-color-btn-primary:#0871F3;
    /* border : 라인 */
    --u-color-border-primary:#0871F3;
    /* 카드 색상 */
    --u-card-01:#fff;

    /* border : 선 */
    --u-border-color-01:#dfdfdf
}
/* ################################ reset ################################ */
/* 작성중 ... */
html{overflow-x:hidden;}
body.is-screen{overflow:hidden;}

/**2025-02-25 추가    웹접근성 테두리 박스 안보이게 수정 **/
*:focus
{outline:none !important; box-shadow:none !important;}

/* ################################ style ################################ */
/* skipNav */
#skipNav{position:fixed;top:-100%;left:0;}
#liveNotification{position:fixed;top:-100%;left:0;}

/* ******************* header ******************* */
.header[data-type="renew2025"]{display:-webkit-flex;display:flex;justify-content:center;z-index:500;position:relative;left:0;top:0;right:0;height:63px;margin:0;}
.header[data-type="renew2025"] a{text-decoration:none;}
.header[data-type="renew2025"] a:hover{color:inherit;}
@media all and (max-width:1608px) { .header[data-type="renew2025"] {display:block;} }
/* 상단고정(.inner) */
.header[data-type="renew2025"] .inner{display:-webkit-flex;display:flex;align-items:center;justify-content:space-between;position:fixed;left:50%;max-width:1920px;min-width:1608px;width:100%;padding:0px 40px;transform:translateX(-50%);}
.header[data-type="renew2025"]>.inner:before{content:'';display:block;position:absolute;left:50%;top:0;width:100vw;height:100%;background:var(--u-surface-01);transform:translateX(-50%);box-shadow:0 3px 6px rgba(0,0,0,0.08);}
@media all and (max-width:1608px) {
    .header[data-type="renew2025"] .inner{left:0;transform:translateX(0);}
    .header[data-type="renew2025"] .inner:before{left:0;transform:none;}
}
.header[data-type="renew2025"] .left{display:-webkit-flex;display:flex;justify-content:left;align-items:center;}
.header[data-type="renew2025"] .left .logo {height:40px;}
.header[data-type="renew2025"] .left .logo a{display:block;position:relative;width:168px;height:40px;text-indent:-9999rem;overflow:hidden;}
/* .header[data-type="renew2025"] .left .logo a:before{content:'';display:block;position:absolute;left:0;width:168px;height:40px;background:url(/renew/images/logo/logo_capital.svg) center left no-repeat;background-size:contain;pointer-events:none;} */
.header[data-type="renew2025"] .left .logo a:before{content:'';display:block;position:absolute;left:0;width:168px;height:40px;background:url(../img/lg_ajucapital.png) center left no-repeat;background-size:contain;pointer-events:none;}
.header[data-type="renew2025"] .left .list-gnb{display:-webkit-flex;display:flex;align-items:center;position:relative;margin-left:12px;}
.header[data-type="renew2025"] .left .list-gnb ul{display:-webkit-flex;display:flex;align-items:center;position:relative;height:100%;}
.header[data-type="renew2025"] .left .list-gnb ul li{display:block;position:relative;}
.header[data-type="renew2025"] .left .list-gnb ul li a{display:block;position:relative;padding:32px 20px 31px;font:600 18px/25px var(--u-fontFamilySet);color:#191919;white-space:nowrap;}
.header[data-type="renew2025"] .left .list-gnb ul li a:before{content:'';display:block;position:absolute;left:0;bottom:-10px;width:100%;height:50px;background:transparent;}
.header[data-type="renew2025"] .left .list-gnb ul li a.on:after,
.header[data-type="renew2025"] .left .list-gnb ul li a:focus:after,
.header[data-type="renew2025"] .left .list-gnb ul li a:hover:after{content:'';display:block;position:absolute;left:20px;bottom:0px;width:calc(100% - 40px);height:3px;background:#0871F3;}
.header[data-type="renew2025"] .left .list-gnb button{display:block;position:absolute;left:0;top:0;right:0;bottom:0;width:100%;background:transparent;}
.header[data-type="renew2025"] .left .list-gnb button:after{content:'';display:block;position:absolute;left:0;right:0;bottom:-27px;width:100%;height:27px;cursor:default;}
.header[data-type="renew2025"] .left .list-gnb button span{overflow:hidden;position:absolute;width:1px;height:1px;opacity:0;font-size:0.1rem;line-height:1;}
.header[data-type="renew2025"] .right{display:-webkit-flex;display:flex;margin-right:-8px;}
.header[data-type="renew2025"] .right .util-text ul{display:-webkit-flex;display:flex;}
.header[data-type="renew2025"] .right .util-text ul li a{display:block;position:relative;height:62px;padding:23px 10px;font:400 14px/16px var(--u-fontFamilySet);color:var(--u-color-text-default-00);text-decoration:none;}
.header[data-type="renew2025"] .right .util-text ul li .login{font-weight:600;}
.header[data-type="renew2025"] .right .util-text ul li .login:after{content:'';display:block;}
.header[data-type="renew2025"] .right .util-ico{margin-left:14px;}
.header[data-type="renew2025"] .right .util-ico ul{display:-webkit-flex;display:flex;}
.header[data-type="renew2025"] .right .util-ico ul li a,
.header[data-type="renew2025"] .right .util-ico ul li button{display:block;width:48px;height:62px;padding:15px 8px;text-indent:-9999rem;overflow:hidden;background:transparent;}
.header[data-type="renew2025"] .right .util-ico ul .btn-my{margin-right:8px;}
.header[data-type="renew2025"] .right .util-ico ul .btn-my button{position:relative;overflow:visible;}
.header[data-type="renew2025"] .right .util-ico ul .btn-my button:after{content:'';display:block;position:absolute;left:-20px;bottom:-25px;width:calc(100% + 40px);height:25px;cursor:default;}
.header[data-type="renew2025"] .right .util-ico ul .btn-my button:before{content:'MY';display:-webkit-flex;display:flex;align-items:center;justify-content:center;position:absolute;left:50%;top:50%;width:32px;height:32px;font:500 16px/1 'Pretendard';color:#fff;text-indent:0;background:var(--u-color-text-primary-enabled);border-radius:50%;transform:translate(-50%, -50%);}
.header[data-type="renew2025"] .inner .right .util-ico ul .btn-search a{-webkit-mask:url(../img/ico_search.svg) center no-repeat;mask:url(../img/ico_search.svg) center no-repeat;background:var(--u-color-ico-default-00);}
.header[data-type="renew2025"] .inner .right .util-ico ul .btn-menu button{-webkit-mask:url(../img/ico_hammenu.svg) center no-repeat;mask:url(../img/ico_hammenu.svg) center no-repeat;background:var(--u-color-ico-default-00);}
/* gnb */
/* 공통 */
.header[data-type="renew2025"] .gnb-menu{display:block;justify-content:center;position:absolute;top:100%;left:0;right:0;}
.header[data-type="renew2025"] .gnb-menu .inner{display:none;min-width:auto;width:1608px;padding:26px 102px 30px;}
.header[data-type="renew2025"] .gnb-menu .inner.on{display:block;}
.header[data-type="renew2025"] .gnb-menu .inner:before{content:'';display:block;z-index:-1;position:absolute;/* left:50%; */left:0;top:0;width:200vw;bottom:0;background:#F9FCFF;box-shadow:0 3px 6px rgba(0,0,0,0.08);transform:translateX(-50%);}
.header[data-type="renew2025"] .gnb-menu .inner .menus{display:-webkit-flex;display:flex;align-content:flex-start;align-items:flex-start;flex-direction:column;flex-wrap:wrap;gap:16px 24px;width:100%;height:calc(100vh - 97px - 80px);overflow-x:scroll;}
.header[data-type="renew2025"] .gnb-menu .inner .menus .depth02{display:inline-block;width:384px;}
@media all and (max-width:1608px){
    .header[data-type="renew2025"] .gnb-menu .inner .menus .depth02 {width:284px;}
}
.header[data-type="renew2025"] .gnb-menu .inner .menus .depth02 > span {display:block;position:relative;padding:11px 0 13px;width:fit-content;color:#191919;font:500 18px/24px 'Pretendard';}
.header[data-type="renew2025"] .gnb-menu .inner .menus .depth02 > a{display:flex;align-items:center;position:relative;padding:12px 0;font:500 18px/24px 'Pretendard';color:#191919;}
.header[data-type="renew2025"] .gnb-menu .inner .menus .depth02 > a:after{content:'';display:block;position:relative;right:-16px;width:8px;height:14px;-webkit-mask:url(/renew/images/ico/ico_chevron_right_off.svg) no-repeat center/contain;mask:url(/renew/images/ico/ico_chevron_right_on.svg) no-repeat center/contain;background-color:#191919;}
.header[data-type="renew2025"] .gnb-menu .inner .menus .depth02 > a:hover{color:#0871F3;font-weight:600;}
.header[data-type="renew2025"] .gnb-menu .inner .menus .depth02 > a:hover:after{background-color:#0695F6;}
.header[data-type="renew2025"] .gnb-menu .inner .menus .depth02 > span + ul .depth03 > span{display:block;padding:12px 0;font:500 16px/24px 'Pretendard';color:#5F6F81;}
.header[data-type="renew2025"] .gnb-menu .inner .menus .depth02 > span + ul li a,
.header[data-type="renew2025"] .gnb-menu .inner .menus .depth02 > span + ul .depth03 > span + ul .depth04 > a{position:relative;display:flex;align-items:flex-start;padding:6px 28px 7px 0;font:500 16px/27px 'Pretendard';color:#333D47;}
.header[data-type="renew2025"] .gnb-menu .inner .menus .depth02 > span + ul li a:hover,
.header[data-type="renew2025"] .gnb-menu .inner .menus .depth02 > span + ul .depth03 > span + ul .depth04 > a:hover{font:600 16px/27px 'Pretendard';color:#191919;}
.header[data-type="renew2025"] .gnb-menu .inner .menus .depth02 > span + ul li a:hover:after,
.header[data-type="renew2025"] .gnb-menu .inner .menus .depth02 > span + ul .depth03 > span + ul .depth04 > a:hover:after{content:'';display:block;position:relative;right:-8px;width:8px;height:27px;background:url(/renew/images/ico/ico_chevron_right_on.svg) no-repeat center/contain;}
.header[data-type="renew2025"] .gnb-menu .inner .menus .depth02 span + ul .depth03 + .depth03 > span{padding:13px 0 11px;}
/* depth03 이상의 경우 */
.header[data-type="renew2025"] .gnb-menu .inner .menus .depth02[aria-labelledby]{display:-webkit-flex;display:flex;align-items:flex-start;height:100%;}
.header[data-type="renew2025"] .gnb-menu .inner .menus .depth02[aria-labelledby] > span{margin-right:24px;}
.header[data-type="renew2025"] .gnb-menu .inner .menus .depth02[aria-labelledby] span + ul .depth03 + .depth03 {margin-top:12px;}
/* depth03 이하의 경우 */
.header[data-type="renew2025"] .gnb-menu .inner .menus .depth02:not([aria-labelledby]) li{display:-webkit-flex;display:flex;flex-direction:column;flex:1;}

/* my menu */
.header[data-type="renew2025"] .my-menu {display:none;justify-content:center;position:absolute;top:100%;left:0;right:0;}
.header[data-type="renew2025"] .my-menu .inner{width:1608px;padding:40px 0;}
.header[data-type="renew2025"] .my-menu .inner:before{content:'';display:block;z-index:-1;position:absolute;left:50%;top:0;width:200vw;bottom:0;background:var(--u-surface-menu-01);box-shadow:0 3px 6px rgba(0,0,0,0.08);transform:translateX(-50%);}
.header[data-type="renew2025"] .my-menu .menus{display:-webkit-flex;display:flex;width:100%;}
.header[data-type="renew2025"] .my-menu .menus>li{width:calc(100% / 5);}
.header[data-type="renew2025"] .my-menu .menus li>strong{display:-webkit-flex;display:flex;align-items:center;;height:48px;font:600 16px/24px "Pretendard";color:var(--u-color-text-default-02);}
.header[data-type="renew2025"] .my-menu .menus li>strong a{font:600 16px/24px "Pretendard";color:var(--u-color-text-default-02);}
.header[data-type="renew2025"] .my-menu .menus li>strong + strong {margin-top:10px;}
.header[data-type="renew2025"] .my-menu .menus li>strong span:hover,
.header[data-type="renew2025"] .my-menu .menus li>strong span:focus-visible{color:var(--u-color-text-primary-enabled);}
.header[data-type="renew2025"] .my-menu .menus li>ul a{display:-webkit-flex;display:flex;align-items:center;width:100%;min-height:48px;padding:11px 0 10px;max-width:282px;}
.header[data-type="renew2025"] .my-menu .menus li>ul a span{display:inline-block;position:relative;padding-right:16px;font:500 18px/27px 'Pretendard';color:var(--u-color-text-default-01);}
.header[data-type="renew2025"] .my-menu .menus li>ul a span:after{content:'';display:none;position:absolute;right:0;bottom:7px;width:8px;height:14px;margin-top:-7px;-webkit-mask:url(/renew/images/ico/ico_chevron_right_on.svg) center no-repeat;mask:url(/renew/images/ico/ico_chevron_right_on.svg) center no-repeat;background:var(--u-color-ico-primary-enabled);}
.header[data-type="renew2025"] .my-menu .menus li>ul a:hover span,
.header[data-type="renew2025"] .my-menu .menus li>ul a:focus-visible span{font-weight:600;color:var(--u-color-text-default-00);}
.header[data-type="renew2025"] .my-menu .menus li>ul a:hover span:after,
.header[data-type="renew2025"] .my-menu .menus li>ul a:focus-visible span:after{display:block;}
.header[data-type="renew2025"] .my-menu .menus li>ul + strong{margin-top:24px;}
.header[data-type="renew2025"] .my-menu.on{display:-webkit-flex;display:flex;}

/* ******************* main contents ******************* */
/* prdVisualArea - prd */
#prdVisualArea{z-index:0;/* position:fixed; */top:88px;left:0;width:100%;/* right:0; */}
#prdVisualArea .prd{display:-webkit-flex;display:flex;justify-content:center;position:relative;height:704px;background:linear-gradient(to bottom, #fff, #e1eeff);overflow:hidden;}
/* 상품 슬라이드 */
#prdVisualArea .prd .swiper{position:absolute;left:calc((100vw - 1608px) / 2);top:65px;width:895px;height:544px;}
#prdVisualArea .prd .swiper.main-slide{display:none;}
#prdVisualArea .prd .swiper.main-slide.on{display:block;}
#prdVisualArea .prd .swiper .swiper-slide{position:relative;height:100%;}
#prdVisualArea .prd .swiper .swiper-slide a{display:block;position:absolute;left:1px;top:0;width:100%;height:100%;padding:32px 0 0 64px;text-decoration:none;}
#prdVisualArea .prd .swiper .swiper-slide a:after{content:'알아보기';display:inline-block;position:absolute;left:64px;bottom:32px;padding:16px 40px;font:500 22px/26px "Pretendard";color:var(--u-color-text-primary-enabled);background:#fff;border:2px solid var(--u-color-border-primary);border-radius:8px;transition:background-color .2s;}
#prdVisualArea .prd .swiper .swiper-slide a:hover:after{color:#fff;background:var(--u-color-btn-primary);}
#prdVisualArea .prd .swiper .text .labels{display:-webkit-flex;display:flex;/*gap:0 12px;*/}
#prdVisualArea .prd .swiper .text .labels span{display:block;padding:6px 10px;font:500 16px/19px "Pretendard";color:#0068AC;background:#D7E8FE;border-radius:16px;}
#prdVisualArea .prd .swiper .text .labels span:first-of-type{margin-right:12px;color:var(--u-color-text-primary-enabled);background:transparent;border:1px solid var(--u-color-border-primary);} /**2025-02-21 수정 크롬83버전 **/
#prdVisualArea .prd .swiper .text .name{display:block;margin-top:12px;font:700 48px/58px "Pretendard";color:var(--u-color-text-default-00);}
#prdVisualArea .prd .swiper .text .desc{margin-top:16px;font:400 20px/24px "Pretendard";}
#prdVisualArea .prd .swiper .text .hashtag{display:-webkit-flex;display:flex;gap:0 8px;margin-top:34px;}
#prdVisualArea .prd .swiper .text .hashtag span{display:-webkit-flex;display:flex;padding:10px 16px;font:400 16px/19px "Pretendard";color:#fff;background:rgba(61, 78, 96, 0.75);border-radius:20px;}
#prdVisualArea .prd .swiper .text .hashtag span:before{content:'#';display:block;position:relative;}
#prdVisualArea .prd .swiper .dummy{z-index:-1;position:absolute;right:40px;bottom:-5px;width:312px;height:328px;background-repeat:no-repeat;background-position:center;background-size:contain;background-position-x:0;transition:width .3s;}


/* 상품목록 */
#prdVisualArea .prd .prd-list{display:-webkit-flex;display:flex;align-items:center;z-index:0;z-index:1;position:absolute;right:calc((100% - 1608px) / 2);top:0;width:690px;padding:96px 0 calc(96px - 38px - 31px) 102px;transition:all .3s;}
#prdVisualArea .prd .prd-list:before{content:'';display:block;z-index:-1;position:absolute;left:0;top:0;height:100%;width:200vw;background:linear-gradient(to right, #D4E1F3, #C5DEFB);}

/* 1. 넓이가 1920이하 1608 미만 일 때 */
@media all and (max-width: 1920px) and (min-width:1608px){
    #prdVisualArea .prd{width:auto;}
}
/* 2. 넓이가 1608 이하 1200 미만 일 때 */
@media all and (max-width:1608px) {
    #prdVisualArea .prd{justify-content:flex-start;width:1608px;}
}
/* 3. 넓이가 1200 이하 일 때 */
@media all and (max-width: 1400px){
	#prdVisualArea{top:0px;}
    #prdVisualArea .prd{justify-content:flex-start;/*width:1200px; */}
    #prdVisualArea .prd .swiper{left:0;}
/*     #prdVisualArea .prd .swiper .dummy {display:none;} */
    #prdVisualArea .prd .prd-list{right:0;}
}

#prdVisualArea .prd .prd-list>.more{display:block;position:absolute;left:0;top:50%;width:72px;height:72px;margin-top:-36px;background:url(/renew/images/ico/ico_chevron_left.svg) center no-repeat;background-size:24px 42px;text-indent:-9999rem;;overflow:hidden;transition:transform .3s;}

#prdVisualArea .prd .prd-list .prd-tab-wrap {display:flex;/*gap:24px;*/position:absolute;left:102px;top:32px;}
#prdVisualArea .prd .prd-list .prd-tab-wrap li + li{margin-left:24px;} /**2025-02-21 수정 크롬83버전 **/
#prdVisualArea .prd .prd-list .prd-tab-wrap .prd-tab button {display:block;position:relative;width:100%;padding:7px 0 9px;font:400 20px/24px 'Pretendard';color:#333D47;background:transparent;}
#prdVisualArea .prd .prd-list .prd-tab-wrap .prd-tab button.on {font:600 20px/24px 'Pretendard';color:#191919;}
#prdVisualArea .prd .prd-list .prd-tab-wrap .prd-tab button.on:after {content:'';display:block;position:absolute;right:0;bottom:0;width:100%;height:2px;background:#333D47;}
#prdVisualArea .prd .prd-list ul[aria-labelledby]{display:none;width:500px;height:calc(544px + 13px + 24px);overflow:hidden;
transition:all 0.3s ease-in-out;
transition:all 0.15s ease-in-out;
}
#prdVisualArea .prd .prd-list ul[aria-labelledby].on{display:-webkit-flex;display:flex;flex-direction:column;flex-wrap:wrap;align-content:flex-start;/*gap:24px;*/}
#prdVisualArea .prd .prd-list ul[aria-labelledby].on li { margin: 0 24px 24px 0;} /** gap 수정**/
@media all and (max-width: 1608px){
	#prdVisualArea .prd .prd-list ul[aria-labelledby].on{margin-right:24px;}
}

#prdVisualArea .prd .prd-list ul[aria-labelledby] li:last-of-type{margin-right:52px;}
#prdVisualArea .prd .prd-list ul[aria-labelledby] li button{display:-webkit-flex;display:flex;flex-direction:column;/* 	width:282px; */width:229px;height:260px;padding:32px;text-align:left;background:var(--u-card-01);border-radius:24px;box-shadow:0 0 6px rgba(0,0,0,0.08);transition:background-color .3s;transition:width 0.3s ease-in-out;}
@media screen and (max-width:1608px){
	#prdVisualArea .prd .prd-list ul[aria-labelledby]{width:454px;}
	#prdVisualArea .prd .prd-list ul[aria-labelledby] li button{width:205px;}
}
#prdVisualArea .prd .prd-list ul[aria-labelledby] li button .labels{display:-wekbit-flex;display:flex;}
#prdVisualArea .prd .prd-list ul[aria-labelledby] li button .labels span{display:block;margin-bottom:20px;padding:4px 8px;font:400 14px/16px "Pretendard";border-radius:12px;border-width:1px;border-style:solid;}
#prdVisualArea .prd .prd-list ul[aria-labelledby] li button .labels span{display:none;color:#1244CB;border-color:#1244CB;}
#prdVisualArea .prd .prd-list ul[aria-labelledby] li button .labels span:first-of-type{display:block;}
#prdVisualArea .prd .prd-list ul[aria-labelledby] li button .name{display:block;margin-bottom:7px;font:600 22px/26px "Pretendard";color:var(--u-color-text-default-00);word-break:keep-all;}
#prdVisualArea .prd .prd-list ul[aria-labelledby] li button .desc{font:400 16px/22px "Pretendard";color:var(--u-color-text-default-02);}
#prdVisualArea .prd .prd-list ul[aria-labelledby] li button .hashtag{margin-top:auto;}
#prdVisualArea .prd .prd-list ul[aria-labelledby] li button .hashtag span{display:none;padding:8px 12px;font:400 14px/16px "Pretendard";color:var(--u-color-text-default-01);background:#EFEFEF;border-radius:46px;}
#prdVisualArea .prd .prd-list ul[aria-labelledby] li button .hashtag span:before{content:'#';display:inline-block;}
#prdVisualArea .prd .prd-list ul[aria-labelledby] li button .hashtag span:nth-of-type(2){display:block;}
#prdVisualArea .prd .main-slide .autoplay-stop{display:block;z-index:100;position:absolute;right:105px;top:37px;width:24px;height:24px;background:url(/renew/images/ico/ico_stop_rolling_btn.svg) no-repeat center/contain;}
.fp-section.fp-table{min-height:850px !important;}
/* expanded */
#prdVisualArea .prd[data-expanded=true] .swiper-slide .dummy{width:0;}
#prdVisualArea .prd[data-expanded=true] .prd-list{right:0;width:calc(894px + 102px + ((100vw - 1608px) / 2));}
#prdVisualArea .prd[data-expanded=true] .prd-list>.more{transform:rotate3d(0, 1, 0, 180deg);}
#prdVisualArea .prd[data-expanded=true] .prd-list>ul{width:inherit;overflow-x:unset;}
#prdVisualArea .prd[data-expanded=true] .prd-list>ul::-webkit-scrollbar{display:none;}
#prdVisualArea .prd[data-expanded=true] .prd-list>ul::-webkit-scrollbar-track{background:rgba(255,255,255,0.5);}
#prdVisualArea .prd[data-expanded=true] .prd-list>ul::-webkit-scrollbar-thumb{background:#91B7E2;}

/* 1. 넓이가 1200 이하 일 때 */
@media all and (max-width: 1200px){
	#prdVisualArea .prd[data-expanded=true] .prd-list{right:0;width:calc(894px + 102px + ((100vw - 1608px) / 5));}
}

/* on */
#prdVisualArea .prd .prd-list>ul li button.on{background:var(--u-color-btn-primary);}
#prdVisualArea .prd .prd-list>ul li button.on .labels span{color:#fff;border-color:#fff;}
#prdVisualArea .prd .prd-list>ul li button.on .name{color:#fff;}
#prdVisualArea .prd .prd-list>ul li button.on .desc{color:#C1DBFC;}
#prdVisualArea .prd .prd-list>ul li button.on .hashtag span{color:#C1DBFC;background:rgba(0,0,0,0.16);}
/* prdVisualArea - quick-link */
#prdVisualArea .quick-link{background:var(--u-surface-01);}
#prdVisualArea .quick-link ul{display:-webkit-flex;display:flex;align-items:center;justify-content:center;/*gap:0 80px;*/}
#prdVisualArea .quick-link ul li {margin: 0 80px 0 0;}   /**2025-02-21 수정 크롬83버전 **/
#prdVisualArea .quick-link ul li:last-child {margin: 0;} /**2025-02-21 수정 크롬83버전 **/
#prdVisualArea .quick-link ul li a{display:-webkit-flex;display:flex;align-items:center;padding:24px 0;text-decoration:none;}
#prdVisualArea .quick-link ul li i{display:block;width:48px;height:48px;background-size:48px;background-repeat:no-repeat;background-position:center;border-radius:18px;}
#prdVisualArea .quick-link ul li i.write{background-image:url(/renew/images/ico/ico_write.svg);}
#prdVisualArea .quick-link ul li i.document{background-image:url(/renew/images/ico/ico_document.svg);}
#prdVisualArea .quick-link ul li i.moneybag{background-image:url(/renew/images/ico/ico_moneybag.svg);}
#prdVisualArea .quick-link ul li i.transfer{background-image:url(/renew/images/ico/ico_transfer.svg);}
#prdVisualArea .quick-link ul li span{display:block;margin-left:10px;font:500 18px/24px 'Pretendard';color:var(--u-color-text-default-00);}

/* 최적의 대출상품 */
#suitPrd{display:-webkit-flex;display:flex;align-items:center;justify-content:center;z-index:0;position:relative;/* height:calc(613px + 138px * 2); */height:120vh;
/* margin-top:800px;padding:138px 0; */
background:var(--u-surface-menu-01);overflow:hidden;clip-path:inset(0 0 0 0);}
#suitPrd .inner{display:-webkit-flex;display:flex;align-items:center;flex-direction:column;
/* position:fixed;
top:calc((100vh - 96px - 613px) / 2 + 96px); */margin-top:110px;}/*최상단에 닫고나면 fixed풀기*/
#suitPrd .heading-tlt{display:-webkit-flex;display:flex;align-items:center;flex-direction:column;}
#suitPrd .heading-tlt .tlt{font:400 58px/69px "Pretendard";color:var(--u-color-text-default-00);text-align:center;}
#suitPrd .heading-tlt .tlt strong{font-weight:700;}
#suitPrd .heading-tlt .tlt .shining{display:inline-block;position:relative;margin-left:-100px;padding-left:100px;background:var(--u-color-text-primary-enabled);-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
#suitPrd .heading-tlt .tlt .shining:after{content:'나에게 맞는 최적의 대출 상품';position:absolute;top:0;right:0;width:100%;height:100%;background:linear-gradient(315deg, rgba(255,255,255,0) 45%, rgba(255,255,255,0.8) 50%, rgba(255,255,255,0) 55%, rgba(255,255,255,0) 100%);text-align:right;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-size:200%;animation:shine 7s infinite;}
@keyframes shine{
    0% {background-position:100%;}
    40% {background-position:-100%;}
    100% {background-position:-100%;}
}
#suitPrd .heading-tlt .rolling{position:relative;width:228px;height:228px;margin-top:24px;}
#suitPrd .heading-tlt .rolling i{display:block;position:absolute;left:0;top:0;width:100%;height:100%;background-size:100%;background-repeat:no-repeat;background-position:center;border-radius:50%;overflow:hidden;}
#suitPrd .heading-tlt .rolling .img01{background-image:url(/renew/images/bg/suit_prd_rolling01.svg);}
#suitPrd .heading-tlt .rolling .img02{background-image:url(/renew/images/bg/suit_prd_rolling02.svg);animation:rollingImg 8s ease-out infinite;}
@keyframes rollingImg {
	0% {opacity:0;}
	37.5% {opacity:0;}
    42.75% {opacity:1;}
    81.25% {opacity:1;}
    87.5% {opacity:0;}
	100% {opacity:0;}
}
#suitPrd .heading-tlt .desc{margin-top:24px;font:400 24px/30px "Pretendard";color:var(--u-color-text-default-02);}
#suitPrd .labels{display:-webkit-flex;display:flex;/*gap:0 8px;*/} /**2025-02-21 수정 크롬83버전 **/
#suitPrd .labels span{display:block;position:relative;margin-right:8px;padding:10px 16px;font:400 16px/19px "Pretendard";color:#fff;background:rgba(61, 78, 96, 0.75);border-radius:20px;}
#suitPrd .labels span:last-of-type{margin-right:0;} /**2025-02-21 수정 크롬83버전 **/
#suitPrd .labels span:before{content:'#';display:inline;}
#suitPrd .link{display:block;margin:24px 0;padding:16px 40px;font:500 22px/26px "Pretendard";color:var(--u-color-text-primary-enabled);background:var(--u-surface-01);border:2px solid var(--u-color-border-primary);border-radius:8px;text-decoration:none;}
#suitPrd .link:hover{color:#fff;background:var(--u-color-btn-primary);}

/* 무엇을 도와드릴까요 */
#helpSec{position:relative;/* height:calc(769px + (100vh - 96px)); */background:var(--u-surface-01);}
/* 비주얼 동그라미 */
#helpSec .visual{position:absolute;left:0;top:0;right:0;bottom:0;}
#helpSec .visual i{display:block;position:absolute;border-radius:50%;}
#helpSec .visual .circle1{top:74px;left:59px;width:180px;height:112px;background:#E4FEF8;opacity:0.37;transform:rotate(38deg);}
#helpSec .visual .circle2{bottom:-117px;left:687.2px;width:390px;height:547px;background:#E4F8FE;opacity:0.3;transform:rotate(40deg);}
#helpSec .visual .circle3{top:192px;right:108px;width:69px;height:100px;background:#A0DFEF;opacity:0.1;transform:rotate(-36deg);}
/* inner */
#helpSec .inner{display:-webkit-flex;display:flex;align-items:center;justify-content:center;height:100%;padding-bottom:50px;/*gap:0 116px;*/overflow:hidden;} /**2025-02-21 수정 크롬83버전 **/
#helpSec .inner .left {margin-right:116px;} /**2025-02-21 수정 크롬83버전 **/
#helpSec .heading-tlt{text-align:left;}
#helpSec .heading-tlt .tlt{font:400 58px/69px "Pretendard";color:var(--u-color-text-default-00);}
#helpSec .heading-tlt .tlt strong{font-weight:700;}
#helpSec .heading-tlt .desc{display:block;margin-top:12px;font:400 24px/30px "Pretendard";color:var(--u-color-text-default-02);}
#helpSec .heading-tlt .desc strong{font-weight:700;}
#helpSec .call-box {display:-webkit-flex;display:flex;flex-direction:column;align-items:flex-start;position:relative;margin-top:64px;padding-left:72px;}
#helpSec .call-box:before{content:'';display:block;position:absolute;left:0;top:0;width:56px;height:56px;background:url(/renew/images/ico/ico_helpsec_call.svg) center no-repeat;}
#helpSec .call-box .number dt{font:400 20px/24px "Pretendard";color:var(--u-color-text-default-02);}
#helpSec .call-box .number dd{margin-top:6px;font:700 24px/30px "Pretendard";color:var(--u-color-text-default-00);}
#helpSec .call-box .number + .number{margin-top:16px;}
#helpSec .call-box .number + .number dd{padding-bottom:12px;border-bottom:1px solid #efefef;}
#helpSec .call-box .sub{display:-webkit-flex;display:flex;padding-top:12px;/*gap:0 16px;*/} /**2025-02-21 수정 크롬83버전 **/
#helpSec .call-box .sub dt{margin-right:16px;font:400 20px/24px "Pretendard";color:var(--u-color-text-default-02);} /**2025-02-21 수정 크롬83버전 **/
#helpSec .call-box .sub dd{font:400 20px/24px "Pretendard";color:var(--u-color-text-default-02);}
#helpSec .call-box .number + .sub {margin-top:16px;padding-top:12px;border-top:1px solid #efefef;}
#helpSec .call-box .sub + .number {margin-top:36px;}
#helpSec .btn-con ul{display:block;position:relative;width:588px;height:668px;margin:106px 0 108px;}
#helpSec .btn-con ul:before,
#helpSec .btn-con ul:after{content:'';display:block;position:absolute;right:0;width:282px;height:322px;border-radius:24px;}
#helpSec .btn-con ul:before{top:-176px;background:#E6F2F5;}
#helpSec .btn-con ul:after{bottom:-176px;background:#DFE7F2;}
#helpSec .btn-con ul li{position:absolute;border-radius:24px;overflow:hidden;}
#helpSec .btn-con ul li.ars{left:0;top:0;}
#helpSec .btn-con ul li.chat{right:0;top:50%;margin-top:-161px;}
#helpSec .btn-con ul li.call{left:0;bottom:0;}
#helpSec .btn-con ul li:before{filter:blur(5px);transition:filter .2s;}
#helpSec .btn-con ul li.ars:before{background-image:url(/renew/images/bg/bg_help_con_ars.svg);background-size:860px 573.11px;background-position:-220px -106px;}/*ARS 서비스안내*/
#helpSec .btn-con ul li.chat:before{background-image:url(/renew/images/bg/bg_help_con_chat.svg);background-size:975.13px 1740px;background-position:-356px -1122px;}/*채팅 상담*/
#helpSec .btn-con ul li.call:before{background-image:url(/renew/images/bg/bg_help_con_call.svg);background-size:1773.88px 1214px;background-position:-946px -840px;}/*전화상담 신청*/
#helpSec .btn-con ul li:hover:before{filter:blur(0px);}
#helpSec .btn-con ul li a{position:relative;display:block;width:282px;height:322px;}
#helpSec .btn-con ul li:before{content:'';display:block;position:absolute;left:0;top:0;width:100%;height:100%;}
#helpSec .btn-con ul li a:before{content:'';display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,1));opacity:0.5;}
#helpSec .btn-con ul li a span{display:block;position:absolute;right:24px;bottom:40px;padding-right:18px;font:600 24px/29px "Pretendard";color:#fff;}
#helpSec .btn-con ul li a span:after{content:'';display:block;position:absolute;right:0;top:0;bottom:0;width:18px;-webkit-mask:url(/renew/images/ico/ico_chevron_right_on.svg) right center no-repeat;mask:url(/renew/images/ico/ico_chevron_right_on.svg) right center no-repeat;-webkit-mask-size:8px 14px;mask-size:8px 14px;background:var(--u-color-ico-default-white);}

/* 위비스 소개페이지 */
#webeesIntro{display:-webkit-flex;display:flex;justify-content:center;position:relative;padding:138px 0 137px;background:url(/renew/images/bg/bg_webees_main.png) top center no-repeat;background-size:cover;}
#webeesIntro .inner{display:-webkit-flex;display:flex;align-items:center;justify-content:center;flex-direction:column;}
#webeesIntro .dummy{width:400px;height:400px;background:url(/renew/images/dummy/woori_won_webees_main_logo.png) center no-repeat;background-size:contain;}
#webeesIntro .heading-tlt{display:-webkit-flex;display:flex;flex-direction:column;align-items:center;}
#webeesIntro .heading-tlt .tlt{width:476px;height:110px;text-indent:-9999rem;background:url(/renew/images/bg/bg_webees_main_text.png) left top no-repeat;background-size:contain;overflow:hidden;}
#webeesIntro .heading-tlt .desc{display:block;margin-top:21px;font:400 20px/30px "Pretendard";color:#fff;}
#webeesIntro .link-detail{display:block;padding:16px 40px;font:500 22px/26px "Pretendard";color:var(--u-color-text-primary-enabled);background:var(--u-surface-01);border-radius:8px;text-decoration:none;}
#webeesIntro .link-detail:hover{color:#fff;background:#004397;}

/* 앱다운로드 */
#appDownQr{position:relative;
height:606px;
clip-path:inset(0 0 0 0);}
#appDownQr > div{height:606px !important;}
#appDownQr:before{content:'';display:block;position:fixed;left:0;bottom:390px;width:100%;height:100%;background:url(/renew/images/bg/bg_appdown_building.png) no-repeat;background-size:cover;}
#appDownQr > div > .inner{display:-webkit-flex;display:flex;align-items:flex-start;justify-content:center;/*gap:0 170px;*/position:relative;padding:70px;}
#appDownQr > div > .inner .left{margin-right:170px;} /**2025-02-21 수정 크롬83버전 **/
#appDownQr .heading-tlt .desc{font:400 24px/30px "Pretendard";color:#fff;}
#appDownQr .heading-tlt .tlt{margin-top:12px;font:500 58px/69px "Pretendard";color:#fff;}
#appDownQr .heading-tlt .tlt strong{font-weight:700;}
#appDownQr .app-desc{display:-webkitdd-flex;display:flex;margin-top:32px;}
#appDownQr .app-desc i{display:block;width:126px;height:126px;text-indent:-9999rem;background:url(/renew/images/ico/ico_qr_capital_shadow.svg) center no-repeat;background-size:126px;overflow:hidden;}
#appDownQr .app-desc p{margin-top:23px;font:400 20px/30px "Pretendard";color:#fff;}
#appDownQr > div > .inner .right{display:-webkit-flex;display:flex;/*gap:0 81px;*/padding:40px 42px;background:rgba(0,0,0,0.64);border-radius:16px;}
#appDownQr > div > .inner .right>div>a{display:block;margin-top:16px;padding:8px 16px;font:500 16px/19px "Pretendard";color:#fff;background:transparent;border:1px solid #555759;border-radius:8px;box-sizing:border-box;text-decoration:none;}
#appDownQr > div > .inner .right>div>a:hover{background:rgba(255,255,255,0.22);border-color:transparent;}
#appDownQr > div > .inner .right .appstore{display:-webkit-flex;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;margin-right:81px;} /**2025-02-21 수정 크롬83버전 **/
#appDownQr > div > .inner .right .appstore strong{display:-webkit-flex;display:flex;align-items:center;justify-content:center;margin-bottom:12px;/*gap:0 6px;*/font:500 16px/19px "Pretendard";color:#fff;}
#appDownQr > div > .inner .right .appstore .qr-img{width:160px;height:160px;background:url(/renew/images/bg/qr_appstore.png);background-size:contain;}
#appDownQr > div > .inner .right .appstore strong:before{content:'';display:block;width:12px;height:15px;margin-right:6px;background:url(/renew/images/logo/logo_appstore.svg) center no-repeat;} /**2025-02-21 수정 크롬83버전 **/
#appDownQr > div > .inner .right .appstore:after{content:'';display:block;position:absolute;top:0;bottom:0;right:-40px;width:1px;background:#EFEFEF;opacity:0.1;}
#appDownQr > div > .inner .right .googleplay{display:-webkit-flex;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;}
#appDownQr > div > .inner .right .googleplay strong{display:-webkit-flex;display:flex;align-items:center;justify-content:center;margin-bottom:12px;/*gap:0 6px;*/font:500 16px/19px "Pretendard";color:#fff;}
#appDownQr > div > .inner .right .googleplay .qr-img{width:160px;height:160px;background:url(/renew/images/bg/qr_googleplay.png);background-size:contain;}
#appDownQr > div > .inner .right .googleplay strong:before{content:'';display:block;width:12px;height:14px;margin-right:6px;background:url(/renew/images/logo/logo_googleplay.svg) center no-repeat;}


/* ******************* layout_login ******************* */ 
#mainCon .layout_login {display:-webkit-flex;display:flex;justify-content:center;align-items:flex-start;position:relative;width:100vw;height:100%;}
/*#mainCon .layout_login .left {display:block;position:relative;width:486px;min-width:486px;height:100vh;background:#264265;}*/
#mainCon .layout_login .left {display:block;position:relative;width:486px;min-width:486px;height:var(--rightHeight);background:#264265;}
#mainCon .layout_login .left:before {content:'';display:block;position:absolute;right:0;top:0;width:200vw;height:var(--rightHeight);background:#264265;z-index:-1;}
#mainCon .layout_login .left .inner {display:block;width:100%;height:100%;padding:89px 150px 0 204px;}
#mainCon .layout_login .left .inner .lnb_renew {display:-webkit-flex;display:flex;flex-direction:column;align-items:flex-start;position:fixed;top:calc(96px + 89px);border:none;}
#mainCon .layout_login .left .lnb_renew .depth01 {margin-bottom:40px;}
#mainCon .layout_login .left .lnb_renew .depth01 span {color:var(--u-color-text-enabled-01);font:var(--u-typhgraphy-700-38);}
#mainCon .layout_login .left .lnb_renew .depth02 ul li {padding:15px 30px 15px 0;}
#mainCon .layout_login .left .lnb_renew .depth02 ul li a {position:relative;color:var(--u-color-text-default-04);font:500 20px/24px 'Pretendard';text-decoration:none;}
#mainCon .layout_login .left .lnb_renew .depth02 ul li.active a {color:var(--u-color-text-enabled-01);font:600 20px/24px 'Pretendard';text-decoration:none;}
#mainCon .layout_login .left .lnb_renew .depth02 ul li.active a:before {content:'';display:block;position:absolute;right:-16px;top:5px;width:8px;height:100%;-webkit-mask:url(/renew/images/ico/ico_chevron_right_on.svg);mask:url(/renew/images/ico/ico_chevron_right_on.svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;background-color:var(--u-color-ico-default-white);}
@media(max-width:1608px){
    #mainCon .layout_login .left {
        position:fixed;
        left:0;
        bottom:0;
        z-index:1;
        margin-right:-486px;
    }
    #mainCon .layout_login .right {
        margin-left:486px;
    }
}

#mainCon .layout_login .right {position:relative;width:1122px;background:#F9FCFF;}
#mainCon .layout_login .right:before {content:'';display:block;position:absolute;left:0;top:0;width:200vw;height:var(--rightHeight);background:#F9FCFF;z-index:-1;}
#mainCon .layout_login .right .content-wrap {padding:0 126px;background:#F9FCFF;}
#mainCon .layout_login .right .inner {display:-webkit-flex;display:flex;flex-direction:column;align-items:flex-start;margin:0 102px;padding:88px 0 0;background:#F9FCFF;}
#mainCon .layout_login .right .inner > p {margin-bottom:24px;width:588px;text-align:left;color:#5F6F81;font:400 20px/24px 'Pretendard';}

#mainCon .layout_login .right .form-wrap {position:relative;margin-top:24px;width:588px;}
#mainCon .layout_login .right .form-wrap .input-wrap {display:-webkit-flex;display:flex;flex-direction:column;}
#mainCon .layout_login .right .form-wrap .input-wrap input {margin:0;padding:24px;height:69px;font:var(--u-typhgraphy-400-18);}
#mainCon .layout_login .right .form-wrap .input-wrap input:focus {outline:none;}
#mainCon .layout_login .right .form-wrap .input-wrap input:only-of-type {border:1px solid var(--u-border-color-01);;border-radius:8px;}
#mainCon .layout_login .right .form-wrap .input-wrap input:first-of-type:not(:only-of-type):not(:last-of-type) {color:#191919;font: 400 18px/21px 'Pretendard';border:1px solid var(--u-border-color-01);border-radius:8px 8px 0 0;}
#mainCon .layout_login .right .form-wrap .input-wrap input:not(:first-of-type):not(:last-of-type):not(:only-of-type) {border-top:none;border-right:1px solid var(--u-border-color-01);border-bottom:1px solid var(--u-border-color-01);border-left:1px solid var(--u-border-color-01);}
#mainCon .layout_login .right .form-wrap .input-wrap input:last-of-type:not(:first-of-type):not(:only-of-type) {border-top:none;border-right:1px solid var(--u-border-color-01);;border-bottom:1px solid var(--u-border-color-01);border-left:1px solid var(--u-border-color-01);;border-radius:0 0 8px 8px;}
#mainCon .layout_login .right .form-wrap .input-wrap input::placeholder {color:#747474;font:var(--u-typhgraphy-400-18);}
#mainCon .layout_login .right .form-wrap .input-wrap input + img {display:block;position:absolute;right:25px;bottom:calc(69px / 2 - (26px / 2));width:20px;height:26px;}

#mainCon .layout_login .right .form-wrap .private-wrap {display:-webkit-flex;display:flex;align-items:center;justify-content:center;width:100%;margin-top:24px;padding-bottom:24px;border-bottom:1px solid var(--u-border-color-01);}
#mainCon .layout_login .right .form-wrap .private-wrap li {display:inline-block;position:relative;width:44px;height:44px;border:100%;}
#mainCon .layout_login .right .form-wrap .private-wrap li > input[type="radio"] {position:absolute;left:0;top:0;width:100%;height:100%;appearance:none;background-repeat:no-repeat;background-position:center;background-size:contain;cursor:pointer;}
#mainCon .layout_login .right .form-wrap .private-wrap li > .woori {background-image:url(/renew/images/logo/logo_won.png);}
#mainCon .layout_login .right .form-wrap .private-wrap li > .naver {background-image:url(/renew/images/logo/logo_naver.png);}
#mainCon .layout_login .right .form-wrap .private-wrap li > .kakao {background-image:url(/renew/images/logo/logo_kakao.png);}
#mainCon .layout_login .right .form-wrap .private-wrap li > .toss {background-image:url(/renew/images/logo/logo_toss.png);}
#mainCon .layout_login .right .form-wrap .private-wrap li > input[type="radio"]:checked:before {content:'';display:block;position:absolute;left:0;top:0;width:100%;height:100%;background:url(/renew/images/logo/logo_checked.png) no-repeat center/cover;transition:all 0.3s ease-in;}
#mainCon .layout_login .right .form-wrap .private-wrap li + li {margin-left:24px;}
#mainCon .layout_login .right .form-wrap .private-wrap li a {display:inline-block;width:100%;height:100%;}

#mainCon .layout_login .right .form-wrap .label-check {margin:24px 0 0px;}
#mainCon .layout_login .right .form-wrap .label-check label {position:relative;display:inline-block;height:18px;}
#mainCon .layout_login .right .form-wrap .label-check label input[type="checkbox"] {position:absolute;left:0;top:0;width:100%;height:100%;background:no-repeat center/contain;-webkit-appearance: none;-moz-appearance: none;appearance: none;} /**2025-02-25 수정  크롬83 버전 대응**/
#mainCon .layout_login .right .form-wrap .label-check label span {position:relative;padding-left:28px;color:#5F6F81;font:400 14px/16px 'Pretendard';cursor:pointer;}
#mainCon .layout_login .right .form-wrap .label-check label span:before {content:'';display:block;position:absolute;left:0;top:0;width:18px;height:18px;background:url(../img/ico_check.svg);transition:all 0.3s ease;}
#mainCon .layout_login .right .form-wrap .label-check label input[type="checkbox"]:checked + span:before {background:url(../img/ico_checked.svg);}

#mainCon .layout_login .right .btn-wrap {display:-webkit-flex;display:flex;flex-direction:column;margin-top:40px;width:588px;}
#mainCon .layout_login .right .btn-wrap button {width:100%;}
#mainCon .layout_login .right .btn-wrap .comm {display:-webkit-flex;display:flex;align-items:center;justify-content:center;position:relative;padding:20px 0 20px;background:var(--u-color-btn-primary);border-radius:8px;transition:all 0.3s ease;}
#mainCon .layout_login .right .btn-wrap .comm:before {content:'';display:block;position:absolute;left:0;top:0;width:100%;height:100%;transition:all 0.3s ease;border-radius:8px;}
#mainCon .layout_login .right .btn-wrap .comm:hover:before {background:rgba(0, 0, 0, 0.2);}
#mainCon .layout_login .right .btn-wrap .comm span {z-index:1;color:var(--u-color-text-enabled-01);font:600 18px/27px 'Pretendard';}
#mainCon .layout_login .right .btn-wrap .link-wrap {margin-top:24px;display:-webkit-flex;display:flex;align-items:center;justify-content:center;width:588px;}
#mainCon .layout_login .right .btn-wrap .link-wrap a {display:inline-block;padding-bottom:4px;color:#5f6f81;font:400 16px/19px 'Pretendard';border-bottom:1px solid #5f6f81;text-decoration:none;}
#mainCon .layout_login .right .btn-wrap .link-wrap a + a {margin-left:48px}

#mainCon .layout_login .right .caution {display:-webkit-flex;display:flex;flex-direction:column;justify-content:center;align-items:center;margin:60px 48px 90px;}
#mainCon .layout_login .right .caution .tit {position:relative;display:block;padding:11px 0 11px 76px;width:100%;color:#191919;font:600 20px/24px 'Pretendard';border-bottom:1px solid #dfdfdf;}
#mainCon .layout_login .right .caution .tit:before {content:'';display:block;position:absolute;left:0;top:-1px;width:68px;height:48px;background:url(/renew/images/ico/ico_webee_caution.svg) no-repeat center/contain;}
#mainCon .layout_login .right .caution .list {margin-top:24px;width:100%;}
#mainCon .layout_login .right .caution .list li {position:relative;display:flex;flex-direction:column;justify-content:flex-start;padding-left:24px;color:#5F6F81;font:400 16px/22px 'Pretendard';}
#mainCon .layout_login .right .caution .list li:before {content:'-';display:block;position:absolute;left:0;top:0;width:20px;height:20px;text-align:center;}
#mainCon .layout_login .right .caution .list li + li {margin-top:10px;}
#mainCon .layout_login .right .caution .list li > a {display:inline-block;flex:1;width:fit-content;height:32px;margin-top:10px;padding:4px 12px;background:#FFFFFF;border:1px solid #DFDFDF;border-radius:4px;text-decoration:none;}
#mainCon .layout_login .right .caution .list li > a span {color:#5F6F81;font:400 14px/24px 'Pretendard';}
#mainCon .layout_login .right .caution .list p {position:relative;display:flex;flex-direction:column;justify-content:flex-start;padding-left:24px;color:#5F6F81;font:400 16px/22px 'Pretendard';}

#mainCon .layout_login .right .form-wrap .announce-wrap {display:-webkit-felx;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:46px 0;}
#mainCon .layout_login .right .form-wrap .announce-wrap i {display:block;width:180px;height:180px;background:url(/renew/images/ico/ico_webee_done.svg) no-repeat center/contain;}
#mainCon .layout_login .right .form-wrap .announce-wrap i + p{margin:21px 0 0;color:#5F6F81;font:400 18px/27px 'Pretendard';word-break:keep-all;white-space:nowrap;}
#mainCon .layout_login .right .form-wrap .announce-wrap i + p > em.blue {color:var(--u-color-text-primary-enabled)}
#mainCon .layout_login .right p + .form-wrap {margin-top:0;}

#mainCon .layout_login .right .form-group {display:-webkit-flex;display:flex;align-items:center;width:588px;height:60px;margin:88px 102px 0;border-radius:8px;background:rgba(95, 111, 129, 0.1);}
#mainCon .layout_login .right .form-group ~ .inner {padding-top:0;}
#mainCon .layout_login .right .form-group label {display:-webkit-flex;display:flex;align-items:center;justify-content:center;position:relative;width:100%;height:100%;}
#mainCon .layout_login .right .form-group label input[type="radio"] {position:absolute;left:0;top:0;width:100%;height:100%;-webkit-appearance: none;-moz-appearance:none;appearance:none;cursor:pointer;}
#mainCon .layout_login .right .form-group label input[type="radio"] + span {font:400 16px/19px 'Pretendard';word-break:keep-all;white-space:nowrap;color:#B0B2B4;}
#mainCon .layout_login .right .form-group label.active input[type="radio"] + span {padding:calc((56px - 19px) / 2) 0;width:calc(100% - 4px);color:#333D47;text-align:center;font-weight:500;background:#FFFFFF;box-shadow:0px 1px 2px rgba(0,0,0,0.08);border-radius:8px;}

/* ******************* 전화상담 플로팅 위비버튼 ******************* */
.floating-btn[data-type=renew2025]{z-index:1000;position:fixed;bottom:152px;right:70px;width:100px;}
.floating-btn[data-type=renew2025] .tel-counsel{display:-webkit-flex;display:flex;align-items:center;flex-direction:column;width:100%;height:100%;text-decoration:none;}
.floating-btn[data-type=renew2025] .tel-counsel .balloon{display:block;position:relative;padding:9px 14px;font:400 14px/16px "Pretendard";color:var(--u-color-text-default-02);white-space:nowrap;background:#fff;border:1px solid #F5F5F5;border-radius:16px;}
.floating-btn[data-type=renew2025] .tel-counsel .balloon:after{content:'';display:block;position:absolute;bottom:-18.5px;left:50%;width:0;height:2px;margin-left:-5px;border-top:8.5px solid #fff/*#2782F4*/;border-bottom:8.5px solid transparent;border-left:5px solid transparent;border-right:5px solid transparent;}
.floating-btn[data-type=renew2025] .tel-counsel:hover .balloon{color:#fff;background:#2782F4;border-color:#2782F4;}
.floating-btn[data-type=renew2025] .tel-counsel:hover .balloon:after{border-top:8.5px solid #2782F4;}
.floating-btn[data-type=renew2025] img{width:80px;height:80px;}


.floating-btn[data-type=renew2025].scrl-down{display:inline-block;width:70px;height:70px;bottom:85px;right:85px;background:url(/renew/images/ico/ico_chevron_down.svg) center no-repeat;background-size:60px;}
/* .floating-btn[data-type=renew2025].scrl-down a:before{content: '';position: absolute;width: 20px;height: 20px;border-right: 6px solid #fff;border-top: 6px solid #fff;left: 22px;top: 11px;transform: rotate(135deg);} */
/* .floating-btn[data-type=renew2025].scrl-down a:after{content: '';position: absolute;width: 20px;height: 20px;border-right: 6px solid #fff;border-top: 6px solid #fff;left: 22px;top: 28px;transform: rotate(135deg);} */

/* ******************* popup ******************* */
.popMain[data-type="renew2025"] {display:block;position:relative;width:680px;height:700px;background:#fff;}
.popMain[data-type="renew2025"] #logpop-tit {position:relative;padding:16px 32px;width:100%;height:64px;color:#191919;font:500 20px/32px 'Pretendard';background:#F5F5F5;}
.popMain[data-type="renew2025"] .close-popup {display:block;width:32px;height:32px;position:absolute;right:32px;top:16px;background:url(/renew/images/ico/ico_close_btn.svg) no-repeat center/contain;}
.popMain[data-type="renew2025"] .cntArea {padding:32px 32px 0px;height:calc(100% - 64px - 138px);}
.popMain[data-type="renew2025"] .cntArea > .content {width:100%;margin:0;padding:0;}
.popMain[data-type="renew2025"] .cntArea > .content .desc {font:400 16px/18px "Pretendard";}
.popMain[data-type="renew2025"] .popFooter {display:block;position:absolute;bottom:40px;width:100%;height:58px;margin-top:40px;padding:0 273px 40px 273px;background:none;}
.popMain[data-type="renew2025"] .popFooter button {display:-webkit-flex;display:flex;align-items:center;justify-content:center;padding:16px 0px;width:134px;height:58px;border-radius:8px;background:#0871F3;}
.popMain[data-type="renew2025"] .popFooter button span {display:block;width:100%;color:#fff;font:500 22px/26px 'Pretendard';text-align:center;}

/* ******************* footer ******************* */ 
.footer[data-type=renew2025] {display:-webkit-flex;display:flex;flex-direction:column;align-items:center;position:relative;z-index:100;/*width:100vw*/;margin-top:auto;background:var(--u-surface-01);}
/* .marketing-wrap > .footer[data-type=renew2025] {position:static;} */
.footer[data-type=renew2025] a {text-decoration:none;}
.footer[data-type=renew2025] select {border:none;border-radius:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;}

.footer[data-type=renew2025] .service-wrap {display:-webkit-flex;display:flex;justify-content:flex-start;align-items:center;padding:36px 0;}
.footer[data-type=renew2025] .service-wrap > li {display:-webkit-flex;display:flex;}
.footer[data-type=renew2025] .service-wrap > li + li {margin-left:24px;}
.footer[data-type=renew2025] .service-wrap > li a {color:var(--u-color-text-default-01);word-break:keep-all;white-space:nowrap;}
.footer[data-type=renew2025] .service-wrap > li > a {font:var(--u-typhgraphy-400-16);}
.footer[data-type=renew2025] .service-wrap > li > a strong {color:var(--u-color-text-default-00);}
.footer[data-type=renew2025] .service-wrap > li .details {display:-webkit-flex;display:flex;width:100%;}
.footer[data-type=renew2025] .service-wrap > li .details > li a {margin-left:24px;font:var(--u-typhgraphy-400-16);}

.footer[data-type=renew2025] .noti-bar {display:-webkit-flex;display:flex;align-items:center;justify-content:center;width:100%;border-top:1px solid var(--u-border-color-01);}
.footer[data-type=renew2025] .noti-bar .inner[data-target="noti-bar"]{display:-webkit-flex;display:flex;justify-content:flex-start;max-width:1920px;min-width:1608px;width:1608px;}
.footer[data-type=renew2025] .noti-bar .inner[data-target="noti-bar"] > span {display:inline-block;padding:27px 55px;text-align:center;color:var(--u-color-text-default-00);font:var(--u-typhgraphy-600-20);word-break:keep-all;border:1px solid var(--u-border-color-01);border-width:0 1px;}
.footer[data-type=renew2025] .noti-bar .noti-wrap{display:block;position:relative;width:100%;height:30px;margin-top:24px;overflow:hidden;}
.footer[data-type=renew2025] .noti-bar .noti-wrap ul{position:relative;width:100%;/* border:2px solid purple; */}
.footer[data-type=renew2025] .noti-bar .noti-wrap li{width:100%;}
.footer[data-type=renew2025] .noti-bar .noti-wrap li a{display:-webkit-flex;display:flex;position:relative;width:100%;height:30px;padding:0 24px;font:400 18px/30px "Pretendard";color:var(--u-color-text-default-02);text-overflow:ellipsis;}
.footer[data-type=renew2025] .noti-bar .noti-wrap li .date{margin-left:auto;}
.footer[data-type=renew2025] .noti-bar .show-more{display:block;position:relative;flex:none;width:78px;height:78px;border:1px solid var(--u-border-color-01);border-width:0 1px;}
.footer[data-type=renew2025] .noti-bar .show-more:after{content:'';display:block;position:absolute;left:0;top:0;width:100%;height:100%;-webkit-mask:url(../img/ico_chevron_right_on.svg) center no-repeat;mask:url(../img/ico_chevron_right_on.svg) center no-repeat;-webkit-mask-size:12px 21px;mask-size:12px 21px;background:#5f6f81;}

.footer[data-type=renew2025] .ft-info-wrap {display:-webkit-flex;display:flex;align-items:center;justify-content:center;width:100%;padding: 36px 40px 40px;border-top:1px solid var(--u-border-color-01);}
.footer[data-type=renew2025] .ft-info-wrap .inner[data-target="info-wrap"] {display:-webkit-flex;display:flex;justify-content:flex-start;flex-direction:column;max-width:1920px;min-width:1608px;}
.footer[data-type=renew2025] .ft-info-wrap .inner[data-target="info-wrap"] .top {display:-webkit-flex;display:flex;width:100%;justify-content:space-between;align-items:center;}
.footer[data-type=renew2025] .ft-info-wrap .inner[data-target="info-wrap"] .top .service-call {display:-webkit-flex;display:flex;align-items:center;position:relative;}
.footer[data-type=renew2025] .ft-info-wrap .inner[data-target="info-wrap"] .top .service-call i {display:inline-block;width:40px;margin-right:10px;height:40px;background:url(../img/ico_footer_call.svg) no-repeat center/contain;}
.footer[data-type=renew2025] .ft-info-wrap .inner[data-target="info-wrap"] .top .service-call ul {display:-webkit-flex;display:flex;align-items:center;}
.footer[data-type=renew2025] .ft-info-wrap .inner[data-target="info-wrap"] .top .service-call ul li {position:relative;font:var(--u-typhgraphy-400-20 );}
.footer[data-type=renew2025] .ft-info-wrap .inner[data-target="info-wrap"] .top .service-call ul li + li {margin-left:19px;}
.footer[data-type=renew2025] .ft-info-wrap .inner[data-target="info-wrap"] .top .service-call ul li + li:before{content:'';display:block;position:absolute;left:-10px;top:calc(29px / 2);width:3px;height:3px;background-color:var(--u-color-text-default-01);border-radius:100%;}
.footer[data-type=renew2025] .ft-info-wrap .inner[data-target="info-wrap"] .top .service-call ul li span {color:var(--u-color-text-default-00);}
.footer[data-type=renew2025] .ft-info-wrap .inner[data-target="info-wrap"] .top .service-call ul li a {font-weight:600;color:var(--u-color-ico-primary-enabled);}

.footer[data-type=renew2025] .ft-info-wrap .inner[data-target="info-wrap"] .top .btm-pages {display:-webkit-flex;display:flex;align-items:center;}
.footer[data-type=renew2025] .ft-info-wrap .inner[data-target="info-wrap"] .top .btm-pages > ul {display:-webkit-flex;display:flex;align-items:center;}
.footer[data-type=renew2025] .ft-info-wrap .inner[data-target="info-wrap"] .top .btm-pages > ul li + li {margin-left:16px;}
.footer[data-type=renew2025] .ft-info-wrap .inner[data-target="info-wrap"] .top .btm-pages ul .page + .sns {margin-left:20px;}
.footer[data-type=renew2025] .ft-info-wrap .inner[data-target="info-wrap"] .top .btm-pages > ul .page:last-of-type:not(:first-of-type):not(:only-child) {margin-right:20px;}
.footer[data-type=renew2025] .ft-info-wrap .inner[data-target="info-wrap"] .top .btm-pages > ul .page > a img {height:40px;}
.footer[data-type=renew2025] .ft-info-wrap .inner[data-target="info-wrap"] .top .btm-pages > ul .sns > a img {height:48px;}

.footer[data-type=renew2025] .ft-info-wrap .inner[data-target="info-wrap"] .top .btm-pages .list-banner {position:relative;display:-webkit-flex;display:flex;justify-content:center;align-items:center;margin-left:24px;width:240px;height:56px;background-color:#F5F5F5;border-radius:8px;}
.footer[data-type=renew2025] .ft-info-wrap .inner[data-target="info-wrap"] .top .btm-pages .list-banner:before {content:'패밀리사이트';display:block;position:absolute;left:17px;top:19px;font:400 16px/19px 'Pretendard';color:#191919;}
.footer[data-type=renew2025] .ft-info-wrap .inner[data-target="info-wrap"] .top .btm-pages .list-banner .scrl-inner {display:none;position:absolute;bottom:60px;left:0;right:12px;padding:12px;width:100%;height:234px;background:#fff;border:1px solid #DFDFDF;border-radius:8px;overflow-y:hidden;transition:all 0.3s ease;}
.footer[data-type=renew2025] .ft-info-wrap .inner[data-target="info-wrap"] .top .btm-pages .list-banner.show .scrl-inner{display:block;}
.footer[data-type=renew2025] .ft-info-wrap .inner[data-target="info-wrap"] .top .btm-pages .list-banner .scrl-inner .scrl-content {position:relative;width:100%;height:100%;overflow-y:scroll;}
.footer[data-type=renew2025] .ft-info-wrap .inner[data-target="info-wrap"] .top .btm-pages .list-banner .scrl-inner .scrl-content::-webkit-scrollbar {display:none;}
.footer[data-type=renew2025] .ft-info-wrap .inner[data-target="info-wrap"] .top .btm-pages .list-banner .scrl-inner .scrl-content .family-site {display:-webkit-flex;display:flex;flex-direction:column;align-items:flex-start;}
.footer[data-type=renew2025] .ft-info-wrap .inner[data-target="info-wrap"] .top .btm-pages .list-banner .scrl-inner .scrl-content .family-site li {position:relative;padding:5px 4px 8px;width:100%;height:100%;}
.footer[data-type=renew2025] .ft-info-wrap .inner[data-target="info-wrap"] .top .btm-pages .list-banner .scrl-inner .scrl-content .family-site li + li {margin-top:4px;}
.footer[data-type=renew2025] .ft-info-wrap .inner[data-target="info-wrap"] .top .btm-pages .list-banner .scrl-inner .scrl-content .family-site li > a {display:block;width:100%;height:100%;}
.footer[data-type=renew2025] .ft-info-wrap .inner[data-target="info-wrap"] .top .btm-pages .list-banner .scrl-inner .scrl-content .family-site li > a > span {display:block;width:100%;height:100%;color:#191919;font:400 16px/19px 'Pretendard';}
.footer[data-type=renew2025] .ft-info-wrap .inner[data-target="info-wrap"] .top .btm-pages .list-banner .scrl-inner .scrl-content .family-site li > a:hover > span {color:#0871F3;}
.footer[data-type=renew2025] .ft-info-wrap .inner[data-target="info-wrap"] .top .btm-pages .list-banner button {display:block;width:32px;height:32px;position:absolute;top:12px;right:12px;background:url(../img/ico_chevron_down.svg) no-repeat center/contain;}

.custom-scroll{position:absolute;top:19px;right:12px;width:4px;height:72px;background:#DFDFDF;border-radius:2px;}
.custom-thumb {position:absolute;top:19px;width:100%;height:100%;background:transparent;border-radius:2px;cursor:pointer;}

.footer[data-type=renew2025] .ft-info-wrap .inner[data-target="info-wrap"] .btm {display:-webkit-flex;display:flex;width:100%;justify-content:space-between;margin-top:24px;}
.footer[data-type=renew2025] .ft-info-wrap .inner[data-target="info-wrap"] .btm .left {display:-webkit-flex;display:flex;flex-direction:column;}
.footer[data-type=renew2025] .ft-info-wrap .inner[data-target="info-wrap"] .btm .left dl {display:-webkit-flex;display:flex;align-items:center;}
.footer[data-type=renew2025] .ft-info-wrap .inner[data-target="info-wrap"] .btm .left dl dt,
.footer[data-type=renew2025] .ft-info-wrap .inner[data-target="info-wrap"] .btm .left dl dd {color:var(--u-color-text-default-01);}
.footer[data-type=renew2025] .ft-info-wrap .inner[data-target="info-wrap"] .btm .left dl dt {font:var(--u-typhgraphy-400-14);}
.footer[data-type=renew2025] .ft-info-wrap .inner[data-target="info-wrap"] .btm .left dl dd {margin-left:4px;font:var(--u-typhgraphy-400-14);}
.footer[data-type=renew2025] .ft-info-wrap .inner[data-target="info-wrap"] .btm .left dl dd + dt {margin-left:16px;}
.footer[data-type=renew2025] .ft-info-wrap .inner[data-target="info-wrap"] .btm .left dl .hide + dd {margin-left:16px;}
.footer[data-type=renew2025] .ft-info-wrap .inner[data-target="info-wrap"] .btm .left p {margin-top:10px;font:var(--u-typhgraphy-400-14);}

.footer[data-type=renew2025] .ft-info-wrap .inner[data-target="info-wrap"] .btm .right > ul {display:-webkit-flex;display:flex;}
.footer[data-type=renew2025] .ft-info-wrap .inner[data-target="info-wrap"] .btm .right > ul li {display:-webkit-flex;display:flex;}
.footer[data-type=renew2025] .ft-info-wrap .inner[data-target="info-wrap"] .btm .right > ul li + li {margin-left:24px;}
.footer[data-type=renew2025] .ft-info-wrap .inner[data-target="info-wrap"] .btm .right > ul li img {margin-right:6px;}
.footer[data-type=renew2025] .ft-info-wrap .inner[data-target="info-wrap"] .btm .right > ul li img[seal-type="president"] {width:29px;height:40px;}
.footer[data-type=renew2025] .ft-info-wrap .inner[data-target="info-wrap"] .btm .right > ul li img[seal-type="customer"] {width:48px;height:40px;}
.footer[data-type=renew2025] .ft-info-wrap .inner[data-target="info-wrap"] .btm .right > ul li img[seal-type="service"] {width:54px;height:40px;}
.footer[data-type=renew2025] .ft-info-wrap .inner[data-target="info-wrap"] .btm .right > ul li img[seal-type="ccm"] {width:40px;height:40px;}
.footer[data-type=renew2025] .ft-info-wrap .inner[data-target="info-wrap"] .btm .right > ul li img[seal-type="accessibility"] {width:48px;height:40px;}
.footer[data-type=renew2025] .ft-info-wrap .inner[data-target="info-wrap"] .btm .right > ul li span,
.footer[data-type=renew2025] .ft-info-wrap .inner[data-target="info-wrap"] .btm .right > ul li a {color:var(--u-color-text-default-01);font:var(--u-typhgraphy-400-13);white-space:nowrap;}

/* 메인화면 */
.main-wrap[data-type=mainRenew],
.marketing-wrap {/* max-width:1920px; */min-width:1608px;/*overflow-x:hidden;*/}

/* 사이트맵 */
[data-type="sitemapRenew"] a {text-decoration:none;}
/* ======================== */
[data-type="sitemapRenew"] .full-modal {display:none;position:fixed;left:0;right:0;top:0;bottom:0;overflow-y: scroll;background-color:#fff;z-index:1000;width:100vw;}
[data-type="sitemapRenew"] .full-modal .container {display:-webkit-flex;display:flex;flex-direction:column;align-items:center;}
[data-type="sitemapRenew"] .full-modal .container .modal-header {display:-webkit-flex;display:flex;justify-content:space-between;align-items:center;width:100%;padding:31px;color:#fff;background:#264265;}
[data-type="sitemapRenew"] .full-modal .container .modal-header .logo {display:block;position:relative;width:134px;height:32px;background:url(/renew/images/logo/logo-capital_white.svg) no-repeat center/contain;}
[data-type="sitemapRenew"] .full-modal .container .modal-header .logo a {display:block;position:absolute;width:100%;height:100%;left:0;top:0;}
[data-type="sitemapRenew"] .full-modal .container .modal-header span {color:#fff;font:600 28px/34px 'Pretendard';}
[data-type="sitemapRenew"] .full-modal .container .modal-header .close-modal {display:block;width:32px;height:32px;-webkit-mask:url(/renew/images/ico/ico_close_btn_white.svg);mask:url(/renew/images/ico/ico_close_btn_white.svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:32px;mask-size:32px;-webkit-mask-position:center;mask-position:center;background-color:#fff;}
[data-type="sitemapRenew"] .full-modal .container .modal-body {display:block;position:relative;max-width:1200px;height:100%;padding:32px 0px 0px;background:#fff;}
[data-type="sitemapRenew"] .full-modal .container .modal-body:before {content:'';display:block;position:absolute;left:-2000vw;height:100%;background:#fff;}
[data-type="sitemapRenew"] .full-modal .container .modal-body .menu-wrap {display:-webkit-flex;display:flex;flex-direction:column;width:1200px;}
[data-type="sitemapRenew"] .full-modal .container .modal-body .menu-wrap .depth01 {display:-webkit-flex;display:flex;flex-direction:column;padding-bottom:40px;}
[data-type="sitemapRenew"] .full-modal .container .modal-body .menu-wrap .depth01 + .depth01 {padding-top:40px;border-top:1px solid #DFDFDF;}
[data-type="sitemapRenew"] .full-modal .container .modal-body .menu-wrap .depth01 > strong {padding:18px 0;color:#191919;font:600 22px/24px 'Pretendard';}
[data-type="sitemapRenew"] .full-modal .container .modal-body .menu-wrap .depth01 .depth02 {display:-webkit-flex;display:flex;justify-content:flex-start;align-items:flex-start;flex-wrap:wrap;}
[data-type="sitemapRenew"] .full-modal .container .modal-body .menu-wrap .depth01 .depth02 > li,
[data-type="sitemapRenew"] .full-modal .container .modal-body .menu-wrap .depth01 .depth02 > li > a {display:block;color:#5F6F81;font:600 16px/24px 'Pretendard';}
[data-type="sitemapRenew"] .full-modal .container .modal-body .menu-wrap .depth01 .depth02 li {width:calc((1200px / 4) - ((1200px - (282px * 4)) / 4));}
[data-type="sitemapRenew"] .full-modal .container .modal-body .menu-wrap .depth01 .depth02 > li + li:not(:nth-of-type(4n + 5)) {margin-left:24px;}
[data-type="sitemapRenew"] .full-modal .container .modal-body .menu-wrap .depth01 .depth02 > li + li:nth-of-type(4n) {margin-left:23.5px;}
[data-type="sitemapRenew"] .full-modal .container .modal-body .menu-wrap .depth01 .depth02 > li:nth-of-type(n + 5) {margin-top:20px;}
[data-type="sitemapRenew"] .full-modal .container .modal-body .menu-wrap .depth01 .depth02 li .depth03 li > a {display:block;padding:11px 0 10px;}
[data-type="sitemapRenew"] .full-modal .container .modal-body .menu-wrap .depth01 .depth02 li .depth03 li > a > span {display:-webkit-flex;display:flex;justify-content:flex-start;align-items:center;position:relative;color:#333D47;font:500 18px/27px 'Pretendard';}
[data-type="sitemapRenew"] .full-modal .container .modal-body .menu-wrap .depth01 .depth02 li .depth03 li > a:hover span {color:#191919;font:600 18px/27px 'Pretendard';}
[data-type="sitemapRenew"] .full-modal .container .modal-body .menu-wrap .depth01 .depth02 li .depth03 li > a:hover span:after {content:'';display:block;position:relative;width:8px;height:14px;margin-left:8px;background:url(/renew/images/ico/ico_chevron_right_on.svg) no-repeat center/contain;}