.divBodyWrap.banner.company.top {
    height: 26vh;
    background: transparent linear-gradient(93deg, #DCDEE2 0%, #8095BF 100%) 0% 0% no-repeat padding-box;
    position: relative;
}

.divBodyWrap.banner.company.top .divContentWrap {
    position: absolute;
    right: 50%;
    bottom: 50%;
    transform: translate(50%, 50%);
}

.divBodyWrap.banner.company.about {
    height: 40vh;
}

.divBodyWrap.banner.company.about.top {
    background: url('/img/company/company_about_img_title.png') no-repeat center center;
    background-size: cover;
}

.divBodyWrap.banner.company.about .divContentWrap h1 {
    font-weight: 400;
}

.divBodyWrap.banner.company.history .divBackgroundImage {
    position: absolute;
    width: 100%;
    height: 100%;
    background-image: url('/img/company/company_history_img_top@2x.png'), url('/img/company/company_history_img_top@2x.png');
    background-repeat: no-repeat, no-repeat;
    background-position: 20% 280%, 80% 40%;
    background-size: 200px auto, 200px auto;
}

.divBodyWrap.banner.company.recruit .divBackgroundImage {
    position: absolute;
    width: 100%;
    height: 100%;
    background-image: url('/img/company/company_apply_img_top@2x.png'), url('/img/company/company_apply_img_top@2x.png');
    background-repeat: no-repeat, no-repeat;
    background-position: 25% 1050%, 80% -130%;
    background-size: 240px auto, 180px auto;
}

.divBodyWrap.banner.company.contact .divBackgroundImage {
    position: absolute;
    width: 100%;
    height: 100%;
    background-image: url('/img/company/company_contact_img_top@2x.png'), url('/img/company/company_contact_img_top@2x.png');
    background-repeat: no-repeat, no-repeat;
    background-position: 72% -900%, 80% -40%;
    background-size: 260px auto, 160px auto;
    opacity: .9;
}


.divBodyWrap.banner.company.bottom .divContentWrap {
    position: absolute;
    right: 50%;
    bottom: 50%;
    transform: translate(50%, 50%);
}

.divBodyWrap.banner.company.bottom .divContentWrap h1 {
    margin-top: 24px;
}

.divBodyWrap.banner.company.bottom .divContentWrap button {
    display: block;
    margin: 40px auto 0 auto;
    padding: 12px 64px;
}

.divBodyWrap.banner.company.bottom.about {
    background: #8095BF;
    height: auto;
    padding: 64px 0;
}

.divBodyWrap.banner.company.bottom.about .divContentWrap {
    position: relative;
    bottom: auto;
    right: auto;
    transform: none;
}

.divBodyWrap.banner.company.bottom.about .divContentWrap h1 {
    width: 700px;
    max-width: 100%;
    font-weight: 300;
    margin: 8px auto;
}

.divBodyWrap.banner.company.bottom.about .divBackgroundImage {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('/img/company/common_img_banner_contact@2x.png');
    background-repeat: no-repeat;
    background-position: 90% 140%;
    background-size: 400px auto;
}


.divTopBannerWrap.company {
    width: 100%;
    position: relative;
    height: 30vh;
    background-size: cover;
}

.divTopBannerWrap.company.recruit {
    background: #8095BF;
}

.divTopBannerWrap.company.history {
    background: #8095BF;
}


.divBodyWrap .divFullContentWrap .divCompanyTopTabWrap {
    font-size: 0;
    border-bottom: 1px solid #DCDEE2;
}

.divBodyWrap .divFullContentWrap .divCompanyTopTabWrap .divTab {
    display: inline-block;
    width: 50%;
    color: #90939B;
    border-bottom: 3px solid transparent;
    margin-bottom: -1px;
    padding: 16px 0;
    cursor: pointer;

    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.divBodyWrap .divFullContentWrap .divCompanyTopTabWrap .divTab.selected {
    color: #292741;
    border-bottom: 3px solid #292741;
    font-weight: 500;
}

.divBodyWrap.company-recruit-intro.last {
    padding-bottom: 112px;
}

.divBodyWrap.company-recruit-intro .divContentWrap {
    font-size: 0;
}

.divBodyWrap.company-recruit-intro .divContentWrap h2 {
    display: inline-block;
    vertical-align: top;
    width: 25%;
    padding-right: 5%;
}

.divBodyWrap.company-recruit-intro .divContentWrap .divRecruitWrap {
    display: inline-block;
    vertical-align: top;
    width: 75%;
}

.divBodyWrap.company-recruit-intro .divContentWrap .divRecruitWrap>p.text-large {
    margin-top: 8px;
}

.divBodyWrap.company-recruit-intro .divContentWrap .divRecruitWrap>div {
    margin-top: 24px;
}

.divBodyWrap.company-recruit-intro .divContentWrap .divRecruitWrap>div .divRecruitItem {
    border-bottom: 1px solid #DCDEE2;
    padding: 16px 0;
    position: relative;
    cursor: pointer;
}

.divBodyWrap.company-recruit-intro .divContentWrap .divRecruitWrap>div .divRecruitItem:first-child {
    border-top: 1px solid #DCDEE2;
}

.divBodyWrap.company-recruit-intro .divContentWrap .divRecruitWrap>div .divRecruitItem p.text-large.text-weight-700 {
    display: inline-block;
    width: 20%;
    padding-right: 4%;
    vertical-align: top;
}

.divBodyWrap.company-recruit-intro .divContentWrap .divRecruitWrap>div .divRecruitItem p.text-large.text-gray {
    display: inline-block;
    width: 80%;
    vertical-align: top;
    padding-right: 15%;
}

.divBodyWrap.company-recruit-intro .divContentWrap .divRecruitWrap>div .divRecruitItem .divProcessing {
    display: none;
    position: absolute;
    right: 0;
    top: 16px;
    width: 72px;
    background: #292741;
    padding: 4px 0;
    border-radius: 3px;
}

.divBodyWrap.company-recruit-intro .divContentWrap .divRecruitWrap>div .divRecruitItem.processing .divProcessing {
    display: block;
}

.divBodyWrap.company-recruit-intro .divContentWrap .divRecruitWrap>button.btnBlue {
    width: 280px;
    margin-top: 24px;
    padding: 12px 32px;
    position: relative;
}

.divBodyWrap.company-recruit-intro .divContentWrap .divRecruitWrap>button.btnBlue p {
    display: inline-block;
}

.divBodyWrap.company-recruit-intro .divContentWrap .divRecruitWrap>button.btnBlue img {
    position: absolute;
    width: 40px;
    right: 32px;
    bottom: 50%;
    transform: translateY(50%);
}




.divBodyWrap.company-recruit-announce .divContentWrap .divSearchWrap {
    position: relative;
}

.divBodyWrap.company-recruit-announce .divContentWrap .divSearchWrap select {
    /* width: 140px; */
    height: 48px;
    position: absolute;
    left: 0;
    color: #333;
    font-size: 1.5rem;
    background: #fff url('/img/chevron-down-regular.svg') no-repeat 90% 50%;
    background-size: 14px auto;
    box-shadow: none;
    /* padding-left: 16px; */
    padding-right: 48px;
}

.divBodyWrap.company-recruit-announce .divContentWrap .divSearchWrap input {
    width: 280px;
    height: 48px;
    padding: 0 16px;
    background-image: url('/img/common_ic_search_dark@2x.png');
    background-repeat: no-repeat;
    background-position: 95% 50%;
    background-size: 24px auto;
    box-shadow: none;
}

.divBodyWrap.company-recruit-announce .divContentWrap .divRecruitWrap {
    font-size: 0;
    margin-top: 24px;
}

.divBodyWrap.company-recruit-announce .divContentWrap .divRecruitWrap .divRecruitNoItem {
    width: 100%;
    text-align: center;
    padding: 16px;
    border-top: 1px solid #90939B;
    border-bottom: 1px solid #90939B;
}

.divBodyWrap.company-recruit-announce .divContentWrap .divRecruitWrap .divRecruitNoItem>div {
    padding: 64px 0;
}

.divBodyWrap.company-recruit-announce .divContentWrap .divRecruitWrap .divRecruitNoItem>div img {
    width: 72px;
}

.divBodyWrap.company-recruit-announce .divContentWrap .divRecruitWrap .divRecruitNoItem>div p.text-large {
    margin-top: 24px;
}

.divBodyWrap.company-recruit-announce .divContentWrap .divRecruitWrap .divRecruitNoItem>div p.text-small {
    margin-top: 8px;
}

.divBodyWrap.company-recruit-announce .divContentWrap .divRecruitItem {
    display: inline-block;
    width: calc((100% - 8%) / 3);
    height: 360px;
    border-bottom: 1px solid #90939B;
    vertical-align: top;
    overflow: hidden;
    font-size: 0;
    position: relative;
    cursor: pointer;
    margin: 0 2%;
}

.divBodyWrap.company-recruit-announce .divContentWrap .divRecruitItem:nth-child(1),
.divBodyWrap.company-recruit-announce .divContentWrap .divRecruitItem:nth-child(2),
.divBodyWrap.company-recruit-announce .divContentWrap .divRecruitItem:nth-child(3) {
    border-top: 1px solid #90939B;
}

/* .divBodyWrap.company-recruit-announce .divContentWrap .divRecruitItem:nth-child(3) { border-top: 1px solid #90939B; } */
.divBodyWrap.company-recruit-announce .divContentWrap .divRecruitItem:nth-child(3n-2) {
    margin-left: 0;
}

.divBodyWrap.company-recruit-announce .divContentWrap .divRecruitItem:nth-child(3n) {
    margin-right: 0;
}

/* .divBodyWrap.company-recruit-announce .divContentWrap .divRecruitItem.top { border-top: 1px solid #90939B; } */
/* .divBodyWrap.company-recruit-announce .divContentWrap .divRecruitItem.margin { margin: 0 3%; } */
.divBodyWrap.company-recruit-announce .divContentWrap .divRecruitItem>p.text-large {
    margin-top: 16px;
}

.divBodyWrap.company-recruit-announce .divContentWrap .divRecruitItem>p.text-x-large {
    margin-top: 8px;
    overflow: hidden;
    white-space: normal;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
}

.divBodyWrap.company-recruit-announce .divContentWrap .divRecruitItem>div {
    width: 100%;
    position: absolute;
    bottom: 16px;
}

.divBodyWrap.company-recruit-announce .divContentWrap .divRecruitItem>div>p.text-small {
    margin-top: 8px;
}

.divBodyWrap.company-recruit-announce .divContentWrap .divRecruitItem>div .divHashWrap {
    font-size: 0;
    margin-top: 16px;
}

.divBodyWrap.company-recruit-announce .divContentWrap .divRecruitItem>div .divHashGray {
    padding: 6px 16px;
    margin-right: 4px;
}


.divBodyWrap .divContentWrap .divAccordionWrap.company-recruit-faq p.text-small.text-gray {
    margin-top: 12px;
}


.divBodyWrap.company-recruit-detail .divContentWrap .divControlWrap {
    position: relative;
    border-bottom: 1px solid #333333;
    padding: 12px 0;
}

.divBodyWrap.company-recruit-detail .divContentWrap .divControlWrap .divList {
    cursor: pointer;
}

.divBodyWrap.company-recruit-detail .divContentWrap .divControlWrap .divList p {
    display: inline-block;
    vertical-align: middle;
}

.divBodyWrap.company-recruit-detail .divContentWrap .divControlWrap .divList img {
    display: inline-block;
    width: 16px;
    vertical-align: middle;
    margin-right: 6px;
}

.divBodyWrap.company-recruit-detail .divContentWrap .divControlWrap .divMoveWrap {
    position: absolute;
    right: 0;
    bottom: 50%;
    transform: translateY(50%);
    font-size: 0;
}

.divBodyWrap.company-recruit-detail .divContentWrap .divControlWrap .divMoveWrap div {
    display: inline-block;
    cursor: pointer;
}

.divBodyWrap.company-recruit-detail .divContentWrap .divControlWrap .divMoveWrap div.disabled {
    color: #DCDEE2;
    cursor: inherit;
}

.divBodyWrap.company-recruit-detail .divContentWrap .divControlWrap .divMoveWrap div:first-child {
    margin-right: 24px;
}

.divBodyWrap.company-recruit-detail .divContentWrap .divTitleWrap {
    padding: 3%;
}

.divBodyWrap.company-recruit-detail .divContentWrap .divTitleWrap h2.text-weight-700.text-primary {
    margin-top: 8px;
}

.divBodyWrap.company-recruit-detail .divContentWrap .divDescWrap {
    padding: 3%;
    border-top: 1px solid #90939B;
    border-bottom: 1px solid #DCDEE2;
}

.divBodyWrap.company-recruit-detail .divContentWrap .divDescWrap>div {
    margin-top: 40px;
}

.divBodyWrap.company-recruit-detail .divContentWrap .divDescWrap>div>p.text-large.text-weight-700 {
    margin-bottom: 16px;
}

.divBodyWrap.company-recruit-detail .divContentWrap .divHashWrap {
    font-size: 0;
}

.divBodyWrap.company-recruit-detail .divContentWrap .divHashWrap .divHashGray {
    padding: 6px 16px;
    margin-right: 4px;
}

.divBodyWrap.company-recruit-detail .divContentWrap .divButtonWrap button.btnBlue {
    width: 280px;
    padding: 12px 0;
    margin: 3% auto;
}

.divBodyWrap.company-recruit-detail .divContentWrap>p.pInfo {
    margin-top: 16px;
}

.divBodyWrap.company-recruit-detail .divContentWrap>p.pInfo a {
    color: #5D68DB;
}

.divBodyWrap.company-recruit-detail .divContentWrap>p.pInfo a:hover {
    color: #414999;
}


.divBodyWrap.company-location-map .divContentWrap {
    /* padding: 48px 0 96px 0; */
    padding-bottom: 48px;
    position: relative;
}

.divBodyWrap.company-location-map .divContentWrap .divMap {
    width: 100%;
    height: 50vh;
    max-height: 480px;
}

.divBodyWrap.company-location-map .divContentWrap .divCardWrap {
    width: 60%;
    background: #fff;
    box-shadow: 0px 3px 16px #00000017;
    padding: 24px 24px 48px 24px;
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 1;
}

.divBodyWrap.company-location-map .divContentWrap .divCardWrap .divMapInfo[index="2"] {
    display: none;
}

.divBodyWrap.company-location-map .divContentWrap .divCardWrap h2 {
    margin-top: 24px;
}

.divBodyWrap.company-location-map .divContentWrap .divCardWrap p.text-large.text-gray {
    margin-top: 12px;
    width: 70%;
    max-width: 100%;
}

.divBodyWrap.company-location-map .divContentWrap .divCardWrap .divButtonWrap {
    font-size: 0;
    position: absolute;
    right: 0;
    bottom: 0;
}

.divBodyWrap.company-location-map .divContentWrap .divCardWrap .divButtonWrap button {
    background: #fff;
    width: 64px;
    height: 64px;
    font-size: 1.875rem;
    border: 1px solid #EDEEF0;
    cursor: pointer;
}

.divBodyWrap.company-location-map .divContentWrap .divCardWrap .divButtonWrap button:last-child {
    border-left: none;
}


.divBodyWrap.company-location-contact {
    padding-bottom: 96px;
}

.divBodyWrap.company-location-contact h2 {
    border-bottom: 1px solid #333333;
    padding: 12px 0;
}

.divBodyWrap.company-location-contact .divContact {
    border-bottom: 1px solid #DCDEE2;
    padding: 24px 0;
    font-size: 0;
}

.divBodyWrap.company-location-contact .divContact .divImage {
    display: inline-block;
    width: 35%;
    height: 200px;
    position: relative;
    vertical-align: middle;
}

.divBodyWrap.company-location-contact .divContact .divDesc {
    display: inline-block;
    width: 65%;
    padding-left: 8%;
    vertical-align: middle;
}

.divBodyWrap.company-location-contact .divContact .divImage.biattic {
    background: #2F3033 url('/img/common_img_ci_wh@2x.png') no-repeat center center;
    background-size: 40% auto;
}

.divBodyWrap.company-location-contact .divContact .divImage.aniscan {
    background: #00CC99 url('/img/product/product_scan_img_bi@2x.png') no-repeat center center;
    background-size: 60% auto;
}

.divBodyWrap.company-location-contact .divContact .divImage.anicare {
    background: #4F4E8D url('/img/product/product_care_img_bi@2x.png') no-repeat center center;
    background-size: 55% auto;
}

.divBodyWrap.company-location-contact .divContact .divDesc>p.text-large {
    margin-top: 10px;
}

.divBodyWrap.company-location-contact .divContact .divDesc .divButtonWrap {
    font-size: 0;
    margin-top: 16px;
    width: 100%;
    padding-right: 10%;
}

.divBodyWrap.company-location-contact .divContact .divDesc .divButtonWrap {
    font-size: 0;
}

.divBodyWrap.company-location-contact .divContact .divDesc .divButtonWrap button {
    width: calc(50% - 16px);
    position: relative;
    padding: 10px 16px 10px 42px;
    margin-top: 8px;
    margin-right: 8px;

    background-position: 5% center;
    background-repeat: no-repeat;
    background-size: auto 60%;
}

.divBodyWrap.company-location-contact .divContact .divDesc .divButtonWrap button.email {
    background-image: url('/img/common_ic_mail@2x.png');
}

.divBodyWrap.company-location-contact .divContact .divDesc .divButtonWrap button.tel {
    background-image: url('/img/common_ic_call@2x.png');
}

.divBodyWrap.company-location-contact .divContact .divDesc .divButtonWrap button.fax {
    background-image: url('/img/common_ic_fax@2x.png');
}

.divBodyWrap.company-location-contact .divContact .divDesc .divButtonWrap button img {
    display: inline-block;
    width: 26px;
    vertical-align: middle;
    margin-right: 12px;
}

.divBodyWrap.company-location-contact .divContact .divDesc .divButtonWrap button p {
    display: inline-block;
    vertical-align: middle;
}


.divBodyWrap.company-qna {
    padding-bottom: 96px;
}

.divBodyWrap.company-qna .divContentWrap h2 {
    border-bottom: 1px solid #333;
    padding: 12px 0;
}

.divBodyWrap.company-qna .divContentWrap .divButtonWrap button.btnBlue {
    width: 360px;
    padding: 12px 0;
    margin-top: 48px;
}

.divBodyWrap.company-qna .divContentWrap .divInputWrap .divInputItem {
    border-bottom: 1px solid #DCDEE2;
    padding: 12px 0;
    font-size: 0;
}

.divBodyWrap.company-qna .divContentWrap .divInputWrap .divInputItem>p {
    display: inline-block;
    width: 20%;
    vertical-align: middle;
    margin-left: 24px;
}

.divBodyWrap.company-qna .divContentWrap .divInputWrap .divInputItem select {
    vertical-align: middle;
    height: 48px;
    box-shadow: none;
    border: 1px solid #C4C4C4;
    padding: 0 16px;
}

.divBodyWrap.company-qna .divContentWrap .divInputWrap .divInputItem select:focus {
    border: 1px solid #808080;
}

.divBodyWrap.company-qna .divContentWrap .divInputWrap .divInputItem input {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    height: 48px;
    padding: 0 16px;
    box-shadow: none;
    z-index: 0;
}

.divBodyWrap.company-qna .divContentWrap .divInputWrap .divInputItem textarea {
    vertical-align: middle;
    width: calc(80% - 24px);
    height: 160px;
    font-family: inherit;
    padding: 16px;
    resize: none;
}

.divBodyWrap.company-qna .divContentWrap .divInputWrap .divInputItem select.error,
.divBodyWrap.company-qna .divContentWrap .divInputWrap .divInputItem input.error,
.divBodyWrap.company-qna .divContentWrap .divInputWrap .divInputItem textarea.error {
    border: 1px solid #FF3121;
    background-color: #fff;
}

.divBodyWrap.company-qna .divContentWrap .divInputWrap .divInputItem input.error {
    background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='fal' data-icon='exclamation-circle' class='svg-inline--fa fa-exclamation-circle fa-w-16' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23FF3121' d='M256 40c118.621 0 216 96.075 216 216 0 119.291-96.61 216-216 216-119.244 0-216-96.562-216-216 0-119.203 96.602-216 216-216m0-32C119.043 8 8 119.083 8 256c0 136.997 111.043 248 248 248s248-111.003 248-248C504 119.083 392.957 8 256 8zm-11.49 120h22.979c6.823 0 12.274 5.682 11.99 12.5l-7 168c-.268 6.428-5.556 11.5-11.99 11.5h-8.979c-6.433 0-11.722-5.073-11.99-11.5l-7-168c-.283-6.818 5.167-12.5 11.99-12.5zM256 340c-15.464 0-28 12.536-28 28s12.536 28 28 28 28-12.536 28-28-12.536-28-28-28z'%3E%3C/path%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: 20px auto;
    background-position: right 16px center;
    padding-right: 52px;
}

.divBodyWrap.company-qna .divContentWrap .divInputWrap .divInputItem .spanError {
    display: block;
    margin-left: calc(20% + 24px);
    margin-top: 2px;
    font-size: 0.8rem;
    font-weight: 300;
    color: #FF3121;
}

.divBodyWrap.company-qna .divContentWrap .divInputWrap .divInputItem>.divSecretWord {
    vertical-align: middle;
    display: inline-block;
    width: calc(80% - 24px);
}

.divBodyWrap.company-qna .divContentWrap .divInputWrap .divInputItem>.divSecretWord .divImage {
    margin-bottom: 8px;
}

.divBodyWrap.company-qna .divContentWrap .divInputWrap .divInputItem>.divSecretWord .divImage img {
    width: 200px;
    height: 64px;
    border: 1px solid #C4C4C4;
}

.divBodyWrap.company-qna .divContentWrap .divInputWrap .divInputItem>.divSecretWord button {
    border: 1px solid #BEBEBE;
    background: #fff;
    height: 48px;
    padding: 0 24px;
    vertical-align: middle;
    margin-left: 8px;
    cursor: pointer;
}

.divBodyWrap.company-qna .divContentWrap .divInputWrap .divInputItem select#selectContactType,
.divBodyWrap.company-qna .divContentWrap .divInputWrap .divInputItem select#selectCountry {
    width: 200px;
}

.divBodyWrap.company-qna .divContentWrap .divInputWrap .divInputItem input#inputName {
    width: 200px;
}

.divBodyWrap.company-qna .divContentWrap .divInputWrap .divInputItem input#inputCompany,
.divBodyWrap.company-qna .divContentWrap .divInputWrap .divInputItem input#inputEmail {
    width: 400px;
}

.divBodyWrap.company-qna .divContentWrap .divInputWrap .divInputItem input#inputSecretWord {
    width: 280px;
}

.divBodyWrap.company-qna .divContentWrap .divInputWrap .divInputItem .divReCaptcha {
    display: inline-block;
    vertical-align: middle;
}


.divTopBannerWrap.company-about {
    width: 100%;
    position: relative;
    height: 50vh;
    background: url('/img/sample_banner.jpg') no-repeat center center;
    background-size: cover;
}

.divTopBannerWrap.company-about .divContentWrap p {
    max-width: 90%;
    margin: 32px auto 0 auto;
}


.divBodyWrap.company-about-innovation .divContentWrap>p {
    width: 800px;
    max-width: 100%;
    margin: 16px auto 0 auto;
}

.divBodyWrap.company-about-innovation .divContentWrap .divCardWrap {
    position: relative;
    margin-top: 32px;

    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    flex-wrap: wrap;
    gap: 1.6rem;
}

.divBodyWrap.company-about-innovation .divContentWrap .divCardWrap .divCardItem {
    width: calc(50% - 0.8rem);
    position: relative;
    vertical-align: top;
    background: #F5F5F6;
}

.divBodyWrap.company-about-innovation .divContentWrap .divCardWrap .divCardItem img {
    display: inline-block;
    width: 22%;
    max-width: 240px;
    position: absolute;
    left: 3%;
    bottom: 50%;
    transform: translateY(50%);

    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-drag: none;
    -webkit-touch-callout: none;
}

.divBodyWrap.company-about-innovation .divContentWrap .divCardWrap .divCardItem .divDesc {
    display: inline-block;
    width: 70%;
    padding: 24px 24px 24px 0;
    margin-left: 25%;
}

.divBodyWrap.company-about-innovation .divContentWrap .divCardWrap .divCardItem .divDesc p {
    margin-top: 12px;
}

.divBodyWrap.company-about-innovation .divContentWrap .divCardWrap .divPagerWrap {
    display: none;
    width: 100%;
    position: absolute;
    bottom: 24px;
    right: 50%;
    transform: translateX(50%);
    font-size: 0;
    text-align: center;
    color: #90939B;
}

.divBodyWrap.company-about-innovation .divContentWrap .divCardWrap .divPagerWrap .divArrow {
    display: inline-block;
    width: 48px;
    font-size: 1.25rem;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;

    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-drag: none;
    -webkit-touch-callout: none;
}

.divBodyWrap.company-about-innovation .divContentWrap .divCardWrap .divPagerWrap p {
    width: 32px;
    display: inline-block;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    font-size: 1.125rem;
    vertical-align: middle;
    margin: 0;
    text-align: center;
}

.divBodyWrap.company-about-innovation .divContentWrap .divCardWrap .divPagerWrap img {
    display: inline-block;
    height: 14px;
    vertical-align: middle;
    padding: 0 16px;
}

/* .divBodyWrap.company-about-innovation .divContentWrap .divCardWrap .divPagerWrap div {
    display: inline-block;
    margin: 0 4px;
    border-radius: 50%;
    width: 12px;
    height: 12px;
    border: 2px solid #666;
    background: #666;
    cursor: pointer;
}
.divBodyWrap.company-about-innovation .divContentWrap .divCardWrap .divPagerWrap div.active {
    background: transparent;
} */



.divBodyWrap.company-about-mission {
    background: url('/img/company/company_about_img_title02.png') no-repeat 100% 100%;
    background-size: cover;
    padding-bottom: 96px;
}

.divBodyWrap.company-about-mission .divContentWrap .divCardWrap {
    margin-top: 32px;
    font-size: 0;
}

.divBodyWrap.company-about-mission .divContentWrap .divCardWrap .divCardItem {
    display: inline-block;
    width: calc(100% / 3 - 24px);
    vertical-align: top;
    margin: 0 12px;
    background: #fff;
    text-align: center;
    padding: 48px 24px 84px 24px;
    box-shadow: 0px 0px 20px #5656564D;
}

.divBodyWrap.company-about-mission .divContentWrap .divCardWrap .divCardItem:nth-child(odd) {
    margin-top: 52px;
}

.divBodyWrap.company-about-mission .divContentWrap .divCardWrap .divCardItem img {
    width: 60%;
}

.divBodyWrap.company-about-mission .divContentWrap .divCardWrap .divCardItem .divText h2 {
    font-size: 1.75rem;
    margin-top: 24px;
}

.divBodyWrap.company-about-mission .divContentWrap .divCardWrap .divCardItem .divText p {
    margin-top: 12px;
    padding: 0 28%;
}



.divBodyWrap.company-about-team-desc {
    background: #292741;
}

.divBodyWrap.company-about-team-desc .divContentWrap>p {
    width: 800px;
    max-width: 100%;
    margin: 24px auto 0 auto;
}

.divBodyWrap.company-about-team-desc .divContentWrap .divTextWrap {
    font-size: 0;
    margin-top: 32px;
    padding: 0 4%;
}

.divBodyWrap.company-about-team-desc .divContentWrap .divTextWrap p {
    display: inline-block;
    width: 46%;
    vertical-align: top;
    margin: 0 2%;
}

.divBodyWrap.company-about-team-desc .divContentWrap .divSign {
    font-size: 0;
    /* margin-top: 32px; */
}

.divBodyWrap.company-about-team-desc .divContentWrap .divSign p {
    display: inline-block;
    vertical-align: middle;
}

.divBodyWrap.company-about-team-desc .divContentWrap .divSign h2 {
    display: inline-block;
    vertical-align: middle;
    margin: 0 8px;
}

.divBodyWrap.company-about-team-desc .divContentWrap .divSign img {
    display: inline-block;
    width: 140px;
    vertical-align: middle;
    margin-left: -30px;
}


.divBodyWrap.company-about-partners .divContentWrap>h1 {
    padding-bottom: 16px;
}

.divBodyWrap.company-about-partners .divContentWrap .divCardWrap {
    font-size: 0;
}

.divBodyWrap.company-about-partners .divContentWrap .divCardWrap .divCardItem {
    display: inline-block;
    border: 1px solid #C4C4C4;
    width: calc((100% - 40px) / 3);
    margin: 10px;
    padding: 16px;
}

.divBodyWrap.company-about-partners .divContentWrap .divCardWrap .divCardItem:nth-child(3n-2) {
    margin-left: 0;
}

.divBodyWrap.company-about-partners .divContentWrap .divCardWrap .divCardItem:nth-child(3n) {
    margin-right: 0;
}

.divBodyWrap.company-about-partners .divContentWrap .divCardWrap .divCardItem img {
    width: 100%;
}




/* Company - History */
.divContainer {
    overflow-x: hidden;
}

.img1 {
    position: absolute;
    width: 280px;
    left: 180px;
    top: 100px;
}

.img2 {
    position: absolute;
    width: 420px;
    right: 30px;
    top: 140px;
}

.img3 {
    position: absolute;
    width: 260px;
    left: 140px;
    top: 120px;
}

.img4 {
    position: absolute;
    width: 240px;
    right: 160px;
    top: 120px;
}

.img5 {
    position: absolute;
    width: 520px;
    left: 200px;
    top: 30px;
}

.img6 {
    position: absolute;
    width: 260px;
    right: 230px;
    top: 140px;
}

.img7 {
    position: absolute;
    width: 280px;
    left: 130px;
    top: 340px;
}

.img8 {
    position: absolute;
    width: 260px;
    right: 80px;
    top: 140px;
}

.img9 {
    position: absolute;
    width: 260px;
    left: 180px;
    top: 100px;
}

.divBodyWrap.company-history.y2019 {
    margin-bottom: 320px;
}

.divBodyWrap.company-history.y2018 {
    margin-bottom: 200px;
}

.divBodyWrap.company-history.y2017 {
    margin-bottom: 140px;
}

.divBodyWrap.company-history .divContentWrap {
    width: 100%;
}

.divBodyWrap.company-history .divContentWrap h1.year {
    font-size: 4.5rem;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    padding-bottom: 40px;
}

/* divHistory */
.divBodyWrap.company-history .divContentWrap .divHistory {
    font-size: 0;
}

.divBodyWrap.company-history .divContentWrap .divHistory.left {
    text-align: left;
}

.divBodyWrap.company-history .divContentWrap .divHistory.right {
    text-align: right;
}

/* divBlock */
.divBodyWrap.company-history .divContentWrap .divHistory .divBlock {
    display: inline-block;
    width: 50%;
    height: 100%;
    position: relative;
}

.divBodyWrap.company-history .divContentWrap .divHistory.left .divBlock {
    text-align: right;
}

.divBodyWrap.company-history .divContentWrap .divHistory.right .divBlock {
    text-align: left;
}

/* divLine */
.divBodyWrap.company-history .divContentWrap .divHistory .divBlock .divLine {
    position: absolute;
    height: 100%;
    width: 4px;
    background: #DCDEE2;
    z-index: 0;
}

.divBodyWrap.company-history .divContentWrap .divHistory.left .divBlock .divLine {
    right: -2px;
}

.divBodyWrap.company-history .divContentWrap .divHistory.right .divBlock .divLine {
    left: -2px;
}

/* divDesc */
.divBodyWrap.company-history .divContentWrap .divHistory .divBlock .divDesc {
    width: calc(100% - 16px);
    position: absolute;
    bottom: 50%;
    transform: translateY(50%);
    z-index: 1;
}

.divBodyWrap.company-history .divContentWrap .divHistory.left .divBlock .divDesc {
    right: 16px;
    direction: rtl;
}

.divBodyWrap.company-history .divContentWrap .divHistory.right .divBlock .divDesc {
    left: 16px;
}

/* divDesc desc */
.divBodyWrap.company-history .divContentWrap .divHistory .divBlock .divDesc .desc {
    width: calc(100% - 100px);
    display: inline-block;
    vertical-align: middle;
    position: relative;
    direction: ltr;
}

.divBodyWrap.company-history .divContentWrap .divHistory .divBlock .divDesc .desc .additional {
    position: absolute;
    z-index: 1;
}

.divBodyWrap.company-history .divContentWrap .divHistory .divBlock .divDesc .desc .additional p {
    margin-top: 10px;
}

.divBodyWrap.company-history .divContentWrap .divHistory .divBlock .divDesc .desc .image {
    position: absolute;
}

.divBodyWrap.company-history .divContentWrap .divHistory .divBlock .divDesc .desc .image img {
    width: 100%;
}

/* divDesc ball */
.divBodyWrap.company-history .divContentWrap .divHistory .divBlock .divDesc .ball {
    position: absolute;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    bottom: 50%;
    transform: translateY(50%);
}

.divBodyWrap.company-history .divContentWrap .divHistory.left .divBlock .divDesc .ball {
    right: -22px;
    background: #333333;
}

.divBodyWrap.company-history .divContentWrap .divHistory.right .divBlock .divDesc .ball {
    left: -22px;
    background: #6387A6;
}

/* divDesc month*/
.divBodyWrap.company-history .divContentWrap .divHistory .divBlock .divDesc .month {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    width: 100px;
    text-align: center;
}

.divBodyWrap.company-history .divContentWrap .divHistory .divBlock .divDesc .month h1 {
    font-size: 3rem;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
}

.divBodyWrap.company-history .divContentWrap .divHistory.left .divBlock .divDesc .month h1 {
    color: #333333;
}

.divBodyWrap.company-history .divContentWrap .divHistory.right .divBlock .divDesc .month h1 {
    color: #395273;
}

.divBodyWrap.company-history .divContentWrap .divHistory .divBlock .divDesc .month p {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.divBodyWrap.company-history .divContentWrap .divHistory.left .divBlock .divDesc .month p {
    color: #333333;
}

.divBodyWrap.company-history .divContentWrap .divHistory.right .divBlock .divDesc .month p {
    color: #395273;
}



/* divHistory 세부 컨트롤 */
.divBodyWrap.company-history .divContentWrap .divHistory {
    height: 100px;
}

.divBodyWrap.company-history .divContentWrap .divHistory.year-2023-month-04 {
    margin-bottom: 200px;
}

.divBodyWrap.company-history .divContentWrap .divHistory.year-2022-month-03 {
    margin-bottom: 200px;
}

.divBodyWrap.company-history .divContentWrap .divHistory.year-2021-month-05 {
    margin-bottom: 200px;
}

.divBodyWrap.company-history .divContentWrap .divHistory.year-2020-month-12 {
    height: 300px;
}

.divBodyWrap.company-history .divContentWrap .divHistory.year-2020-month-12 .divBlock .divDesc {
    bottom: 250px;
}

.divBodyWrap.company-history .divContentWrap .divHistory.year-2020-month-12 .divBlock .divLine {
    bottom: 0;
    height: calc(100% - 92px / 2);
}

.divBodyWrap.company-history .divContentWrap .divHistory.year-2020-month-08 {
    height: 400px;
}

.divBodyWrap.company-history .divContentWrap .divHistory.year-2020-month-08 .divBlock .divDesc {
    bottom: 320px;
}

.divBodyWrap.company-history .divContentWrap .divHistory.year-2019-month-02 {
    height: 200px;
}

.divBodyWrap.company-history .divContentWrap .divHistory.year-2019-month-02 .divBlock .divDesc {
    bottom: 150px;
}

.divBodyWrap.company-history .divContentWrap .divHistory.year-2018-month-08 {
    height: 300px;
}

.divBodyWrap.company-history .divContentWrap .divHistory.year-2018-month-08 .divBlock .divDesc {
    bottom: 250px;
}

.divBodyWrap.company-history .divContentWrap .divHistory.year-2018-month-05 {
    height: 300px;
}

.divBodyWrap.company-history .divContentWrap .divHistory.year-2018-month-05 .divBlock .divDesc {
    bottom: 250px;
}

.divBodyWrap.company-history .divContentWrap .divHistory.year-2016-month-05 {
    height: 450px;
}

.divBodyWrap.company-history .divContentWrap .divHistory.first .divBlock .divLine {
    bottom: 0;
    height: 50%;
}

.divBodyWrap.company-history .divContentWrap .divHistory.last .divBlock .divLine {
    height: 50%;
}


/* etc */
.divBodyWrap.company-history .divContentWrap .divHistory .divBlock>h1 {
    font-size: 4.5rem;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    position: absolute;
}

.divBodyWrap.company-history .divContentWrap .divHistory.left .divBlock>h1 {
    top: -100px;
    right: 42px;
}

.divBodyWrap.company-history .divContentWrap .divHistory.right .divBlock>h1 {
    top: 75px;
    left: 42px;
}

.divBodyWrap.company-history .divContentWrap>h1.mobile {
    display: none;
    font-size: 4.5rem;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    padding-bottom: 20px;
    padding-top: 64px;
}


.divBodyWrap.company-recruit-announce-faq .divContentWrap>p {
    margin-top: 16px;
}

.divBodyWrap.company-recruit-announce-faq .divContentWrap>p a {
    color: #5D68DB;
}

.divBodyWrap.company-recruit-announce-faq .divContentWrap>p a:hover {
    color: #414999;
}


@media (max-width: 1024px) {

    .divBodyWrap.company-location-map .divContentWrap {
        /* padding: 48px 0 96px 0; */
        padding-bottom: 96px;
        position: relative;
    }

    .divBodyWrap.company-location-map .divContentWrap .divMap {
        height: 35vh;
        box-shadow: 0px 3px 16px #00000017;
        /* box-shadow: 0 3px 6px rgba(0,0,0,0.1), 0 3px 6px rgba(0,0,0,0.2); */
    }

    .divBodyWrap.company-location-map .divContentWrap .divCardWrap {
        width: 100%;
        position: relative;
        right: auto;
        bottom: auto;
    }

    .divBodyWrap.company-location-contact .divContact {
        height: auto;
    }

    .divBodyWrap.company-location-contact .divContact .divImage {
        height: 190px;
    }

    .divBodyWrap.company-location-contact .divContact .divDesc .divButtonWrap button {
        display: block;
        width: 240px;
    }



    .divBodyWrap.company-recruit-announce .divContentWrap .divRecruitItem {
        width: calc((100% - 8%) / 2);
        height: 280px;
    }

    .divBodyWrap.company-recruit-announce .divContentWrap .divRecruitItem:nth-child(1),
    .divBodyWrap.company-recruit-announce .divContentWrap .divRecruitItem:nth-child(2) {
        border-top: 1px solid #90939B;
    }

    .divBodyWrap.company-recruit-announce .divContentWrap .divRecruitItem:nth-child(3) {
        border-top: 0;
    }

    .divBodyWrap.company-recruit-announce .divContentWrap .divRecruitItem:nth-child(3n-2) {
        margin-left: 2%;
    }

    .divBodyWrap.company-recruit-announce .divContentWrap .divRecruitItem:nth-child(3n) {
        margin-right: 2%;
    }

    .divBodyWrap.company-recruit-announce .divContentWrap .divRecruitItem:nth-child(2n-1) {
        margin-left: 0;
    }

    .divBodyWrap.company-recruit-announce .divContentWrap .divRecruitItem:nth-child(2n) {
        margin-right: 0;
    }


    .divBodyWrap.company-recruit-detail .divContentWrap .divControlWrap .divList img {
        width: 12px;
    }

    .divBodyWrap.company-recruit-detail .divContentWrap .divDescWrap>div {
        margin-top: 20px;
    }

    .divBodyWrap.company-recruit-detail .divContentWrap .divDescWrap>div>p.text-large.text-weight-700 {
        margin-bottom: 16px;
    }

    .divBodyWrap.company-recruit-detail .divContentWrap .divButtonWrap button.btnBlue {
        width: 100%;
    }

    .divBodyWrap.company-location-map .divContentWrap {
        padding: 0 4%;
    }


    .divBodyWrap.banner.company.bottom.about .divBackgroundImage {
        /* position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-image: url('/img/company/common_img_banner_contact@2x.png');
        background-repeat: no-repeat; */
        /* background-position: 90% 100%;
        background-size: 200px auto; */
        display: none;
    }

    .divBodyWrap.company-about-mission .divContentWrap .divCardWrap .divCardItem .divText p {
        padding: 0 24%;
    }


    .divBodyWrap.company-about-innovation .divContentWrap .divCardWrap .divCardItem {
        height: 200px;
    }

}


@media (max-width: 800px) {
    .divBodyWrap.company-about-innovation .divContentWrap .divCardWrap .divCardItem {
        height: auto;
    }

    .divBodyWrap.company-about-innovation .divContentWrap .divCardWrap {
        display: block;
    }

    .divBodyWrap.company-about-innovation .divContentWrap .divCardWrap .divCardItem {
        display: none;
        width: auto;
        font-size: 0;
        position: relative;
        padding: 0 12px 72px 12px;
        margin: 0;
        vertical-align: top;
        background: #F5F5F6;
    }

    .divBodyWrap.company-about-innovation .divContentWrap .divCardWrap .divCardItem:first-child {
        display: block;
    }

    .divBodyWrap.company-about-innovation .divContentWrap .divCardWrap .divCardItem img {
        display: block;
        width: 60%;
        position: relative;
        left: auto;
        bottom: auto;
        transform: none;
        margin: 0 auto;
    }

    .divBodyWrap.company-about-innovation .divContentWrap .divCardWrap .divCardItem .divDesc {
        display: block;
        width: 100%;
        padding: 0 12px;
        margin: 0;
        text-align: center;
    }

    .divBodyWrap.company-about-innovation .divContentWrap .divCardWrap .divPagerWrap {
        display: block;
    }



    .divBodyWrap.company-history .divContentWrap h1.year {
        padding-bottom: 20px;
    }

    .divBodyWrap.company-history .divContentWrap .divHistory .divBlock {
        width: 100%;
    }

    .divBodyWrap.company-history .divContentWrap .divHistory.left .divBlock {
        text-align: left;
    }

    .divBodyWrap.company-history .divContentWrap .divHistory.left .divBlock .divLine {
        left: -2px;
    }

    .divBodyWrap.company-history .divContentWrap .divHistory.left .divBlock .divDesc {
        left: 16px;
    }

    .divBodyWrap.company-history .divContentWrap .divHistory.left .divBlock .divDesc .ball {
        left: -22px;
        background: #333333;
    }

    .divBodyWrap.company-history .divContentWrap .divHistory.left .divBlock .divDesc {
        direction: inherit;
    }

    /* .divBodyWrap.company-history .divContentWrap .divHistory.left .divBlock .divDesc .desc { order: 2; } */
    .divBodyWrap.company-history .divContentWrap .divHistory.left .divBlock .divDesc .desc p {
        position: absolute;
        bottom: 50%;
        transform: translateY(50%);
    }

    .divBodyWrap.company-history .divContentWrap .divHistory.left .divBlock .divDesc .month {
        order: 1;
    }

    .divBodyWrap.company-history .divContentWrap .divHistory .divBlock .divDesc .month p {
        display: none;
    }

    .divBodyWrap.company-history .divContentWrap .divHistory {
        padding: 0 4%;
    }

    .img1,
    .img2,
    .img3,
    .img4,
    .img5,
    .img6,
    .img7,
    .img8,
    .img9 {
        display: none;
    }

    .divBodyWrap.company-history.y2020 {
        margin-bottom: 0;
    }

    .divBodyWrap.company-history.y2019 {
        margin-bottom: 0;
    }

    .divBodyWrap.company-history.y2018 {
        margin-bottom: 0;
    }

    .divBodyWrap.company-history.y2017 {
        margin-bottom: 0;
    }

    .divBodyWrap.company-history {
        padding-bottom: 0;
    }

    .divBodyWrap.company-history.y2017 {
        padding-top: 0;
        padding-bottom: 64px;
    }

    .divBodyWrap.company-history .divContentWrap .divHistory.year-2023-month-04 {
        margin-bottom: auto;
    }

    .divBodyWrap.company-history .divContentWrap .divHistory.year-2022-month-03 {
        margin-bottom: auto;
    }

    .divBodyWrap.company-history .divContentWrap .divHistory.year-2021-month-05 {
        margin-bottom: auto;
    }

    .divBodyWrap.company-history .divContentWrap .divHistory.year-2020-month-12,
    .divBodyWrap.company-history .divContentWrap .divHistory.year-2020-month-08,
    .divBodyWrap.company-history .divContentWrap .divHistory.year-2019-month-02,
    .divBodyWrap.company-history .divContentWrap .divHistory.year-2018-month-08,
    .divBodyWrap.company-history .divContentWrap .divHistory.year-2018-month-05,
    .divBodyWrap.company-history .divContentWrap .divHistory.year-2016-month-05 {
        height: 100px;
    }

    .divBodyWrap.company-history .divContentWrap .divHistory.year-2020-month-12 .divBlock .divDesc,
    .divBodyWrap.company-history .divContentWrap .divHistory.year-2020-month-08 .divBlock .divDesc,
    .divBodyWrap.company-history .divContentWrap .divHistory.year-2019-month-02 .divBlock .divDesc,
    .divBodyWrap.company-history .divContentWrap .divHistory.year-2018-month-08 .divBlock .divDesc,
    .divBodyWrap.company-history .divContentWrap .divHistory.year-2018-month-05 .divBlock .divDesc {
        bottom: 50%;
        transform: translateY(50%);
    }

    /* .divBodyWrap.company-history .divContentWrap .divHistory.year-2020-month-12 .divBlock .divLine { bottom: 0; height: 50%; } */


    .divBodyWrap.company-history .divContentWrap>h1.mobile {
        display: block;
    }

    .divBodyWrap.company-history .divContentWrap .divHistory .divBlock h1.pc {
        display: none;
    }


    .divBodyWrap.company-history .divContentWrap .divHistory.mobile-first .divBlock .divLine {
        bottom: 0;
        height: 50%;
    }

    .divBodyWrap.company-history .divContentWrap .divHistory.mobile-last .divBlock .divLine {
        height: 50%;
    }

    .divBodyWrap.company-history .divContentWrap .divHistory.mobile-noline .divBlock .divLine {
        height: 0;
    }

    .divBodyWrap.company-history .divContentWrap .divHistory .divBlock .divDesc .desc .additional p {
        margin-top: 0;
    }

    .divBodyWrap.company-about-mission .divContentWrap .divCardWrap .divCardItem .divText p {
        padding: 0;
    }
}


@media (max-width: 640px) {
    .divBodyWrap.company-about-innovation .divContentWrap>p {
        text-align: left;
    }

    .divBodyWrap.company-about-innovation .divContentWrap .divSliderWrap {
        display: block;
    }

    .divBodyWrap.company-about-mission {
        padding-bottom: 64px;
    }

    .divBodyWrap.company-about-mission .divContentWrap .divCardWrap .divCardItem {
        display: block;
        width: auto;
        margin: 12px;
        text-align: left;
        padding: 18px 24px;
    }

    .divBodyWrap.company-about-mission .divContentWrap .divCardWrap .divCardItem:nth-child(odd) {
        margin: 12px;
    }

    .divBodyWrap.company-about-mission .divContentWrap .divCardWrap .divCardItem img {
        width: 30%;
        vertical-align: middle;
        margin-right: 24px;
    }

    .divBodyWrap.company-about-mission .divContentWrap .divCardWrap .divCardItem .divText {
        vertical-align: middle;
        display: inline-block;
    }

    .divBodyWrap.company-about-mission .divContentWrap .divCardWrap .divCardItem .divText h2 {
        font-size: 1.75rem;
        margin-top: 0;
    }

    .divBodyWrap.company-about-mission .divContentWrap .divCardWrap .divCardItem .divText p {
        padding: 0;
    }




    .divBodyWrap.company-about-team-desc .divContentWrap .divTextWrap p {
        display: block;
        width: 100%;
        vertical-align: top;
        margin: 0 2%;
    }

    .divBodyWrap.company-about-partners .divContentWrap .divCardWrap .divCardItem {
        width: calc(100% / 2 - 12px);
        margin: 6px;
        padding: 16px;
    }

    .divBodyWrap.company-about-partners .divContentWrap .divCardWrap .divCardItem:nth-child(3n-2) {
        margin-left: 6px;
    }

    .divBodyWrap.company-about-partners .divContentWrap .divCardWrap .divCardItem:nth-child(3n) {
        margin-right: 6px;
    }


    .divBodyWrap.company-recruit-intro .divContentWrap h2 {
        display: block;
        width: 100%;
        padding-right: 0;
    }

    .divBodyWrap.company-recruit-intro .divContentWrap .divRecruitWrap {
        display: block;
        width: 100%;
    }

    .divBodyWrap.company-recruit-intro .divContentWrap .divRecruitWrap>p.text-x-large {
        display: none;
    }

    .divBodyWrap.company-recruit-intro .divContentWrap .divRecruitWrap>div .divRecruitItem p.text-large.text-weight-700 {
        display: block;
        width: 100%;
        padding-right: 0;
    }

    .divBodyWrap.company-recruit-intro .divContentWrap .divRecruitWrap>div .divRecruitItem p.text-large.text-gray {
        display: block;
        width: 100%;
        padding-right: 0;
        margin-top: 8px;
    }

    .divBodyWrap.company-recruit-intro .divContentWrap .divRecruitWrap>div .divRecruitItem .divProcessing {
        display: none;
        position: inherit;
        right: inherit;
        top: inherit;
        margin-top: 8px;
    }

    .divBodyWrap.company-recruit-intro .divContentWrap .divRecruitWrap>button {
        width: 100%;
        text-align: center;
    }


    .divBodyWrap.company-recruit-announce {
        padding-bottom: 0;
    }

    .divBodyWrap.company-recruit-announce .divContentWrap .divSearchWrap {
        text-align: left;
    }

    .divBodyWrap.company-recruit-announce .divContentWrap .divSearchWrap select {
        position: inherit;
        left: inherit;
    }

    .divBodyWrap.company-recruit-announce .divContentWrap .divSearchWrap input {
        width: 100%;
        margin-top: 16px;
    }

    .divBodyWrap.company-recruit-announce .divContentWrap .divRecruitItem {
        width: 100%;
        display: block;
        height: auto;
    }

    .divBodyWrap.company-recruit-announce .divContentWrap .divRecruitItem>div {
        display: block;
        position: relative;
        bottom: auto;
        padding: 36px 0 12px 0;
    }

    .divBodyWrap.company-recruit-announce .divContentWrap .divRecruitItem:nth-child(1) {
        border-top: 1px solid #90939B;
    }

    .divBodyWrap.company-recruit-announce .divContentWrap .divRecruitItem:nth-child(2) {
        border-top: 0;
    }

    .divBodyWrap.company-recruit-announce .divContentWrap .divRecruitItem:nth-child(3) {
        border-top: 0;
    }

    .divBodyWrap.company-recruit-announce .divContentWrap .divRecruitItem:nth-child(n) {
        margin-left: 0;
        margin-right: 0;
    }


    .divBodyWrap.company-location-map .divContentWrap .divCardWrap .divButtonWrap button {
        width: 48px;
        height: 48px;
        font-size: 1.5rem;
    }


    .divBodyWrap.company-location-contact .divContact {
        height: auto;
    }

    .divBodyWrap.company-location-contact .divContact:last-child {
        border-bottom: none;
    }

    .divBodyWrap.company-location-contact .divContact .divImage {
        display: none;
    }

    .divBodyWrap.company-location-contact .divContact .divDesc {
        width: 100%;
        height: auto;
        padding-left: 0;
    }

    .divBodyWrap.company-location-contact .divContact .divDesc .divButtonWrap {
        padding: 0;
    }

    .divBodyWrap.company-location-contact .divContact .divDesc .divButtonWrap button {
        display: block;
        width: 100%;
        margin-top: 8px;
        margin-right: 0;
        padding-left: 64px;
    }


    .divBodyWrap.company-qna .divContentWrap .divInputWrap .divInputItem {
        padding: 12px;
    }

    .divBodyWrap.company-qna .divContentWrap .divInputWrap .divInputItem>p {
        width: 100%;
        margin-left: 0;
    }

    .divBodyWrap.company-qna .divContentWrap .divInputWrap .divInputItem>.divSecretWord {
        width: 100%;
    }

    .divBodyWrap.company-qna .divContentWrap .divInputWrap .divInputItem select,
    .divBodyWrap.company-qna .divContentWrap .divInputWrap .divInputItem input,
    .divBodyWrap.company-qna .divContentWrap .divInputWrap .divInputItem textarea {
        margin-top: 8px;
    }

    .divBodyWrap.company-qna .divContentWrap .divInputWrap .divInputItem select#selectContactType,
    .divBodyWrap.company-qna .divContentWrap .divInputWrap .divInputItem select#selectCountry {
        width: 100%;
    }

    .divBodyWrap.company-qna .divContentWrap .divInputWrap .divInputItem input#inputName {
        width: 100%;
    }

    .divBodyWrap.company-qna .divContentWrap .divInputWrap .divInputItem input#inputCompany,
    .divBodyWrap.company-qna .divContentWrap .divInputWrap .divInputItem input#inputEmail {
        width: 100%;
    }

    .divBodyWrap.company-qna .divContentWrap .divInputWrap .divInputItem input#inputSecretWord {
        width: 100%;
    }

    .divBodyWrap.company-qna .divContentWrap .divInputWrap .divInputItem textarea {
        width: 100%;
    }

    .divBodyWrap.company-qna .divContentWrap .divInputWrap .divInputItem>.divSecretWord .divImage {
        margin: 8px 0 0 0;
    }

    .divBodyWrap.company-qna .divContentWrap .divInputWrap .divInputItem>.divSecretWord .divImage img {
        width: 100%;
        height: auto;
    }

    .divBodyWrap.company-qna .divContentWrap .divInputWrap .divInputItem>.divSecretWord button {
        width: calc(50% - 4px);
        padding: 0;
        margin: 8px 0 0 0;
    }

    .divBodyWrap.company-qna .divContentWrap .divInputWrap .divInputItem>.divSecretWord button:last-child {
        margin-left: 8px;
    }

    .divBodyWrap.company-qna .divContentWrap .divButtonWrap button.btnBlue {
        width: 100%;
        margin-top: 24px;
    }

    .divBodyWrap.company-qna .divContentWrap .divInputWrap .divInputItem .divReCaptcha {
        margin-top: 8px;
    }

    .divBodyWrap.company-qna .divContentWrap .divInputWrap .divInputItem .spanError {
        margin-left: auto;
    }

    .divBodyWrap.company-recruit-intro .divContentWrap .divRecruitWrap>button.btnBlue {
        width: 100%;
    }

    .divBodyWrap.company-about-team-desc .divContentWrap .divTextWrap {
        padding: 0;
    }

    .divBodyWrap.company-about-team-desc .divContentWrap .divTextWrap p {
        margin: 0;
    }

    .divBodyWrap.banner.company .divContentWrap h1 {
        font-size: 2rem;
    }

    .divBodyWrap.banner.company.history .divBackgroundImage,
    .divBodyWrap.banner.company.recruit .divBackgroundImage,
    .divBodyWrap.banner.company.contact .divBackgroundImage {
        background-image: none;
    }

}