/* --------------------------------common------------------------------ */
#container {padding-top:0}

.bta {display:block !important}
@media screen and (max-width:1024px) {
    .bta {display:block}
    .service_clab_sec .bmo {display:none !important}
    .service_rz_sec .bmo {display:none !important}
}/* md */
@media screen and (max-width:767px) {
    .bta {display:none !important}
    .service_clab_sec .bmo {display:block !important}
    .service_rz_sec .bmo {display:block !important}
}/* sm */
/* --------------------------------//common------------------------------ */


/* --------------------------------service_visual_sec------------------------------ */
.service_visual_sec {position:relative; width:100%; height:50rem}
.service_visual_sec .bg {overflow:hidden; position:fixed; z-index:-1; top:0; left:50%; transform:translateX(-50%) scale(1); width:100%; display:block; transition:all 1.5s ease-out}
/*.service_visual_sec.on .bg {transform:translateX(-50%)  scale(1)}*/
.service_visual_sec .video_wrap {width:100%}
.service_visual_sec .title_wrap {width:100%; max-width:1440px; position:absolute; left:50%; top:calc(50% + 10px); transform:translate(-50%,-50%); text-align:center; overflow:hidden}
.service_visual_sec .title {font-size:4rem; line-height:5rem; font-weight:700; color:#FDFDFD}


@media screen and (max-width:1024px) {
    .service_visual_sec {height:640px;}
    .service_visual_sec .img_wrap {top:64px}
    .service_visual_sec .title_wrap {top:50%}
    .service_visual_sec .title {font-size:2.47rem; line-height:3.24rem}
}/* sm */


@keyframes fadeIn {
    from {opacity:0}
    to {opacity:1}
}

/* --------------------------------//service_visual_sec end------------------------------ */


/* --------------------------------service_intro_sec end------------------------------ */
.service_intro_sec {/*margin-top:520px; */ background:#FFF}
.service_intro_sec .inner {padding:13rem 0 0}
.service_intro_sec .sec_title {font-size:2rem; line-height:2.625rem; font-weight:500; color:#161B20; text-align:center}
.service_intro_sec .sec_title span {display:flex; justify-content:center; align-items:center; gap:8px; margin-bottom:.5rem}
.service_intro_sec .cont_box {display:flex; flex-direction:row; gap:1.5rem; margin-top:5.75rem}
.service_intro_sec .cont {width:calc((100% - 3rem)/3); display:flex; flex-direction:column; justify-content:space-between; gap:1.5rem}
.service_intro_sec .cont .text_box {text-align:center}
.service_intro_sec .cont .text_box h3 {font-size:1.25rem; line-height:2rem; font-weight:500; color:#161B20}
.service_intro_sec .cont .service_logo {margin:.75rem auto 3.75rem; height:62px; object-fit:contain; object-position:center}
.service_intro_sec .cont1 .service_logo {width:140px}
.service_intro_sec .cont2 .service_logo {width:195px}
.service_intro_sec .cont3 .service_logo {width:200px}
.service_intro_sec .cont .img_box {width:100%; max-width:464px; position:relative; transition:all .2s ease-in-out; border-radius:36px 36px 0 0; box-shadow:20px 20px 60px rgba(0,0,0,0.08); overflow:hidden; cursor:pointer}
.service_intro_sec .cont .img_box figure {width:100%; max-width:464px; height:auto; padding-bottom:calc(928/980*100%); transition:all .2s ease-in-out; background-position:top center; background-repeat:no-repeat; background-size:100% auto}
.service_intro_sec .cont .img1 figure {background-image:url(/front/images/service/screen_rz_off.png)}
.service_intro_sec .cont .img2 figure {background-image:url(/front/images/service/screen_bankit_off.png)}
.service_intro_sec .cont .img3 figure {background-image:url(/front/images/service/screen_clab_off.png)}
.service_intro_sec .link {font-size:1rem; line-height:1.75rem; font-weight:500; color:#161B20; display:block; width:fit-content; position:relative; transition:all ease .2s; border-bottom:1px solid #161B20; padding-bottom:1px; margin:0 auto}
.service_intro_sec .link .arr {position:relative; overflow:hidden; height:13px; width:0; transition:opacity .05s,transform .15s ease}
.service_intro_sec .link .arr i {position:absolute; top:50%; left:0; font-size:16px; transition:all ease .2s; transform:translateY(-50%) rotate(20deg); width:12px; height:13px; opacity:0; background:url(/front/images/common/ico_iba_bk.png) center / contain no-repeat}



@media screen and (min-width:1024.1px) and (hover:hover) {
    .service_intro_sec .link:hover {padding-right:20px}
    .service_intro_sec .link:hover .arr {width:16px}
    .service_intro_sec .link:hover .arr i {left:8px; transform:translateY(-50%) rotate(0); opacity:1}

    .service_intro_sec .cont .img1:hover figure {background-image:url(/front/images/service/screen_rz.png)}
    .service_intro_sec .cont .img2:hover figure {background-image:url(/front/images/service/screen_bankit.png)}
    .service_intro_sec .cont .img3:hover figure {background-image:url(/front/images/service/screen_clab.png)}
}/* hover */

@media screen and (max-width:1024px) {
    /*.service_intro_sec {margin-top:640px}*/
    .service_intro_sec .inner {padding:4.93rem 0}
    .service_intro_sec .sec_title {font-size:1.54rem; line-height:2.46rem}
    .service_intro_sec .sec_title span {margin-bottom:0}
    .service_intro_sec .sec_title span img {width:59px; height:19px}
    .service_intro_sec .cont_box {width:62%; max-width:440px; margin:4.77rem auto 0; flex-direction:column; gap:4.92rem}
    .service_intro_sec .cont {width:100%; gap:1.85rem}
    .service_intro_sec .text_box h3 {font-size:1.24rem; line-height:2.15rem}
    .service_intro_sec .cont .img_box {border-radius:26px}
    .service_intro_sec .cont .img_box figure {padding-bottom:calc(832/456*100%)}
    .service_intro_sec .cont .img1 figure {background-image:url(/front/images/service/screen_rz_m.png)}
    .service_intro_sec .cont .img2 figure {background-image:url(/front/images/service/screen_bankit_m.png)}
    .service_intro_sec .cont .img3 figure {background-image:url(/front/images/service/screen_clab_m.png)}
    .service_intro_sec .service_logo {margin:8px auto 2.47rem}
    .service_intro_sec .cont1 .service_logo {width:110px}
    .service_intro_sec .cont2 .service_logo {width:145px}
    .service_intro_sec .cont3 .service_logo {width:135px}
    .service_intro_sec .link {font-size:1.24rem; line-height:2.15rem; font-weight:400; padding-bottom:0; padding-right:20px; margin-top:1rem}
    .service_intro_sec .link .arr {width:16px}
    .service_intro_sec .link .arr i {width:13px; height:14px; left:4px; transform:translateY(-50%) rotate(0); opacity:1}
}/* sm */




/* --------------------------------//service_intro_sec end------------------------------ */




/* --------------------------------service_banner_sec------------------------------ */
.service_banner_sec {background:#0A0A0A; border-bottom:1px solid #696969}
.service_banner_sec .inner {padding:7.25rem 0; display:flex; flex-direction:row; gap:2rem; justify-content:space-between; align-items:center}
.service_banner_sec .text_box {display:flex; justify-content:center; gap:2.75rem; flex-direction:column}
.service_banner_sec .text_box h3 {font-size:2rem; line-height:2.625rem; font-weight:700; color:#FFF}
.service_banner_sec .link {font-size:2rem; line-height:2.625rem; font-weight:500; color:#FFF; display:block; flex-shrink:1; width:32%; padding:2.625rem 0; text-align:center; position:relative; transition:all ease .2s; border:1px solid #161B20; border-image:-webkit-linear-gradient(0deg,#3468b2 5%,#8acece 95%); border-image:-o-linear-gradient(0deg,#3468b2 5%,#8acece 95%); border-image:-ms-linear-gradient(0deg,#3468b2 5%,#8acece 95%); border-image:-moz-linear-gradient(0deg,#3468b2 5%,#8acece 95%); border-image:linear-gradient(0deg,#3468b2 5%,#8acece 95%); border-image-slice:1}
.service_banner_sec .link .arr {position:relative; overflow:hidden; height:13px; width:0; transition:opacity .05s,transform .15s ease}
.service_banner_sec .link .arr i {position:absolute; top:50%; left:0; font-size:16px; transition:all ease .2s; transform:translateY(-50%) rotate(20deg); width:30px; height:30px; opacity:0; background:url(/front/images/common/ico_iba.svg) center / contain no-repeat}


@media screen and (min-width:1024.1px) and (hover:hover) {

    /*.service_intro_sec .file_wrap a:hover {font-size:1.005rem; font-weight:700; color:#3468B2; border-color:#3468B2}*/
    /*.service_intro_sec .link:hover {padding-right:20px}*/
    .service_banner_sec .link:hover {padding:2.625rem 30px 2.625rem 0}
    .service_banner_sec .link:hover .arr {width:16px}
    .service_banner_sec .link:hover .arr i {left:8px; transform:translateY(-50%) rotate(0); opacity:1}


}/* hover */


@media screen and (max-width:1024px) {
    .service_banner_sec .inner {padding:4.93rem 0; align-items:flex-start; flex-direction:column; gap:3.08rem}
    .service_banner_sec .text_box {gap:4.62rem}
    .service_banner_sec .text_box h3 {font-size:1.85rem; line-height:2.77rem}
    .service_banner_sec .link {font-size:1.24rem; line-height:3.69rem; padding:0; width:100%; height:3.69rem; border:none; border-image-slice:unset; background:#FFF; background:-webkit-linear-gradient(90deg,#3468b2 5%,#8acece 95%); background:-o-linear-gradient(90deg,#3468b2 5%,#8acece 95%); background:-ms-linear-gradient(90deg,#3468b2 5%,#8acece 95%); background:-moz-linear-gradient(90deg,#3468b2 5%,#8acece 95%); background:linear-gradient(90deg,#3468b2 5%,#8acece 95%)}
    .service_banner_sec .link .arr {width:16px}
    .service_banner_sec .link .arr i {width:13px; height:14px; left:4px; transform:translateY(-50%) rotate(0); opacity:1}
    .service_banner_sec .cont .link {font-size:1.24rem; line-height:2.15rem; font-weight:400; padding-bottom:0; padding-right:20px; margin-top:1rem}
    .service_banner_sec .cont .link .arr {width:16px}
    .service_banner_sec .cont .link .arr i {width:13px; height:14px; left:4px; transform:translateY(-50%) rotate(0); opacity:1}

}/* sm */

/* --------------------------------//service_banner_sec end------------------------------ */



/*---------------------------service_tit_sec------------------------------*/
.service_tit_sec {position:relative; width:100%; height:28.5rem; background:url(/front/images/service/bg_rz.png) no-repeat center / cover}
.service_tit_sec .title_wrap {position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); text-align:center; overflow:hidden}
.service_tit_sec .title {font-size:4rem; color:#fff; font-weight:700}
.service_tit_sec .title img {width:100%; margin:0 auto}
.service_tit_sec .sub_title {margin-bottom:.5rem; font-size:2rem; color:#BEC1C7}

@media screen and (max-width:1024px) {
    .service_tit_sec {position:relative; width:100%; height:18.46rem; background:url(/front/images/service/bg_rz_m.png) no-repeat center / cover}
}/* sm */
/*---------------------------//service_tit_sec------------------------------*/


/*---------------------------service_cont_sec------------------------------*/
.service_cont_sec {padding:13rem 0}
.service_cont_sec .inner {display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; gap:9.125rem; -webkit-box-pack:justify; -webkit-justify-content:space-between; justify-content:space-between}
.service_cont_sec .fixed_wrap {position:-webkit-sticky; position:sticky; top:0; width:342px; max-height:33.125rem; transition:top .2s ease-in-out,bottom .2s ease-in-out}
.service_cont_sec .fixed_wrap.on {position:sticky; top:6rem}
/*.service_cont_sec .fixed_wrap.fixed {position:fixed; top:10%; left:6%}*/
/*.service_cont_sec .fixed_wrap.fixed_b {position:absolute; top:unset; bottom:0; left:0}*/
/*.service_cont_sec .sec_title img {border-radius:28px 28px 0 0; box-shadow:10px 10px 40px rgba(0,0,0,0.08)}*/
.service_cont_sec .btn_wrap {margin-top:2.375rem}
.service_cont_sec .btn_wrap button {display:flex; align-items:center; justify-content:left; gap:.5rem; width:100%; height:3.5rem; padding-left:1.25rem; background-color:transparent; color:#161B20; text-align:left; font-size:1.5rem; font-weight:500; border-bottom:1px solid #D9D9D9; cursor:pointer}
.service_cont_sec .btn_wrap button.on {background-color:#333; color:#fff; border-bottom-color:#333}
.service_cont_sec .btn_wrap button::after {content:""; display:block; width:1.25rem; height:1.25rem; background:url(/front/images/about/ico_iba.png) no-repeat center/100% auto}
.service_cont_sec .list_wrap {/*width:66.2%; max-width:952px; margin-left:33.8%*/flex-shrink:1; max-width:calc(100% - 342px - 9.125rem)}
.service_cont_sec .list:not(:last-child) {border-bottom:1px solid #BEC1C7}
.service_cont_sec .cont {padding:6rem 0; position:relative}
.service_cont_sec .cont:last-child {padding:0 0 6rem}
.service_cont_sec .cont:first-child {padding:6rem 0}
.service_cont_sec .list[data-cate="plan"] .cont:first-child {padding:0 0 6rem}
.service_cont_sec .list[data-cate="result"] .cont:last-child {padding:6rem 0 0}
.service_cont_sec .cont h3 {font-size:2rem; line-height:2.625rem; font-weight:700; color:#161B20}
.service_cont_sec .cont p {font-size:1rem; line-height:1.75rem; font-weight:400; color:#161B20}
.service_cont_sec .cont img {width:100%; height:auto; object-fit:cover; object-position:center}
.service_cont_sec .img_wrap {position:relative; overflow:hidden}
.service_cont_sec .img_wrap .obj {position:absolute}

.service_cont_sec .mgt {margin-top:1.5rem}
.service_cont_sec .mgt2 {margin-top:2rem}
.service_cont_sec .mgt4 {margin-top:4rem}
.service_cont_sec .mgt6 {margin-top:6rem}
.service_cont_sec .center {text-align:center}

@media screen and (max-width:1600px) {
    .service_cont_sec .inner {gap:8rem}
    .service_cont_sec .fixed_wrap {width:300px; max-height:30.625rem}
    .service_cont_sec .list_wrap {max-width:calc(100% - 300px - 8rem)}
}
@media screen and (max-width:1400px) {
    .service_cont_sec .inner {gap:7rem}
    .service_cont_sec .fixed_wrap {width:250px; max-height:27.625rem}
    .service_cont_sec .list_wrap {max-width:calc(100% - 250px - 7rem)}
}
@media screen and (max-width:1280px) {
    .service_cont_sec .inner {gap:6rem}
    .service_cont_sec .fixed_wrap {width:200px; max-height:25.5rem}
    .service_cont_sec .list_wrap {max-width:calc(100% - 200px - 6rem)}
}

/*---------------------------//service_sub_sec------------------------------*/



/*---------------------------bankit------------------------------*/
.service_tit_sec[data-layout="bankit"] {background:url(/front/images/service/bankit_bg.png) no-repeat center/cover #fff}
.service_tit_sec[data-layout="bankit"] .title {max-width:25rem}
.service_tit_sec[data-layout="bankit"] .logo {width:28.125rem}
/*cont*/
.service_cont_sec[data-layout="bankit"] .bpc {display:block !important}
.service_cont_sec[data-layout="bankit"] .bmo {display:none !important}
.service_cont_sec[data-layout="bankit"] .list_wrap .list {border-bottom:0}
.service_cont_sec[data-layout="bankit"] .list_wrap .list:not(:last-child) {margin-bottom:6rem}
.service_cont_sec[data-layout="bankit"] .cont_wrap:not(:last-child) {margin-bottom:3.375rem}
.service_cont_sec[data-layout="bankit"] .cont_wrap[data-layout="color"] {padding:3.5rem 2rem; background-color:#F4F4FF; border-radius:0.5rem}
.service_cont_sec[data-layout="bankit"] .list_wrap h3 {margin-bottom:3rem; font-size:2rem; font-weight:700; color:#161b20}
.service_cont_sec[data-layout="bankit"] .desc {font-size:1.25rem; font-weight:400; line-height:148%}
.service_cont_sec[data-layout="bankit"] .desc:not(:last-of-type) {margin-bottom:0.75rem}
.service_cont_sec[data-layout="bankit"] .desc strong {font-weight:700; color:#2057CA}
.service_cont_sec[data-layout="bankit"] .flex_wrap {display:flex; align-items:center}
/*카테고리별*/
.service_cont_sec[data-layout="bankit"] .list[data-cate="plan"],
.service_cont_sec[data-layout="bankit"] .list[data-cate="intro"] {padding-bottom:6rem; border-bottom:1px solid #BEC1C7}
.service_cont_sec[data-layout="bankit"] .list[data-cate="intro"] h4 {display:inline-flex; align-items:center; gap:0.5rem; margin-bottom:2.5rem; padding:0.75rem 1.5rem; border-radius:1rem; background-color:#fff; color:#5A6470; font-weight:700; font-size:1.5rem; box-shadow:0.375rem 0.375rem 1.25rem 0 #E2E2FF}
.service_cont_sec[data-layout="bankit"] .list[data-cate="intro"] h4::after {content:""; display:block; width:1.5rem; height:1.5rem; background:url(/front/images/service/ico_heart.png) no-repeat center/contain}
.service_cont_sec[data-layout="bankit"] .list[data-cate="intro"] ul {gap:1.5rem}
.service_cont_sec[data-layout="bankit"] .list[data-cate="intro"] li {flex:1; box-shadow:0.5rem 0.5rem 1.25rem #E2E2FF; border-radius:1.25rem; overflow:hidden}
.service_cont_sec[data-layout="bankit"] .list[data-cate="intro"] .cont_wrap[data-layout="color"] {position:relative}
.service_cont_sec[data-layout="bankit"] .list[data-cate="intro"] .obj {position:absolute; bottom:0; right:0; width:calc(659/952*100%)}
/*박스레이아웃별*/
.service_cont_sec[data-layout="bankit"] .cont_wrap[data-box="0"] {padding-bottom: 6.5rem}
.service_cont_sec[data-layout="bankit"] .cont_wrap[data-box="0"] .img_wrap {overflow: visible}
.service_cont_sec[data-layout="bankit"] .cont_wrap[data-box="0"] [class^="add_img"] {position: absolute;}
.service_cont_sec[data-layout="bankit"] .cont_wrap[data-box="0"] .add_img_01 {width: 40%; right: 32%; bottom: -2rem}
.service_cont_sec[data-layout="bankit"] .cont_wrap[data-box="0"] .add_img_02 {width: 38%; right: 0; bottom: -4rem}
.service_cont_sec[data-layout="bankit"] .cont_wrap[data-box="1"] h4 {margin-bottom: 3.625rem}
.service_cont_sec[data-layout="bankit"] .cont_wrap[data-box="1"] h4::after {background-image: url(/front/images/service/ico_light.png)}
.service_cont_sec[data-layout="bankit"] .cont_wrap[data-box="1"] .flex_wrap {justify-content: space-between}
.service_cont_sec[data-layout="bankit"] .cont_wrap[data-box="1"] .img_wrap {position: relative; width: 36%; margin-bottom: 0; overflow: visible}
.service_cont_sec[data-layout="bankit"] .cont_wrap[data-box="1"] [data-ani="scroll"] {transform: translateY(0)}
.service_cont_sec[data-layout="bankit"] .cont_wrap[data-box="1"] .img_wrap .center {position: absolute; left: 50%; top: 50%; width: 70%; transform: translate(-50%,-50%)}
.service_cont_sec[data-layout="bankit"] .cont_wrap[data-box="1"] .text_warp {width: 60%; text-align: center}
.service_cont_sec[data-layout="bankit"] .cont_wrap[data-box="1"] h5 {width: 50%; max-width: 22.125rem; margin: 0 auto 2.375rem}
.service_cont_sec[data-layout="bankit"] .cont_wrap[data-box="1"] h5 img {width: 100%}
.service_cont_sec[data-layout="bankit"] .cont_wrap[data-box="2"] {position: relative; margin-bottom: 12rem}
.service_cont_sec[data-layout="bankit"] .cont_wrap[data-box="2"]::after {content: ""; position: absolute; left: 0; bottom: -6rem; width: 100%; height: 1px; background-color: #BEC1C7}
.service_cont_sec[data-layout="bankit"] .cont_wrap[data-box="2"] h4::after {background-image: url(/front/images/service/ico_pen.png)}
.service_cont_sec[data-layout="bankit"] .cont_wrap[data-box="2"] .desc {margin-top: 1.5rem; text-align: center}
.service_cont_sec[data-layout="bankit"] .cont_wrap[data-box="3"] h4 {width: 13rem; margin: 0 auto 1.5rem}
.service_cont_sec[data-layout="bankit"] .cont_wrap[data-box="3"] h3 {width: 20%; margin: 0 auto 1.5rem}
.service_cont_sec[data-layout="bankit"] .cont_wrap[data-box="3"] h3 img {width: 100%}
.service_cont_sec[data-layout="bankit"] .cont_wrap[data-box="3"] .desc {text-align: center;}
.service_cont_sec[data-layout="bankit"] .cont_wrap[data-box="3"] .desc:first-of-type {margin-bottom: 3rem}
.service_cont_sec[data-layout="bankit"] .cont_wrap[data-box="3"] .desc:last-of-type {margin-bottom: 2.5rem}
.service_cont_sec[data-layout="bankit"] .cont_wrap[data-box="3"] .desc:last-of-type::before{content: ""; display: block; width: 1rem; height: 4rem; margin: 2.5rem auto; background: url(/front/images/service/ico_circle.png) no-repeat center/100% auto}
.service_cont_sec[data-layout="bankit"] .cont_wrap[data-box="4"] {margin-bottom: 6rem}
.service_cont_sec[data-layout="bankit"] .cont_wrap[data-box="4"] ul {display: flex; gap: 1rem 1.5rem; flex-wrap: wrap;}
.service_cont_sec[data-layout="bankit"] .cont_wrap[data-box="4"] li {position: relative; width: 100%; padding: 3.75rem 2.5rem; border-radius: 1.25rem; box-shadow: 0.5rem 0.5rem 1.25rem 0 rgba(0,0,0,0.08)}
.service_cont_sec[data-layout="bankit"] .cont_wrap[data-box="4"] li:after {content: ""; position: absolute; right: 2rem; top: 50%; width: 8rem; height: 8rem; transform: translateY(-50%)}
.service_cont_sec[data-layout="bankit"] .cont_wrap[data-box="4"] li:nth-child(1)::after {background:url(/front/images/service/bankit_img_12.png) no-repeat center/100% auto}
.service_cont_sec[data-layout="bankit"] .cont_wrap[data-box="4"] li:nth-child(2)::after {background:url(/front/images/service/bankit_img_13.png) no-repeat center/100% auto}
.service_cont_sec[data-layout="bankit"] .cont_wrap[data-box="4"] li:nth-child(3)::after {background:url(/front/images/service/bankit_img_14.png) no-repeat center/100% auto}
.service_cont_sec[data-layout="bankit"] .cont_wrap[data-box="4"] li:nth-child(4)::after {background:url(/front/images/service/bankit_img_15.png) no-repeat center/100% auto}
.service_cont_sec[data-layout="bankit"] .cont_wrap[data-box="4"] li:nth-child(5)::after {background:url(/front/images/service/bankit_img_16.png) no-repeat center/100% auto}
.service_cont_sec[data-layout="bankit"] .cont_wrap[data-box="4"] .flex_wrap {gap: 2rem}
.service_cont_sec[data-layout="bankit"] .cont_wrap[data-box="4"] div {position: relative; margin-bottom: 0}
.service_cont_sec[data-layout="bankit"] .cont_wrap[data-box="4"] h4 {display: inline-block; padding: 0.5rem 0.75rem; font-size: 1rem; font-weight: 500; color: #fff; background: linear-gradient(#0D89FF, #5AC2FF); border-radius: 0.75rem}
.service_cont_sec[data-layout="bankit"] .cont_wrap[data-box="4"] h5 {margin-top: 0.25rem; color: #5A6470; font-size: 0.75rem; font-weight: 500; text-align: center;}
.service_cont_sec[data-layout="bankit"] .cont_wrap[data-box="4"] p {display: flex; align-items: center; gap: 0.5rem; font-size: 4.5rem; font-weight: 700; line-height: 100%}
.service_cont_sec[data-layout="bankit"] .cont_wrap[data-box="4"] p span {font-size: 1.25rem}
.service_cont_sec[data-layout="bankit"] .cont_wrap[data-box="4"] li.half {width: calc((100% - 1.5rem)/2); padding: 2.5rem}
.service_cont_sec[data-layout="bankit"] .cont_wrap[data-box="4"] li.half h4 {margin-bottom: 1rem;}
.service_cont_sec[data-layout="bankit"] .cont_wrap[data-box="4"] p,
.service_cont_sec[data-layout="bankit"] .cont_wrap[data-box="4"] p span.odometer,
.service_cont_sec[data-layout="bankit"] .cont_wrap[data-box="4"] p span.odometer span {font-size:3.5rem}
.service_cont_sec[data-layout="bankit"] .cont_wrap[data-box="5"] {margin-bottom: 6rem}
.service_cont_sec[data-layout="bankit"] .cont_wrap[data-box="5"] >ul:not(:last-child) {margin-bottom: 2.5rem}
.service_cont_sec[data-layout="bankit"] .cont_wrap[data-box="5"] >ul >li:not(:last-child) {margin-bottom: 2.5rem}
.service_cont_sec[data-layout="bankit"] .cont_wrap[data-box="5"] .flex_wrap {gap: 2rem;}
.service_cont_sec[data-layout="bankit"] .cont_wrap[data-box="5"] .flex_wrap ul {display: flex; flex-direction: column; flex: 1; gap: 1.75rem 0}
.service_cont_sec[data-layout="bankit"] .cont_wrap[data-box="5"] .flex_wrap li {box-shadow: 0.5rem 0.5rem 1.25rem 0 rgba(0,0,0,0.08); border-radius: 1.875rem}
.service_cont_sec[data-layout="bankit"] .cont_wrap[data-box="5"] .pc_wrap {display: block;}
.service_cont_sec[data-layout="bankit"] .cont_wrap[data-box="5"] .mo_wrap {display: none;}
.service_cont_sec[data-layout="bankit"] .cont_wrap[data-box="6"] {padding: 2.5rem 4rem; border-radius: 0.5rem; background: url(/front/images/service/bankit_banner.png) no-repeat center/cover}
.service_cont_sec[data-layout="bankit"] .cont_wrap[data-box="6"] .flex_wrap {justify-content: right; gap: 1rem}
.service_cont_sec[data-layout="bankit"] .cont_wrap[data-box="6"] h3 {margin-bottom: 0; color: #fff; font-size: 1.5rem}
.service_cont_sec[data-layout="bankit"] .cont_wrap[data-box="6"] h4 {width: 12.25rem; padding: 1rem 1.5rem; background-color: #fff; border-radius: 18.75rem}
.service_cont_sec[data-layout="bankit"] .cont_wrap[data-box="6"] a {display: flex; align-items: center; gap: 0.5rem; color: #fff; font-size: 1.5rem; font-weight: 700}
.service_cont_sec[data-layout="bankit"] .cont_wrap[data-box="6"] a::after {content: ""; display: block; width: 0.75rem; height: 1.125rem; background: url(/front/images/service/ico_right.svg) no-repeat center/100% auto}
@media screen and (max-width:1600px) and (min-width:1200.1px) {
    .service_cont_sec[data-layout="bankit"] .desc {font-size:1rem}
    .service_cont_sec[data-layout="bankit"] .cont_wrap[data-box="4"] p,
    .service_cont_sec[data-layout="bankit"] .cont_wrap[data-box="4"] p span.odometer,
    .service_cont_sec[data-layout="bankit"] .cont_wrap[data-box="4"] p span.odometer span {font-size:3rem}
}/*xlg*/
@media screen and (max-width:1300px) {
    .service_cont_sec[data-layout="bankit"] .cont_wrap[data-box="6"] {padding:2rem 3rem}
    .service_cont_sec[data-layout="bankit"] .cont_wrap[data-box="6"] h4 {width:auto; padding:.8rem 1.2rem}
    .service_cont_sec[data-layout="bankit"] .cont_wrap[data-box="6"] h4 img {height:1.25rem}
}/*lg*/
@media screen and (max-width:1200px) and (min-width:1024.1px) {
    .service_cont_sec[data-layout="bankit"] .desc {font-size:0.85rem}
    .service_cont_sec[data-layout="bankit"] .cont_wrap[data-box="4"] p,
    .service_cont_sec[data-layout="bankit"] .cont_wrap[data-box="4"] p span.odometer,
    .service_cont_sec[data-layout="bankit"] .cont_wrap[data-box="4"] p span.odometer span {font-size:2.5rem}
}/*lg*/
@media screen and (max-width:1024px) {
    .service_cont_sec[data-layout="bankit"] .desc {font-size:1.125rem}
    .service_cont_sec[data-layout="bankit"] .cont_wrap[data-box="4"] p,
    .service_cont_sec[data-layout="bankit"] .cont_wrap[data-box="4"] p span.odometer,
    .service_cont_sec[data-layout="bankit"] .cont_wrap[data-box="4"] p span.odometer span {font-size:3.75rem}

    .service_cont_sec[data-layout="bankit"] .btn_more {font-size:1.23rem; line-height:2.15rem; font-weight:500; color:#5A6470; display:flex; justify-content:center; align-items:center; gap:0.25rem; margin:1.85rem auto; border-bottom:1px solid #BEC1C7}
    .service_cont_sec[data-layout="bankit"] .btn_more::after {content:''; width:1rem; height:1rem; background:url(/front/images/service/arrow_down.svg) center / 100% auto no-repeat; transition:all .15s ease-in-out}
    .service_cont_sec[data-layout="bankit"] .btn_more.open::after {transform:scaleY(-1)}
    .service_cont_sec[data-layout="bankit"] .cont_wrap[data-box="5"] .flex_wrap {display:none}
}/*md*/
@media screen and (max-width:767px) {
    .service_tit_sec[data-layout="bankit"] .title {max-width:11rem}
    /*cont*/
    .service_cont_sec[data-layout="bankit"] .bpc {display:none !important}
    .service_cont_sec[data-layout="bankit"] .bmo {display:block !important}
    .service_cont_sec[data-layout="bankit"] .list_wrap .list:not(:last-child) {margin-bottom:3rem}
    .service_cont_sec[data-layout="bankit"] .cont_wrap:not(:last-child) {margin-bottom:1.85rem}
    .service_cont_sec[data-layout="bankit"] .cont_wrap[data-layout="color"] {padding:2.5rem 1.5rem}
    .service_cont_sec[data-layout="bankit"] .list_wrap h3 {margin-bottom:1.85rem; font-size:1.5rem}
    .service_cont_sec[data-layout="bankit"] .desc {line-height:180%; font-size:1.25rem; word-break:keep-all}
    /*카테고리별*/
    .service_cont_sec[data-layout="bankit"] .list[data-cate="plan"],
    .service_cont_sec[data-layout="bankit"] .list[data-cate="intro"],
    .service_cont_sec[data-layout="bankit"] .list[data-cate="result"] {padding-bottom:3rem}
    .service_cont_sec[data-layout="bankit"] .list[data-cate="intro"] .cont_wrap[data-layout="color"] {text-align:center}
    .service_cont_sec[data-layout="bankit"] .list[data-cate="intro"] h4 {margin-bottom:1.5rem; font-size:1.25rem}
    .service_cont_sec[data-layout="bankit"] .list[data-cate="intro"] ul {flex-wrap:wrap}
    .service_cont_sec[data-layout="bankit"] .list[data-cate="intro"] li {flex:100%}
    .service_cont_sec[data-layout="bankit"] .list[data-cate="intro"] .obj {width:100%}
    /*박스레이아웃별*/
    .service_cont_sec[data-layout="bankit"] .cont_wrap[data-box="0"] [class^="add_img"] {position: static}
    .service_cont_sec[data-layout="bankit"] .cont_wrap[data-box="1"] .flex_wrap {flex-direction: column; flex-wrap: wrap; justify-content: center;}
    .service_cont_sec[data-layout="bankit"] .cont_wrap[data-box="1"] .img_wrap {width: 16rem}
    .service_cont_sec[data-layout="bankit"] .cont_wrap[data-box="1"] .text_warp {width: 100%; text-align: left}
    .service_cont_sec[data-layout="bankit"] .cont_wrap[data-box="2"] {margin-bottom: 6rem}
    .service_cont_sec[data-layout="bankit"] .cont_wrap[data-box="2"]::after {bottom: -3rem}
    .service_cont_sec[data-layout="bankit"] .cont_wrap[data-box="2"] .desc {text-align: left}
    .service_cont_sec[data-layout="bankit"] .cont_wrap[data-box="3"]  h3 {width: 30%}
    .service_cont_sec[data-layout="bankit"] .cont_wrap[data-box="3"] .desc:first-of-type {margin-bottom: 2rem}
    .service_cont_sec[data-layout="bankit"] .cont_wrap[data-box="3"] .desc:last-of-type {margin-bottom: 2rem}
    .service_cont_sec[data-layout="bankit"] .cont_wrap[data-box="3"] .desc:last-of-type::before{margin: 2rem auto}
    .service_cont_sec[data-layout="bankit"] .cont_wrap[data-box="4"] {margin-bottom: 3rem}
    .service_cont_sec[data-layout="bankit"] .cont_wrap[data-box="4"] li {padding: 1.25rem 1.25rem 1.25rem 8rem}
    .service_cont_sec[data-layout="bankit"] .cont_wrap[data-box="4"] li:after {right: auto; left: 1.25rem; width: 6rem; height: 6rem}
    .service_cont_sec[data-layout="bankit"] .cont_wrap[data-box="4"] li.half {display: flex; align-items: center; gap: 1rem; width: 100%; padding: 1.25rem 1.25rem 1.25rem 8rem}
    .service_cont_sec[data-layout="bankit"] .cont_wrap[data-box="4"] li.half h4 {margin-bottom: 0;}
    .service_cont_sec[data-layout="bankit"] .cont_wrap[data-box="4"] .flex_wrap {flex-wrap: wrap; gap: 0}
    .service_cont_sec[data-layout="bankit"] .cont_wrap[data-box="4"] .flex_wrap >div {display: flex; align-items: center; gap: 0.75rem}
    .service_cont_sec[data-layout="bankit"] .cont_wrap[data-box="4"] p {width: 100%}
    .service_cont_sec[data-layout="bankit"] .cont_wrap[data-box="4"] li:nth-child(5) .flex_wrap {gap: 1rem}
    .service_cont_sec[data-layout="bankit"] .cont_wrap[data-box="4"] li:nth-child(5) p {width: auto}
    .service_cont_sec[data-layout="bankit"] .cont_wrap[data-box="5"] {margin-bottom: 3rem;}
    .service_cont_sec[data-layout="bankit"] .cont_wrap[data-box="5"] >ul:not(:last-child)  {margin-bottom: 1.75rem}
    .service_cont_sec[data-layout="bankit"] .cont_wrap[data-box="5"] >ul >li:not(:last-child) {margin-bottom: 1.75rem}
    .service_cont_sec[data-layout="bankit"] .cont_wrap[data-box="5"] .flex_wrap {flex-wrap: wrap; gap: 2rem;}
    .service_cont_sec[data-layout="bankit"] .cont_wrap[data-box="5"] .flex_wrap ul {flex: 100%; align-items: flex-start; flex-direction: row; gap: 1.75rem}
    .service_cont_sec[data-layout="bankit"] .cont_wrap[data-box="5"] .flex_wrap li {flex: 1; border-radius: 2.815rem}
    .service_cont_sec[data-layout="bankit"] .cont_wrap[data-box="5"] .btn_wrap_modi {text-align: center; margin-bottom: 1.75rem;}
    .service_cont_sec[data-layout="bankit"] .cont_wrap[data-box="5"] .btn_more {display: inline-flex; justify-content: center; align-items: center; gap: 0.3rem; line-height: 180%; font-size: 1.25rem; color: #5A6470; font-weight: 500; border-bottom: 1px solid #5A6470}
    .service_cont_sec[data-layout="bankit"] .cont_wrap[data-box="5"] .btn_more::after {content: ""; display: block; width: 0.925rem; height: 0.925rem; background: url(/front/images/service/ico_down.svg) no-repeat center/100% auto; transition: all 0.5s}
    .service_cont_sec[data-layout="bankit"] .cont_wrap[data-box="5"] .btn_more.open::after {transform: rotate(180deg)}
    .service_cont_sec[data-layout="bankit"] .cont_wrap[data-box="5"] .pc_wrap {display: none;}
    .service_cont_sec[data-layout="bankit"] .cont_wrap[data-box="5"] .mo_wrap {display: block;}
    .service_cont_sec[data-layout="bankit"] .cont_wrap[data-box="5"] .hide_wrap {display: none}
    .service_cont_sec[data-layout="bankit"] .cont_wrap[data-box="6"] {padding: 1.125rem 0.815rem; border-radius: 0.25rem;}
    .service_cont_sec[data-layout="bankit"] .cont_wrap[data-box="6"] .flex_wrap {gap: 0.35rem; justify-content: center;}
    .service_cont_sec[data-layout="bankit"] .cont_wrap[data-box="6"] h3 {font-size: 1.125rem}
    .service_cont_sec[data-layout="bankit"] .cont_wrap[data-box="6"] h4 {width: 5.5rem; padding: 0.75rem;}
    .service_cont_sec[data-layout="bankit"] .cont_wrap[data-box="6"] a {gap: 0.5rem; font-size: 1.125rem}
    .service_cont_sec[data-layout="bankit"] .cont_wrap[data-box="6"] a::after {width: 0.625rem; height: 1rem;}
}/*sm*/
@media screen and (max-width:440px) {
    .service_cont_sec[data-layout="bankit"] .cont_wrap[data-box="5"] .flex_wrap ul {flex-wrap: wrap}
    .service_cont_sec[data-layout="bankit"] .cont_wrap[data-box="5"] .flex_wrap li {flex: 100%;}
}/*xsm*/
/*-------------------------//bankit------------------------------*/

@media screen and (max-width:1024px) {
    .service_cont_sec {padding:4.92rem 0;overflow:hidden}
    .service_cont_sec .sec_title br {display:none}
    .service_cont_sec .fixed_wrap {position:static; display:none; opacity:0; visibility:hidden}
    .service_cont_sec .list_wrap {width:100%; max-width:unset}
    .service_cont_sec .cont {padding:3.08rem 0}
    .service_cont_sec .cont:last-child {padding:0 0 3.08rem}
    .service_cont_sec .cont:first-child {padding:3.08rem 0}
    .service_cont_sec .list[data-cate="plan"] .cont:first-child {padding:0 0 3.08rem}
    .service_cont_sec .cont h3 {font-size:1.54rem; line-height:2.47rem}
    .service_cont_sec .cont p {font-size:1.24rem; line-height:2.16rem}

    .service_cont_sec .mgt {margin-top:0.62rem}
    .service_cont_sec .mgt2 {margin-top:1.24rem}
    .service_cont_sec .mgt4 {margin-top:1.85rem}
    .service_cont_sec .mgt6 {margin-top:3.08rem}
}/*sm*/

/*---------------------------//service_cont_sec------------------------------*/


/*---------------------------service_rz_sec------------------------------*/
/* 알지 */
.service_rz_sec.service_tit_sec .title_wrap {width:13vw}
.service_rz_sec.service_tit_sec {background:url(/front/images/service/bg_rz.png) no-repeat center / cover}
.service_rz_sec .title .logo {max-width:248px}
.service_rz_sec .card_box {display:flex; justify-content:center; align-items:center; gap:1.5rem; flex-direction:row; margin-top:1.5rem}
.service_rz_sec .card {width:calc((100% - 3rem)/3); max-width:215px; border-radius:16px; padding:2.25rem 1rem}
.service_rz_sec .card:nth-child(1) {background-color:#EBFBE7}
.service_rz_sec .card:nth-child(2) {background-color:#FFF6DA}
.service_rz_sec .card:nth-child(3) {background-color:#F4F4FF}
.service_rz_sec .card i {width:7.39rem; height:8rem; display:block; margin:0 auto; background-repeat:no-repeat; background-position:center; background-size:100% auto}
.service_rz_sec .card:nth-child(1) i {background-image:url(/front/images/service/ico_esg_01.png)}
.service_rz_sec .card:nth-child(2) i {background-image:url(/front/images/service/ico_esg_02.png)}
.service_rz_sec .card:nth-child(3) i {background-image:url(/front/images/service/ico_esg_03.png)}
.service_rz_sec .card p {font-size:1.25rem; line-height:2rem; font-weight:500; color:#FFF; width:fit-content; height:2rem; padding:0 .875rem; border-radius:100px; margin:10px auto 4px}
.service_rz_sec .card:nth-child(1) p {background-color:#8CD344}
.service_rz_sec .card:nth-child(2) p {background-color:#FCCB17}
.service_rz_sec .card:nth-child(3) p {background-color:#8B8BB8}
.service_rz_sec .card span {font-size:1.25rem; line-height:2rem; font-weight:400; color:#414658; font-family:'Outfit',sans-serif}
.service_rz_sec .card span b {font-weight:700}
.service_rz_sec .list[data-cate="plan"] .cont:first-child img:first-child {border-radius:8px}
.service_rz_sec .list[data-cate="plan"] .img_wrap .obj1 {width:calc(279/952*100%); top:9.6%; left:4%}
.service_rz_sec .list[data-cate="plan"] .img_wrap .obj2 {width:calc(553/952*100%); bottom:-7%; right:4.7%}
.service_rz_sec .list[data-cate="plan"] .text_wrap {padding:3.5rem 2rem; border-radius:8px; background-color:#FFF2F2}
.service_rz_sec .list[data-cate="plan"] .text_wrap p {font-size:1.25rem; line-height:2rem; font-weight:400; color:#161B20; word-break:keep-all}
.service_rz_sec .list[data-cate="plan"] .text_wrap p+p {margin-top:.5rem}
.service_rz_sec .list[data-cate="plan"] .text_wrap > img {max-width:727px; margin-left:auto; margin-right:auto}
.service_rz_sec .list[data-cate="plan"] .text_wrap .img_wrap {display:flex; justify-content:center; align-items:center; gap:3.125rem; flex-direction:row}
.service_rz_sec .list[data-cate="plan"] .text_wrap .img_wrap img {width:8rem; flex-shrink:1}
.service_rz_sec .list[data-cate="intro"] .cont:last-child {padding:6rem 0; border-top:1px solid #BEC1C7}
.service_rz_sec .list[data-cate="intro"] .img_wrap {display:flex; justify-content:space-between; align-items:center; gap:2rem; flex-direction:row}
.service_rz_sec .list[data-cate="intro"] .img_wrap.rev {flex-direction:row-reverse}
.service_rz_sec .list[data-cate="intro"] .img_wrap img {width:calc((100% - 2rem)/2); max-width:400px; flex-shrink:1}
.service_rz_sec .list[data-cate="intro"] .tit_wrap {width:calc((100% - 2rem)/2); max-width:452px; flex-shrink:1}
.service_rz_sec .list[data-cate="intro"] .tit_wrap p {display:block; word-break:keep-all}
.service_rz_sec .list[data-cate="intro"] .tit_wrap p.desc {font-size:1.25rem; line-height:2rem; font-weight:400; color:#DD3636; display:inline-flex; justify-content:flex-start; align-items:center; gap:4px; flex-direction:row; border-radius:100px; background-color:#F7F7F8; padding:0 1rem}
.service_rz_sec .list[data-cate="intro"] .tit_wrap p span {font-size:.875rem; line-height:1; font-weight:500; color:#DD3636}
.service_rz_sec .list[data-cate="intro"] .tit_wrap p b {font-size:1rem; line-height:1.75rem; font-weight:700; color:#DD3636; margin-left:2px}
.service_rz_sec .list[data-cate="intro"] .tit_wrap p i {background-size:contain; background-position:center; background-repeat:no-repeat}
.service_rz_sec .list[data-cate="intro"] .img_wrap:not(:first-child) {margin-top:2.5rem}
.service_rz_sec .list[data-cate="intro"] .img_wrap:nth-child(1) .tit_wrap p i {width:17px; height:13px; background-image:url(/front/images/service/ico_letter.png)}
.service_rz_sec .list[data-cate="intro"] .img_wrap:nth-child(2) .tit_wrap p i {width:16px; height:13px; background-image:url(/front/images/service/ico_cam.png)}
.service_rz_sec .list[data-cate="intro"] .img_wrap:nth-child(3) .tit_wrap p i {width:15px; height:16px; background-image:url(/front/images/service/ico_coin.png)}
.service_rz_sec .list[data-cate="intro"] .img_wrap:nth-child(4) .tit_wrap p i {width:13px; height:13px; background-image:url(/front/images/service/ico_gift.png)}
.service_rz_sec .list[data-cate="intro"] .tit_wrap h3 {font-size:1.5rem; line-height:3.625rem; font-weight:700; color:#161B20; margin:8px 0 1.5rem}
.service_rz_sec .video_wrap {width:100%; padding-bottom:56.25%; position:relative; border-radius:8px; overflow:hidden}
.service_rz_sec .video_wrap iframe {width:100%; position:absolute}
.service_rz_sec h4 {font-size:1.5rem; line-height:2.25rem; font-weight:700; color:#5A6470}
.service_rz_sec .list[data-cate="intro"] h4 {font-size:1.5rem; line-height:3.625rem; font-weight:700; color:#161B20; height:3.625rem; background-color:#F6F7F8; padding:0 1rem; display:inline-flex; justify-content:flex-start; align-items:center; gap:.5rem; border-radius:8px}
.service_rz_sec .list[data-cate="intro"] h4 i {width:1.1875rem; height:1.625rem; background:url(/front/images/service/ico_light.svg) center / 100% auto no-repeat}
.service_rz_sec p {font-size:1.25rem; line-height:2rem; font-weight:500; color:#FDFDFD}
.service_rz_sec .color_rd {color:#DD3636; font-weight:700}

.service_rz_sec .list[data-cate="result"] .cont {padding:6rem 0 0}
.service_rz_sec .history_wrap {position:relative; margin-top:2.5rem; margin-bottom:1.5rem}
.service_rz_sec .history_wrap::before {content:''; display:block; width:20px; height:100%; background:url(/front/images/service/arrow_rz.svg) center / auto 100% no-repeat; position:absolute; top:1.5rem; left:5px}
.service_rz_sec .history_wrap ul {display:flex; flex-direction:column; gap:1.5rem}
.service_rz_sec .history_wrap li {position:relative; display:flex; justify-content:flex-start; align-items:center; gap:1rem}
.service_rz_sec .history_wrap li span::before {content:''; display:block; width:12px; height:12px; border-radius:100%; background-color:#DD3636; position:absolute; left:calc(-3rem + 7px); top:50%; transform:translateY(-50%)}
.service_rz_sec .history_wrap li span {font-size:1.25rem; line-height:1; font-weight:400; color:#161b20; height:3rem; border-radius:300px; border:2px solid #E6E8EB; padding:0 1rem; display:inline-flex; justify-content:center; align-items:center; position:relative; margin-left:3rem}
.service_rz_sec .history_wrap li b {font-size:1.25rem; line-height:2rem; font-weight:700; color:#161b20}
.service_rz_sec .history_wrap li.point span {font-weight:700; color:#DD3636; border-color:#DD3636}
.service_rz_sec .history_wrap li.point b {color:#DD3636}
.service_rz_sec .cont_wrap {margin-top:2.5rem}
.service_rz_sec .cont_wrap .flex_wrap {display:flex; align-items:center; gap:2rem}
.service_rz_sec .cont_wrap {position:relative; margin-bottom:0}
.service_rz_sec .cont_wrap h4 {display:inline-block; padding:.5rem .75rem; font-size:1rem; line-height:inherit; font-weight:500; color:#fff; background:linear-gradient(#DD3636,#FF7575); border-radius:.75rem}
.service_rz_sec .cont_wrap h5 {margin-top:.25rem; color:#5A6470; font-size:.75rem; font-weight:500; text-align:center}
.service_rz_sec .cont_wrap p {display:flex; align-items:center; gap:.5rem; font-size:4.5rem; font-weight:700; line-height:100%}
.service_rz_sec .cont_wrap p span.odometer,
.service_rz_sec .cont_wrap p span.odometer span {font-size:4.5rem; font-weight:700; line-height:100%}
.service_rz_sec .cont_wrap p span {font-size:1.25rem}
.service_rz_sec .cont_wrap ul {display:flex; gap:1rem 1.5rem; flex-wrap:wrap}
.service_rz_sec .cont_wrap li {position:relative; width:100%; padding:3.75rem 2.5rem; border-radius:1.25rem; box-shadow:.5rem .5rem 1.25rem 0 rgba(0,0,0,0.08)}
.service_rz_sec .cont_wrap li.half {width:calc((100% - 1.5rem)/2); padding:2.5rem}
.service_rz_sec .cont_wrap li.half h4 {margin-bottom:1rem}
.service_rz_sec .cont_wrap li:after {content:""; position:absolute; right:1.5rem; top:50%; width:8rem; height:8rem; transform:translateY(-50%)}
.service_rz_sec .cont_wrap li:nth-child(1)::after {background:url(/front/images/service/rz_img_08.png) no-repeat center/contain}
.service_rz_sec .cont_wrap li:nth-child(2)::after {background:url(/front/images/service/rz_img_09.png) no-repeat center/contain}
.service_rz_sec .cont_wrap li:nth-child(3)::after {background:url(/front/images/service/rz_img_10.png) no-repeat center/contain}
.service_rz_sec .cont_wrap li:nth-child(4)::after {background:url(/front/images/service/rz_img_11.png) no-repeat center/contain}
.service_rz_sec .cont_wrap li:nth-child(5)::after {background:url(/front/images/service/rz_img_12.png) no-repeat center/contain}
.service_rz_sec .cont_wrap li:nth-child(6)::after {background:url(/front/images/service/rz_img_13.png) no-repeat center/contain}
.service_rz_sec .cont_wrap .mgb {margin-bottom:2rem}
.service_rz_sec .cont_wrap .cmmt {font-size:0.75rem; line-height:1rem; font-weight:400; color:#5A6470; position:absolute; bottom:-1rem; transform:translateY(100%); right:0}
.service_rz_sec .review_slide {max-width:100%; margin-top:2.5rem; position:relative}
.service_rz_sec .review_slide .swiper-slide {border-radius:16px; overflow:hidden; padding:2.5rem 3rem; height:inherit}
.service_rz_sec .review_slide .profile_wrap {display:flex; flex-direction:row; gap:1.5rem; justify-content:flex-start; align-items:center; margin-bottom:2rem}
.service_rz_sec .review_slide .profile_wrap .flex_wrap {flex-shrink:1}
.service_rz_sec .review_slide .profile_wrap h4 {font-size:1.5rem; line-height:2.25rem; font-weight:700; color:#161b20; word-break:keep-all}
.service_rz_sec .review_slide .profile_wrap h5 {font-size:1.25rem; line-height:2rem; font-weight:400; color:#5A6470; margin-top:4px; word-break:keep-all}
.service_rz_sec .review_slide .text_wrap {display:flex; justify-content:flex-start; gap:1.5rem; flex-wrap:wrap; max-width:100%}
.service_rz_sec .review_slide .text_wrap p {font-size:1.25rem; line-height:2rem; font-weight:400; color:#161B20; width:100%}
.service_rz_sec .review_slide .text_wrap b {font-weight:700}
.service_rz_sec .review_slide i {width:5rem; height:5rem; display:inline-block; background-repeat:no-repeat; background-size:contain; background-position:center}
.service_rz_sec .review_slide .swiper-slide:nth-child(3n-2) {background-color:#FFF2F2}
.service_rz_sec .review_slide .swiper-slide:nth-child(3n-1) {background-color:#FEFFF4}
.service_rz_sec .review_slide .swiper-slide:nth-child(3n) {background-color:#F4F4FF}
.service_rz_sec .review_slide .swiper-slide:nth-child(1) i {background-image:url(/front/images/service/profile_01.png)}
.service_rz_sec .review_slide .swiper-slide:nth-child(2) i {background-image:url(/front/images/service/profile_02.png)}
.service_rz_sec .review_slide .swiper-slide:nth-child(3) i {background-image:url(/front/images/service/profile_03.png)}
.service_rz_sec .review_slide .swiper-slide:nth-child(4) i {background-image:url(/front/images/service/profile_04.png)}
.service_rz_sec .review_slide .swiper-slide:nth-child(5) i {background-image:url(/front/images/service/profile_05.png)}
.service_rz_sec .review_slide .swiper-slide:nth-child(6) i {background-image:url(/front/images/service/profile_06.png)}
.service_rz_sec .review_slide .swiper-navigation {display:flex; justify-content:flex-end; align-items:center; gap:1.5rem; position:absolute; top:-3.25rem; right:0; transform:translateY(-100%)}
.service_rz_sec .review_slide [class^="btn_"] {width:9px; height:16px; background:url(/front/images/service/arrow_slide.png) center/contain no-repeat}
.service_rz_sec .review_slide .btn_prev_slide {transform:scaleX(-1)}
.service_rz_sec .banner_wrap {padding:2.5rem 4rem; border-radius:.5rem; background:url(/front/images/service/banner_rz.png) no-repeat center left/ cover}
.service_rz_sec .banner_wrap .flex_wrap {display:flex; align-items:center; justify-content:right; gap:1rem}
.service_rz_sec .banner_wrap h3 {margin-bottom:0; color:#fff; font-size:1.5rem; font-weight:700; display:flex; align-items:center; gap:.5rem}
.service_rz_sec .banner_wrap a {padding:1rem 1.5rem; background-color:#fff; border-radius:18.75rem}
.service_rz_sec .banner_wrap h3::after {content:""; display:block; width:.75rem; height:1.125rem; background:url(/front/images/service/ico_right.svg) no-repeat center / 100% auto}

@media screen and (max-width:1300px) {
    .service_rz_sec .banner_wrap {padding:2rem 3rem}
    .service_rz_sec .banner_wrap a {padding:.8rem 1.2rem}
    .service_rz_sec .banner_wrap a img {height:1.25rem}
    .service_rz_sec .banner_wrap h3 {line-height:1}
    .service_rz_sec .cont_wrap li:after {width:7rem; height:7rem; right:1rem}
}
@media screen and (max-width:1600px) and (min-width:1200.1px) {
    .service_rz_sec .cont_wrap .desc {font-size:1rem}
    .service_rz_sec .cont_wrap p,
    .service_rz_sec .cont_wrap p span.odometer,
    .service_rz_sec .cont_wrap p span.odometer span {font-size:3rem}
    .service_rz_sec .review_slide .profile_wrap h4 {font-size:1.25rem; line-height:2rem}
    .service_rz_sec .review_slide .profile_wrap h5,
    .service_rz_sec .review_slide .text_wrap p {font-size:1rem; line-height:1.5rem}
}/*xlg*/
@media screen and (max-width:1200px) and (min-width:1024.1px) {
    .service_rz_sec .cont_wrap .desc {font-size:0.85rem}
    .service_rz_sec .cont_wrap p,
    .service_rz_sec .cont_wrap p span.odometer,
    .service_rz_sec .cont_wrap p span.odometer span {font-size:2.5rem}
}/*lg*/

@media screen and (max-width:1024px) {
    .service_rz_sec.service_tit_sec .title_wrap {width:unset}
    .service_rz_sec.service_tit_sec {background:url(/front/images/service/bg_rz_mo.png) no-repeat center / cover}
    .service_rz_sec .title .logo {max-width:91px}
    .service_rz_sec h4 {font-size:1.24rem; line-height:2.16rem}
    .service_rz_sec p {font-size:1.24rem; line-height:2.16rem}
    .service_rz_sec .list[data-cate="plan"] .text_wrap p {font-size:1.24rem; line-height:2.16rem}
    .service_rz_sec .list[data-cate="plan"] .text_wrap .img_wrap img {width:11rem}
    .service_rz_sec .list[data-cate="intro"] h4 {font-size:1.54rem; line-height:2.77rem; height:2.77rem; padding:0 0.93rem}
    .service_rz_sec .list[data-cate="intro"] .tit_wrap h3 {font-size:1.54rem; line-height:2.47rem; margin:8px 0 1.23rem}
    .service_rz_sec .list[data-cate="intro"] .tit_wrap p.desc {line-height:2.16rem; height:2.16rem; padding:0 1.23rem}
    .service_rz_sec .list[data-cate="intro"] .tit_wrap p span {font-size:0.93rem}
    .service_rz_sec .list[data-cate="result"] .cont {padding:3.08rem 0 0}
    .service_rz_sec .cont_wrap .desc {font-size:1.125rem}
    .service_rz_sec .cont_wrap p {font-size:3.75rem; line-height:4.92rem}
    .service_rz_sec .cont_wrap p span.odometer,
    .service_rz_sec .cont_wrap p span.odometer span {font-size:3.75rem; line-height:1}
    .service_rz_sec .banner_wrap {background-image:url(/front/images/service/banner_rz_mo.png)}

}/* sm */

@media screen and (max-width:767px) {
    .service_rz_sec .list[data-cate="plan"] .img_wrap .obj1 {width:calc(205/320*100%); top:5.4%; left:7.5%}
    .service_rz_sec .list[data-cate="plan"] .img_wrap .obj2 {width:calc(262/320*100%); bottom:-10%; right:6.25%}
    .service_rz_sec .card_box {flex-direction:column}
    .service_rz_sec .card {width:100%; max-width:unset; border-radius:100px}
    .service_rz_sec .card_inner {width:22%; min-width:226px; margin:0 auto; display:flex; justify-content:flex-start; align-items:center; gap:8px}
    .service_rz_sec .card i {width:4.3rem; height:4.3rem; margin:0; margin-right:1.23rem}
    .service_rz_sec .card p {margin:0; margin:0}
    .service_rz_sec .list[data-cate="plan"] .text_wrap .img_wrap {flex-direction:column; gap:0}
    .service_rz_sec .list[data-cate="plan"] .text_wrap .img_wrap img {width:60%; min-width:280px; max-width:560px}
    .service_rz_sec .list[data-cate="plan"] .text_wrap > img {width:87.5%; min-width:280px; max-width:560px}
    .service_rz_sec .list[data-cate="intro"] .img_wrap,
    .service_rz_sec .list[data-cate="intro"] .img_wrap.rev {flex-direction:column; justify-content:flex-start; align-items:flex-start}
    .service_rz_sec .list[data-cate="intro"] .tit_wrap {width:100%; max-width:unset}
    .service_rz_sec .list[data-cate="intro"] .img_wrap img {width:100%; margin:0 auto}
    .service_rz_sec .history_wrap::before {content:''; display:block; width:20px; height:100%; background:url(/front/images/service/arrow_rz_mo.svg) center / auto 100% no-repeat; position:absolute; top:1.5rem; left:3px}
    .service_rz_sec .history_wrap ul {gap:1.24rem}
    .service_rz_sec .history_wrap li {flex-direction:column; align-items:flex-start; gap:0.62rem}
    .service_rz_sec .history_wrap li b {margin-left:3rem}
    .service_rz_sec .history_wrap li span::before {width:8px; height:8px}
    .service_rz_sec .cont_wrap li {padding:1.25rem 1.25rem 1.25rem 6.77rem; min-height:9.23rem}
    .service_rz_sec .cont_wrap .flex_wrap {flex-direction:column; gap:0; align-items:flex-start}
    .service_rz_sec .cont_wrap li.half h4 {margin-bottom:0}
    .service_rz_sec .cont_wrap li::after {right:auto; left:1.24rem; width:4.3rem; height:6.16rem}
    .service_rz_sec .list[data-cate="result"] li.half {display:flex; flex-direction:column; gap:0; align-items:flex-start; width:100%; padding:1.25rem 1.25rem 1.25rem 6.77rem}
    .service_rz_sec .list[data-cate="result"] .cont_wrap li:nth-child(4) {margin-bottom:0}
    .service_rz_sec .cont_wrap .cmmt {font-size:0.77rem; line-height:1.24rem}
    .service_rz_sec .review_slide .swiper-slide {padding:1.24rem 1.85rem}
    .service_rz_sec .review_slide i {width:3.08rem; height:3.08rem}
    .service_rz_sec .review_slide .profile_wrap {gap:0.62rem}
    .service_rz_sec .review_slide .profile_wrap .flex_wrap {flex-shrink:1}
    .service_rz_sec .review_slide .profile_wrap h4 {font-size:1.54rem; line-height:120%}
    .service_rz_sec .review_slide .profile_wrap h5 {font-size:0.93rem; line-height:1.24rem}
    .service_rz_sec .review_slide .text_wrap {gap:0.62rem}
    .service_rz_sec .review_slide .text_wrap p {font-size:1.24rem; line-height:2.16rem}

    .service_rz_sec .banner_wrap {padding:1.125rem 0.815rem; border-radius:0.25rem}
    .service_rz_sec .banner_wrap .flex_wrap {gap:0.35rem; justify-content:center}
    .service_rz_sec .banner_wrap a {width: 7rem; padding: 0.75rem;}
    .service_rz_sec .banner_wrap a img {height:1.2rem}
    .service_rz_sec .banner_wrap h3 {font-size:1.08rem; line-height:1.54rem}
    .service_rz_sec .banner_wrap h3::after {width:6px; height:9px}
}/* sm */

@media screen and (max-width:360px) {
    .service_rz_sec .banner_wrap a img {height:1.2rem}
    .service_rz_sec .cont_wrap p {font-size:3rem}
}
/*---------------------------//service_rz_sec------------------------------*/


/*---------------------------service_clab_sec------------------------------*/
.service_clab_sec {}
.service_clab_sec.service_tit_sec .title_wrap {width:20vw}
.service_clab_sec.service_tit_sec {background:url(/front/images/service/bg_clab.png) no-repeat center / cover}
.service_clab_sec .title .logo {max-width:381px}
.service_clab_sec .cont p .color_pp {font-weight:700}
.service_clab_sec .img_wrap .obj1 {width:calc(258/952*100%); top:12.7%; left:8.4%}
.service_clab_sec .img_wrap .obj2 {width:calc(272/952*100%); top:4%; right:50%; transform:translateX(50%) translateY(50px)}
.service_clab_sec .img_wrap .obj3 {width:calc(286/952*100%); top:14%; right:7.8%}
.service_clab_sec .img_wrap .obj4 {width:calc(309/952*100%); bottom:10%; right:50%; transform:translateX(50%) translateY(50px)}
.service_clab_sec .img_wrap .obj2.on,
.service_clab_sec .img_wrap .obj4.on {transform:translateX(50%) translateY(0)}
.service_clab_sec .img_wrap .bubble {width:51%; position:absolute; top:50%; left:43.48%; transform:translateY(-50%); /*background:#ffffff; border-radius:8px; box-shadow:6px 6px 20px #e2e2ff; padding:2rem*/}
.service_clab_sec .list[data-cate="intro"] .img_wrap {padding:2rem}
.service_clab_sec .img_wrap .obj_wrap{position:absolute; width:calc(620/952*100%); bottom:calc(224/797*100%); left:calc(284/952*100%); z-index:-1}
.service_clab_sec .img_wrap .obj_wrap .white_bg{background-color:#fff; position:absolute; top:0; right:0; width:100%; height:100%; display:block; z-index:10}
.service_clab_sec .img_wrap .obj5 {position:relative; width:100%}
.service_clab_sec .img_wrap .bubble p {font-size:1.25rem; line-height:2rem; text-align:left; color:#161b20}
.service_clab_sec .img_wrap .bubble h5 {font-size:1.5rem; line-height:2.25rem; text-align:left; color:#161b20}
.service_clab_sec .img_wrap .bubble span {color:#6049ea}
.service_clab_sec .img_wrap .bubble1 {max-width:397px}
/*.service_clab_sec .img_wrap .bubble1 img {width:100px}*/
.service_clab_sec .img_wrap .bubble2 {max-width:443px}
.service_clab_sec .img_wrap .bubble3 {max-width:484px}
.service_clab_sec .card_box {padding:6.25rem 2rem 2.5rem; border-radius:8px; overflow:hidden; display:flex; flex-wrap:wrap; justify-content:space-between; gap:1.5rem; position:relative}
.service_clab_sec .card_box h4 {font-size:1.5rem; line-height:2.77rem; font-weight:700; color:#5A6470; position:absolute; top:2.5rem; left:2rem; display:flex; justify-content:flex-start; align-items:center; gap:.5rem}
.service_clab_sec .card_box h4 i {width:1.1875rem; height:1.625rem; background:url(/front/images/service/ico_light.svg) center / 100% auto no-repeat}
.service_clab_sec .card {width:calc((100% - 3rem)/3); background:#fff; border-radius:20px; padding:2rem 1.5rem; box-shadow:6px 6px 20px rgba(0,0,0,0.08)}
.service_clab_sec .bg_gray .card i {width:2rem; height:2rem; background:url(/front/images/service/ico_sad.svg) center / 100% auto no-repeat; display:block; margin-bottom:.5rem}
.service_clab_sec .bg_purp .card i {width:4.6875rem; height:2.1875rem; background:url(/front/images/service/ico_clab.svg) center / 100% auto no-repeat; display:block; margin-bottom:.5rem}
.service_clab_sec .card p {font-size:.875rem; line-height:1.25rem; font-weight:500; color:#5A6470; text-wrap:nowrap}
.service_clab_sec .card h5 {font-size:1.25rem; line-height:2rem; font-weight:700; color:#161B20; margin-top:.5rem}
.service_clab_sec .arrow {width:2.375rem; height:3.125rem; background:url(/front/images/service/ico_arrow.svg) center / 100% auto no-repeat; margin-left:auto; margin-right:auto}
.service_clab_sec .bg_gray {background-color:#F7F7F8}
.service_clab_sec .bg_purp {background-color:#F4F4FF}
.service_clab_sec .color_pp {color:#6049EA}

.service_clab_sec .banner_wrap {padding:2.5rem 4rem; border-radius:.5rem; background:url(/front/images/service/banner_clab.png) no-repeat center/cover}
.service_clab_sec .banner_wrap .flex_wrap {display:flex; align-items:center; justify-content:right; gap:1rem}
.service_clab_sec .banner_wrap h3 {margin-bottom:0; color:#fff; font-size:1.5rem}
.service_clab_sec .banner_wrap h4 {width:9.32rem; padding:1rem 1.5rem; background-color:#fff; border-radius:18.75rem}
.service_clab_sec .banner_wrap p {display:flex; align-items:center; gap:.5rem; color:#fff; font-size:1.5rem; font-weight:700}
.service_clab_sec .banner_wrap p::after {content:""; display:block; width:.75rem; height:1.125rem; background:url(/front/images/service/ico_right.svg) no-repeat center/100% auto}



@media screen and (max-width:1700px) {
    .service_clab_sec .card {padding:1.5rem 1rem}
}
@media screen and (max-width:1550px) {
    .service_clab_sec .card {width:calc((100% - 1.5rem)/2)}
}

@media screen and (max-width:1300px) {
    .service_clab_sec .banner_wrap {padding:2rem 3rem}
    .service_clab_sec .banner_wrap h3 {line-height:1}
    .service_clab_sec .banner_wrap h4 {width:auto; padding:.8rem 1.2rem}
    .service_clab_sec .banner_wrap h4 img {height:1.25rem}
}
@media screen and (max-width:1024px) {
    .service_clab_sec.service_tit_sec .title_wrap {width:unset}
    .service_clab_sec.service_tit_sec {background:url(/front/images/service/bg_clab_mo.png) no-repeat center / cover}
    .service_clab_sec .title .logo {max-width:143px}

    .service_clab_sec .card_box {padding:5.85rem 1.54rem 2.47rem}
    .service_clab_sec .card_box h4 {font-size:1.24rem; line-height:2.16rem; top:2.47rem; left:1.54rem}
    .service_clab_sec .card_box h4 i {width:1rem; height:1.39rem}
    .service_clab_sec .card {padding:1.85rem}
    .service_clab_sec .card p {font-size:1.08rem; line-height:1.54rem}
    .service_clab_sec .card h5 {font-size:1.24rem; line-height:2.16rem}
    .service_clab_sec .bg_gray .card i {width:2.47rem; height:2.47rem}
    .service_clab_sec .arrow {width:1.7rem; height:2.16rem}

}/* sm */

@media screen and (max-width:767px) {
    .service_clab_sec .card {width:100%}
    .service_clab_sec .img_wrap .obj1 {width:calc(107/320*100%); top:19%; left:3%}
    .service_clab_sec .img_wrap .obj2 {width:calc(122/320*100%)}
    .service_clab_sec .img_wrap .obj3 {width:calc(125/320*100%); top:21%; right:2.2%}
    .service_clab_sec .img_wrap .obj4 {width:calc(141/320*100%); bottom:5%}
    .service_clab_sec .img_wrap .bubble {max-width:unset; padding-left:20px; left:50%; transform:translateX(-50%) translateY(0)}
    .service_clab_sec .img_wrap .bubble1 {width:calc(232/320*100%); top:calc(32/489*100%)}
    .service_clab_sec .img_wrap .bubble2 {width:calc(187/320*100%); top:calc(32/524*100%)}
    .service_clab_sec .img_wrap .bubble3 {width:calc(226/320*100%); top:calc(32/446*100%)}


    .service_clab_sec .list[data-cate="intro"] .img_wrap{padding:2rem 2rem calc((128/339*100%) + 2rem)}
    .service_clab_sec .img_wrap .obj_wrap{position:absolute; width:calc(235/360*100%); bottom:0; left:48.3%; transform:translateX(-50%)}
    .service_clab_sec .img_wrap .obj_wrap .white_bg{top:unset; bottom:0; right:0; width:100%; height:100%}

    .service_clab_sec .banner_wrap {padding:1.125rem 0.815rem; border-radius:0.25rem}
    .service_clab_sec .banner_wrap .flex_wrap {gap:0.35rem; justify-content:center}
    .service_clab_sec .banner_wrap h3 {font-size:1.125rem}
    .service_clab_sec .banner_wrap h4 {width: 5.5rem; padding: 0.75rem;}
    .service_clab_sec .banner_wrap p {gap:0.5rem; font-size:1.125rem}
    .service_clab_sec .banner_wrap p::after {width:0.625rem; height:1rem}
}/*sm*/

/*ani*/
[data-ani="slide"] {width:100%; transition:width 1s, opacity 1s}
[data-ani="slide"].on {animation:wideWid .5s linear forwards}

@media screen and (max-width:767px) {
    [data-ani="slide"].on {animation:wideHei .5s linear forwards}
}

@keyframes wideWid {
    0%{ width:100%}
    100%{ width:0}

}
@keyframes wideHei {
    0%{ height:100%}
    100%{ height:0}

}


/*---------------------------//service_clab_sec------------------------------*/


/*---------------------------service_sub_list_sec------------------------------*/
.service_sub_list_sec {background:#0A0A0A; border-bottom:1px solid #696969}
.service_sub_list_sec .inner {padding:7.25rem 0 0; display:flex; flex-direction:row; gap:3rem; justify-content:space-between; align-items:flex-start}
.service_sub_list_sec .text_box {display:flex; justify-content:center; gap:2.75rem; flex-direction:column}
.service_sub_list_sec .text_box h3 {font-size:2rem; line-height:2.625rem; font-weight:700; color:#FFF}
.service_sub_list_sec .cont_box {display:flex; flex-direction:row; gap:3.5rem; flex-shrink:1}
.service_sub_list_sec .cont {width:calc((100% - 3rem)/2); display:flex; flex-direction:row; justify-content:space-between; gap:1.5rem; flex-shrink:1}
.service_sub_list_sec .cont .text_box {justify-content:flex-start; gap:0; text-align:center}
.service_sub_list_sec .cont .text_box h3 {font-size:1.25rem; line-height:2rem; font-weight:500; color:#FDFDFD}
.service_sub_list_sec .cont .service_logo {margin:8px auto 26px; height:46px; object-fit:contain; object-position:center}
.service_sub_list_sec .cont1 .service_logo {width:140px}
.service_sub_list_sec .cont2 .service_logo {width:175px}
.service_sub_list_sec .cont3 .service_logo {width:156px}
.service_sub_list_sec .cont .img_box {width:100%; max-width:220px; position:relative; transition:all .2s ease-in-out; border-radius:16px 16px 0 0; box-shadow:20px 20px 60px rgba(0,0,0,0.08); overflow:hidden; flex-shrink:1; height:280px}
.service_sub_list_sec .cont .img_box img {width:100%; max-width:220px; height:auto; transition:all .2s ease-in-out}
.service_sub_list_sec .cont .link {font-size:1rem; line-height:1.75rem; font-weight:500; color:#FDFDFD; display:block; width:fit-content; position:relative; transition:all ease .2s; border-bottom:1px solid #FDFDFD; padding-bottom:1px; margin:0 auto}
.service_sub_list_sec .cont .link .arr {position:relative; overflow:hidden; height:13px; width:0; transition:opacity .05s,transform .15s ease}
.service_sub_list_sec .cont .link .arr i {position:absolute; top:50%; left:0; font-size:16px; transition:all ease .2s; transform:translateY(-50%) rotate(20deg); width:12px; height:13px; opacity:0; background:url(/front/images/common/ico_iba.png) center / contain no-repeat}


@media screen and (min-width:1024.1px) and (hover:hover) {
    .service_sub_list_sec .cont .link:hover {padding:0 20px 1px 0}
    .service_sub_list_sec .cont .link:hover .arr {width:16px}
    .service_sub_list_sec .cont .link:hover .arr i {left:8px; transform:translateY(-50%) rotate(0); opacity:1}
}/* hover */


@media screen and (max-width:1400px) {
    .service_sub_list_sec .inner {flex-direction:column; align-items:flex-start; padding:4.93rem 0 0}
    .service_sub_list_sec .cont_box {width:100%; gap:8rem}
}/* md */

@media screen and (max-width:1024px) {
    .service_sub_list_sec .inner {padding:4.93rem 0 0; align-items:flex-start; flex-direction:column; gap:3.08rem}
    .service_sub_list_sec .cont_box {flex-direction:column; gap:4.31rem}
    .service_sub_list_sec .cont {width:100%; flex-direction:column; align-items:center}
    .service_sub_list_sec .text_box {gap:4.62rem}
    .service_sub_list_sec .text_box h3 {font-size:1.85rem; line-height:2.77rem}
    .service_sub_list_sec .cont .service_logo {margin:8px auto 0}
    .service_sub_list_sec .cont .link {font-size:1.24rem; line-height:2.15rem; font-weight:400; padding-bottom:0; padding-right:20px; margin-top:2.47rem}
    .service_sub_list_sec .cont .link .arr {width:16px}
    .service_sub_list_sec .cont .link .arr i {width:13px; height:14px; left:4px; transform:translateY(-50%) rotate(0); opacity:1}
}/* sm */

/*---------------------------//service_sub_list_sec------------------------------*/