html,body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,p,table,th,td,form,fieldset,legend,input,textarea,button,select {
    padding: 0;
    margin: 0
}

body {
    font-family: "Pretendard",sans-serif,"돋움",Dotum,"굴림",Gulim,Helvetica,sans-serif;
    color: #666;
    font-weight: 400;
    line-height: 1;
    -webkit-text-size-adjust: none;
    word-break: keep-all
}

h1,h2,h3,h4,h5,h6,strong {
    font-size: 100%;
    line-height: 1
}

select,button,input,textarea,pre {
    font-family: "Pretendard",sans-serif,"돋움",Dotum,"굴림",Gulim,Helvetica,sans-serif;
    font-size: 16px;
    color: #666
}

pre {
    white-space: pre-wrap
}

fieldset,img,button,iframe {
    border: 0
}

img,input,button {
    vertical-align: top
}

table {
    table-layout: fixed;
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    word-break: break-all;
    word-wrap: break-word
}

address,em {
    font-style: normal
}

ol,ul,li {
    list-style: none
}

hr {
    display: none
}

a {
    text-decoration: none;
    color: inherit
}

a:hover,a:active {
    text-decoration: none
}

img {
    display: block;
    max-width: 100%;
    margin: 0 auto
}

legend {
    position: absolute;
    left: -9999px;
    top: 0
}

caption {
    overflow: hidden;
    width: 0;
    height: 0;
    font-size: 0;
    line-height: 0
}

button {
    background: none;
    cursor: pointer;
    -webkit-appearance: none
}

button::-moz-focus-inner {
    padding: 0;
    border: 0
}

textarea {
    border-radius: 0;
    resize: none;
    background-color: rgba(0,0,0,0);
    word-break: keep-all;
    word-wrap: break-word;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -webkit-appearance: none
}

:focus {
    outline: 0
}

* {
    box-sizing: border-box
}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
    display: block
}

select {
    border-radius: 0;
    background: url("/resources/kr/images//common/select_icon.svg") right 12px center no-repeat;
    appearance: none;
    -webkit-appearance: none
}

select::-ms-expand {
    display: none
}

select:focus {
    border: 1px solid #1c1c1c
}

input[type=text],input[type=password],input[type=number],input[type=tel],input[type=email],input[type=button],input[type=submit] {
    border-radius: 0;
    appearance: none;
    -webkit-appearance: none
}

input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active {
    transition: #fff 5000s ease-in-out 0s;
    box-shadow: 0 0 0px 1000px #fff inset !important
}

input::placeholder,textarea::placeholder {
    color: #e5e5e5
}

.blind {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
    white-space: nowrap;
    overflow: hidden;
    clip: rect(0, 0, 0, 0)
}

@font-face {
    font-family: "Pretendard";
    font-display: swap;
    font-style: normal;
    font-weight: 300;
    src: url("/resources/kr/fonts/Pretendard-Light.eot");
    src: url("/resources/kr/fonts/Pretendard-Light.eot?#iefix") format("embedded-opentype"),url("/resources/kr/fonts/Pretendard-Light.woff2") format("woff2"),url("/resources/kr/fonts/Pretendard-Light.woff") format("woff")
}

@font-face {
    font-family: "Pretendard";
    font-display: swap;
    font-style: normal;
    font-weight: 400;
    src: url("/resources/kr/fonts/Pretendard-Regular.eot");
    src: url("/resources/kr/fonts/Pretendard-Regular.eot?#iefix") format("embedded-opentype"),url("/resources/kr/fonts/Pretendard-Regular.woff2") format("woff2"),url("/resources/kr/fonts/Pretendard-Regular.woff") format("woff")
}

@font-face {
    font-family: "Pretendard";
    font-display: swap;
    font-style: normal;
    font-weight: 500;
    src: url("/resources/kr/fonts/Pretendard-Medium.eot");
    src: url("/resources/kr/fonts/Pretendard-Medium.eot?#iefix") format("embedded-opentype"),url("/resources/kr/fonts/Pretendard-Medium.woff2") format("woff2"),url("/resources/kr/fonts/Pretendard-Medium.woff") format("woff")
}

@font-face {
    font-family: "Pretendard";
    font-display: swap;
    font-style: normal;
    font-weight: 600;
    src: url("/resources/kr/fonts/Pretendard-SemiBold.eot");
    src: url("/resources/kr/fonts/Pretendard-SemiBold.eot?#iefix") format("embedded-opentype"),url("/resources/kr/fonts/Pretendard-SemiBold.woff2") format("woff2"),url("/resources/kr/fonts/Pretendard-SemiBold.woff") format("woff")
}

@font-face {
    font-family: "Pretendard";
    font-display: swap;
    font-style: normal;
    font-weight: bold;
    src: url("/resources/kr/fonts/Pretendard-Bold.eot");
    src: url("/resources/kr/fonts/Pretendard-Bold.eot?#iefix") format("embedded-opentype"),url("/resources/kr/fonts/Pretendard-Bold.woff2") format("woff2"),url("/resources/kr/fonts/Pretendard-Bold.woff") format("woff")
}

@font-face {
    font-family: "Manrope";
    src: url("/resources/kr/fonts/Manrope-SemiBold.woff2") format("woff2"),url("/resources/kr/fonts/Manrope-SemiBold.woff") format("woff");
    font-weight: 600;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "Manrope";
    src: url("/resources/kr/fonts/Manrope-Regular.woff2") format("woff2"),url("/resources/kr/fonts/Manrope-Regular.woff") format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "Manrope";
    src: url("/resources/kr/fonts/Manrope-Light.woff2") format("woff2"),url("/resources/kr/fonts/Manrope-Light.woff") format("woff");
    font-weight: 300;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "Manrope";
    src: url("/resources/kr/fonts/Manrope-Bold.woff2") format("woff2"),url("/resources/kr/fonts/Manrope-Bold.woff") format("woff");
    font-weight: bold;
    font-style: normal;
    font-display: swap
}

html.overflow {
    overflow: hidden
}

body[data-scroll=up] .sec03 .sticky_menu_wrap.fixed {
    top: 91px !important
}

@media(max-width: 1299px) {
    body[data-scroll=up] .sec03 .sticky_menu_wrap.fixed {
        top:65px !important
    }
}

.layer_popup {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100vh;
    z-index: 2000;
    opacity: 0;
    visibility: hidden;
    transition: .4s
}

.layer_popup .dim {
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.8)
}

.layer_popup .cont {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: max(calc(1000px * var(--base-ratio)), calc(calc(1000 / var(--base-size)) * var(--base-percent)));
    height: max(calc(564px * var(--base-ratio)), calc(calc(564 / var(--base-size)) * var(--base-percent)));
    background: #d9d9d9;
    z-index: 2
}

.layer_popup .cont .youtube_view {
    width: 100%;
    height: 100%;
    background: #000
}

.layer_popup .cont .youtube_view iframe {
    width: 100%;
    height: 100%
}

.layer_popup .cont .close_btn {
    position: absolute;
    right: 0;
    top: max(calc(calc(calc(56 / var(--base-size)) * var(--base-percent)) * -1));
    width: max(calc(48px * var(--base-ratio)), calc(calc(48 / var(--base-size)) * var(--base-percent)));
    height: max(calc(48px * var(--base-ratio)), calc(calc(48 / var(--base-size)) * var(--base-percent)));
    background: #1428a0;
    font-size: 0;
    text-indent: -9999px
}

.layer_popup .cont .close_btn:before {
    content: "";
    width: max(calc(24px * var(--base-ratio)), calc(calc(24 / var(--base-size)) * var(--base-percent)));
    height: max(calc(32px * var(--base-ratio)), calc(calc(32 / var(--base-size)) * var(--base-percent)));
    background: url("/resources/kr/images/main/layer_popup_close_btn.svg") center center no-repeat;
    background-size: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
}

.layer_popup.active {
    opacity: 1;
    visibility: visible
}

@media(max-width: 1023px) {
    .layer_popup .cont {
        width:calc(100% - max(calc(80px * var(--base-ratio)), calc(calc(80 / var(--base-size)) * var(--base-percent))));
        height: auto;
        padding-top: 53.25%
    }

    .layer_popup .cont .youtube_view {
        position: absolute;
        left: 0;
        top: 0
    }

    .layer_popup .cont .close_btn {
        position: absolute;
        right: 0;
        top: max(calc(calc(calc(48 / var(--base-size)) * var(--base-percent)) * -1));
        width: max(calc(40px * var(--base-ratio)), calc(calc(40 / var(--base-size)) * var(--base-percent)));
        height: max(calc(40px * var(--base-ratio)), calc(calc(40 / var(--base-size)) * var(--base-percent)))
    }

    .layer_popup .cont .close_btn:before {
        content: "";
        width: max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)));
        height: max(calc(27px * var(--base-ratio)), calc(calc(27 / var(--base-size)) * var(--base-percent)))
    }
}

@media(max-width: 767px) {
    .layer_popup .cont {
        width:calc(100% - max(calc(40px * var(--base-ratio)), calc(calc(40 / var(--base-size)) * var(--base-percent))))
    }
}

.quick_menu_wrap .btn_top button::after {
    background-image: url("/resources/kr/images/careers/btn_top1.svg")
}

.careers.talent_development {
    padding-bottom: 0
}

@media(max-width: 1023px) {
    .careers.talent_development .visual_wrap {
        padding:0 40px
    }
}

@media(max-width: 767px) {
    .careers.talent_development .visual_wrap {
        padding:0 16px
    }
}

.careers.talent_development .sec .sticky {
    position: sticky;
    left: 0;
    top: 0;
    width: 100%;
    height: 100vh;
    overflow: hidden
}

@media(max-width: 1299px) {
    .careers.talent_development .sec .sec_inner {
        width:98%;
        margin: 0 auto
    }
}

@media(max-width: 1023px) {
    .careers.talent_development .sec .sec_inner {
        width:100%;
        padding: 0 40px
    }
}

@media(max-width: 767px) {
    .careers.talent_development .sec .sec_inner {
        padding:0 16px
    }
}

.careers.talent_development .sec01 {
    padding-bottom: min(11.458vw, 220px)
}

.careers.talent_development .sec01 h3 {
    margin-bottom: min(3.125vw, 60px);
    font-weight: 700;
    color: #222
}

@media(min-width: 1024px) {
    .careers.talent_development .sec01 h3 {
        font-size:2.1875rem;
        letter-spacing: -0.03em;
        line-height: 1.2em
    }
}

@media(max-width: 1023px) {
    .careers.talent_development .sec01 h3 {
        font-size:35px;
        letter-spacing: -0.03em;
        line-height: 42px
    }
}

.careers.talent_development .sec01 .cont_box {
    display: flex;
    justify-content: space-between
}

.careers.talent_development .sec01 .tit_list {
    margin-right: min(3.385vw, 65px)
}

.careers.talent_development .sec01 .tit_list li {
    margin-bottom: min(1.041vw, 20px)
}

.careers.talent_development .sec01 .tit_list li span {
    font-weight: 700;
    color: #222;
    text-transform: uppercase;
    opacity: .3;
    transition-duration: .3s;
    cursor: pointer
}

@media(min-width: 1024px) {
    .careers.talent_development .sec01 .tit_list li span {
        font-size:4.25rem;
        letter-spacing: -0.03em;
        line-height: 1.1911764706em
    }
}

@media(max-width: 1023px) {
    .careers.talent_development .sec01 .tit_list li span {
        font-size:68px;
        letter-spacing: -0.03em;
        line-height: 81px
    }
}

.careers.talent_development .sec01 .tit_list li:last-child {
    margin-bottom: 0
}

.careers.talent_development .sec01 .tit_list li.active span {
    position: relative;
    opacity: 1
}

.careers.talent_development .sec01 .tit_list li.active span::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: min(0.208vw, 4px)
}

.careers.talent_development .sec01 .tit_list li.active:nth-child(1) span {
    color: #da3b49
}

.careers.talent_development .sec01 .tit_list li.active:nth-child(1) span::after {
    background-color: #da3b49
}

.careers.talent_development .sec01 .tit_list li.active:nth-child(2) span {
    color: #ea9425
}

.careers.talent_development .sec01 .tit_list li.active:nth-child(2) span::after {
    background-color: #ea9425
}

.careers.talent_development .sec01 .tit_list li.active:nth-child(3) span {
    color: #0d67ac
}

.careers.talent_development .sec01 .tit_list li.active:nth-child(3) span::after {
    background-color: #0d67ac
}

.careers.talent_development .sec01 .contents_box {
    position: relative;
    width: 50%
}

.careers.talent_development .sec01 .contents_box .sub_cont {
    opacity: 0;
    overflow: hidden;
    height: 100%
}

.careers.talent_development .sec01 .contents_box .sub_cont strong {
    display: none
}

.careers.talent_development .sec01 .contents_box .sub_cont.show {
    overflow: visible;
    min-height: 300px;
    opacity: 1
}

.careers.talent_development .sec01 .contents_box .sub_cont .bg {
    position: absolute;
    transition-duration: .6s
}

.careers.talent_development .sec01 .contents_box .sub_cont .bg01 {
    width: min(12.552vw, 241px);
    height: min(13.906vw, 267px);
    transform: rotate(-15deg)
}

.careers.talent_development .sec01 .contents_box .sub_cont .bg02 {
    width: min(11.406vw, 219px);
    height: min(12.083vw, 232px);
    transform: rotate(15deg)
}

.careers.talent_development .sec01 .contents_box .sub_cont .bg_card {
    position: absolute;
    top: min(-3.542vw, -68px);
    left: min(10.729vw, 206px);
    width: auto;
    padding: min(2.395vw, 46px) min(1.25vw, 24px);
    border-radius: min(0.572vw, 11px);
    box-shadow: min(0.26vw, 5px) min(0.208vw, 4px) min(1.041vw, 20px) 0 rgba(0,0,0,.25);
    backdrop-filter: blur(min(0.781vw, 15px));
    text-align: center
}

.careers.talent_development .sec01 .contents_box .sub_cont .bg_card strong {
    display: inline-block;
    margin: min(1.562vw, 30px) 0 min(0.52vw, 10px);
    font-weight: 700
}

@media(min-width: 1024px) {
    .careers.talent_development .sec01 .contents_box .sub_cont .bg_card strong {
        font-size:1.375rem;
        letter-spacing: -0.03em;
        line-height: 1.1818181818em
    }
}

@media(max-width: 1023px) {
    .careers.talent_development .sec01 .contents_box .sub_cont .bg_card strong {
        font-size:22px;
        letter-spacing: -0.03em;
        line-height: 26px
    }
}

.careers.talent_development .sec01 .contents_box .sub_cont .bg_card p {
    font-weight: 400;
    color: #222
}

@media(min-width: 1024px) {
    .careers.talent_development .sec01 .contents_box .sub_cont .bg_card p {
        font-size:1.125rem;
        letter-spacing: -0.03em;
        line-height: 1.6666666667em
    }
}

@media(max-width: 1023px) {
    .careers.talent_development .sec01 .contents_box .sub_cont .bg_card p {
        font-size:18px;
        letter-spacing: -0.03em;
        line-height: 30px
    }
}

.careers.talent_development .sec01 .contents_box .cont01 .bg01 {
    background: url("/resources/kr/images/careers/con01_cont01_bg01.png") center center no-repeat;
    background-size: cover
}

.careers.talent_development .sec01 .contents_box .cont01 .bg02 {
    background: url("/resources/kr/images/careers/con01_cont01_bg02.png") center center no-repeat;
    background-size: cover
}

.careers.talent_development .sec01 .contents_box .cont02 .bg01 {
    background: url("/resources/kr/images/careers/con01_cont02_bg01.png") center center no-repeat;
    background-size: cover
}

.careers.talent_development .sec01 .contents_box .cont02 .bg02 {
    background: url("/resources/kr/images/careers/con01_cont02_bg02.png") center center no-repeat;
    background-size: cover
}

.careers.talent_development .sec01 .contents_box .cont03 .bg01 {
    background: url("/resources/kr/images/careers/con01_cont03_bg01.png") center center no-repeat;
    background-size: cover
}

.careers.talent_development .sec01 .contents_box .cont03 .bg02 {
    background: url("/resources/kr/images/careers/con01_cont03_bg02.png") center center no-repeat;
    background-size: cover
}

.careers.talent_development .sec01 .contents_box .cont01 .bg01 {
    top: min(-5.886vw, -113px);
    left: min(4.27vw, 82px)
}

.careers.talent_development .sec01 .contents_box .cont01 .bg02 {
    top: min(6.25vw, 120px);
    left: min(24.843vw, 477px)
}

.careers.talent_development .sec01 .contents_box .cont01 .bg_card {
    top: min(-3.542vw, -68px);
    left: min(10.729vw, 206px)
}

.careers.talent_development .sec01 .contents_box .cont01 .bg_card strong {
    color: #da3b49
}

.careers.talent_development .sec01 .contents_box .cont01.active .bg01 {
    top: min(-7.448vw, -143px);
    left: min(2.708vw, 52px)
}

.careers.talent_development .sec01 .contents_box .cont01.active .bg02 {
    top: min(7.291vw, 140px);
    left: min(25.885vw, 497px)
}

.careers.talent_development .sec01 .contents_box .cont02 .bg01 {
    top: min(5.208vw, 100px);
    left: min(3.125vw, 60px)
}

.careers.talent_development .sec01 .contents_box .cont02 .bg02 {
    top: min(-6.563vw, -126px);
    left: min(25vw, 480px)
}

.careers.talent_development .sec01 .contents_box .cont02 .bg_card {
    top: min(-3.542vw, -68px);
    left: min(10.729vw, 206px)
}

.careers.talent_development .sec01 .contents_box .cont02 .bg_card strong {
    color: #ea9425
}

.careers.talent_development .sec01 .contents_box .cont02.active .bg01 {
    top: min(3.645vw, 70px);
    left: min(1.562vw, 30px)
}

.careers.talent_development .sec01 .contents_box .cont02.active .bg02 {
    top: min(-7.605vw, -146px);
    left: min(26.041vw, 500px)
}

.careers.talent_development .sec01 .contents_box .cont03 .bg01 {
    top: min(-1.355vw, -26px);
    left: min(1.041vw, 20px)
}

.careers.talent_development .sec01 .contents_box .cont03 .bg02 {
    top: min(1.25vw, 24px);
    left: min(29.062vw, 558px)
}

.careers.talent_development .sec01 .contents_box .cont03 .bg_card {
    padding: min(3.541vw, 68px) min(1.25vw, 24px);
    top: min(-3.542vw, -68px);
    left: min(10.729vw, 206px)
}

.careers.talent_development .sec01 .contents_box .cont03 .bg_card strong {
    color: #0d67ac
}

.careers.talent_development .sec01 .contents_box .cont03.active .bg01 {
    top: min(-1.355vw, -26px);
    left: min(-0.521vw, -10px)
}

.careers.talent_development .sec01 .contents_box .cont03.active .bg02 {
    top: min(1.25vw, 24px);
    left: min(30.625vw, 588px)
}

@media(max-width: 1299px) {
    .careers.talent_development .sec01 .contents_box .cont01.active .bg02 {
        top:min(13.02vw, 250px);
        left: min(29.166vw, 560px)
    }

    .careers.talent_development .sec01 .contents_box .cont02.active .bg01 {
        left: min(-1.563vw, -30px)
    }

    .careers.talent_development .sec01 .contents_box .cont02.active .bg02 {
        top: min(-9.167vw, -176px);
        left: min(29.687vw, 570px)
    }

    .careers.talent_development .sec01 .contents_box .cont03.active .bg02 {
        left: min(33.75vw, 648px)
    }
}

@media(max-width: 1023px) {
    .careers.talent_development .sec01 {
        padding-top:0
    }

    .careers.talent_development .sec01 h3 {
        margin-bottom: 30px;
        font-size: 24px;
        letter-spacing: -0.72px
    }

    .careers.talent_development .sec01 .cont_box {
        display: flex
    }

    .careers.talent_development .sec01 .tit_list {
        display: none
    }

    .careers.talent_development .sec01 .contents_box {
        width: 100%
    }

    .careers.talent_development .sec01 .contents_box .sub_cont {
        opacity: 1;
        overflow: visible;
        height: auto;
        margin-bottom: 60px
    }

    .careers.talent_development .sec01 .contents_box .sub_cont:last-child {
        margin-bottom: 0
    }

    .careers.talent_development .sec01 .contents_box .sub_cont strong {
        display: block;
        margin-bottom: 10px;
        font-size: 35px;
        line-height: 42px;
        font-weight: 700;
        text-align: center;
        text-transform: uppercase
    }

    .careers.talent_development .sec01 .contents_box .sub_cont.active {
        overflow: visible;
        min-height: 300px;
        opacity: 1
    }

    .careers.talent_development .sec01 .contents_box .sub_cont .bg {
        display: none
    }

    .careers.talent_development .sec01 .contents_box .sub_cont .bg_card {
        position: relative;
        top: 0;
        left: 0;
        width: 100%;
        padding: 38px 0;
        border-radius: 11px;
        box-shadow: 4px 3px 16px 0px rgba(0,0,0,.25);
        backdrop-filter: 15px
    }

    .careers.talent_development .sec01 .contents_box .sub_cont .bg_card img {
        width: 78px
    }

    .careers.talent_development .sec01 .contents_box .sub_cont .bg_card strong {
        margin: 24px 0 8px;
        font-size: 18px;
        line-height: 21px
    }

    .careers.talent_development .sec01 .contents_box .sub_cont .bg_card p {
        font-size: 15px;
        line-height: 20px
    }

    .careers.talent_development .sec01 .contents_box .cont01>strong {
        color: #da3b49
    }

    .careers.talent_development .sec01 .contents_box .cont01 .bg01,.careers.talent_development .sec01 .contents_box .cont01 .bg02,.careers.talent_development .sec01 .contents_box .cont01 .bg_card {
        top: 0;
        left: 0
    }

    .careers.talent_development .sec01 .contents_box .cont01.active .bg01,.careers.talent_development .sec01 .contents_box .cont01.active .bg02 {
        top: 0;
        left: 0
    }

    .careers.talent_development .sec01 .contents_box .cont02>strong {
        color: #ea9425
    }

    .careers.talent_development .sec01 .contents_box .cont02 .bg01,.careers.talent_development .sec01 .contents_box .cont02 .bg02,.careers.talent_development .sec01 .contents_box .cont02 .bg_card {
        top: 0;
        left: 0
    }

    .careers.talent_development .sec01 .contents_box .cont02.active .bg01,.careers.talent_development .sec01 .contents_box .cont02.active .bg02 {
        top: 0;
        left: 0
    }

    .careers.talent_development .sec01 .contents_box .cont03>strong {
        color: #0d67ac
    }

    .careers.talent_development .sec01 .contents_box .cont03 .bg01,.careers.talent_development .sec01 .contents_box .cont03 .bg02,.careers.talent_development .sec01 .contents_box .cont03 .bg_card {
        top: 0;
        left: 0
    }

    .careers.talent_development .sec01 .contents_box .cont03.active .bg01,.careers.talent_development .sec01 .contents_box .cont03.active .bg02 {
        top: 0;
        left: 0
    }
}

.careers.talent_development .sec02 {
    position: relative;
    width: 100%;
    padding: 0;
    background-color: #262c4e
}

.careers.talent_development .sec02 .sec_inner {
    max-width: 1920px;
    width: min(91.666vw, 1760px);
    height: 100%;
    margin: 0 auto;
    padding: min(8.333vw, 160px) 0
}

.careers.talent_development .sec02 .talent_list {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: min(2.083vw, 40px);
    width: 100%;
    height: 100%
}

.careers.talent_development .sec02 .talent_list .item {
    position: sticky;
    top: 60px;
    width: 100%;
    height: auto;
    perspective: 900px;
    transform-origin: top
}

.careers.talent_development .sec02 .talent_list .item .dim_bg {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: min(0.572vw, 11px);
    background-color: rgba(0,0,0,0);
    transition-duration: .4s
}

.careers.talent_development .sec02 .talent_list .item .item_inner {
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%;
    padding: min(6.25vw, 120px) 0;
    border-radius: min(0.572vw, 11px)
}

.careers.talent_development .sec02 .talent_list .item:nth-of-type(1) .item_inner {
    background: url("/resources/kr/images/careers/con02_img01.jpg") center center no-repeat;
    background-size: cover
}

.careers.talent_development .sec02 .talent_list .item:nth-of-type(2) .item_inner {
    background: url("/resources/kr/images/careers/con02_img02.jpg") center center no-repeat;
    background-size: cover
}

.careers.talent_development .sec02 .talent_list .item:nth-of-type(3) .item_inner {
    background: url("/resources/kr/images/careers/con02_img03.jpg") center center no-repeat;
    background-size: cover
}

.careers.talent_development .sec02 .talent_list .item:nth-of-type(4) .item_inner {
    background: url("/resources/kr/images/careers/con02_img04.jpg") center center no-repeat;
    background-size: cover
}

.careers.talent_development .sec02 .talent_list .item:nth-of-type(1) {
    top: min(3.125vw, 60px)
}

.careers.talent_development .sec02 .talent_list .item:nth-of-type(2) {
    top: min(6.25vw, 120px)
}

.careers.talent_development .sec02 .talent_list .item:nth-of-type(3) {
    top: min(9.375vw, 180px)
}

.careers.talent_development .sec02 .talent_list .item:nth-of-type(4) {
    top: min(12.5vw, 240px)
}

.careers.talent_development .sec02 .talent_list .item .list_cont {
    position: relative;
    z-index: 1;
    display: flex;
    justify-content: space-between;
    max-width: min(62.5vw, 1200px);
    gap: min(10.416vw, 200px);
    width: 100%;
    margin: 0 auto
}

.careers.talent_development .sec02 .talent_list .item .tit_box {
    width: min(23.958vw, 460px);
    flex-shrink: 0
}

.careers.talent_development .sec02 .talent_list .item .tit_box strong {
    display: inline-block;
    margin-bottom: min(0.52vw, 10px);
    font-weight: 600;
    color: #fff
}

@media(min-width: 1024px) {
    .careers.talent_development .sec02 .talent_list .item .tit_box strong {
        font-size:3.25rem;
        letter-spacing: -0.03em;
        line-height: 1.1923076923em
    }
}

@media(max-width: 1023px) {
    .careers.talent_development .sec02 .talent_list .item .tit_box strong {
        font-size:52px;
        letter-spacing: -0.03em;
        line-height: 62px
    }
}

.careers.talent_development .sec02 .talent_list .item .tit_box p {
    font-weight: 400;
    color: #fff
}

@media(min-width: 1024px) {
    .careers.talent_development .sec02 .talent_list .item .tit_box p {
        font-size:1.375rem;
        letter-spacing: -0.03em;
        line-height: 1.5em
    }
}

@media(max-width: 1023px) {
    .careers.talent_development .sec02 .talent_list .item .tit_box p {
        font-size:22px;
        letter-spacing: -0.03em;
        line-height: 33px
    }
}

.careers.talent_development .sec02 .talent_list .item .info_box {
    width: calc(100% - min(23.958vw, 460px))
}

.careers.talent_development .sec02 .talent_list .item .info_box li {
    margin-bottom: min(0.312vw, 6px);
    padding: min(0.833vw, 16px) min(1.041vw, 20px);
    border-radius: 11px;
    background: rgba(0,0,0,.2);
    backdrop-filter: blur(25px);
    font-weight: 600;
    color: #fff
}

@media(min-width: 1024px) {
    .careers.talent_development .sec02 .talent_list .item .info_box li {
        font-size:1.25rem;
        letter-spacing: -0.03em;
        line-height: 1.5em
    }
}

@media(max-width: 1023px) {
    .careers.talent_development .sec02 .talent_list .item .info_box li {
        font-size:20px;
        letter-spacing: -0.03em;
        line-height: 30px
    }
}

.careers.talent_development .sec02 .talent_list .item .info_box li:last-child {
    margin-bottom: 0
}

.careers.talent_development .sec02 .talent_list .item .info_box .dot_list {
    position: relative;
    padding-left: min(0.729vw, 14px)
}

.careers.talent_development .sec02 .talent_list .item .info_box .dot_list::before {
    content: "-";
    display: flex;
    position: absolute;
    top: 0;
    left: 0
}

@media(max-width: 1299px) {
    .careers.talent_development .sec02 .sec_inner {
        width:98%
    }

    .careers.talent_development .sec02 .talent_list .item .list_cont {
        max-width: min(72.916vw, 1400px)
    }

    .careers.talent_development .sec02 .talent_list .item .tit_box {
        width: min(31.25vw, 600px)
    }

    .careers.talent_development .sec02 .talent_list .item .info_box {
        width: calc(100% - min(31.25vw, 600px))
    }
}

@media(max-width: 1023px) {
    .careers.talent_development .sec02 {
        height:auto
    }

    .careers.talent_development .sec02 .sticky {
        height: auto
    }

    .careers.talent_development .sec02 .sec_inner {
        width: 100%;
        padding: 50px 40px 60px
    }

    .careers.talent_development .sec02 .talent_list {
        gap: 60px
    }

    .careers.talent_development .sec02 .talent_list .item {
        position: relative;
        top: 0;
        width: 100%;
        height: auto
    }

    .careers.talent_development .sec02 .talent_list .item:last-child {
        margin-bottom: 0
    }

    .careers.talent_development .sec02 .talent_list .item:nth-of-type(1) {
        top: auto
    }

    .careers.talent_development .sec02 .talent_list .item:nth-of-type(2) {
        top: auto
    }

    .careers.talent_development .sec02 .talent_list .item:nth-of-type(3) {
        top: auto
    }

    .careers.talent_development .sec02 .talent_list .item:nth-of-type(4) {
        top: auto
    }

    .careers.talent_development .sec02 .talent_list .item .item_inner {
        border-radius: 11px;
        transition-duration: .4s
    }

    .careers.talent_development .sec02 .talent_list .item.active .item_inner {
        transform: scale(0.98) rotateX(-6deg)
    }

    .careers.talent_development .sec02 .talent_list .item.active .item_inner .dim_bg {
        background-color: rgba(0,0,0,.4)
    }

    .careers.talent_development .sec02 .talent_list .item .dim_bg {
        border-radius: 11px;
        transition-duration: .4s
    }

    .careers.talent_development .sec02 .talent_list .item .list_cont {
        max-width: 100%;
        padding: 40px 26px
    }

    .careers.talent_development .sec02 .talent_list .item .tit_box strong {
        margin-bottom: 8px;
        font-size: 28px;
        line-height: 36px
    }

    .careers.talent_development .sec02 .talent_list .item .tit_box p {
        font-size: 18px;
        line-height: 27px
    }

    .careers.talent_development .sec02 .talent_list .item .info_box {
        min-width: 303px
    }

    .careers.talent_development .sec02 .talent_list .item .info_box li {
        width: 100%;
        margin-bottom: 4px;
        padding: 16px 20px;
        border-radius: 11px;
        background: rgba(0,0,0,.2);
        backdrop-filter: blur(25px);
        font-size: 15px;
        line-height: 20px
    }
}

@media(max-width: 767px) {
    .careers.talent_development .sec02 .sec_inner {
        width:100%;
        padding: 50px 16px 60px
    }

    .careers.talent_development .sec02 .talent_list .item {
        height: 580px
    }

    .careers.talent_development .sec02 .talent_list .item .list_cont {
        gap: 0;
        flex-direction: column;
        max-width: 100%;
        padding: 40px 20px
    }

    .careers.talent_development .sec02 .talent_list .item .tit_box {
        width: 100%
    }

    .careers.talent_development .sec02 .talent_list .item .info_box {
        min-width: 100%;
        margin-top: 30px
    }
}

.careers.talent_development .sec03 {
    position: relative;
    padding: min(8.333vw, 160px) 0 min(15.104vw, 290px);
    background-color: #eee
}

.careers.talent_development .sec03 .sticky_menu_wrap {
    width: 100%;
    position: absolute;
    top: min(8.333vw, 160px);
    left: 0
}

.careers.talent_development .sec03 .sticky_menu_wrap.fixed {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9;
    width: 100%;
    border-bottom: min(0.052vw, 1px) solid #ddd;
    background-color: #fff
}

.careers.talent_development .sec03 .sticky_menu_wrap.fixed .tab_menu {
    align-items: center;
    border-bottom: 0
}

.careers.talent_development .sec03 .sticky_menu_wrap.fixed .tab a {
    align-items: center
}

.careers.talent_development .sec03 .sticky_menu_wrap.fixed .tab a::before {
    display: none
}

.careers.talent_development .sec03 .sticky_menu_wrap .scroll_area {
    overflow-y: hidden;
    overflow-x: auto
}

.careers.talent_development .sec03 .sticky_menu_wrap .scroll_area>span {
    display: none
}

.careers.talent_development .sec03 .sticky_menu_wrap .scroll_area::-webkit-scrollbar {
    width: 2px;
    height: 2px
}

.careers.talent_development .sec03 .sticky_menu_wrap .scroll_area::-webkit-scrollbar-track {
    background: #cfcfcf;
    border-radius: 10px
}

.careers.talent_development .sec03 .sticky_menu_wrap .scroll_area::-webkit-scrollbar-thumb {
    background: #828282;
    border-radius: 10px
}

.careers.talent_development .sec03 .tab_menu {
    display: flex;
    align-items: flex-end;
    justify-content: center;
    gap: min(1.041vw, 20px);
    width: fit-content;
    margin: 0 auto;
    padding: min(0.677vw, 13px) 0
}

.careers.talent_development .sec03 .tab_menu .tab {
    position: relative;
    white-space: nowrap
}

.careers.talent_development .sec03 .tab_menu .tab:first-child {
    padding-left: min(1.041vw, 20px)
}

.careers.talent_development .sec03 .tab_menu .tab:last-child {
    padding-right: min(1.041vw, 20px)
}

.careers.talent_development .sec03 .tab_menu .tab.active a {
    background-color: #1428a0;
    border-radius: min(5.156vw, 99px)
}

.careers.talent_development .sec03 .tab_menu .tab.active span {
    color: #fff
}

.careers.talent_development .sec03 .tab_menu .tab a {
    display: block;
    padding: min(0.52vw, 10px) min(1.041vw, 20px)
}

.careers.talent_development .sec03 .tab_menu .tab span {
    font-weight: 600;
    color: #888
}

@media(min-width: 1024px) {
    .careers.talent_development .sec03 .tab_menu .tab span {
        font-size:1.125rem;
        letter-spacing: -0.03em;
        line-height: 1.8888888889em
    }
}

@media(max-width: 1023px) {
    .careers.talent_development .sec03 .tab_menu .tab span {
        font-size:18px;
        letter-spacing: -0.03em;
        line-height: 34px
    }
}

.careers.talent_development .sec03 .info_wrap {
    padding-top: min(6.25vw, 120px)
}

.careers.talent_development .sec03 .info_wrap>li {
    display: flex;
    justify-content: space-between;
    padding: min(4.166vw, 80px) 0;
    border-bottom: min(0.052vw, 1px) solid #ddd
}

.careers.talent_development .sec03 .info_wrap>li:first-child {
    padding-top: min(4.166vw, 80px);
    border-top: min(0.052vw, 1px) solid #ddd
}

.careers.talent_development .sec03 .info_wrap>li:last-child {
    margin-bottom: 0
}

.careers.talent_development .sec03 .info_wrap>li .tit_area {
    flex-shrink: 0;
    width: min(18.229vw, 350px);
    margin-right: min(4.375vw, 84px)
}

.careers.talent_development .sec03 .info_wrap>li .tit_area h3 {
    margin-bottom: 0;
    font-weight: 700;
    color: #222
}

@media(min-width: 1024px) {
    .careers.talent_development .sec03 .info_wrap>li .tit_area h3 {
        font-size:2.5rem;
        letter-spacing: -0.03em;
        line-height: 1.2em
    }
}

@media(max-width: 1023px) {
    .careers.talent_development .sec03 .info_wrap>li .tit_area h3 {
        font-size:40px;
        letter-spacing: -0.03em;
        line-height: 48px
    }
}

.careers.talent_development .sec03 .info_wrap>li .tit_area span {
    display: inline-block;
    margin-top: min(0.52vw, 10px);
    font-weight: 600;
    color: #1428a0
}

@media(min-width: 1024px) {
    .careers.talent_development .sec03 .info_wrap>li .tit_area span {
        font-size:1.5rem;
        letter-spacing: -0.03em;
        line-height: 1.3333333333em
    }
}

@media(max-width: 1023px) {
    .careers.talent_development .sec03 .info_wrap>li .tit_area span {
        font-size:24px;
        letter-spacing: -0.03em;
        line-height: 32px
    }
}

.careers.talent_development .sec03 .info_wrap .info {
    width: calc(100% - min(22.395vw, 430px))
}

.careers.talent_development .sec03 .info_wrap .info p {
    font-weight: 400;
    color: #222
}

@media(min-width: 1024px) {
    .careers.talent_development .sec03 .info_wrap .info p {
        font-size:1.25rem;
        letter-spacing: -0.03em;
        line-height: 1.5em
    }
}

@media(max-width: 1023px) {
    .careers.talent_development .sec03 .info_wrap .info p {
        font-size:20px;
        letter-spacing: -0.03em;
        line-height: 30px
    }
}

.careers.talent_development .sec03 .info_wrap .info>ul {
    margin-top: min(1.041vw, 20px)
}

.careers.talent_development .sec03 .info_wrap .info>ul>li {
    position: relative;
    margin-bottom: min(0.52vw, 10px);
    padding-left: min(0.52vw, 10px);
    font-weight: 400;
    color: #222
}

@media(min-width: 1024px) {
    .careers.talent_development .sec03 .info_wrap .info>ul>li {
        font-size:1.25rem;
        letter-spacing: -0.03em;
        line-height: 1.4em
    }
}

@media(max-width: 1023px) {
    .careers.talent_development .sec03 .info_wrap .info>ul>li {
        font-size:20px;
        letter-spacing: -0.03em;
        line-height: 28px
    }
}

.careers.talent_development .sec03 .info_wrap .info>ul>li:last-child {
    margin-bottom: 0
}

.careers.talent_development .sec03 .info_wrap .info>ul>li::before {
    content: "";
    position: absolute;
    top: min(0.52vw, 10px);
    left: 0;
    width: min(0.208vw, 4px);
    height: min(0.208vw, 4px);
    background-color: #1428a0
}

.careers.talent_development .sec03 .info_wrap .thumb_box {
    display: flex;
    flex-wrap: wrap;
    gap: min(1.041vw, 20px);
    margin-top: min(2.604vw, 50px)
}

.careers.talent_development .sec03 .info_wrap .thumb_box a {
    width: calc(50% - min(1.041vw, 20px))
}

@media(min-width: 1024px) {
    .careers.talent_development .sec03 .info_wrap .thumb_box a:hover .img_area:before,.careers.talent_development .sec03 .info_wrap .thumb_box a:hover .img_area:after {
        opacity:1
    }

    .careers.talent_development .sec03 .info_wrap .thumb_box a:hover .img_area img {
        transform: scale(1.1)
    }

    .careers.talent_development .sec03 .info_wrap .thumb_box a:hover .txt_area p {
        text-decoration: underline #fff
    }
}

.careers.talent_development .sec03 .info_wrap .thumb_box a .img_area {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: auto;
    padding-top: 56.2874%;
    border-radius: max(calc(15px * var(--base-ratio)), calc(calc(15 / var(--base-size)) * var(--base-percent)))
}

.careers.talent_development .sec03 .info_wrap .thumb_box a .img_area:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    background: rgba(0,0,0,.4);
    opacity: 0;
    transition: .25s ease-out
}

.careers.talent_development .sec03 .info_wrap .thumb_box a .img_area:after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: max(calc(36px * var(--base-ratio)), calc(calc(36 / var(--base-size)) * var(--base-percent)));
    height: max(calc(36px * var(--base-ratio)), calc(calc(36 / var(--base-size)) * var(--base-percent)));
    z-index: 2;
    opacity: 0;
    background: url("/resources/kr/images/main/sec_visual_cont_wrap_youtube_play_ico.svg") center center no-repeat;
    background-size: 100%;
    transition: .25s ease-out
}

.careers.talent_development .sec03 .info_wrap .thumb_box a .img_area img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: .25s ease-out
}

.careers.talent_development .sec03 .info_wrap .list_info {
    margin-top: min(0.781vw, 15px)
}

.careers.talent_development .sec03 .info_wrap .list_info dl {
    display: flex;
    margin-bottom: min(0.52vw, 10px)
}

.careers.talent_development .sec03 .info_wrap .list_info dt {
    position: relative;
    padding-left: min(0.52vw, 10px);
    font-weight: 600;
    color: #222
}

@media(min-width: 1024px) {
    .careers.talent_development .sec03 .info_wrap .list_info dt {
        font-size:1.25rem;
        letter-spacing: -0.03em;
        line-height: 1.4em
    }
}

@media(max-width: 1023px) {
    .careers.talent_development .sec03 .info_wrap .list_info dt {
        font-size:20px;
        letter-spacing: -0.03em;
        line-height: 28px
    }
}

.careers.talent_development .sec03 .info_wrap .list_info dt::before {
    content: "";
    position: absolute;
    top: min(0.52vw, 10px);
    left: 0;
    width: min(0.208vw, 4px);
    height: min(0.208vw, 4px);
    background-color: #1428a0
}

.careers.talent_development .sec03 .info_wrap .list_info dd {
    font-weight: 400;
    color: #222
}

@media(min-width: 1024px) {
    .careers.talent_development .sec03 .info_wrap .list_info dd {
        font-size:1.25rem;
        letter-spacing: -0.03em;
        line-height: 1.4em
    }
}

@media(max-width: 1023px) {
    .careers.talent_development .sec03 .info_wrap .list_info dd {
        font-size:20px;
        letter-spacing: -0.03em;
        line-height: 28px
    }
}

@media(max-width: 1299px) {
    .careers.talent_development .sec03 .info_wrap>li h3 {
        width:min(23.437vw, 450px)
    }

    .careers.talent_development .sec03 .info_wrap .info {
        width: calc(100% - min(27.604vw, 530px))
    }
}

@media(max-width: 1023px) {
    .careers.talent_development .sec03 {
        position:relative;
        padding: 80px 0 180px
    }

    .careers.talent_development .sec03 .sticky_menu_wrap {
        top: 80px;
        padding: 0 40px
    }

    .careers.talent_development .sec03 .sticky_menu_wrap.fixed .scroll_area .dim_left.active {
        opacity: 1;
        visibility: visible
    }

    .careers.talent_development .sec03 .sticky_menu_wrap.fixed .scroll_area .dim_right.active {
        opacity: 1;
        visibility: visible
    }

    .careers.talent_development .sec03 .sticky_menu_wrap.fixed .tab_menu {
        align-items: center;
        border-bottom: 0
    }

    .careers.talent_development .sec03 .sticky_menu_wrap.fixed .tab a {
        align-items: center
    }

    .careers.talent_development .sec03 .sticky_menu_wrap.fixed .tab a::before {
        display: none
    }

    .careers.talent_development .sec03 .sticky_menu_wrap.fixed .tab:first-child {
        padding-left: 0
    }

    .careers.talent_development .sec03 .sticky_menu_wrap.fixed .tab:last-child {
        padding-right: 0
    }

    .careers.talent_development .sec03 .sticky_menu_wrap .scroll_area>span {
        display: block;
        z-index: 1;
        position: absolute;
        visibility: hidden;
        top: 0;
        width: 75px;
        height: 60px
    }

    .careers.talent_development .sec03 .sticky_menu_wrap .scroll_area .dim_left {
        opacity: 0;
        left: 0;
        background: linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, #FFF 107.41%)
    }

    .careers.talent_development .sec03 .sticky_menu_wrap .scroll_area .dim_right {
        opacity: 0;
        right: 0;
        background: linear-gradient(90deg, rgba(255, 255, 255, 0) 11.11%, #FFF 107.41%)
    }

    .careers.talent_development .sec03 .sticky_menu_wrap .scroll_area::-webkit-scrollbar-track {
        background: rgba(0,0,0,0)
    }

    .careers.talent_development .sec03 .sticky_menu_wrap .scroll_area::-webkit-scrollbar-thumb {
        background: rgba(0,0,0,0)
    }

    .careers.talent_development .sec03 .tab_menu {
        gap: 0;
        padding: 9px 0
    }

    .careers.talent_development .sec03 .tab_menu .tab:first-child {
        padding-left: 0
    }

    .careers.talent_development .sec03 .tab_menu .tab:last-child {
        padding-right: 0
    }

    .careers.talent_development .sec03 .tab_menu .tab a {
        padding: 10px 16px
    }

    .careers.talent_development .sec03 .tab_menu .tab span {
        font-size: 16px;
        line-height: 22px
    }

    .careers.talent_development .sec03 .info_wrap {
        padding-top: 72px
    }

    .careers.talent_development .sec03 .info_wrap>li {
        padding: 30px 0;
        border-bottom: 1px solid #ddd
    }

    .careers.talent_development .sec03 .info_wrap>li:first-child {
        padding: 30px 0;
        border-bottom: 1px solid #ddd
    }

    .careers.talent_development .sec03 .info_wrap>li:last-child {
        margin-bottom: 0
    }

    .careers.talent_development .sec03 .info_wrap>li .tit_area {
        width: auto;
        margin-right: 0
    }

    .careers.talent_development .sec03 .info_wrap>li .tit_area h3 {
        width: auto;
        font-size: 26px;
        line-height: 34px
    }

    .careers.talent_development .sec03 .info_wrap>li .tit_area span {
        margin-top: 0;
        font-size: 14px;
        line-height: 18px
    }

    .careers.talent_development .sec03 .info_wrap .info {
        width: 65%
    }

    .careers.talent_development .sec03 .info_wrap .info p {
        font-size: 15px;
        line-height: 22px
    }

    .careers.talent_development .sec03 .info_wrap .info>ul {
        margin-top: 10px
    }

    .careers.talent_development .sec03 .info_wrap .info>ul>li {
        margin-bottom: 8px;
        padding-left: 8px
    }
}

@media(max-width: 1023px)and (min-width: 1024px) {
    .careers.talent_development .sec03 .info_wrap .info>ul>li {
        font-size:.9375rem;
        letter-spacing: -0.03em;
        line-height: 1.4666666667em
    }
}

@media(max-width: 1023px)and (max-width: 1023px) {
    .careers.talent_development .sec03 .info_wrap .info>ul>li {
        font-size:15px;
        letter-spacing: -0.03em;
        line-height: 22px
    }
}

@media(max-width: 1023px) {
    .careers.talent_development .sec03 .info_wrap .info>ul>li::before {
        top:10px;
        width: 3px;
        height: 3px
    }
}

@media(max-width: 1023px) {
    .careers.talent_development .sec03 .info_wrap .thumb_box {
        justify-content:space-between;
        gap: 8px;
        margin-top: 20px
    }

    .careers.talent_development .sec03 .info_wrap .thumb_box a {
        width: calc(50% - 4px)
    }

    .careers.talent_development .sec03 .info_wrap .thumb_box a .img_area {
        position: relative;
        width: 100%;
        height: auto;
        padding-top: 56.2874%;
        border-radius: 11px
    }

    .careers.talent_development .sec03 .info_wrap .thumb_box a .img_area:after {
        top: auto;
        bottom: 8px;
        left: auto;
        right: 8px;
        transform: translate(0, 0);
        width: 24px;
        height: 24px;
        opacity: 1
    }

    .careers.talent_development .sec03 .info_wrap .thumb_box a .img_area img {
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%)
    }
}

@media(max-width: 1023px) {
    .careers.talent_development .sec03 .info_wrap .list_info {
        margin-top:12px
    }

    .careers.talent_development .sec03 .info_wrap .list_info dl {
        margin-bottom: 8px
    }

    .careers.talent_development .sec03 .info_wrap .list_info dt {
        padding-left: 10px;
        font-size: 15px;
        line-height: 22px
    }

    .careers.talent_development .sec03 .info_wrap .list_info dt::before {
        top: 10px;
        width: 3px;
        height: 3px
    }

    .careers.talent_development .sec03 .info_wrap .list_info dd {
        font-size: 15px;
        line-height: 22px
    }
}

@media(max-width: 767px) {
    .careers.talent_development .sec03 .sticky_menu_wrap {
        padding:0
    }

    .careers.talent_development .sec03 .sticky_menu_wrap.fixed .tab:first-child {
        padding-left: 16px
    }

    .careers.talent_development .sec03 .sticky_menu_wrap.fixed .tab:last-child {
        padding-right: 16px
    }

    .careers.talent_development .sec03 .tab_menu .tab:first-child {
        padding-left: 16px
    }

    .careers.talent_development .sec03 .tab_menu .tab:last-child {
        padding-right: 16px
    }

    .careers.talent_development .sec03 .info_wrap {
        padding-top: 72px
    }

    .careers.talent_development .sec03 .info_wrap>li {
        flex-direction: column
    }

    .careers.talent_development .sec03 .info_wrap .info {
        width: 100%;
        margin-top: 16px
    }

    .careers.talent_development .sec03 .info_wrap .list_info dt {
        flex-shrink: 0
    }
}

.pc_on {
    display: block
}

.laptop_on {
    display: none
}

.tablet_on {
    display: none
}

.m_on {
    display: none
}

.pc_none {
    display: none
}

.laptop_none {
    display: block
}

.tablet_none {
    display: block
}

.m_none {
    display: block
}

@media(max-width: 1023px) {
    .laptop_none {
        display:block
    }

    .pc_on {
        display: none
    }

    .tablet_on {
        display: block
    }

    .m_on {
        display: none
    }

    .pc_none {
        display: block
    }

    .tablet_none {
        display: none
    }

    .m_none {
        display: block
    }
}

@media(max-width: 767px) {
    .laptop_none {
        display:block
    }

    .pc_on {
        display: none
    }

    .tablet_on {
        display: none
    }

    .m_on {
        display: block
    }

    .pc_none {
        display: block
    }

    .tablet_none {
        display: block
    }

    .m_none {
        display: none
    }
}