@charset "utf-8";

/* careers common */
.new_careers .container * { box-sizing: border-box; letter-spacing: -0.5px; }
.new_careers #content{padding:0; position:relative;}
.new_careers .section{width:100%; margin:0 auto;}
.new_careers .inner{width:1140px; margin:0 auto; position:relative;}
.new_careers h3,
.new_careers .section h3{padding-bottom:0; margin-bottom:0; font-size:38px; font-weight:600; line-height:1.5; color:#000; text-align:center;}
.new_careers h3::after{display:none;}

.new_careers .sub_tit{margin-bottom:60px;}
.new_careers .sub_tit h3{font-size:38px; color:#000; font-weight:600; word-break:keep-all;}
.new_careers .sub_tit p{margin-top:40px; font-size:20px; color:#333; font-weight:300; word-break:keep-all; text-align:center;}
.new_careers .sub_tit.white h3{color:#fff;}
.new_careers .sub_tit.white p{color:#fff;}
.new_careers [data-motion] .sub_tit h3{opacity:0; transform:translateY(50px); transition:0.7s;}
.new_careers [data-motion] .sub_tit p{opacity:0; transform:translateY(50px); transition:0.7s 0.1s;}
.new_careers [data-motion].active .sub_tit h3{opacity:1; transform:translateY(0);}
.new_careers [data-motion].active .sub_tit p{opacity:1; transform:translateY(0);}

.new_careers .text_list{display:block !important;}
.new_careers .text_list li{padding-left:10px; position:relative; font-size:18px; color:#333; text-align:left; font-weight:300; line-height:1.5; word-break:keep-all;}
.new_careers .text_list.dot li:before{content:"·"; position:absolute; left:0; top:0;}
.new_careers .text_list.line li:before{content:"-"; position:absolute; left:0; top:0;}

/* visual_section */
.new_careers .visual_section{height:640px; position:relative; z-index:1; overflow:hidden; background:#000;}
.new_careers .visual_section::before{content:""; position:absolute; left:0; top:0; z-index:-1; width:100%; height:100%; background-size:cover; background-repeat:no-repeat; background-position:center;}
.new_careers .visual_section h2{font-size:100px; font-weight:bold; color:#fff; letter-spacing:-0.03em; line-height:1;}
.new_careers .visual_section .breadcrumb{margin-top:40px;}
.new_careers .visual_section .breadcrumb p{color:#fff;}
.new_careers .visual_section .breadcrumb p span::before{background-color:#fff;}
.new_careers .visual_section[data-motion]::before{transform:scale(1.3); transition:3s;}
.new_careers .visual_section[data-motion] h2{opacity:0; transform:translateY(50px); transition:transform 0.7s 0.1s, opacity 0.7s 0.1s;}
.new_careers .visual_section[data-motion] .breadcrumb{opacity:0; transform:translateY(50px); transition:transform 0.7s 0.2s, opacity 0.7s 0.2s;}
.new_careers .visual_section[data-motion].active::before{transform:scale(1)}
.new_careers .visual_section[data-motion].active h2{opacity:1; transform:translate(0)}
.new_careers .visual_section[data-motion].active .breadcrumb{opacity:1; transform:translate(0)}

.new_careers.job-description .visual_section::before{background-color:#aaa; background-image:url("/resources/images/kr/common/job-description_visual_img.jpg")}
.new_careers.recruitment-process .visual_section::before{background-color:#aaa; background-image:url("/resources/images/kr/common/recruitment-process_visual_img.jpg")}
.new_careers.careers-tips .visual_section::before{background-color:#aaa; background-image:url("/resources/images/kr/common/careers-tips_visual_img.jpg")}
.new_careers.company-life .visual_section::before{background-color:#aaa; background-image:url("/resources/images/kr/common/company-life_visual_img.jpg")}

/* btn common */
.new_careers .btn_wrap{margin-top:60px; text-align:center; font-size:0;}
.new_careers .btn_wrap .btn_icon + .btn_icon{margin-left:40px;}
.new_careers .btn_icon{min-width:175px; display:inline-block; vertical-align:top; padding:20px 62px 20px 30px; font-size:18px; color:#333; font-weight:600; line-height:1; position:relative; box-sizing:border-box; text-align:left; z-index:1; transition:color 0.3s;}
.new_careers .btn_icon:focus{border-radius:60px}
.new_careers .btn_icon::before{content:""; z-index:-1; width:100%; height:100%; position:absolute; left:0; top:0; border:1px solid #ccc; border-radius:60px; background:#fff; clip-path:polygon(0 0, 110% 0, 110% 100%, 0 110%); will-change:clip-path, -webkit-clip-path; box-sizing:border-box;}
.new_careers .btn_icon::after{content:""; z-index:-1; width:100%; height:100%; position:absolute; left:0; top:0; border:1px solid #2C7CD8; border-radius:60px; background:#fff; clip-path:polygon(0 0, 0% 0, 0% 100%, 0 100%); will-change:clip-path, -webkit-clip-path; box-sizing:border-box;}
.new_careers .btn_icon.white{color:#fff;}
.new_careers .btn_icon.white::before{background:transparent; border-color:#fff;}
.new_careers a:hover .btn_icon,
.new_careers .btn_icon:hover{color:#2C7CD8;}
.new_careers a:hover .btn_icon::before,
.new_careers .btn_icon:hover::before{clip-path:polygon(100% 0, 100% 0, 100% 100%, 100% 100%); transition:clip-path 0.5s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-clip-path 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);}
.new_careers a:hover .btn_icon::after,
.new_careers .btn_icon:hover::after{clip-path:polygon(0 0, 100% 0, 110% 110%, 0 110%); transition:clip-path 0.5s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-clip-path 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);}
.new_careers a:hover .btn_icon.white,
.new_careers .btn_icon.white:hover{color:#2C7CD8;}

/* btn common arrow */
/* type1 - > */
.new_careers .btn_icon i.arrow{display:block; width:7px; height:12px; position:absolute; right:25px; top:50%; transform:translateY(-50%); }
.new_careers .btn_icon i.arrow::before{content:""; display:block; width:100%; height:100%; background:url("/resources/images/kr/careers/btn_icon_arrow.svg")no-repeat center / 100%; position:absolute; left:0; top:0; opacity:1;}
.new_careers .btn_icon i.arrow::after{content:""; display:block; width:100%; height:100%; background:url("/resources/images/kr/careers/btn_icon_arrow_blue.svg")no-repeat center / 100%; position:absolute; left:-150%; top:0; opacity:0;}
.new_careers .btn_icon.white i.arrow::before{background-image:url("/resources/images/kr/careers/btn_icon_arrow_white.svg");}
.new_careers .btn_icon.white i.arrow::after{background-image:url("/resources/images/kr/careers/btn_icon_arrow_blue.svg");}
.new_careers a:hover .btn_icon i.arrow::before,
.new_careers .btn_icon:hover i.arrow::before{left:150%; opacity:0; transition:0.2s;}
.new_careers a:hover .btn_icon i.arrow::after,
.new_careers .btn_icon:hover i.arrow::after{left:0; opacity:1; transition:0.4s 0.1s;}

/* type2 - arrow */
.new_careers .btn_icon i.arrow.type2{width:16px; height:16px; right:30px;}
.new_careers .btn_icon i.arrow.type2::before{content:""; display:block; width:100%; height:100%; background:url("/resources/images/kr/careers/btn_icon_arrow_type2.svg")no-repeat center / 100%; position:absolute; left:0; top:0; opacity:1;}
.new_careers .btn_icon i.arrow.type2::after{content:""; display:block; width:100%; height:100%; background:url("/resources/images/kr/careers/btn_icon_arrow_type2_blue.svg")no-repeat center / 100%; position:absolute; left:-100%; top:0; opacity:0;}
.new_careers .btn_icon.white i.arrow.type2::before{background-image:url("/resources/images/kr/careers/btn_icon_arrow_type2_white.svg");}
.new_careers .btn_icon.white i.arrow.type2::after{background-image:url("/resources/images/kr/careers/btn_icon_arrow_type2_blue.svg");}
.new_careers a:hover .btn_icon i.arrow.type2::before,
.new_careers .btn_icon:hover i.arrow.type2::before{left:100%; opacity:0; transition:0.2s;}
.new_careers a:hover .btn_icon i.arrow.type2::after,
.new_careers .btn_icon:hover i.arrow.type2::after{left:0; opacity:1; transition:0.4s 0.1s;}

/* home */
.new_careers .btn_icon i.home{display:block; width:16px; height:16px; position:absolute; right:30px; top:50%; transform:translateY(-50%); background:url("/resources/images/kr/careers/btn_icon_home_round_off.svg") no-repeat center / 14px 14px;}
.new_careers .btn_icon i.home:before{content:""; display:block; width:8px; height:8px; background:url("/resources/images/kr/careers/btn_icon_home_arrow_off.svg")no-repeat center / 100%; position:absolute; right:1px; top:1px; opacity:1;}
.new_careers .btn_icon i.home:after{content:""; display:block; width:8px; height:8px; background:url("/resources/images/kr/careers/btn_icon_home_arrow_on.svg")no-repeat center / 100%; position:absolute; right:6px; top:6px; opacity:0;}
.new_careers .btn_icon.white i.home{background-image:url("/resources/images/kr/careers/btn_icon_home_round_white.svg");}
.new_careers .btn_icon.white i.home:before{background-image:url("/resources/images/kr/careers/btn_icon_home_arrow_white.svg");}
.new_careers .btn_icon.white i.home:after{background-image:url("/resources/images/kr/careers/btn_icon_home_arrow_on.svg");}
.new_careers a:hover .btn_icon i.home,
.new_careers .btn_icon:hover i.home{background-image:url("/resources/images/kr/careers/btn_icon_home_round_on.svg"); transition:0.4s;}
.new_careers a:hover .btn_icon i.home:before,
.new_careers .btn_icon:hover i.home:before{right:-4px; top:-4px; opacity:0; transition:0.4s;}
.new_careers a:hover .btn_icon i.home:after,
.new_careers .btn_icon:hover i.home:after{right:1px; top:1px; opacity:1; transition:0.4s 0.1s;}

/* type4 - download */
.new_careers .btn_icon i.download{position: absolute; right: 30px; width:16px; height:16px;}
.new_careers .btn_icon i.download::before{content:""; display:block; width:100%; height:100%; background:url("/resources/images/kr/careers/btn_icon_arrow_type4.svg")no-repeat center / 100%; position:absolute; left:0; top:0; opacity:1;}
.new_careers .btn_icon i.download::after{content:""; display:block; width:100%; height:100%; background:url("/resources/images/kr/careers/btn_icon_arrow_type4_blue.svg")no-repeat center / 100%; position:absolute; left:0; top:-100%; opacity:0;}
.new_careers .btn_icon.white i.download::before{background-image:url("/resources/images/kr/careers/btn_icon_arrow_type4_white.svg");}
.new_careers .btn_icon.white i.download::after{background-image:url("/resources/images/kr/careers/btn_icon_arrow_type4_blue.svg");}
.new_careers a:hover .btn_icon i.download::before,
.new_careers .btn_icon:hover i.download::before{top:100%; opacity:0; transition:0.2s;}
.new_careers a:hover .btn_icon i.download::after,
.new_careers .btn_icon:hover i.download::after{top:0; opacity:1; transition:0.4s 0.1s;}

/* plus */
.new_careers .btn_icon i.plus{display:block; width:16px; height:16px; position:absolute; right:30px; top:50%; transform:translateY(-50%); transform-origin:center; background:url("/resources/images/kr/careers/btn_icon_plus.svg")no-repeat center / 100%;}
.new_careers .btn_icon.white i.plus{background-image:url("/resources/images/kr/careers/btn_icon_plus_white.svg");}
.new_careers .btn_icon:hover i.plus{transition:0.4s; transform:translateY(-50%) rotate(180deg); background-image:url("/resources/images/kr/careers/btn_icon_plus_blue.svg");}

/* sec_card_list */
.new_careers .sec_card_list ul { display: flex; flex-wrap: wrap; gap: 30px; }
.new_careers .sec_card_list ul li { border: 1px solid #ddd; border-radius: 20px; background: #fff; box-shadow: 2px 2px 20px 0 rgba(0, 0, 0, 0.1); backdrop-filter: blur(10px); }
.new_careers .sec_card_list ul li a { width: 100%; height: 100%; }
.new_careers .sec_card_list ul li dl dt { display: flex; align-items: center; gap: 0 16px; margin-bottom: 10px; font-size: 24px; font-weight: 700; line-height: 1.5; color: #000; }
.new_careers .sec_card_list ul li dl dt span { position: relative; padding-left: 16px; font-size: 16px; font-weight: 600; }
.new_careers .sec_card_list ul li dl dt span::before { content: ''; position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 1px; height: 16px; background: #ccc; }
.new_careers .sec_card_list ul li dl dt span.type_research { color: #2c7cd8 }
.new_careers .sec_card_list ul li dl dt span.type_sw { color: #39c5d2 }
.new_careers .sec_card_list ul li dl dt span.type_sales { color: #9c4ee7 }
.new_careers .sec_card_list ul li dl dt span.type_management { color: #666666 }
.new_careers .sec_card_list ul li dl dd { font-size: 16px; line-height: 1.5; font-weight: 300; color: #333; }
.new_careers .sec_card_list ul li .arrow_btn { display:inline-block; position:relative; width: fit-content; padding:7px 19px 7px 0; vertical-align:top; font-size:14px; color:#666; font-weight:600; }
.new_careers .sec_card_list ul li .arrow_btn i{position:absolute; top:50%; right:0; transform:translateY(-50%); width:16px; height:16px;}
.new_careers .sec_card_list ul li .arrow_btn i::before{content:""; position:absolute; top:0; left:0; width:100%; height:100%; opacity:1; background:url("/resources/images/kr/careers/sec_bg_list_arrow_icon.svg") no-repeat center / 100%;}
.new_careers .sec_card_list ul li .arrow_btn i::after{content:""; position:absolute; top:0; left:-100%; width:100%; height:100%; opacity:0; background:url("/resources/images/kr/careers/sec_bg_list_arrow_icon.svg") no-repeat center / 100%;}
.new_careers .sec_card_list ul li a:hover .arrow_btn i::before{left:100%; opacity:0; transition:0.4s;}
.new_careers .sec_card_list ul li a:hover .arrow_btn i::after{left:0; opacity:1; transition:0.4s 0.1s;}
.new_careers .sec_card_list.type1 ul li a, 
.new_careers .sec_card_list.type2 ul li { display: flex; flex-direction: column; justify-content: space-between; flex: 1; padding: 30px; }
.new_careers .sec_card_list.type1 ul li { width: 360px; height: 300px; }
.new_careers .sec_card_list.type2 ul li { width: 360px; height: 220px; }

/* sec_bg_link */
.new_careers .sec_bg_link{padding:160px 0;}
.new_careers .sec_bg_link .bg_area{border-radius:20px; padding:10px; box-sizing:border-box; overflow:hidden; position:relative;}
.new_careers .sec_bg_link .bg_area .bg{position:absolute; left:0; top:0; width:100%; height:100%; background-color:#eee; background-image: url("/resources/images/kr/careers/sec_bg_link_bg.png"); background-size:cover; background-repeat:no-repeat; background-position:center;}
.new_careers .sec_bg_link .bg_area ul{display:flex;}
.new_careers .sec_bg_link .bg_area ul li{width:50%; height:280px; position:relative; text-align:center;}
.new_careers .sec_bg_link .bg_area ul li + li::before{content:""; width:1px; height:100%; position:absolute; left:0; top:0; background-color:rgba(255,255,255,0.6);}
.new_careers .sec_bg_link .bg_area ul li a{height:100%; padding:10px; display:flex; justify-content:center; align-items:center; box-sizing:border-box;}
.new_careers .sec_bg_link .bg_area ul li strong{display:block; font-size:30px; color:#fff; font-weight:600;}
.new_careers .sec_bg_link .bg_area ul li p{margin-top:4px; font-size:16px; color:#fff; font-weight:300;}
.new_careers .sec_bg_link .bg_area ul li .btn_icon{margin-top:24px;}
.new_careers .sec_bg_link .bg_area ul li a .txt strong{transform:translateY(30px);transition:0.6s;}
.new_careers .sec_bg_link .bg_area ul li a .txt p{transform:translateY(30px); transition:0.6s;}
.new_careers .sec_bg_link .bg_area ul li a .txt .btn_icon{transform:translateY(100%); opacity:0; transition:0.6s;}
.new_careers .sec_bg_link .bg_area ul li a .txt .btn_icon::after{border-color:#fff;}
.new_careers .sec_bg_link .bg_area ul li.on a .txt strong{transform:translateY(0);}
.new_careers .sec_bg_link .bg_area ul li.on a .txt p{transform:translateY(0);}
.new_careers .sec_bg_link .bg_area ul li.on a .txt .btn_icon{transform:translateY(0); opacity:1;}
.new_careers .sec_bg_link .bg_area ul li.off a .txt strong{transform:translateY(40px); opacity:0.5;}
.new_careers .sec_bg_link .bg_area ul li.off a .txt p{transform:translateY(40px); opacity:0.5;}
.new_careers .sec_bg_link .bg_area[data-motion]{opacity:0; transform:translateY(100px); transition:0.7s}
.new_careers .sec_bg_link .bg_area[data-motion] .bg{transform:scale(1.2); transition:1s 0.2s}
.new_careers .sec_bg_link .bg_area[data-motion].active{opacity:1; transform:translateY(0);}
.new_careers .sec_bg_link .bg_area[data-motion].active .bg{transform:scale(1);}

/* recruitment_process_list */
.new_careers .recruitment_process_list { display: grid; justify-content: space-between; gap: 40px 0; margin-bottom: 60px; }
.new_careers .recruitment_process_list li { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 4px; position: relative; width: 170px; aspect-ratio: 1 / 1; border-radius: 50%; background: #fff; box-shadow: 2px 2px 20px 0 rgba(0, 0, 0, 0.15); backdrop-filter: blur(20px); }
.new_careers .recruitment_process_list li.mt14 img { margin-top: 14px; }
.new_careers .recruitment_process_list li:last-child { background: #2c7cd8; }
.new_careers .recruitment_process_list li::before { content: ''; position: absolute; top: 50%; left: calc(100% + 24px); transform: translateY(-50%); width: 16px; height: 16px; background:url("/resources/images/kr/careers/recruitment-process/chevron_down.svg") no-repeat center / 100%; }
.new_careers .recruitment_process_list li:last-child::before { display: none; }
.new_careers .recruitment_process_list li .step_num { text-align: center; font-size: 14px; font-weight: 600; line-height: 1.5; color: #2c7cd8; }
.new_careers .recruitment_process_list li:last-child .step_num { color: #fff; }
.new_careers .recruitment_process_list li .step_tit { text-align: center; font-size: 16px; font-weight: 600; line-height: 1.3; color: #333; }
.new_careers .recruitment_process_list li:last-child .step_tit { color: #fff; }

/* sticky_lnb, sticky_tab */
.new_careers .sec_sticky_wrap{padding:100px 0 20px; margin-bottom:100px; background:#fff;}
.new_careers .sec_sticky_wrap .sub_tit{margin-bottom:0;}
.new_careers .sec_sticky_wrap .sub_tit h3{font-weight:300;}
.new_careers .sec_sticky_wrap .sticky_lnb{height:200px; padding-top:80px;}
.new_careers .sec_sticky_wrap .sticky_lnb .state{top:-70px; transition:opacity 0.7s, transform 0.7s;}
.new_careers .sec_sticky_wrap .sticky_lnb .state.fixed{position:fixed; left:0; top:0; width:100%; height:60px; background:#fff; z-index:999; box-shadow:0px 0px 20px rgba(0,0,0,0.2); transition:top 0.45s;}
.new_careers .sec_sticky_wrap .sticky_lnb .state.fixed ul{width:100%; height:100%; display:flex; justify-content:center; gap:60px;}
.new_careers .sec_sticky_wrap .sticky_lnb .state.fixed ul li button{display:block; height:100%; font-size:18px; color:#666; letter-spacing:-0.5px; font-weight:600; text-align:center; position:relative; transition:color 0.5s;}
.new_careers .sec_sticky_wrap .sticky_lnb .state.fixed ul li button br{display:none;}
.new_careers .sec_sticky_wrap .sticky_lnb .state.fixed ul li button:before{content:""; opacity:0; width:0; height:2px; background:#2C7CD8; position:absolute; left:50%; bottom:0; transform:translateX(-50%); visibility:hidden; transition:width 0.5s, opacity 0.5s;}
.new_careers .sec_sticky_wrap .sticky_lnb .state.fixed ul li.active button{color:#2C7CD8;}
.new_careers .sec_sticky_wrap .sticky_lnb .state.fixed ul li.active button:before{width:100%; opacity:1; visibility:visible;}
.new_careers .sec_sticky_wrap .sticky_lnb .state.fixed ul li:hover button{color:#2C7CD8}
.new_careers .sec_sticky_wrap .sticky_lnb .state.init{position:inherit;}
.new_careers .sec_sticky_wrap .sticky_lnb .state.init ul{display:flex; justify-content:center; gap:30px;}
.new_careers .sec_sticky_wrap .sticky_lnb .state.init ul li{width:200px; height:200px; border-radius:50%; display:inline-flex; align-items:center; background: #fff; box-shadow: 2px 2px 20px 0px rgba(0, 0, 0, 0.15); backdrop-filter: blur(20px); transition:background 0.25s;}
.new_careers .sec_sticky_wrap .sticky_lnb .state.init ul li button{width:100%; height:100%; display:block; font-size:20px; color:#333; font-weight:600; position:relative;}
.new_careers .sec_sticky_wrap .sticky_lnb .state.init ul li button:before{content:""; display:block; width:48px; height:48px; margin:0 auto; background-size:100%; background-position:center; background-repeat:no-repeat;}
.new_careers .sec_sticky_wrap .sticky_lnb .state.init ul li button:after{content:""; display:block; width:16px; height:16px; margin:17px auto 0; background:url("/resources/images/kr/careers/sec_sticky_tab_arrow_off.svg")no-repeat center / 100%;}
.new_careers .sec_sticky_wrap .sticky_lnb .state.init ul li.icon1 button::before{background-image:url("/resources/images/kr/careers/company-life/sec_sticky_tab_icon1_off.svg");}
.new_careers .sec_sticky_wrap .sticky_lnb .state.init ul li.icon2 button::before{background-image:url("/resources/images/kr/careers/company-life/sec_sticky_tab_icon2_off.svg");}
.new_careers .sec_sticky_wrap .sticky_lnb .state.init ul li.icon3 button::before{background-image:url("/resources/images/kr/careers/company-life/sec_sticky_tab_icon3_off.svg");}
.new_careers .sec_sticky_wrap .sticky_lnb .state.init ul li:hover{background:#2C7CD8;}
.new_careers .sec_sticky_wrap .sticky_lnb .state.init ul li:hover button{color:#fff;}
.new_careers .sec_sticky_wrap .sticky_lnb .state.init ul li:hover button:after{background-image:url("/resources/images/kr/careers/sec_sticky_tab_arrow_on.svg");}
.new_careers .sec_sticky_wrap .sticky_lnb .state.init ul li.icon1:hover button::before{background-image:url("/resources/images/kr/careers/company-life/sec_sticky_tab_icon1_on.svg");}
.new_careers .sec_sticky_wrap .sticky_lnb .state.init ul li.icon2:hover button::before{background-image:url("/resources/images/kr/careers/company-life/sec_sticky_tab_icon2_on.svg");}
.new_careers .sec_sticky_wrap .sticky_lnb .state.init ul li.icon3:hover button::before{background-image:url("/resources/images/kr/careers/company-life/sec_sticky_tab_icon3_on.svg");}
.new_careers .sec_sticky_wrap .sticky_lnb[data-motion] .state{opacity:0; transform:translateY(100px);}
.new_careers .sec_sticky_wrap .sticky_lnb[data-motion].active .state{opacity:1; transform:translateY(0);}

/* .detail_popup */
.new_careers .detail_popup{display:none; position:fixed; left:0; top:0; min-width:1300px; width:100%; height:100%; z-index:100000; overflow:hidden;}
.new_careers .detail_popup .close_btn{opacity:0; font-size:0; text-indent:-9999px; width:48px; height:48px; position:absolute; top:50%; right:1140px; transform:translateY(-50%); z-index:2; background:url("/resources/images/kr/careers/detail_popup_close_btn.svg")no-repeat center / 100%;}
.new_careers .detail_popup .close_btn:hover{background-image:url("/resources/images/kr/careers/detail_popup_close_btn_on.svg")}
.new_careers .detail_popup .cont_inner{background:rgba(0, 0, 0, 0.70); backdrop-filter:blur(10px); width:100%; height:100%; overflow:hidden auto; position:relative;}
.new_careers .detail_popup .cont{position:absolute; right:-60%; top:0; z-index:2; width:1140px; min-height:100%; background-color:#fff; opacity:0; transition:opacity 0.5s, right 0.5s; transition-timing-function:cubic-bezier(0, 0, 0.2, 1);}
.new_careers .detail_popup .cont .title_wrap{padding:80px 100px 50px; border-bottom:2px solid #ccc; box-sizing:border-box;}
.new_careers .detail_popup .cont .title_wrap h4{font-size:38px; color:#333; font-weight:600;}
.new_careers .detail_popup .cont .title_wrap span { position: relative; padding-left: 20px; font-size: 20px; font-weight: 600; line-height: 1.5; color: #666; }
.new_careers .detail_popup .cont .title_wrap span::before { content: ''; position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 2px; height: 24px; background: #ccc; }
.new_careers .detail_popup .cont .desc_wrap{padding:60px 100px 80px;}
.new_careers .detail_popup .cont .desc_wrap .con + .con{margin-top:60px;}
.new_careers .detail_popup .cont .desc_wrap .con > h5{font-size:24px; color:#333; font-weight:600; line-height:1.5;}
.new_careers .detail_popup .cont .desc_wrap .con > h5 + *{margin-top:14px;}
.new_careers .detail_popup .cont .desc_wrap .con > p{font-size:20px; color:#333; font-weight:300; word-break:keep-all;}
.new_careers .detail_popup .cont .desc_wrap .con > * + *{margin-top:40px;}
.new_careers .detail_popup .cont .desc_wrap .con .table_area .table{border-top:1px solid #000; border-bottom:1px solid #000;}
.new_careers .detail_popup .cont .desc_wrap .con .table_area .table table{width:100%;}
.new_careers .detail_popup .cont .desc_wrap .con .table_area .table table thead tr:last-child{border-bottom:1px solid #ccc}
.new_careers .detail_popup .cont .desc_wrap .con .table_area .table table tr + tr{border-top:1px solid #ccc}
.new_careers .detail_popup .cont .desc_wrap .con .table_area .table table tr th{border-right:1px solid #ccc;}
.new_careers .detail_popup .cont .desc_wrap .con .table_area .table table tr th:last-child{border-right:0;}
.new_careers .detail_popup .cont .desc_wrap .con .table_area .table table tr th:last-child:first-child{border-right:1px solid #ccc;}
.new_careers .detail_popup .cont .desc_wrap .con .table_area .table table tr td{border-right:1px solid #ccc;}
.new_careers .detail_popup .cont .desc_wrap .con .table_area .table table tr td.center:last-child:first-child{border-right:1px solid #ccc;}
.new_careers .detail_popup .cont .desc_wrap .con .table_area .table table tr td:last-child{border-right:0;}
.new_careers .detail_popup .cont .desc_wrap .con .table_area .table table tr th{padding:16px; background-color:#f3f3f3; font-size:20px; color:#333; text-align:center; font-weight:600; word-break:keep-all;}
.new_careers .detail_popup .cont .desc_wrap .con .table_area .table table tr td{padding:20px 30px; background-color:#fff; font-size:18px; color:#333; text-align:left; font-weight:300; word-break:keep-all;}
.new_careers .detail_popup .cont .desc_wrap .con .table_area .table table tr td.center{text-align:center;}
.new_careers .detail_popup .cont .desc_wrap .con .table_area .table table tr td .box{width:49%; display:inline-block; vertical-align:top;}
.new_careers .detail_popup .cont .desc_wrap .con .table_area .table table tr td p{font-size:18px; word-break:keep-all; color:#333;}
.new_careers .detail_popup .cont .desc_wrap .con .table_area .table table tr td ul + ul { margin-top: 40px; }

.new_careers .detail_popup.on{display:block;}
.new_careers .detail_popup.on.active .close_btn{ right:calc(1140px + 50px); opacity:1; transition: opacity 0.3s 0.3s, right 0.3s 0.3s, background 0.3s;}
.new_careers .detail_popup.on.active .close_btn:focus{border-radius:50%;}
.new_careers .detail_popup.on.active .cont{right:0; opacity:1;}

/* 직무 소개 */
.new_careers.job-description .sec_card_list { padding: 100px 0 0; }
.new_careers.job-description .sec_card_list .sub_tit h3 { font-weight: 300; }
.new_careers.job-description .detail_popup .cont .title_wrap { display: flex; align-items: flex-end; gap: 20px; }

/* 채용 프로세스 */
.new_careers.recruitment-process .sec1 { padding: 100px 0 0; }
.new_careers.recruitment-process .sec1 .sub_tit { margin-bottom: 0; }
.new_careers.recruitment-process .sec1 .sub_tit h3 { font-weight: 300; }
.new_careers.recruitment-process .sec2 { padding: 120px 0 160px; }
.new_careers.recruitment-process .sec2 .recruitment_process_list { grid-template-columns: repeat(6, 160px); }
.new_careers.recruitment-process .sec2 .recruitment_process_list li { width: 160px; }
.new_careers.recruitment-process .sec2 .recruitment_process_list li::before { left: calc(100% + 10px); }
.new_careers.recruitment-process .sec3 { padding: 0 0 160px; }
.new_careers.recruitment-process .sec3 .recruitment_process_list { grid-template-columns: repeat(5, 1fr); }
.new_careers.recruitment-process .sec4 { padding: 0 0 160px; }
.new_careers.recruitment-process .sec4 .recruitment_process_list { grid-template-columns: repeat(6, 160px); }
.new_careers.recruitment-process .sec4 .recruitment_process_list li { width: 160px; }
.new_careers.recruitment-process .sec4 .recruitment_process_list li::before { left: calc(100% + 10px); }
.new_careers.recruitment-process .sec5 .recruitment_process_list { grid-template-columns: repeat(5, 170px); }
.new_careers.recruitment-process .recruitment_process_desc { border-top: 1px solid #333; border-bottom: 1px solid #333; }
.new_careers.recruitment-process .recruitment_process_desc dl { display: flex; align-items: flex-start; justify-content: flex-start; padding: 30px 50px; gap: 0 40px; border-bottom: 1px solid #ccc; }
.new_careers.recruitment-process .recruitment_process_desc dl:last-child { border-bottom: 0; }
.new_careers.recruitment-process .recruitment_process_desc dl dt { width: 126px; font-size: 20px; font-weight: 600; line-height: 1.5; color: #333; }
.new_careers.recruitment-process .recruitment_process_desc dl dd { flex: 1; }
.new_careers.recruitment-process .recruitment_process_desc + .btn_wrap { margin-top: 60px; }
.new_careers.recruitment-process .recruitment_process_desc[data-motion],
.new_careers.recruitment-process .btn_wrap[data-motion] {opacity:0; transform:translateY(50px); transition:0.7s;}
.new_careers.recruitment-process .recruitment_process_desc[data-motion].active,
.new_careers.recruitment-process .btn_wrap[data-motion].active {opacity:1; transform:translateY(0);}

/* 채용 Tips */
.new_careers.careers-tips .sec1 { padding: 100px 0 0; }
.new_careers.careers-tips .tips_list { display: flex; flex-wrap: wrap; justify-content: flex-start; gap: 80px 48px; }
.new_careers.careers-tips .tips_list li { width: calc((100% - 48px * 2) / 3) }
.new_careers.careers-tips .tips_list li a { display: flex; flex-direction: column; width: 100%; gap: 16px; }
.new_careers.careers-tips .tips_list li a .img_area { overflow: hidden; position: relative; width: 100%; aspect-ratio: 16/9; border-radius: 10px; }
.new_careers.careers-tips .tips_list li a .img_area img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); transform-origin: center; width: 100%; height: 100%; object-fit: cover; transition: transform .75s; }
.new_careers.careers-tips .tips_list li a:hover .img_area img { transform: translate(-50%, -50%) scale(1.1); }
.new_careers.careers-tips .tips_list li a .txt_area { display: flex; flex-direction: column; gap: 24px; }
.new_careers.careers-tips .tips_list li a .txt_area .tit { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; font-size: 20px; font-weight: 700; line-height: 1.5; color: #000;  }
.new_careers.careers-tips .tips_list li a .txt_area .date { font-size: 14px; font-weight: 300; line-height: 1.5; color: #666; }

/* 회사생활 */
.new_careers.company-life .sec_sticky_wrap .sub_tit h3 { font-weight: 300; }
.new_careers.company-life .sec_card_list ul li { width: calc((100% - 30px * 2) / 3); height: 220px; padding: 30px; }
.new_careers.company-life .sec_card_list ul li dl dd { word-break: keep-all; }
.new_careers.company-life .img_wrap { overflow: hidden; position: relative; width: 100%; height: 340px; margin: 0 0 60px; border-radius: 20px; }
.new_careers.company-life .img_wrap .img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); transform-origin: center; width: 100%; height: 100%; }
.new_careers.company-life .img_wrap .img img { width: 100%; height: 100%; object-fit: cover; }
.new_careers.company-life .section[data-motion] .img_wrap .img {transform: translate(-50%, -50%) scale(1.4); transition:3s;}
.new_careers.company-life .section[data-motion].active .img_wrap .img {transform: translate(-50%, -50%) scale(1);}
.new_careers.company-life .sec1 { padding: 120px 0 160px; }
.new_careers.company-life .sec2 { padding: 120px 0 160px; background: #f3f3f3; }
.new_careers.company-life .sec3 { padding: 120px 0 0; }