.career-header{width:100%;background-color:#f5f5f5;}
.career-header .text-items{display:grid;margin:3rem 0;}
.career-header .text-items h3{font-weight:600;color:#555;max-width:500px;}
.career-header .text-items p{font-weight:400;color:#1f1f1f;max-width:750px;}
.header.career-header .navbar .search-input input{background-color:#e2e2e2;}

.career{position:relative;margin-top:2rem;}
.career .last-box{display:grid;align-items:end;justify-items:start;position:relative;}
.career .last-box .image{width:100%;height:570px;display:flex;position:relative;}
.career .last-box .image::after{content:'';width:100%;height:100%;position:absolute;background: rgb(0, 0, 0);background: linear-gradient(0deg, rgb(0 0 0) 0%, rgba(0, 0, 0, 0) 100%);border-radius:10px;}
.career .last-box .image img{width:100%;height:100%;object-fit:cover;border-radius:10px;}
.career .last-box .texts{position:absolute;bottom:2rem;left:2rem;color:#fff;}
.career .last-box .texts h3{font-weight:600;max-width:250px;}
.career .last-box .texts p{max-width:95%;}

.career .b-box{display:grid;align-items:end;justify-items:start;position:relative;}
.career .b-box .image{width:100%;height:275px;display:flex;position:relative;}
.career .b-box .image::after{content:'';width:100%;height:100%;position:absolute;background: rgb(0, 0, 0);background: linear-gradient(0deg, rgb(0 0 0) 0%, rgba(0, 0, 0, 0) 100%);border-radius:10px;}
.career .b-box .image img{width:100%;height:100%;object-fit:cover;border-radius:10px;}
.career .b-box .texts{position:absolute;bottom:2rem;left:2rem;color:#fff;}
.career .b-box .texts h5{font-weight:600;max-width:250px;}
.career .b-box .texts p{max-width:95%;}

.career .items{display:flex;align-items:center;justify-content:space-between;margin-top:20px;}
.career .items .s-box{display:grid;align-items:end;justify-items:start;position:relative;width:48%;}
.career .items .s-box .image{width:100%;height:275px;display:flex;position:relative;}
.career .items .s-box .image::after{content:'';width:100%;height:100%;position:absolute;background: rgb(0, 0, 0);background: linear-gradient(0deg, rgb(0 0 0) 0%, rgba(0, 0, 0, 0) 100%);border-radius:10px;}
.career .items .s-box .image img{width:100%;height:100%;object-fit:cover;border-radius:10px;}
.career .items .s-box .texts{position:absolute;bottom:2rem;left:2rem;color:#fff;}
.career .items .s-box .texts h5{font-weight:600;max-width:250px;}
.career .items .s-box .texts p{max-width:95%;}

.career .content-item{display:flex;align-items:center;justify-content:space-between;gap:2rem;margin-top:3rem;}
.career .content-item a{width:23%;display:flex;align-items:center;gap:1rem;}
.career .content-item a img{width:140px;height:140px;object-fit:cover;border-radius:10px;}
.career .content-item a .texts{display:grid;color:#000;gap:1rem;}
.career .content-item a .texts h6{font-weight:600;}
.career .content-item a .texts h6:hover{color:#ff0000;}
.career .content-item a .texts p{margin-bottom:0;display:grid;width:fit-content;}
.career .content-item a .texts p::after{content:'';width:0;height:3px;background-color:#ff0000;transition: .3s;}
.career .content-item a .texts p:hover{color:#ff0000;}
.career .content-item a .texts p:hover::after{width:100%;transition: .3s;}

.suitable-positions{position:relative;margin-top:5rem;}
@media (min-width: 1400px){.suitable-positions .container{max-width:1500px;}}
.suitable-positions .container{background-color:#F5F5F5;padding:7rem 5rem;border-radius:75px;}
.suitable-positions h3{text-align:right;position:relative;left:-2rem;font-weight:600;}
.suitable-positions h6{font-weight:600;margin-bottom:1rem;}
.suitable-positions .items{display:flex;align-items:center;gap:1rem;}
.suitable-positions .items input{width:32%;outline:none;border:none;background-color:#fff;padding:1rem;border-radius:10px;}
.suitable-positions .items input::placeholder{color:#000;}
.suitable-positions .items select{width:32%;outline:none;border:none;background-color:#fff;padding:1rem;border-radius:10px;font-size:11pt;}

.real-storys{position:relative;margin-top:5rem;}
.real-storys .head{font-weight:600;}

.real-storys .last-box{display:grid;gap:1rem;}
.real-storys .last-box img{width:100%;height:580px;object-fit:cover;border-radius:10px;}
.real-storys .last-box h4{font-weight:600;color:#000;}
.real-storys .last-box .items{display:flex;gap:1rem;align-items:center;color:#000;}
.real-storys .last-box .items .name{font-weight:500;}
.real-storys .last-box .desc{color:#727272;font-weight:400;}

.real-storys .item-box{display:flex;align-items:center;gap:1rem;}
.real-storys .item-box img{width:100%;height:250px;object-fit:cover;border-radius:10px;}
.real-storys .item-box h5{font-weight:600;color:#000;}
.real-storys .item-box .items{display:flex;gap:1rem;align-items:center;color:#000;}
.real-storys .item-box .items .name{font-weight:500;}
.real-storys .item-box .desc{color:#727272;font-weight:400;}

.career-available{position:relative;margin-top:3rem;}
.career-available .box{border:1px solid #D6D6D6;padding:2rem;border-radius:20px;}
.career-available .box h6{font-weight:600;margin-bottom:1rem;}
.career-available .box .items{display:flex;align-items:center;gap:1rem;}
.career-available .box .items input{width:32%;outline:none;border:none;background-color:#fff;padding:1rem;border-radius:10px;border:1px solid #EBEBEB;}
.career-available .box .items input::placeholder{color:#000;}
.career-available .box .items select{width:32%;outline:none;border:none;background-color:#fff;padding:1rem;border-radius:10px;font-size:11pt;border:1px solid #EBEBEB;}

.career-available .contents-items{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:2rem;width:100%;flex-wrap:wrap;}
.career-available .contents-items .item{display:grid;border:1px solid #ebebeb;padding:2rem;border-radius:20px;width:49%;color:#000;box-shadow: 0 2px 5px rgba(0,0,0,0.05);}
.career-available .contents-items .item span{display:flex;align-items:center;gap:.75rem;font-weight:400;}
.career-available .contents-items .item span p{margin:0;}
.career-available .contents-items .item span .hr{width:.5px;height:14px;background-color: #000;}
.career-available .contents-items .item:hover{background-color:#ff0000;border-color:#ff0000;}
.career-available .contents-items .item:hover h6, .career-available .contents-items .item:hover span .item:hover span p{color:#fff;}
.career-available .contents-items .item:hover p{color:#fff;}
.career-available .contents-items .item:hover span .hr{background-color:#fff;}

.career-detail-header{width:100%;background-color:#f5f5f5;}
.career-detail-header .text-items{display:flex;gap:5rem;margin:3rem 0;}
.career-detail-header .text-items h3{font-weight:600;display:grid;}
.career-detail-header .text-items h3::after{content:'';width:100%;height:3px;background-color:#ff0000;}
.career-detail-header .text-items p{max-width:70%;}
.career-detail-header .navbar .search-input input{background-color:#e2e2e2;}

.career-banner-image{position:relative;margin-top:.5rem;}
.career-banner-image .p-relative{position:relative;}
.career-banner-image .image{width:100%;height:650px;}
.career-banner-image .image img{width:100%;height:100%;object-fit:cover;border-radius:10px;}
.career-banner-image .item{position:absolute;display:grid;gap:.25rem;background-color:#ff0000;padding:1rem 2rem;color:#fff;right:0;top:-2rem;border-radius:10px;text-align:center;z-index:99999999;}
.career-banner-image .item h6{margin:0;font-weight:600;}
.career-banner-image .item p{margin:0;}

.career-detail{position:relative;margin-top:5rem;}
.career-detail .box{width:90%;display:grid;margin:auto;}
.career-detail .box .texts{display:grid;gap:2rem;}
.career-detail .box .texts h6{font-weight:500;color:#ff0000;}
.career-detail .box .texts h5{font-weight:600;color:#ff0000;}

.career-detail .form-items{display:grid;justify-items:start;}
.career-detail .form-items .item{display:grid;margin-top: 2rem;position: relative;width:100%;}
.career-detail .form-items .item::after{content:'';width:100%;height:1px;background-color:#e3e3e3;position: absolute;bottom: -1rem;}
.career-detail .form-items .item .form-title h3{font-weight:600;color:#000;}
.career-detail .form-items .item .form-title h3 span{color:#ff0000;margin-right:.3rem;}
.career-detail .form-items .item .col-lg-4, .career-detail .form-items .item .col-lg-6{display:grid;margin-bottom:1rem;}
.career-detail .form-items .item label{color:#000;font-weight:500;}
.career-detail .form-items .item input, .career-detail .form-items .item select{width:100%;padding:1rem;outline:none;border:none;border:1px solid #E3E3E3;border-radius:6px;margin-top:.3rem;color:#8E8E8E;}
.career-detail .form-items .item .birthday-items{display:flex;gap:.5rem;}
.career-detail .form-items .item .add-box{display:flex;align-items:center;gap:2rem;background-color:#000;padding:0.75rem;width:fit-content;border-radius:10px;margin-top:1rem;margin-bottom:3rem;cursor:pointer;}
.career-detail .form-items .item .add-box img{max-width:20px;transition: .15s;}
.career-detail .form-items .item .add-box h6{margin:0;color:#fff;font-weight:500;margin-right:2rem;}
.career-detail .form-items .item .add-box:hover{background-color:#ff0000;}
.career-detail .form-items .item .add-box:hover img{filter:brightness(0) invert(1);transition: .15s;}
.career-detail .form-items .item .add-box:hover h6{color:#fff;}

.career-detail .custom-radio {list-style-type: none;margin: 0;padding: 0;float: left;width: 100%;}
.career-detail .custom-radio li {display: inline-block;width: 110px;}
.career-detail .custom-radio [type=radio]:checked, .career-detail .custom-radio [type=radio]:not(:checked) {position: absolute;left: -9999px;}
.career-detail .custom-radio [type=radio]:checked + label, .career-detail .custom-radio [type=radio]:not(:checked) + label {position: relative;padding-left: 27px;cursor: pointer;line-height: 15px;display: inline-block;color: #000;font-weight: 300;}
.career-detail .custom-radio [type=radio]:checked + label:before, .career-detail .custom-radio [type=radio]:not(:checked) + label:before {content: "";position: absolute;left: 0;top: 0;width: 16px;height: 16px;border: 1px solid #000000;border-radius: 100%;background: #fff;}
.career-detail .custom-radio [type=radio]:checked + label:after, .career-detail .custom-radio [type=radio]:not(:checked) + label:after {content: "";width: 8px;height: 8px;background: #ff0000;position: absolute;top: 4px;left: 4px;border-radius: 50%;-webkit-transition: all 0.2s ease;transition: all 0.2s ease;}
.career-detail .custom-radio [type=radio]:not(:checked) + label:after {opacity: 0;-webkit-transform: scale(0);transform: scale(0);}
.career-detail .custom-radio [type=radio]:checked + label:after {opacity: 1;-webkit-transform: scale(1);transform: scale(1);}

.career-detail .form-items .last-items{display:grid;width:100%;}
.career-detail .form-items .last-items .cont{display:flex;align-items:center;min-height:70px;gap:10px;padding:0 1rem;}
.career-detail .form-items .last-items .cont h6{font-weight:500;color:#000;min-width:30%;margin:0;}
.career-detail .form-items .last-items .cont div{display:flex;align-items:center;min-width:30%;gap:1rem;}
.career-detail .form-items .last-items .cont div input{width: 35%;}
.career-detail .form-items .last-items .cont.black{background-color:#000;}
.career-detail .form-items .last-items .cont.black h6{color:#fff;}
.career-detail .cont.black .custom-radio [type=radio]:checked + label, .career-detail .cont.black .custom-radio [type=radio]:not(:checked) + label{color:#fff;}

.career-detail .form-items .check{display:flex;gap:2rem;margin-top:4rem;}
.career-detail .form-items .check input{width:40px;height:40px;border-radius:6px;border:1px solid #E3E3E3;}
.career-detail .form-items .check p{font-size:10pt;}
.career-detail .form-items .check p a{color:#ff0000;}
.career-detail .form-items .check button{background-color:#ff0000;outline:none;border:none;color:#fff;padding:1rem 3rem;border-radius:10px;height:fit-content;font-weight:500;}
.career-detail .form-items .check button:hover{background-color:#000;}

.career-map{position:relative;margin-top:4rem;}
.career-map #careermap{width:100%;height:630px;}
.career-map .leaflet-touch .leaflet-bar, .career-map .leaflet-bottom{display:none;}
.career-map .leaflet-container img.leaflet-tile{filter: grayscale(130%) contrast(130%);}
.career-map .row{/* --bs-gutter-x:0; */}
.career-map .col-lg-4{display:grid;height: 630px;align-content: center;gap: 3rem;position:relative;z-index: 999;}
.career-map .col-lg-4::after{content:'';top: 1%;width: 1%;height: 98%;position:absolute;background-color: #0000009c;left: -1.5rem;z-index: 9;filter: blur(15px);}
.career-map h5{font-weight:600;}
.career-map p{margin-bottom:0;}
.career-map a p{color:#000;transition: .3s;}
.career-map a:hover p, .career-map a:hover p b{color:#ff0000;transition: .3s;}