@charset "utf-8";

/* header */
.gnb_depth1 > li > a { margin-bottom: 0 !important; }

/* careers common */
.new_careers #container * { box-sizing: border-box; letter-spacing: -0.5px; }

.new_careers *:focus {outline: none;}
.new_careers button{font-family:inherit;}
.new_careers #content{padding:0; position:relative;}
.new_careers .section{width:100%; margin:0 auto; padding:0;}
.new_careers .inner{width:100%; margin:0 auto; padding:0 17.5px; position:relative; box-sizing:border-box;}
.new_careers h3,
.new_careers .section h3{padding-bottom:0; margin-bottom:0; font-size:28px; font-weight:600; line-height:1.5; color:#000; text-align:center; word-break:keep-all;}
.new_careers h3:after{display:none;}

.new_careers .sub_tit{margin-bottom:40px;}
.new_careers .sub_tit h3{font-size:28px; color:#000; font-weight:600; word-break:keep-all;}
.new_careers .sub_tit p{margin-top:30px; font-size:15px; 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:8px; position:relative; font-size:14px; color:#333; text-align:left; line-height:1.5; font-weight:300; 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;}

/* overflow scroll */
.new_careers .scroll_inner{position:relative;}
.new_careers .scroll_inner:before{transition:0.3s; opacity:0; visibility:hidden; content:"가로로 스와이프하여 \A내용을 확인해주세요"; white-space:pre; font-size:12px; text-align:center; color:#fff; width:120px; height:120px; padding:65px 10px 20px; border-radius:4px; background:rgba(37, 39, 40, 0.50) url("/resources/images/kr/careers/scroll_inner_icon.svg") no-repeat center 20px / 32px; backdrop-filter: blur(5px); box-sizing:border-box; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); z-index: 99;}
.new_careers .scroll_inner .scroll{overflow:auto hidden;}
.new_careers .scroll_inner.active:before{ opacity:1; visibility:visible;}

/* btn common */
.new_careers .btn_wrap{margin-top:40px; text-align:center;}
.new_careers .btn_wrap .btn_icon + .btn_icon{margin-left:16px;}
.new_careers .btn_icon{min-width:150px; display:inline-block; vertical-align:top; padding:12px 20px; font-size:14px; color:#333; font-weight:600; line-height:16px; border:1px solid #ccc; box-sizing:border-box; text-align:center; border-radius:60px;}
.new_careers .btn_icon.white{color:#fff;}

/* arrow */
.new_careers .btn_icon i.arrow{display:inline-block; margin:-4px 0 0 10px; vertical-align:middle; width:6px; height:10px; background:url("/resources/images/kr/careers/btn_icon_arrow.svg")no-repeat center / 100%;}
.new_careers .btn_icon.white i.arrow{background:url("/resources/images/kr/careers/btn_icon_arrow_white.svg")no-repeat center / 100%;}
.new_careers .btn_icon i.arrow.type2{width:16px; height:16px; background:url("/resources/images/kr/careers/btn_icon_arrow_type2.svg")no-repeat center / 100%;}
.new_careers .btn_icon.white i.arrow.type2{background:url("/resources/images/kr/careers/btn_icon_arrow_type2_white.svg")no-repeat center / 100%;}

/* plus */
.new_careers .btn_icon i.plus{display:inline-block; margin:-2px 0 0 10px; vertical-align:middle; width:16px; height:16px; background:url("/resources/images/kr/careers/btn_icon_plus.svg")no-repeat center / 100%;}
.new_careers .btn_icon.white i.plus{background:url("/resources/images/kr/careers/btn_icon_plus_white.svg")no-repeat center / 100%;}

/* home */
.new_careers .btn_icon i.home{display:inline-block; margin:-2px 0 0 10px; vertical-align: middle; width:16px; height:16px; background:url("/resources/images/kr/careers/btn_icon_arrow_type3.svg") no-repeat center / 100%; transition:0.4s;}
.new_careers .btn_icon.white i.home{background-image:url("/resources/images/kr/careers/btn_icon_arrow_type3_white.svg");}

/* download */
.new_careers .btn_icon i.download{display:inline-block; margin:-2px 0 0 10px; vertical-align: middle; width:16px; height:16px; background:url("/resources/images/kr/careers/btn_icon_arrow_type4.svg")no-repeat center / 100%;}
.new_careers .btn_icon.white i.download{background-image:url("/resources/images/kr/careers/btn_icon_arrow_type4_white.svg");}

/* visual_section */
.new_careers .visual_section{padding-top:0; height:100vh; height:100svh; position:relative; z-index:1; overflow:hidden; background:#000;}
.new_careers .visual_section .visual_inner{display:flex; align-items:center; justify-content:center; flex-direction:column; height:100%; text-align:center; position:absolute; left:0; top:50%; transform:translateY(-50%); width:100%;}
.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{height:auto; position:relative; inset:auto; transform:none; font-size:60px; font-weight:bold; color:#fff; letter-spacing:-0.03em; line-height:1.15;}
.new_careers .visual_section p.desc{display:block; font-size:17px; font-weight:600; color:#fff; letter-spacing:-0.03em; margin-top:6px;}
.new_careers .visual_section p.circle{display:inline-block; vertical-align:top; background:rgba(44,124,216,0.7); border-radius:20px; font-size:15px; font-weight:600; color:#fff; letter-spacing:-0.05em; margin-bottom:15px; padding:5px 20px;}
.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] p.desc{opacity:0; transform:translateY(50px); transition:transform 0.7s 0.2s, opacity 0.7s 0.2s;}
.new_careers .visual_section[data-motion] p.circle{opacity:0; transform:translateY(50px); transition:transform 0.7s, opacity 0.7s;}
.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 p.desc{opacity:1; transform:translate(0)}
.new_careers .visual_section[data-motion].active p.circle{opacity:1; transform:translate(0)}
.new_careers .visual_section .visual_scroll_down { position: absolute; bottom: 40px; left: 50%; transform: translateX(-50%); z-index: 3; }
.new_careers .visual_section .visual_scroll_down span { display: block; font-size: 12px; font-weight: bold; line-height: 1.5; color: #ccc; }
.new_careers .visual_section .visual_scroll_down i { display: block; width: 20px; height: 22px; margin: 0 auto; background-image: url(/resources/images/kr/common/icon/ic_angle_down.svg); background-repeat: no-repeat; background-size: contain; animation: visualScrollDown 2.5s infinite; }
@keyframes visualScrollDown { 0% { opacity: 0; transform: translateY(0); } 50% { opacity: 1; transform: translateY(8px); } 100% { opacity: 0; transform: translateY(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")}

/* sticky_lnb, sticky_tab */
.new_careers .sec_sticky_wrap{padding:60px 0 0; margin-bottom:80px; background:#fff;}
.new_careers .sec_sticky_wrap .sub_tit h3{font-weight:300;}
.new_careers .sec_sticky_wrap .sticky_lnb{height:268px;}
.new_careers .sec_sticky_wrap .sticky_lnb .state{bottom:-53px; transition:opacity 0.7s, transform 0.7s;}
.new_careers .sec_sticky_wrap .sticky_lnb .state.fixed{position:fixed; left:0; bottom:0; z-index:10; width: 100%; transition: bottom 0.3s;}
.new_careers .sec_sticky_wrap .sticky_lnb .state.fixed .dim {display:block; position: fixed; inset:auto; bottom: 0; left: 0; width: 100vw; height: 100vh; z-index:1; background: rgba(0, 0, 0, 0.40); opacity: 0; visibility:hidden; transition: opacity 0.3s;}
.new_careers .sec_sticky_wrap .sticky_lnb .state.fixed button{display:flex; align-items:center; position:relative; width: 100%; height:50px;  padding: 0 17.5px; font-size:14px; color:#fff; font-weight:300; white-space:nowrap; transition:color 0.3s;}
.new_careers .sec_sticky_wrap .sticky_lnb .state.fixed .current_anchor{position:relative; z-index:2; background: rgba(51, 51, 51, 0.70); backdrop-filter: blur(20px); -webkit-backdrop-filter:blur(20px);}
.new_careers .sec_sticky_wrap .sticky_lnb .state.fixed .current_anchor button {font-weight: 700;}
.new_careers .sec_sticky_wrap .sticky_lnb .state.fixed .current_anchor button::before {content: ''; position: absolute; right: 17.5px; top: 50%; transform: translateY(-50%); width:10px; height:2px; border-radius:2px; background-color:#fff;}
.new_careers .sec_sticky_wrap .sticky_lnb .state.fixed .current_anchor button::after {content: ''; position: absolute; right: 21.5px; top: 50%; transform: translateY(-50%); width:2px; height:10px; border-radius:2px; background-color:#fff; transition:0.3s;}
.new_careers .sec_sticky_wrap .sticky_lnb .state.fixed > ul {position: absolute; bottom: -350px; left: 0; z-index: 1; width: 100%; background: rgba(51, 51, 51, 0.70); backdrop-filter: blur(20px); -webkit-backdrop-filter:blur(20px); transition: bottom 0.3s;}
.new_careers .sec_sticky_wrap .sticky_lnb .state.fixed .progress{position:absolute; left:0; bottom:50px; width:100%; height:3px; z-index:2; background-color:#ccc;}
.new_careers .sec_sticky_wrap .sticky_lnb .state.fixed .progress .percent{width:auto; height:100%; background-color:#2C7CD8; transition:width 0.1s}
.new_careers .sec_sticky_wrap .sticky_lnb.on .state.fixed .dim{visibility:visible; opacity: 1;}
.new_careers .sec_sticky_wrap .sticky_lnb.on .state.fixed .current_anchor button::after{transform:translateY(-50%) rotate(90deg);}
.new_careers .sec_sticky_wrap .sticky_lnb.on .state.fixed > ul{bottom: 53px;}
.new_careers .sec_sticky_wrap .sticky_lnb .state.init{position:inherit;}
.new_careers .sec_sticky_wrap .sticky_lnb .state.init .dim{display:none;}
.new_careers .sec_sticky_wrap .sticky_lnb .state.init .current_anchor{display:none;}
.new_careers .sec_sticky_wrap .sticky_lnb .state.init .progress{display:none;}
.new_careers .sec_sticky_wrap .sticky_lnb .state.init ul li{width:100%; padding:5px 0;}
.new_careers .sec_sticky_wrap .sticky_lnb .state.init ul li + li{border-top:1px dashed #ccc}
.new_careers .sec_sticky_wrap .sticky_lnb .state.init ul li button{width:100%; height:56px; padding:0 30px 0 86px; box-sizing:border-box; font-size:17px; color:#333; font-weight:600; position:relative; text-align:left;}
.new_careers .sec_sticky_wrap .sticky_lnb .state.init ul li button:before{content:""; display:block; width:36px; height:36px; background-size:100%; background-position:center; background-repeat:no-repeat; position:absolute; left:30px; top:50%; transform:translateY(-50%);}
.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[data-motion] .state{opacity:0; transform:translateY(100px);}
.new_careers .sec_sticky_wrap .sticky_lnb[data-motion].active .state{opacity:1; transform:translateY(0);}

/* sec_top_tit */
.new_careers .sec_top_tit{padding:60px 0 50px;}
.new_careers .sec_top_tit h3{font-weight:300;}
.new_careers .sec_top_tit[data-motion] h3{opacity:0; transform:translateY(50px); transition:0.7s;}
.new_careers .sec_top_tit[data-motion].active h3{opacity:1; transform:translateY(0);}

/* sec_card_list */
.new_careers .sec_card_list ul { display: flex; flex-direction: column; gap: 30px; }
.new_careers .sec_card_list ul li { width: 100%; height: auto; 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 8px; margin-bottom: 7px; font-size: 17px; font-weight: 700; line-height: 1.5; color: #000; word-break: keep-all; }
.new_careers .sec_card_list ul li dl dt span { position: relative; padding-left: 8px; font-size: 12px; 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: 8px; 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: 14px; line-height: 1.5; font-weight: 300; color: #333; word-break: keep-all; }
.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:12px; height:12px;}
.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; gap: 4px 0; flex: 1; padding: 18px 20px; }

/* sec_bg_link */
.new_careers .sec_bg_link{padding:85px 0 120px;}
.new_careers .sec_bg_link .bg_area{border-radius:10px; padding:0 27.5px; 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 li{position:relative; text-align:center;}
.new_careers .sec_bg_link .bg_area ul li + li:before{content:""; width:100%; height:1px; position:absolute; left:0; top:0; background-color:rgba(255,255,255,0.6);}
.new_careers .sec_bg_link .bg_area ul li a{padding:40px 0; 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:20px; color:#fff; font-weight:600;}
.new_careers .sec_bg_link .bg_area ul li p{margin-top:10px; font-size:14px; color:#fff; font-weight:300; word-break:keep-all;}
.new_careers .sec_bg_link .bg_area ul li .btn_icon{margin-top:30px;}
.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; grid-template-columns: repeat(3, 100px); gap: 24px 20px; width: fit-content; margin: 0 auto 40px; }
.new_careers .recruitment_process_list li { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 4px; position: relative; width: 100px; 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 img { width: 24px; height: auto; object-fit: cover; }
.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% + 5px); transform: translateY(-50%); width: 12px; height: 12px; background:url("/resources/images/kr/careers/recruitment-process/chevron_down.svg") no-repeat center / 100%; }
.new_careers .recruitment_process_list li:nth-child(3n)::before,
.new_careers .recruitment_process_list li:last-child::before { display: none; }
.new_careers .recruitment_process_list li .step_num { text-align: center; font-size: 10px; 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: 12px; font-weight: 600; line-height: 1.3; color: #333; }
.new_careers .recruitment_process_list li:last-child .step_tit { color: #fff; }

/* .detail_popup */
.new_careers .detail_popup{display:none; position:fixed; left:0; top:0; width:100%; height:100%; z-index:100000; overflow:hidden;}
.new_careers .detail_popup .close_btn{opacity:0; font-size:0; text-indent:-9999px; width:24px; height:24px; position:absolute; top:20px; right:0; z-index:3; background:url("/resources/images/kr/careers/detail_popup_close_btn.svg")no-repeat center / 100%;}
.new_careers .detail_popup .top_btn{opacity:0; transform:translateY(50px); font-size:0; text-indent:-9999px; width:50px; height:50px; position:fixed; z-index:3; right:17.5px; bottom:17.5px; z-index:2; background:url("/resources/images/kr/careers/detail_popup_top_btn.png")no-repeat center / 100%; transition:0.4s;}
.new_careers .detail_popup .top_btn.active{opacity:1; transform:translateY(0);}
.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:100%; 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:60px 17.5px 30px; border-bottom:1px solid #ccc; box-sizing:border-box;}
.new_careers .detail_popup .cont .title_wrap h4{font-size:24px; color:#333; font-weight:600;}
.new_careers .detail_popup .cont .title_wrap span { position: relative; padding-left: 10px; font-size: 15px; font-weight: 600; line-height: 1; color: #666; }
.new_careers .detail_popup .cont .title_wrap span::before { content: ''; position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 2px; height: 18px; background: #ccc; }
.new_careers .detail_popup .cont .desc_wrap{padding:30px 17.5px 80px; overflow:hidden; position:relative;}
.new_careers .detail_popup .cont .desc_wrap .con + .con{margin-top:40px;}
.new_careers .detail_popup .cont .desc_wrap .con > h5{font-size:17px; color:#333; font-weight:600;}
.new_careers .detail_popup .cont .desc_wrap .con > h5 + *{margin-top:14px;}
.new_careers .detail_popup .cont .desc_wrap .con > p{font-size:14px; color:#333; font-weight:300; word-break:keep-all;}
.new_careers .detail_popup .cont .desc_wrap .con > * + *{margin-top:30px;}
.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: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:10px 20px; background-color:#f3f3f3; font-size:14px; color:#333; line-height:1.5; 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:15px 20px; background-color:#fff; font-size:14px; color:#333; line-height:1.5; 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 p{font-size:13px; word-break:keep-all; color:#333;}
.new_careers .detail_popup .cont .desc_wrap .con .table_area.break .table table{display:block;}
.new_careers .detail_popup .cont .desc_wrap .con .table_area.break .table table tbody{display:block;}
.new_careers .detail_popup .cont .desc_wrap .con .table_area.break .table table tr{display:block; padding:10px 5px;}
.new_careers .detail_popup .cont .desc_wrap .con .table_area.break .table table tr th,
.new_careers .detail_popup .cont .desc_wrap .con .table_area.break .table table tr td{display:block; width:100%; padding:5px; box-sizing:border-box; background:#fff; border:none;}
.new_careers .detail_popup .cont .desc_wrap .con .table_area.break .table table tr th.center,
.new_careers .detail_popup .cont .desc_wrap .con .table_area.break .table table tr td.center{text-align:left; font-weight:600;}
.new_careers .detail_popup .cont .desc_wrap .con .table_area .table table tr td ul + ul { margin-top: 20px; }
.new_careers .detail_popup .cont .desc_wrap .con .btn_wrap{margin-top:-20px; font-size:0;}
.new_careers .detail_popup .cont .desc_wrap .con .btn_wrap .btn_icon{margin:20px 8px 0;}

@media all and (max-width:360px){
    .new_careers .detail_popup .cont .desc_wrap .con .btn_wrap{margin-top:-10px;}
    .new_careers .detail_popup .cont .desc_wrap .con .btn_wrap .btn_icon{margin:10px 5px 0;}
}

.new_careers .detail_popup.on{display:block;}
.new_careers .detail_popup.on.active .close_btn{right:20px; opacity:1; transition:opacity 0.3s 0.3s, right 0.3s 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.new_careers.job-description .detail_popup .cont .title_wrap { display: flex; align-items: flex-end; gap: 10px; }

/* 채용 프로세스 */
.new_careers.recruitment-process .sec2,
.new_careers.recruitment-process .sec3,
.new_careers.recruitment-process .sec4 { padding: 0 0 100px; }
.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; flex-direction: column; align-items: flex-start; justify-content: flex-start; padding: 20px 15px; gap: 5px; 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 { font-size: 15px; font-weight: 600; line-height: 1.5; color: #333; }
.new_careers.recruitment-process .recruitment_process_desc + .btn_wrap { margin-top: 45px; }
.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: 80px 0 0; }
.new_careers.careers-tips .tips_list { display: flex; flex-direction: column; gap: 50px; }
.new_careers.careers-tips .tips_list li { width: 100%; }
.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: 12px; }
.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: 15px; font-weight: 700; line-height: 1.5; color: #000;  }
.new_careers.careers-tips .tips_list li a .txt_area .date { font-size: 10px; font-weight: 300; line-height: 1.5; color: #666; }

/* 회사생활 */
.new_careers.company-life .sec_sticky_wrap .sticky_lnb { height: 200px; }
.new_careers.company-life .img_wrap { overflow: hidden; position: relative; width: 100%; aspect-ratio: 16 / 9; margin: 0 0 40px; 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: 0 0 100px; }
.new_careers.company-life .sec2 { padding: 80px 0 100px; background: #f3f3f3; }
.new_careers.company-life .sec3 { padding: 80px 0 15px; }