/* 로그인 */
#login-page{}
#login-page .title-sub{}
#login-page .login-header{display: flex;align-items: center;justify-content: space-between;padding: 17rem 0;}
#login-page .login-title{margin: 120rem 0 30rem;text-align: center;}
#login-page .login-title h3{font-size: 24rem;font-weight: 600;margin-bottom: 10rem;}
#login-page .form-login{}
#login-page .form-login input[type="text"],
#login-page .form-login input[type="password"]{display: block;width: 100%;height: 50rem;font-size: 14rem;background: whitesmoke;border: 1rem solid transparent;transition: border 0.4s;border-radius: 4rem;margin-bottom: 10rem;}
#login-page .form-login input[type="text"]:focus,
#login-page .form-login input[type="password"]:focus { border: 1rem solid #555; } 

#login-page .form-block__checkbox{display: flex;align-items: center;justify-content: end;}
#login-page .form-block__checkbox .security{margin: 15rem 0; font-size: 11rem; color: #aaa;}
#login-page .form-block__checkbox .security::before { content: ''; width: 13rem; height: 13rem; display: inline-block; background: url("../images/icon/lock.svg") no-repeat center center / 100% auto; vertical-align: middle; margin-top: -2rem; opacity: 0.4; } 

#login-page .form-block__login{}
#login-page .form-block__login button{background: #222;}

#login-page .login__util { margin: 25rem 0; } 
#login-page .login__util > ul { display: flex; align-items: center; justify-content: center; font-size: 14rem; } 
#login-page .login__util > ul > li { color: #555; } 
#login-page .login__util > ul > li::after { content: ''; width: 1rem; height: 8rem; background: #ccc; display: inline-block; margin: 0 8rem; } 
#login-page .login__util > ul > li:last-child { font-weight: 600; color: #000; } 
#login-page .login__util > ul > li:last-child::after { display: none; } 

/* common */
.resize-img{position: relative;font-size: 0;}
.resize-img .pc{display: block;}
.resize-img .mo{display: none;}

@media all and (max-width:660px) {
    .resize-img .pc{display: none;}
    .resize-img .mo{display: block;}
}

br.pc{display: block;}
br.mo{display: none;}

@media all and (max-width:660px) {
    br.pc{display: none;}
    br.mo{display: block;}
}

.text-pointer{background: var(--color-primary);color: #fff;min-width: 120rem;text-align: center;;padding: 5rem 20rem;border-radius: 10rem;display: inline-block;font-size: 24rem;font-weight: 600;}

@media all and (max-width:660px) {
    .text-pointer{min-width: 104rem;font-size: 20rem;}
}

.article-title{text-align: center;margin: 100rem 0 50rem;font-size: 30rem;font-weight: 700;line-height: 1.4;}
.article-title > p{background: linear-gradient(270.43deg, #2E3192 0.15%, #5856D6 49.99%, #00AEEF 99.82%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;text-fill-color: transparent;display: inline-block;margin-inline: auto;}
.article-title > span{color: var(--color-primary);}
.article-tab{display: flex;align-items: center;justify-content: center;gap: 25rem;margin-bottom: 50rem;}
.article-tab > li{}
.article-tab > li > a{display: flex;align-items: center;justify-content: center;min-width: 168rem;padding: 0 15rem;height: 44rem;border-radius: 25rem;color: var(--color-neutral-4);border: 1px solid var(--color-neutral-2);background: var(--color-neutral-1);font-size: 17rem;line-height: 1.2;transition: all 0.3s;}
.article-tab > li:hover > a,
.article-tab > li.current > a{background: var(--color-sub-3);border-color: var(--color-sub-3);color: #fff;}

@media all and (max-width:1023px) {
    .article-tab > li:hover > a{background: var(--color-neutral-1);border-color: var(--color-neutral-2);color: var(--color-neutral-4);}
    .article-tab > li > a{font-size: 15rem;width: 150rem;height: 40rem;}
}

@media all and (max-width:880px) {
    .article-title{font-size: 24rem;}
    .article-title{margin: 50rem 0 35rem;}
}
@media all and (max-width:660px) {
    .article-title{font-size: 22rem;/* text-align: left; */}
}

.guide-wrap{margin-bottom: 50rem;}
.guide-wrap:last-child{margin-bottom: 0;}
.guide-wrap .guide-title{font-size: 28rem;font-weight: 600;margin-bottom: 16rem;position: relative;padding-left: 26rem;}
.guide-wrap .guide-title::before{content: '';width: 20rem;height: 20rem;box-shadow: inset 0 0 0 4rem var(--color-sub-1);border-radius: 50%;position: absolute;top: 50%;left: 0;transform: translateY(-50%);}

@media all and (max-width:660px) {
    .guide-wrap .guide-title{font-size: 26rem;}
    .guide-wrap .guide-title::before{width: 18rem;height: 18rem;}
}

.guide-wrap .guide-table{width: 100%;border-collapse: collapse;border: 1rem solid var(--color-neutral-2);}
.guide-wrap .guide-table th,
.guide-wrap .guide-table td{border: 1rem solid var(--color-neutral-2);padding: 16rem;font-size: 18rem;font-weight: 400;color: var(--color-neutral-5);line-height: 1.6;}
.guide-wrap .guide-table.table-top-header th{background: var(--color-primary);color: #fff;}
.guide-wrap .guide-table.table-left-header td.title{background: var(--color-bg-2);font-weight: 500;}

@media all and (max-width:660px) {
    .guide-wrap .guide-table th, 
    .guide-wrap .guide-table td{font-size: 16rem;}
}

.guide-wrap .guide-table-2{width: 100%;border-collapse: collapse;border: 1rem solid var(--color-neutral-2);border-top: 2rem solid var(--color-primary);}
.guide-wrap .guide-table-2 th,
.guide-wrap .guide-table-2 td{border: 1rem solid var(--color-neutral-2);padding: 16rem;font-size: 18rem;font-weight: 400;color: var(--color-neutral-5);}
.guide-wrap .guide-table-2.table-top-header th{background: var(--color-bg-2);color: var(--color-primary);}
.guide-wrap .guide-table-2.table-left-header td.title{background: var(--color-bg-2);font-weight: 500;}

@media all and (max-width:660px) {
    .guide-wrap .guide-table-2 th,
    .guide-wrap .guide-table-2 td{font-size: 16rem;}
}

.guide-wrap .guide-table.pc{display: table;}
.guide-wrap .guide-table.mo{display: none;}

@media all and (max-width:660px) {
    .guide-wrap .guide-table.pc{display: none;}
    .guide-wrap .guide-table.mo{display: table;}
}

.guide-wrap .guide-text{color: var(--color-neutral-5);font-size: 18rem;line-height: 1.6;}

.guide-wrap .guide-list{}
.guide-wrap .guide-list > li{color: var(--color-neutral-5);line-height: 1.6;font-size: 18rem;margin-bottom: 5rem;position: relative;padding-left: 15rem;}
.guide-wrap .guide-list > li::before{content: '';width: 5rem;height: 5rem;border-radius: 50%;background: var(--color-neutral-3);position: absolute;top: 10rem;left: 0;}

.guide-wrap .guide-list-2{}
.guide-wrap .guide-list-2 > li{color: var(--color-neutral-5);line-height: 1.6;font-size: 18rem;margin-bottom: 20rem;}
.guide-wrap .guide-list-2 > li:last-child{margin-bottom: 0;}
.guide-wrap .guide-list-2 > li > p{font-size: 20rem;font-weight: 600;color: var(--color-sub-1);margin-bottom: 8rem;}

.guide-wrap .guide-img-list{}
.guide-wrap .guide-img-list > li{margin-bottom: 50rem;position: relative;padding-left: 130rem;display: flex;align-items: center;min-height: 110rem;}
.guide-wrap .guide-img-list > li:last-child{margin-bottom: 0;}
.guide-wrap .guide-img-list > li .img-box{font-size: 0;position: absolute;top:50%;left: 0;transform: translateY(-50%);}
.guide-wrap .guide-img-list > li .text-box{line-height: 1.6;}
.guide-wrap .guide-img-list > li .text-box > h4{font-size: 20rem;font-weight: 500;color: var(--color-primary);margin-bottom: 4rem;}
.guide-wrap .guide-img-list > li .text-box > p{font-size: 15rem;color: var(--color-neutral-5);}

@media all and (max-width:1050px) {
    .guide-wrap .guide-img-list > li{padding-left: 110rem;}
    .guide-wrap .guide-img-list > li .img-box img{width: 90rem;}
}

@media all and (max-width:660px) {
    .guide-wrap .guide-text{font-size: 16rem;}

    .guide-wrap .guide-list > li{font-size: 16rem;}
    .guide-wrap .guide-list > li::before{}

    .guide-wrap .guide-list-2 > li{font-size: 16rem;}
    .guide-wrap .guide-list-2 > li > p{font-size: 18rem;}

    .guide-wrap .guide-img-list{}
    .guide-wrap .guide-img-list > li{padding: 0;display: block;margin-bottom: 20rem;}
    .guide-wrap .guide-img-list > li .img-box{transform: none;top:auto;left: auto;}
    .guide-wrap .guide-img-list > li .img-box img{width: 60rem;}
    .guide-wrap .guide-img-list > li .text-box > h4{min-height: 60rem;padding-left: 70rem;display: flex;align-items: center;margin-bottom: 6rem;}
    .guide-wrap .guide-img-list > li .text-box > p{font-size: 16rem;}
}

.guide-process{display: flex;align-items: center;gap:0 16rem;margin-bottom: 16rem;}
.guide-process .process-title{background: var(--color-primary);color: #fff;text-align: center; min-width: 110rem;min-height: 100rem; border-radius: 10rem;font-size: 20rem;display: flex;align-items: center;justify-content: center;}
.guide-process.color-1 .process-title{background: var(--color-primary);}
.guide-process.color-2 .process-title{background: var(--color-sub-1);}
.guide-process .process-list{display: flex;align-items: center;gap:0 16rem;font-size: 0;}
.guide-process .process-list > div{background: var(--color-bg-2);min-width: 220rem;min-height: 100rem; border-radius: 10rem;font-size: 17rem;display: flex;align-items: center;justify-content: center;line-height: 1.6;text-align: center;color: var(--color-neutral-5);}

.guide-process.type-2{}
.guide-process.type-2 .process-title{min-height: 144rem;}
.guide-process.type-2 .process-list > div{display: block;overflow: hidden;min-height: 0;}
.guide-process.type-2 .process-list > div > .process-sub-title{font-weight: 500;padding: 8rem 0;}
.guide-process.type-2 .process-list > div > p{min-height: 100rem;display: flex;align-items: center;justify-content: center;padding: 0 15rem;}

.guide-process.type-2.color-1 .process-list > div > .process-sub-title{background: #D1DCFA;color: var(--color-primary);}
.guide-process.type-2.color-2 .process-list > div > .process-sub-title{background: #D4EFC0;color: #417818;}
.guide-process.type-2.color-1 .process-list > div:last-child > .process-sub-title{background: var(--color-primary);color: #fff;}
.guide-process.type-2.color-2 .process-list > div:last-child > .process-sub-title{background: var(--color-sub-1);color: #fff;}

@media all and (max-width:860px) {
    .guide-process{gap:0 10rem;margin-bottom: 10rem;}
    .guide-process .process-title{min-width: 80rem;min-height: 80rem;font-size: 16rem;}
    .guide-process .process-list{gap:0 10rem;}
    .guide-process .process-list > div{min-width: 170rem;min-height: 80rem;font-size: 14rem;}
}

@media all and (max-width:660px) {
    .guide-process{flex-direction: column;margin-bottom: 30rem;}
    .guide-process .process-title{width: 100%;margin-bottom: 10rem;min-height: 60rem;font-size: 18rem;}
    .guide-process .process-list{flex-direction: column;gap:10rem;width: 100%;gap:5rem}
    .guide-process .process-list > div{width: 100%;min-height: 0;padding: 22rem 0;font-size: 16rem;}
    .guide-process .process-list > svg{transform: rotate(90deg);}

    .guide-process.type-2 .process-title{min-height: 60rem;}
}

.guide-bar{width: 100%;height: 1rem;background: var(--color-neutral-2);margin: 30rem 0;}


/* ================================================ */
/* 회사소개 */
/* ================================================ */

/* 회사소개 - 경영방침 */
.management-wr{display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));position: relative;padding-bottom: 115rem;}
.management-wr .txt-box{padding-right: 20rem;}
.management-wr .txt-box > h3{font-size: 36rem;margin-bottom: 70rem;line-height: 1.4;font-weight: 600;}
.management-wr .txt-box > p{line-height: 1.4;font-size: 17rem;margin-bottom: 20rem;font-weight: 300;}
.management-wr .txt-box > p > span{font-weight: 600;}
.management-wr .txt-box > p:last-child{margin-bottom: 0;}
.management-wr .img-box{padding-left: 115rem;}
.management-wr .img-box > img{display: block;width: 100%;}
.management-wr .ceo{position: absolute;bottom: 0;right: 10rem;display: flex;align-items: flex-end;gap: 28rem;}
.management-wr .ceo > span{font-size: 20rem;font-weight: 600;display: block;padding-bottom: 10rem;}
.management-wr .ceo > img{display: block;}

@media all and (max-width:1440px) {
    .management-wr .img-box{padding-left: 85rem;}
    .management-wr .txt-box > h3{font-size: 30rem;margin-bottom: 50rem;}
    .management-wr .txt-box > p{font-size: 15rem;}
    .management-wr .ceo > img{width: 100rem;}
    .management-wr .ceo > span{font-size: 16rem;}
}

@media all and (max-width:1023px) {
    .management-wr{grid-template-columns: 1fr;gap: 75rem;padding-bottom: 85rem;}
    .management-wr .txt-box{padding-right: 0;}
    .management-wr .img-box{padding-left: 0;}
}

@media all and (max-width:660px) {
    .management-wr{gap: 50rem;padding-bottom: 65rem;}
    .management-wr .txt-box > h3{font-size: 24rem;margin-bottom: 35rem;}
    .management-wr .txt-box > p{font-size: 14rem;margin-bottom: 15rem;}
    .management-wr .ceo > img{width: 80rem;}
    .management-wr .ceo > span{font-size: 13rem;padding-bottom: 7rem;}
}



/* 회사소개 - 회사소개 */
.company-wr{}
.company-wr > ul{display: flex;flex-direction: column;gap: 70rem;}
.company-wr > ul > li{display: flex; gap: 20rem;align-items: center;}
.company-wr > ul > li:nth-child(2){flex-direction: row-reverse;}
.company-wr > ul > li:nth-child(2) .txt-box{padding-left: 0;}
.company-wr > ul > li .txt-box{flex: 1;padding-left: 33rem;}
.company-wr > ul > li .txt-box > h3{font-size: 26rem;font-weight: 700;margin-bottom: 20rem;}
.company-wr > ul > li .txt-box > p{font-size: 17rem;line-height: 1.4;margin-bottom: 10rem;}
.company-wr > ul > li .txt-box > span{color: var(--color-neutral-4);font-size: 15rem;display: block;line-height: 1.2;font-weight: 300;}
.company-wr > ul > li .img-box{flex: 1;}
.company-wr > ul > li .img-box > img{display: block;width: 100%;border-radius: 15rem;}

@media all and (max-width:1300px) {
    .company-wr > ul > li .txt-box{padding-left: 20rem;}
    .company-wr > ul > li .txt-box > h3{font-size: 24rem;}
    .company-wr > ul > li .txt-box > p{font-size: 15rem;}
    .company-wr > ul > li .txt-box > span{font-size: 13rem;}
}

@media all and (max-width:1023px) {
    .company-wr > ul > li{flex-direction: column;gap: 35rem;}
    .company-wr > ul > li:nth-child(2){flex-direction: column;}
    .company-wr > ul > li .txt-box{padding-left: 0;width: 100%;}
}

@media all and (max-width:660px) {
    .company-wr > ul > li{gap: 20rem;}
    .company-wr > ul > li .txt-box > h3{font-size: 22rem;}
    .company-wr > ul > li .txt-box > p{font-size: 14rem;}
    .company-wr > ul > li .txt-box br{display: none;}
}



/* 회사소개 - 회사연혁 */
.history-wr{display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));gap: 20rem;}
.history-wr .year-sec{}
.history-wr .year-sec > ul{display: flex;flex-direction: column;gap: 50rem;position: relative;}
.history-wr .year-sec > ul::after{content: "";width: 1px;height: calc(100% - 40rem);background: var(--color-neutral-2);position: absolute;top: 50%;left: 150rem;transform: translateY(-50%);}
.history-wr .year-sec > ul > li{display: grid;grid-template-columns: 185rem auto;align-items: flex-start;}
.history-wr .year-sec > ul > li > span{font-weight: 600;font-size: 36rem;color: var(--color-sub-3);display: block;position: relative;}
.history-wr .year-sec > ul > li > span::after{content: "";width: 10rem;height: 10rem;border-radius: 50%;background: var(--color-neutral-2);position: absolute;top: 50%;right: 30rem;transform: translateY(-50%);z-index: 10;}
.history-wr .year-sec > ul > li.current > span::after{background: var(--color-sub-3);}
.history-wr .year-sec > ul > li > ul{display: flex;flex-direction: column;}
.history-wr .year-sec > ul > li > ul > li{font-size: 17rem;line-height: 2.4;color: var(--color-primary);}
.history-wr .year-sec > ul > li.current > ul > li{font-weight: 600;}
.history-wr .img-sec{padding-left: 110rem;}
.history-wr .img-sec > img{width: 100%;border-radius: 15rem;}

@media all and (max-width:1300px) {
    .history-wr{gap: 0;}
    .history-wr .img-sec{padding-left: 60rem;}
    .history-wr .year-sec > ul::after{left: 120rem;}
    .history-wr .year-sec > ul > li{grid-template-columns: 155rem auto;}
    .history-wr .year-sec > ul > li > span{font-size: 26rem;}
    .history-wr .year-sec > ul > li > ul > li{font-size: 15rem;}
}

@media all and (max-width:1023px) {
    .history-wr{display: flex;flex-direction: column-reverse;gap: 40rem;}
    .history-wr .img-sec{padding-left: 0;}
    .history-wr .img-sec > img.ms-pc{display: none;}
    .history-wr .img-sec > img.ms-mo{display: block;}
    .history-wr .year-sec > ul{padding-left: 60rem;}
    .history-wr .year-sec > ul::after{left: 180rem;}
}

@media all and (max-width:660px) {
    .history-wr .year-sec > ul{padding-left: 0;gap: 40rem;}
    .history-wr .year-sec > ul::after{left: 65rem;height: calc(100% - 20rem);}
    .history-wr .year-sec > ul > li{grid-template-columns: 85rem auto;}
    .history-wr .year-sec > ul > li > span{font-size: 18rem;}
    .history-wr .year-sec > ul > li > span::after{width: 8rem;height: 8rem;right: 15rem;}
    .history-wr .year-sec > ul > li > ul{gap: 10rem;}
    .history-wr .year-sec > ul > li > ul > li{font-size: 14rem;line-height: 1.5;}
}



/* 회사소개 - 조직도 */
.organization-wr{width: 860rem;margin: 0 auto;}

@media all and (max-width:1023px) {
    .organization-wr{width: 100%;}
}



/* 회사소개 - vision */
.vision-wr .vision-img{}

.vision-wr .section{text-align: center;}
.vision-wr .section .sub-tit{font-weight: 600;font-size: 26rem;margin: 100rem 0 50rem;}
.vision-wr .mark-section{}
.vision-wr .mark-section > img{display: block;width: 200rem;margin-inline: auto;}
.vision-wr .mark-section.section .sub-tit{margin-top: 0;}
.vision-wr .mark-section > ul{margin-block: 50rem;display: flex;align-items: center;justify-content: center;gap: 60rem;}
.vision-wr .mark-section > ul > li{display: flex;align-items: center;justify-content: center;gap: 10rem;position: relative;}
.vision-wr .mark-section > ul > li::after{content: "";width: 1px;height: 100%;background: var(--color-neutral-2);position: absolute;top: 50%;right: -30rem;transform: translateY(-50%);}
.vision-wr .mark-section > ul > li:last-child:after{display: none;}
.vision-wr .mark-section > ul > li > span{display: block;width: 45rem;height: 45rem;}
.vision-wr .mark-section > ul > li:nth-child(1) > span{background: #2E3192;}
.vision-wr .mark-section > ul > li:nth-child(2) > span{background: #00AEEF;}
.vision-wr .mark-section > ul > li:nth-child(3) > span{background: #ED1C24;}
.vision-wr .mark-section > ul > li > ul{display: flex;flex-direction: column;align-items: flex-start;}
.vision-wr .mark-section > ul > li > ul > li{font-size: 13rem;color: var(--color-neutral-6);}
.vision-wr .mark-section > p{font-size: 16rem;line-height: 1.4;}

.vision-wr .section .logo-sec{}
.vision-wr .section .logo-sec figure{border-radius: 15rem;background: var(--color-bg-2);width: 100%;height: 321rem;display: flex;align-items: center;justify-content: center;}
.vision-wr .section .logo-sec figure img{display: block;}
.vision-wr .kr-section{}
.vision-wr .kr-section > div:not(.sub-tit){display: grid;grid-template-columns: repeat(2,minmax(0,1fr));justify-items: center;gap: 20rem;}
.vision-wr .kr-section.section .logo-sec figure img{height: 100rem;}
.vision-wr .en-section{}
.vision-wr .en-section.section .logo-sec figure img{height: 80rem;}
.vision-wr .mix-section.section .logo-sec figure img{height: 105rem;}
.vision-wr .vertical-section > div.logo-sec{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));justify-items: center;gap: 20rem;}
.vision-wr .vertical-section.section .logo-sec figure img{height: 120rem;}

.vision-wr .section .btn-wrap{margin-top: 30rem;display: flex;align-items: center;justify-content: center;}
.vision-wr .section .btn-wrap > a{font-size: 14rem;line-height: 1.2;color: var(--color-neutral-4);display: flex;align-items: center;justify-content: center;gap: 5rem; width: 168rem;height: 44rem;border-radius: 25rem;border: 1px solid var(--color-neutral-2);}
.vision-wr .section .btn-wrap > a > svg{width: 16rem;height: 16rem;}

@media all and (max-width:1023px) {
    .vision-wr .section .sub-tit{margin: 80rem 0 25rem;font-size: 22rem;}
    .vision-wr .mark-section > img{width: 150rem;}
    .vision-wr .mark-section > p{font-size: 14rem;}
    
    .vision-wr .section .logo-sec figure{height: 220rem;}
    .vision-wr .kr-section.section .logo-sec figure img{height: 65rem;}
    .vision-wr .en-section.section .logo-sec figure img{height: 60rem;}
    .vision-wr .mix-section.section .logo-sec figure img{height: 75rem;}
    .vision-wr .vertical-section.section .logo-sec figure img{height: 80rem;}

    .vision-wr .section .btn-wrap{margin-top: 20rem;}
    .vision-wr .section .btn-wrap > a{width: 145rem;height: 38rem;font-size: 13rem;}
    .vision-wr .section .btn-wrap > a > svg{width: 14rem;height: 14rem;}
}

@media all and (max-width:660px) {
    .vision-wr .section .sub-tit{font-size: 20rem;}
    .vision-wr .mark-section > img{width: 120rem;}
    .vision-wr .mark-section > ul{gap: 40rem;margin-block: 35rem;}
    .vision-wr .mark-section > ul > li{flex-direction: column;}
    .vision-wr .mark-section > ul > li::after{right: -20rem;}
    .vision-wr .mark-section > ul > li > span{width: 35rem;height: 35rem;}
    .vision-wr .mark-section > ul > li > ul{align-items: center;}
    .vision-wr .mark-section > ul > li > ul > li{font-size: 11rem;}

    .vision-wr .section .logo-sec{gap: 15rem;}
    .vision-wr .section .logo-sec figure{height: 175rem;}
    .vision-wr .kr-section > div:not(.sub-tit){gap: 15rem;}
    .vision-wr .kr-section.section .logo-sec figure img{height: 32rem;}
    .vision-wr .en-section.section .logo-sec figure img{height: 35rem;}
    .vision-wr .mix-section.section .logo-sec figure img{height: 50rem;}
    .vision-wr .vertical-section > div.logo-sec{grid-template-columns: 1fr;}
    .vision-wr .vertical-section.section .logo-sec figure img{height: 60rem;}
    
    .vision-wr .section .btn-wrap > a{font-size: 12rem;}
}



/* 회사소개 - 오시는길 */
.map-wr{}
.map-wr .map-cont{border-radius: 15rem;overflow: hidden;height: 650rem;}
.map-wr .map-desc{margin-top: 30rem;display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: 20rem;position: relative;}
.map-wr .map-desc::after{content: "";width: 1px;height: 100%;background: var(--color-neutral-2);position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.map-wr .map-desc > ul{display: flex;flex-direction: column;gap: 10rem;}
.map-wr .map-desc > ul:nth-child(2){padding-left: 35rem;}
.map-wr .map-desc > ul > li{display: grid;grid-template-columns: 145rem auto;align-items: start;}
.map-wr .map-desc > ul > li > h3{display: flex;align-items: center;gap: 20rem;font-size: 17rem;font-weight: 500;color: var(--color-sub-3);}
.map-wr .map-desc > ul > li > h3 > span{width: 30rem;height: 30rem;display: flex;align-items: center;justify-content: center;}
.map-wr .map-desc > ul > li > h3 > span > svg{width: 100%;height: 100%;}
.map-wr .map-desc > ul > li > p{font-size: 17rem;line-height: 1.8;}

@media all and (max-width:1300px) {
    .map-wr .map-desc > ul:nth-child(2){padding-left: 20rem;}
    .map-wr .map-desc > ul > li > h3{font-size: 15rem;gap: 15rem;}
    .map-wr .map-desc > ul > li > p{font-size: 15rem;line-height: 2;}
}

@media all and (max-width:1023px) {
    .map-wr .map-desc{grid-template-columns: 1fr;gap: 20rem;}
    .map-wr .map-desc::after{display: none;}
    .map-wr .map-desc > ul{gap: 20rem;}
    .map-wr .map-desc > ul:nth-child(2){padding-left: 0;}
}

@media all and (max-width:660px) {
    .map-wr .map-cont{height: 350rem;}
    .map-wr .map-desc{gap: 15rem;}
    .map-wr .map-desc > ul{gap: 15rem;}
    .map-wr .map-desc > ul > li{grid-template-columns: 125rem auto;}
    .map-wr .map-desc > ul > li > h3{font-size: 14rem;}
    .map-wr .map-desc > ul > li > h3 > span{width: 25rem;height: 25rem;}
    .map-wr .map-desc > ul > li > p{font-size: 14rem;line-height: 1.8;}
}



/* ================================================ */
/* 제품소개 */
/* ================================================ */

/* 제품소개 - 전체제품 */
.total-wr{margin-bottom: 85rem;}
.total-wr > ul{}
.total-wr > ul > li{}
.total-wr > ul > li > a{display: flex;flex-direction: column;gap: 20rem;}
.total-wr > ul > li > a > img{}
.total-wr > ul > li > a > p{font-size: 16rem;font-weight: 500;color: var(--color-neutral-7);line-height: 1.4;display: flex;align-items: center;justify-content: center;flex-direction: row-reverse;gap: 10rem;}
.total-wr > ul > li > a > p > span{display: flex;align-items: center;justify-content: center;}
.total-wr > ul > li > a > p > span > svg{width: 25rem;height: 25rem;}
.total-wr > ul > li > a > p > span > svg circle,
.total-wr > ul > li > a > p > span > svg path{transition: 0.3s;}
.total-wr > ul > li:hover > a > p > span > svg circle{color: var(--color-sub-3);fill: var(--color-sub-3);}
.total-wr > ul > li:hover > a > p > span > svg path{color: var(--color-neutral-1);}

@media all and (max-width:1023px) {
    .total-wr > ul > li > a{gap: 15rem;}
    .total-wr > ul > li > a > p{font-size: 18rem;}
    .total-wr > ul > li > a > p > span > svg{width: 30rem;height: 30rem;}
    .total-wr > ul > li:hover > a > p > span > svg circle{color: var(--color-neutral-2);fill: none;}
    .total-wr > ul > li:hover > a > p > span > svg path{color: var(--color-neutral-3);}
}

/* contact */
.article-body .wpcf7 { width: 100%; }
.article-body .wpcf7 .screen-reader-response { display: none; }
.article-body .wpcf7-form { font-size: 16rem; color: var(--color-neutral-6); }
.article-body .wpcf7-form .form-container { margin-top: 20rem; }
.article-body .wpcf7-form .form-row { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 20rem; margin-bottom: 25rem; }
.article-body .wpcf7-form .form-row:nth-of-type(2) .form-group:nth-of-type(2) {grid-row: span 4;}
.article-body .wpcf7-form .form-row:nth-of-type(2) .form-group:nth-of-type(2) p{height: 100%;}
.article-body .wpcf7-form .form-group { width: 100%; }
.article-body .wpcf7-form .form-group.half { flex: 1; }
.article-body .wpcf7-form .form-group.full { flex: 0 0 100%; }
.article-body .wpcf7-form .form-group.half-placeholder { flex: 1; }

.article-body .wpcf7-form label { display: inline-block; margin-bottom: 8rem; font-size: 14rem; font-weight: 500; }
.article-body .wpcf7-form .required { color: var(--color-sub-4); }

.article-body .wpcf7-form .wpcf7-form-control { width: 100%; height: 50rem; background: var(--color-neutral-1); border: 1px solid var(--color-neutral-2); border-radius: 5rem; padding: 0 14rem; font-size: 15rem; color: var(--color-neutral-7); transition: border 0.2s, box-shadow 0.2s; }
.article-body .wpcf7-form .wpcf7-form-control:focus { outline: none; border-color: var(--color-sub-3); box-shadow: 0 0 0 2rem rgba(45,76,255,0.08); }

/* select */
.article-body .wpcf7-form select.wpcf7-select { -webkit-appearance: none; -moz-appearance: none; appearance: none; background-image: url('../images/icon/arrow-down.svg'); background-repeat: no-repeat; background-position: right 12rem center; background-size: 12rem auto; padding-right: 32rem; }

/* textarea */
.article-body .wpcf7-form textarea.wpcf7-textarea { height: calc(100% - 25rem); padding: 14rem; /* resize: vertical; */ line-height: 1.6; }

/* 전화번호 그룹 */
.article-body .wpcf7-form .tel-group p { display: flex; align-items: center; gap: 10rem; }
.article-body .wpcf7-form .tel-group p > span.wpcf7-form-control-wrap{width: 30%;}
.article-body .wpcf7-form .tel-group p br { display: none; }
.article-body .wpcf7-form .tel-group select { width: 100%; }
.article-body .wpcf7-form .tel-group input[name="tel-middle"] { width: 100%; text-align: center; }
.article-body .wpcf7-form .tel-group input[name="tel-last"] { width: 100%; text-align: center; }
.article-body .wpcf7-form .tel-group .separator { color: var(--color-neutral-4); }

/* 주소 */
.article-body .wpcf7-form .address-group .address-line-1{margin-bottom: 10rem;}
.article-body .wpcf7-form .address-group .address-line-1 p { display: flex; align-items: center; gap: 10rem; }
.article-body .wpcf7-form .address-group .address-line-1 p br { display: none; }
.article-body .wpcf7-form .address-group .address-line-1 p .wpcf7-form-control-wrap{width: calc(100% - 145rem);}
.article-body .wpcf7-form .address-group input[name="postcode"] { width: 100%; text-align: center; }
.article-body .wpcf7-form .address-group input::placeholder{color: var(--color-neutral-4);font-weight: 300;font-size: 14rem;text-align: left;}
.article-body .wpcf7-form .address-group .postcode-button { height: 50rem; padding: 0 16rem; border-radius: 5rem; border: 1px solid var(--color-neutral-2); background: var(--color-neutral-1); color: var(--color-neutral-4); font-size: 14rem; width: 135rem; }
.article-body .wpcf7-form .address-group > p .wpcf7-form-control-wrap[data-name="address"] .wpcf7-form-control{margin-bottom: 10rem;}

/* 에러/유효성 */
.article-body .wpcf7-form .wpcf7-not-valid-tip { display: block; margin-top: 6rem; font-size: 12rem; color: #E03131; }
.article-body .wpcf7-form .wpcf7-response-output { margin-top: 16rem; border: 1px solid var(--color-neutral-2); border-radius: 10rem; padding: 12rem 14rem; font-size: 14rem; }

/* 첨부 파일 */
.article-body .wpcf7-form input[type="file"].wpcf7-file { background: var(--color-neutral-1); border: 1px solid var(--color-neutral-2); border: none; height: auto; padding: 0; font-size: 14rem;color: var(--color-neutral-4); }
.article-body .wpcf7-form input[type="file"]{}
.article-body .wpcf7-form #file-upload-button{}

/* 동의 체크 */
.article-body .wpcf7-form .form-row.check{grid-template-columns: 1fr;gap: 15rem;color: var(--color-neutral-4);}
.article-body .wpcf7-form .form-row.check .acceptance-group .wpcf7-acceptance{border: none;padding: 0;}
.article-body .wpcf7-form .form-row.check .acceptance-group .wpcf7-list-item { display: inline-flex; align-items: center; gap: 8rem;margin: 0; }
.article-body .wpcf7-form .form-row.check .acceptance-group .wpcf7-list-item .wpcf7-list-item-label{color: var(--color-neutral-4); display: grid; grid-template-columns: 205rem auto; font-weight: 300;}
.article-body .wpcf7-form .form-row.check .acceptance-group .wpcf7-list-item .wpcf7-list-item-label::before,
.article-body .wpcf7-form .form-row.check .acceptance-group .wpcf7-list-item .wpcf7-list-item-label::after{display: none;}
.article-body .wpcf7-form .form-row.check .acceptance-group .wpcf7-list-item label{margin-bottom: 0;display: flex;align-items: center;gap: 5rem;}
.article-body .wpcf7-form .form-row.check .acceptance-group .wpcf7-list-item label > input[type="checkbox"]{margin: 0;width: 16rem;height: 16rem;background-image: url("../images/icon/checkbox_bk.png");}
.article-body .wpcf7-form .form-row.check .acceptance-group .wpcf7-list-item label > input[type="checkbox"]:checked{background-image: url("../images/icon/checkbox.png");}
.article-body .wpcf7-form .form-row.check .acceptance-group a { color: var(--color-neutral-4); text-decoration: underline; text-underline-offset: 3rem; }

/* 제출 버튼 */
.article-body .wpcf7-form .submit-button-container { text-align: right; margin-top: 10rem; display: flex; justify-content: flex-end; }
.article-body .wpcf7-form .wpcf7-submit { min-width: 140rem; height: 44rem; padding: 0 22rem; border-radius: 25rem; background: var(--color-sub-3); color: #fff; font-weight: 600; border: none; cursor: pointer; }
.article-body .wpcf7-form .wpcf7-submit:disabled { background: var(--color-neutral-3); cursor: not-allowed; }

@media all and (max-width:1023px) {
    .article-body .wpcf7-form .form-row { gap: 25rem; grid-template-columns: 1fr; }
    .article-body .wpcf7-form .wpcf7-submit{}
    .article-body .wpcf7-form .submit-button-container > p{width: 100%;}
}

@media all and (max-width:660px) {
    .article-body .wpcf7-form .form-row {gap: 15rem; }
    .article-body .wpcf7-form textarea.wpcf7-textarea { height: 220rem; }
}



/* ================================================ */
/* 인재채용 */
/* ================================================ */

/* 채용안내 */
.recruitment-wr{}
.recruitment-wr > h3{font-weight: 600;font-size: 36rem;margin-bottom: 50rem;}
.recruitment-wr .recruitment-cont{display: flex;flex-direction: column;gap: 20rem;}
.recruitment-wr .recruitment-cont > div{}
.recruitment-wr .recruitment-cont > div.single{border-radius: 15rem;overflow: hidden;padding: 45rem;background: var(--color-gradient);display: flex;flex-direction: column;gap: 70rem;}
.recruitment-wr .recruitment-cont > div.single.img-box{background: transparent;}
.recruitment-wr .recruitment-cont > div.single.img-box ul{display: grid;grid-template-columns: repeat(5,minmax(0,1fr));gap: 20rem;max-width: 1000rem;margin: 0 auto;position: relative;}
.recruitment-wr .recruitment-cont > div.single.img-box ul::after{content: "";width: 100%;height: 1.5px;background: #707070;position: absolute;top: 35%;left: 0;transform: translateY(-50%);}
.recruitment-wr .recruitment-cont > div.single.img-box ul > li{display: flex;flex-direction: column;align-items: center;gap: 30rem;z-index: 1;}
.recruitment-wr .recruitment-cont > div.single.img-box ul > li figure{display: block;border-radius: 50%;overflow: hidden;border: 2px solid #000;padding: 40rem;background: var(--color-bg-2);}
.recruitment-wr .recruitment-cont > div.single.img-box ul > li:nth-child(3) figure{border-color: #707070;}
.recruitment-wr .recruitment-cont > div.single.img-box ul > li:nth-child(5) figure{border-color: #ff0000;}
.recruitment-wr .recruitment-cont > div.single.img-box ul > li figure img{display: block;width: 100%;}
.recruitment-wr .recruitment-cont > div.single.img-box ul > li:nth-child(3) div{color: #707070;}
.recruitment-wr .recruitment-cont > div.single.img-box ul > li div{text-align: center;line-height: 1.4;}
.recruitment-wr .recruitment-cont > div.single.img-box ul > li div h3{font-weight: 600;font-size: 20rem;margin-bottom: 5rem;}
.recruitment-wr .recruitment-cont > div.single.img-box ul > li div span{font-size: 16rem;display: inline-block;}
.recruitment-wr .recruitment-cont > div.double{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: 20rem;}
.recruitment-wr .recruitment-cont > div.double > div{border-radius: 15rem;overflow: hidden;padding: 45rem;border: 1px solid var(--color-neutral-2);background: #fff;display: flex;flex-direction: column;gap: 65rem;}
.recruitment-wr .recruitment-cont > div p{font-size: 22rem;line-height: 1.4;color: var(--color-neutral-8);font-weight: 300;}
.recruitment-wr .recruitment-cont > div.single p{color: #fff;}
.recruitment-wr .recruitment-cont > div p > span{display: inline-block;font-weight: 600;}
.recruitment-wr .recruitment-cont > div .ic{display: flex;justify-content: flex-end;}
.recruitment-wr .recruitment-cont > div .ic svg{width: 58rem;height: 58rem;}
.recruitment-wr .recruitment-cont > div.recruitment-btn{text-align: right;}
.recruitment-wr .recruitment-cont > div.recruitment-btn > a{display: inline-block;padding: 10rem 20rem;border-radius: 10rem;background: var(--color-gradient);color: #fff;}

@media all and (max-width:1300px) {
    .recruitment-wr > h3{font-size: 30rem;}
}

@media all and (max-width:1023px) {
    .recruitment-wr > h3{font-size: 24rem;margin-bottom: 30rem;}
    .recruitment-wr .recruitment-cont > div.single{padding: 25rem;gap: 50rem;}
    .recruitment-wr .recruitment-cont > div.single.img-box ul > li{gap: 15rem;}
    .recruitment-wr .recruitment-cont > div.single.img-box ul > li figure{padding: 25rem;}
    .recruitment-wr .recruitment-cont > div.single.img-box ul > li div h3{font-size: 18rem;}
    .recruitment-wr .recruitment-cont > div.single.img-box ul > li div span{font-size: 14rem;}
    .recruitment-wr .recruitment-cont > div.double > div{padding: 25rem;gap: 40rem;}
    .recruitment-wr .recruitment-cont > div p{font-size: 18rem;}
    .recruitment-wr .recruitment-cont > div .ic svg{width: 45rem;height: 45rem;}
}

@media all and (max-width:660px) {
    .recruitment-wr > h3{font-size: 18rem;}
    .recruitment-wr .recruitment-cont{gap: 15rem;}
    .recruitment-wr .recruitment-cont > div.single{gap: 40rem;}
    .recruitment-wr .recruitment-cont > div.single.img-box{padding: 0;}
    .recruitment-wr .recruitment-cont > div.single.img-box ul{gap: 10rem;}
    .recruitment-wr .recruitment-cont > div.single.img-box ul::after{top: 25%;}
    .recruitment-wr .recruitment-cont > div.single.img-box ul > li{gap: 10rem;}
    .recruitment-wr .recruitment-cont > div.single.img-box ul > li figure{padding: 10rem;}
    .recruitment-wr .recruitment-cont > div.single.img-box ul > li div h3{font-size: 14rem;margin-bottom: 0;}
    .recruitment-wr .recruitment-cont > div.single.img-box ul > li div span{font-size: 12rem;}
    .recruitment-wr .recruitment-cont > div.double{gap: 15rem;grid-template-columns: 1fr;}
    .recruitment-wr .recruitment-cont > div.double > div{padding: 20rem;gap: 30rem;}
    .recruitment-wr .recruitment-cont > div p{font-size: 16rem;}
    .recruitment-wr .recruitment-cont > div .ic svg{width: 35rem;height: 35rem;}
    .recruitment-wr .recruitment-cont > div.recruitment-btn > a{font-size: 14rem;}
}


/* 직무소개 */
.introduction-wr{}
.introduction-wr > ul{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: 40rem 20rem;}
.introduction-wr > ul > li{border-radius: 15rem;overflow: hidden;}
.introduction-wr > ul > li > div.ic-box{background: var(--color-gradient);padding-inline: 50rem;display: flex;align-items: center;justify-content: space-between;height: 95rem;}
.introduction-wr > ul > li > div.ic-box > p{color: #fff;display: flex;align-items: center;gap: 10rem;font-size: 28rem;font-weight: 500;}
.introduction-wr > ul > li > div.ic-box > p > span{display: inline-block;font-weight: 300;}
.introduction-wr > ul > li > div.ic-box > p > svg{width: 32rem;height: 32rem;}
.introduction-wr > ul > li > div.ic-box > span{display: flex;align-items: center;justify-content: center;cursor: pointer;}
.introduction-wr > ul > li > div.ic-box > span svg circle,
.introduction-wr > ul > li > div.ic-box > span svg path {transition: all 0.2s ease;}
.introduction-wr > ul > li > div.ic-box > span:hover svg circle {stroke: #007bff;}
.introduction-wr > ul > li > div.ic-box > span:hover svg path {stroke: #007bff;}
.introduction-wr > ul > li > div.ic-box > span > svg{width: 40rem;height: 40rem;}
.introduction-wr > ul > li > div.txt-box{padding: 50rem;background: #fff;height: calc(100% - 95rem);display: flex;align-items: center;}
.introduction-wr > ul > li > div.txt-box > p{font-size: 17rem;line-height: 1.6;word-break: break-all;}
.introduction-wr .layer-popup{}
.introduction-wr .layer-popup .popup-close {cursor: pointer;display: flex;position: absolute;top: 24rem;right: 24rem;}
.introduction-wr .layer-popup .popup-close svg{width: 24rem;height: 24rem;}
.introduction-wr .layer-popup .popup-content {width: 100%;}
.introduction-wr .layer-popup .popup-body > ul{display: flex;flex-direction: column;}
.introduction-wr .layer-popup .popup-body > ul > li{display: grid;grid-template-columns: 305rem calc(100% - 305rem);border-bottom: 1px solid var(--color-neutral-2);}
.introduction-wr .layer-popup .popup-body > ul > li:last-child{border-bottom: none;}
.introduction-wr .layer-popup .popup-body > ul > li > h3{background: #F5FCFF;font-weight: 600;font-size: 28rem;display: flex;align-items: center;justify-content: center;border-right: 1px solid var(--color-neutral-2);padding-block: 100rem;}
.introduction-wr .layer-popup .popup-body > ul > li > p{display: flex;align-items: center;font-size: 17rem;line-height: 1.6;padding-left: 60rem;}

@media all and (max-width:1300px) {
    .introduction-wr > ul > li > div.ic-box{padding-inline: 35rem;}
    .introduction-wr > ul > li > div.ic-box > p{font-size: 24rem;}
    .introduction-wr > ul > li > div.txt-box{padding: 35rem;}
}

@media all and (max-width:1023px) {
    .introduction-wr > ul{grid-template-columns: repeat(2,minmax(0,1fr));gap: 20rem}
    .introduction-wr > ul > li > div.ic-box{height: 80rem;}
    .introduction-wr > ul > li > div.txt-box{height: calc(100% - 80rem);}
    .introduction-wr > ul > li > div.ic-box > p > svg{width: 28rem;height: 28rem;}
    .introduction-wr > ul > li > div.ic-box > span > svg{width: 35rem;height: 35rem;}
    .introduction-wr .layer-popup .popup-close{top: 15rem;right: 15rem;}
    .introduction-wr .layer-popup .popup-body > ul > li{grid-template-columns: 30% 70%;}
    .introduction-wr .layer-popup .popup-body > ul > li > h3{font-size: 22rem;padding-block: 75rem;}
    .introduction-wr .layer-popup .popup-body > ul > li > p{padding: 35rem;font-size: 15rem;}
    .introduction-wr .layer-popup .popup-body > ul > li > p br{display: none;}
}

@media all and (max-width:660px) {
    .introduction-wr > ul{grid-template-columns: 1fr;}
    .introduction-wr > ul > li > div.ic-box{padding-inline: 20rem;height: 70rem;}
    .introduction-wr > ul > li > div.ic-box > p{font-size: 20rem;gap: 7rem;}
    .introduction-wr > ul > li > div.txt-box{padding: 25rem 20rem;height: calc(100% - 70rem);}
    .introduction-wr > ul > li > div.txt-box > p{font-size: 15rem;}
    .introduction-wr .layer-popup .popup-close{top: 12rem;right: 12rem;}
    .introduction-wr .layer-popup .popup-close svg{width: 20rem;height: 20rem;}
    .introduction-wr .layer-popup .popup-body > ul > li > h3{font-size: 16rem;}
    .introduction-wr .layer-popup .popup-body > ul > li > p{font-size: 14rem;padding: 20rem;}
}