@import url("../css/common-orderlist.css");

.careers-page-section{border-bottom: solid 8px #f3f7fb;}
.careers-page-main{padding: 105px 0 98px;}
.careers-page-main img{border-radius: 25px;}

.career-opportunities-main{padding: 101px 0 74px;}
.radio-field{margin-bottom: 5px;}
.radio-field div.radio{ width: 26px; height: 26px; margin: 0 12px 0 0; border: solid 2px rgba(34, 21, 81, 0.1); border-radius: 300px; position: relative;}
.radio-field div.radio span{width: 100%; height: 100%; display: block; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; background: transparent;}
.radio-field div.radio span:before, .radio-field div.radio span.checked:before{width: 12px;height: 12px;top: 50%; left: 50%; position: absolute; transform: translate(-50%, -50%); background-color: transparent; border-radius: 300px; content: ""; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out;}
.radio-field div.radio.focus span:before, .radio-field div.radio span.checked:before{background-color: #ce0058;}
.radio-field div.radio input{width: 100%; height: 100%; padding: 0; margin: 0; font-size: 0; line-height: 0; top: 0; left: 0; position: absolute; visibility: visible; opacity: 0;}
.radio-field label{font-size: 1.125rem; line-height: normal; letter-spacing: -0.41px; color: #221551; cursor: pointer;}
.career-opportunities{margin-top: 44px;}
.position-title-list{border-radius: 10px; border: solid 7px #f3f7fb; padding: 9px 23px; margin-bottom: 20px;}
.position-date{width: 57px; padding-right: 20px; font-size: 0.9375rem; line-height: normal; letter-spacing: -0.34px; color: rgba(34, 21, 81, 0.5); font-family: 'PointSemiBold', sans-serif;}
.position-date p{margin: 0;}
.position-date span{font-size: 24px; letter-spacing: -0.55px; color: #221551;  display: block;}
.position-title-wrap{width: calc(100% - 57px); padding: 14px 0; position: relative;}
.position-title-wrap:before{width: 4px; height: 75px; left: 0; top: 50%; transform: translateY(-50%); background-color: #f3f7fb; content: ""; position: absolute;}
.position-title{width: calc(100% - 205px); padding-left: 32px; padding-right: 32px; font-size: 20px; line-height: normal; letter-spacing: -0.45px; font-family: 'PointBold', sans-serif;}
.position-title p{margin-bottom: -3px;}
.position-title span{font-size: 1rem; line-height: normal; letter-spacing: -0.36px; color: rgba(34, 21, 81, 0.5); font-family: 'PointRegular', sans-serif;display: block;}
.position-btn{width: 205px; margin-left: auto;}
.combined-shape-career {width: 916px;bottom: 0;left: -392px;position: absolute;z-index: -1;}
.combined-shape-career img{width: 100%;}

/*-- media css starts here --*/
@media only screen and (min-width: 1024px){
	body.single-careers .default-container{align-items: flex-end;}
	body.single-careers .default-banner-main{max-width: 886px; padding-bottom: 98px;}
	body.single-careers .default-banner-main h1{line-height: 4.25rem; margin-bottom: 0;}
	.career-opportunities-text{width: 413px; margin-right: 178px;}
	.position-title-lists{width: calc(100% - 591px);}
}
@media only screen and (min-width: 768px){
	body.single-careers .default-banner-section{min-height: 564px;}
	body.single-careers .default-container{min-height: 564px;}
}
@media only screen and (max-width: 1199px) and (min-width: 1024px){
	.career-opportunities{display: block; margin: 0;}
	.career-opportunities-text{margin: 0 0 38px; width: 100%;}
	.position-title-lists{width: 100%;}
	.combined-shape-career{left: -492px; bottom: -100px;}
}
@media only screen and (max-width: 1023px) and (min-width: 768px){
	.career-opportunities{display: block; margin: 0;}
	.career-opportunities-text{margin: 0 0 46px; position: relative;}
	.combined-shape-career {width: 467px;bottom: -107px;left: auto;right: -244px;}
}
@media only screen and (max-width: 767px) and (min-width: 300px){
	body.single-careers .default-banner-section{min-height: 321px;}
	body.single-careers .default-container{min-height: 321px;}
	.careers-page-main{padding: 84px 0 73px; display: block;}
	.careers-page-main h3{margin-bottom: 21px;}
	.common-orderlist ol{margin: 0 0 52px;}
	.career-opportunities-main{padding: 82px 0 70px;}
	.career-opportunities{margin-top: 29px;}
	.career-opportunities-text{margin: 0 0 42px; font-size: 1.1875rem; line-height: 2.1875rem; letter-spacing: -0.24px; position: relative;}
	.career-opportunities-text p:not(:last-child){margin-bottom: 14px;}
	.combined-shape-career {width: 467px;bottom: -107px;left: auto;right: -244px;}
	.position-title-wrap{padding: 14px 0 14px 20px; display: block;}
	.position-title{width: auto; padding: 0;}
	.position-btn{width: auto; margin: 12px 0 0;}
	.position-title span{margin-top: 12px;}
	.position-title-wrap:before{height: 100%;}
	.position-title-list{margin-bottom: 15px; align-items: flex-start;}
	.position-date{padding-top: 19px;}
}