@charset "utf-8";

/* 
 * content CSS Document
 *
 */

 /* common */
 #content {min-height: 500rem; padding: 150rem 0;}
 #content:has(.area-about, .area-history, .area-quality, .area-research01, .area-esg, .area-environment) {padding-bottom: 0 !important;}

 .sub-title-wrap {margin-bottom: 60rem; text-align: center; word-break: keep-all;}
 .sub-title-wrap em {display: block; margin-bottom: 40rem; font-size: 27rem; font-weight: 800; color: var(--color-point);}
 .sub-title-wrap h2 {line-height: 1.5; font-family: var(--font-elice); font-size: 50rem; font-weight: 500; color: var(--color-black);}
 .sub-title-wrap p {margin-top: 20rem; line-height: 1.7; font-size: 18rem; color: #444;}

 .area-title {margin-bottom: 30rem; font-family: var(--font-elice); font-size: 35rem; font-weight: 500; color: var(--color-black);}

 .notice {display: block; color:#888;}
 .process-arrow {display: block; width: 23rem; height: 23rem; background: url(/images/content/process-arrow.svg) no-repeat center / contain;}

 #refuse_email .popConts p {font-size: 15rem;}

 /* sub-visual */
 .area_sub_visual {position: relative; height: 450rem; overflow: hidden;}
 .area_sub_visual > i {position: relative; display: block; width: 100%; height: 100%; background-repeat: no-repeat; background-size: cover; background-position: 50% 50%; animation:visualScale 8s both;}

[data-sublayout="about"] > i {background-image: url(/images/content/sub-visual01.jpg);}
[data-sublayout="product"] > i {background-image: url(/images/content/sub-visual02.jpg);}
[data-sublayout="research"] > i {background-image: url(/images/content/sub-visual03.jpg);}
[data-sublayout="manage"] > i {background-image: url(/images/content/sub-visual04.jpg);}
[data-sublayout="customer"] > i {background-image: url(/images/content/sub-visual05.jpg);}

 .sub-visual__title {position: absolute; left: 50%; top: 0; display: flex; flex-direction: column; justify-content: center; width: 100%; height: 100%; padding-top: 20rem; text-align: center; transform: translate(-50%, 0);}
 .sub-visual__title h2 {margin-top: 25rem; font-family: var(--font-elice); font-size: 55rem; font-weight: 500; color: #fff; animation: visual_text_motion 1.5s cubic-bezier(0.4, 0, 0.2, 1) .3s both;}

 /* sub-location */
 .sub-visual__location {display: flex; justify-content: center; font-size: 15rem; font-weight: 300; color: #fff; animation: visual_text_motion 1.5s cubic-bezier(0.4, 0, 0.2, 1) both;}
 .sub-visual__location li {opacity: .5;}
 .sub-visual__location li img {display: block; width: 13rem; margin-top: 1px;}
 .sub-visual__location li::before {content:''; display: inline-block; width: 10rem; height: 10rem; margin: 0 10rem; background: url(/images/common/arrow-w.svg) no-repeat center / contain;}
 .sub-visual__location li:last-child {opacity: 1;}
 .sub-visual__location li:first-child::before {display: none;}

 /* lnb */
 .area_lnb {position: absolute; left: 0; bottom: 0; width: 100%; border-top: 1px solid rgba(255, 255, 255, .1);}
 .area_lnb .lnb {display: block !important;}
 .area_lnb ul {display: flex; justify-content: center; align-items: center;}
 .area_lnb li a {display: block; padding:30rem 50rem; font-family: var(--font-elice); font-weight: 500; color: #fff; opacity: .7;}
 .area_lnb li a.on {opacity: 1; background: var(--color-point);}

/* form active */
.cus_design{max-width:400rem;}
.cus_design > ul > li{display:block; position:relative; margin:3rem 0px;}
.cus_design input[type="text"]{width:100%; height:45rem;}
.cus_design select{width:100%; height:45rem;}
.cus_design label{position:absolute; left:10px; top:50%; width:90%; box-sizing:border-box; padding:0 5rem; background:#fff; transform:translateY(-50%);}
.cus_design .in label{color:#1637a2;}
.cus_design .active label{top:10%; width:auto; font-size:11rem;}
.cus_design [data-form-design="select"] label{top:10%; width:auto; font-size:12rem; font-weight:500;}

/* list */
.dot-list li {position: relative; padding-left: 12rem; margin: 5rem 0; line-height: 1.7; color: #444; word-break: keep-all;}
.dot-list li::before {position: absolute; left:0; top: 11rem; content:''; width: 3rem; height: 3rem; border-radius: 100%; background: #ccc;}

/* tab */
.tab-menu.v1 {gap: 10rem; margin-bottom: 50rem; padding-bottom: 50rem; border-bottom: 1px solid #e1e1e1;}
.tab-menu.v1 li {position: relative; padding: 18rem 50rem 18rem 12rem; font-size: 18rem; color: #888; border: 1px solid #e1e1e1; background: #fff; cursor: pointer;}
.tab-menu.v1 li i {position: absolute; right: 15rem; top: 50%; display: inline-block; width: 25rem; height: 25rem; transform: translate(0, -50%); border: 1px solid #e1e1e1; border-radius: 100%; box-sizing: border-box;}
.tab-menu.v1 li i::after {position: absolute; left: 50%; top: 50%; content:''; display: block; width: 4rem; height: 4rem; margin-left: 1px; border: solid #bcbcbc; border-width: 1px 0 0 1px; transform:translate(-50%, -50%) rotate(225deg);}
.tab-menu.v1 li.active {color: var(--color-point); border-color: var(--color-point);}
.tab-menu.v1 li.active i {border-color: var(--color-point); background: var(--color-point);}
.tab-menu.v1 li.active i::after {border-color: #fff;}
.tab-content {position: relative; display: none;}
.tab-content.on {display: block;}

/* layerpop */
[data-pop-layer="layer"] .popBox .popTitle {padding: 50rem 50rem 10rem; font-family: var(--font-elice); font-size: 27rem; font-weight: 400; color: var(--color-black);}
[data-pop-layer="layer"] .popBox .popConts {padding:10rem 50rem 50rem;}
[data-pop-layer="layer"] .popBox .btn_close {right: -100rem; width: 100rem; height: 100rem; line-height: 100rem; background: transparent; box-shadow: none;}
[data-pop-layer="layer"] .popBox .btn_close span {width: 30rem; height: 30rem; background-size: 30rem 30rem;}

/* table */
.table {position: relative;}
.table table {font-size: 16rem;}
.table tr {position: relative; border-bottom: 1px solid #eaecf1;}
.table tr > *:not(:last-child) {border-right: 1px solid #eaecf1;}
.table th {padding: 15rem 10rem; font-weight: 500; color: #222; background: #fafafa;}
.table td {padding: 15rem 10rem; color: #444; text-align: center; background: #fff;}
.table tr.tr-total::after {position: absolute; left:0; top:0; content:''; width: 100%; height: 100%; border: 1px solid #1d2088; opacity: .15;}
.table tr.tr-total td {background:#f3f4f9;}
.table tr.tr-total td strong {font-weight: 400; color: #1d2088;}
.table-notice {position: absolute; right: 0; top: -40rem; font-size: 15rem; color:#888;}
.table-caption {margin-top: 20rem; font-size: 16rem; color: #888;}
.table-caption strong {font-weight: 600;}

.area-table table.table {border-top: 2rem solid #4c4c4c;}
.area-table .table tr > *:not(:last-child) {border-right: none;}
.area-table table.table thead tr {border-bottom-color: #d2d7dc;}
.area-table table.table thead th {padding: 15rem 10rem; font-weight: 400; color:#444; background: none;}
.area-table table.table.form td {height: 50rem; text-align: center; border: none;}
.area-table table.table.form td a {display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; padding: 0 20rem; text-align: left;}
.area-table [data-state="complete"] {color: #0063e9;}

/* board */
.designSelect select {width: 100%; min-width: 150rem; font-size: 14rem; color: #666; background: url(/images/board/arr_view_down.svg) no-repeat right 15rem center / 8rem; -webkit-appearance:none; -moz-appearance:none;}
.bbsNew_container .designRadio.agree {justify-content: flex-end;}
.bbsDate > ul > li:not(:last-child):after {content:''; position: absolute; top: 3rem; right: 0; width: 1px; height: 13rem; background: #ccc;}
.board-reply .sub-title-wrap {margin-bottom:30rem;}
.board-reply [data-board="part"] {margin-bottom: 10rem;}
.bbsContent {padding-bottom: 0 !important;}
.bbsDate > ul {flex-wrap: wrap;}
.bbsDate > ul > li {margin: 5rem 0;}

@media (max-width:1023px){
    #content {padding: 120rem 0;}
    /* .area_sub_visual {height: 520rem;} */
    .sub-visual__title {padding-top: 0;}
    
    .sub-title-wrap em {margin-bottom: 35rem; font-size: 22rem;}
    .sub-title-wrap h2 {font-size: 42rem;}

    .tab-menu.v1 li {font-size: 16rem;}

    [data-pop-layer="layer"] .popBox .btn_close {right: -70rem; width: 70rem; height: 70rem; line-height: 70rem;}
    [data-pop-layer="layer"] .popBox .btn_close span {width: 22rem; height: 22rem; background-size: 22rem;}
}

@media (max-width:860px){
    .sub-title-wrap {margin-bottom: 50rem;}
    .sub-title-wrap em {margin-bottom: 30rem;}
    .sub-title-wrap h2 {font-size: 35rem;}

    /* .area_sub_visual {height: 460rem;} */
    .sub-visual__title h2 {font-size: 47rem;}
    .area_lnb li a {padding:25rem 30rem;}

    .area-title {font-size: 30rem;}

    [data-pop-layer="layer"] .popBox .btn_close {right: 0; width: 80rem; height: 80rem; line-height: 80rem; background:var(--point-color, #111);}
}

@media (max-width:540px){
    #content {padding: 80rem 0;}

    .sub-title-wrap {margin-bottom: 40rem;}
    .sub-title-wrap em {margin-bottom: 20rem; font-size: 20rem;}
    .sub-title-wrap h2 {font-size: 30rem;}
    .sub-title-wrap p br {display: none;}

    .area_sub_visual {height: 420rem;}
    .sub-visual__title h2 {font-size: 42rem;}
    .area_lnb li a {padding:25rem 22rem;}
    .area-title {font-size: 25rem;}

    .table-notice {top: -45rem;}
    .tab-menu.v1 {gap: 5rem; margin-bottom: 30rem; padding-bottom: 30rem;}
}

@media (max-width:480px){
    .area_sub_visual {height: 400rem;}
    .sub-visual__title h2 {margin-top: 20rem;}
    .area_lnb ul {white-space: nowrap; overflow-x: auto; justify-content: flex-start;}
    .area_lnb li a {padding:22rem 20rem;}

    .tab-menu.v1 li i {width: 22rem; height: 22rem;}
    .tab-menu.v1 li i::after {margin-left: 0;}

    .designSelect select {min-width: auto; height: 44rem;}

    *::placeholder {font-size: 14rem;}

    .bbsContent {padding: 30rem 0 0;}
}

/* intro */
.area-intro {text-align: center; line-height: 1.8; color: #444; word-break: keep-all;}
.area-intro .sub-title-wrap {margin-bottom: 30rem;}
.area-intro__txt dd + dd {margin-top: 30rem;}
.area-intro p {margin-top: 60rem; font-weight: 600; color: #444;}
.area-intro p strong {display: block; margin-bottom:3rem; font-weight: 700; color: var(--color-point);}

@media (max-width:540px){
    .area-intro__txt dd br {display: none;}
    .area-intro p {margin-top: 45rem;}
}

@media (max-width:480px){
    .area-intro {font-size: 16rem; line-height: 1.8;}
}

/* about */
.area-about .sub-title-wrap {position: relative; text-align: left;}
.area-about h2,
.area-about h3 {padding-bottom: 30rem; border-bottom: 1px solid #e1e1e1;}
.area-about h2 img {height: 63rem;}
.area-about a.btn-basic {position: absolute; right: 0; bottom: 45rem;}
.area-about a.btn-basic i {width: 16rem; margin-right: 12rem; background-image: url(/images/content/ic-map-white.svg); transition: .3s;}
.area-about a.btn-basic:hover i {background-image: url(/images/content/ic-map.svg);}
.area-about .dot-list em {position: relative; width: 60rem; display: inline-block; padding-right: 15rem; margin-right: 13rem; font-weight: 600;}
.area-about .dot-list em::after {position: absolute; right: 0; top: 8rem; content:''; width: 1px; height: 13rem; background: #e1e1e1;}
.about-head .sub-title-wrap {margin-bottom: 30rem;}
.about-head [data-colum] {margin-top: 30rem;}
.about-head__img img {width: 100%;}

/* 240319 추가 */
.about-head__wrap {align-items: center; justify-content: space-between;}
.about-head__img {width: 57%;}
.about-info__wrap {width: 40%;}
.about-info__wrap h3 {margin-bottom: 30rem;}
.about-info__wrap h3 img {width: 236rem;}
.about-info__wrap .about-info li:nth-child(n+2) {margin-top: 10rem;}
.about-imgBox {margin-top: 80rem; padding: 80rem 0 100rem; background: #f7f7f7;}
.imgBox-item {gap: 26rem;}
.imgBox-item__img img {width: 100%;}
.imgBox-item__list strong {display: block; padding-top: 30rem; text-align: center; font-size: 20rem; font-weight: 600;}
.imgBox-item__list strong span {font-size: 14rem; font-weight: 300;}
.imgBox-item__list p {padding-top: 12rem; text-align: center; font-size: 16rem; color: #444; line-height: 1.5;}
@media (max-width:1024px){
    .imgBox-item {grid-template-columns: 1fr 1fr; gap: 50rem 20rem;}
    .about-head__img {width: 55%;}
    .about-info__wrap {width: 42%;}
}
@media (max-width:768px) {
    .about-head__wrap {flex-direction: column;}
    .about-head__img {width: 100%;}
    .about-info__wrap {width: 100%; margin-top: 35rem;}
    .about-imgBox {margin-top: 70rem; padding: 70rem 0;}
}
@media (max-width:480px) {
    .imgBox-item {grid-template-columns: 1fr;}
    .about-imgBox {margin-top: 65rem; padding: 65rem 0;}
}


/* history */
.area-history {padding-bottom: 150rem;}
.area-history .sub-title-wrap {text-align: left;}
.history-top {position: relative; width: 800rem; margin: 0 auto;}
.history-top p {position: relative; display: flex; align-items: center; justify-content: center; width: 194rem; height: 194rem; margin: 0 auto; font-size: 28rem; font-family: var(--font-elice); font-weight: 500; line-height: 1.4; color: #fff; background: #d0111b; border-radius: 100%;}
.history-top span {position: absolute; top: 50%; right: -50rem; line-height: 1.5; font-size: 34rem; font-family: var(--font-elice); transform: translateY(-50%);}
.history-top span em {display: block; color: #d0111b;}
.history-cont {position: relative;}
.history-cont::before {content: ''; position: absolute; top: 0; left: 50%; transform: translateX(-50%); -webkit-transform:translateX(calc(-50% - 0.5px)); width: 1rem; height: 86%; background: #111;}
.history-cont__list {padding-top: 100rem;}
.history-cont__item {position: relative; width: 50%; box-sizing: border-box;}
.history-cont__item:nth-child(n+2) {margin-top: 68rem;}
.history-cont__item-mt {margin-top: -280rem;}
.history-cont__item-mt02 {margin-top: -200rem;}
.history-cont__item-mt03 {margin-top: -100rem;}
.history-cont__item .date {display: block; font-size: 22rem; font-weight: 600; font-family: var(--font-elice);}
.history-cont__item .txt {padding-top: 12rem; font-size: 18rem; font-weight: 300; color: #666; line-height: 1.5;}
.history-cont__item::before {content: ''; position: absolute;}
.history-cont__item.gray-dot::before {width: 8rem; height: 8rem; background: #fff; border: 3rem solid #666; border-radius: 100%;}
.history-cont__item.red-dot::before {width: 14rem; height: 14rem; background: #d0111b; border-radius: 100%;}

.history-cont__item.left {text-align: right; padding-right: 45rem;}
.history-cont__item.gray-dot::before {top: 5rem;}
.history-cont__item.left.gray-dot::before {right: -6rem;}
.history-cont__item.right.gray-dot::before {left: -7rem;}

.history-cont__item.right {margin-left: auto; padding-left: 45rem;}
.history-cont__item.red-dot .date {font-size: 32rem;}
.history-cont__item.red-dot .txt {font-size: 22rem; font-weight: 500;}
.history-cont__item.red-dot::before {top: 8rem;}
.history-cont__item.right.red-dot::before {left: -7rem;}
.history-cont__item.left.red-dot::before {right: -7rem;}

.history-cont__item-img {margin-top: 32rem; width: 334rem; height: 334rem; border-radius: 100%; overflow: hidden;}
.history-cont__item-img img {width: 100%;}
.history-cont__item-img.left {margin-left: auto;}
@media (max-width:768px) {
    .history-top {width: 620rem;}
    .history-top span {right: -20rem; font-size: 24rem;}
    .history-top p {width: 180rem; height: 180rem;}
    .history-cont::before {height: 88%;}
    .history-cont__item-img {width: 280rem; height: 280rem;}
    .history-cont__item-mt {margin-top: -200rem;}
    .history-cont__item-mt02 {margin-top: -150rem;}
}
@media (max-width:620px) {
    .history-top {display: flex; flex-direction: column-reverse; width: auto;}
    .history-top span {display: block; position: unset; transform: unset; text-align: center; margin-bottom: 20rem;}
    .history-top p {font-size: 24rem;}
    .history-cont::before {height: 91%;}
    .history-cont__list {padding-top: 80rem;}
    .history-cont__item-img {width: 200rem; height: 200rem;}
    .history-cont__item .date {font-size: 20rem;}
    .history-cont__item .txt {font-size: 16rem;}
    .history-cont__item.red-dot .date {font-size: 24rem;}
    .history-cont__item.red-dot .txt {font-size: 18rem;}
    .history-cont__item-mt {margin-top: -150rem;}
    .history-cont__item-mt02 {margin-top: -100rem;}
}
@media (max-width:480px) {
    .history-cont::before {height: 93%;}
    .history-cont__item-img {width: 150rem; height: 150rem; margin-top: 15rem;}
    .history-cont__item:nth-child(n+2) {margin-top: 35rem;}
}


/* ci */
.area-ci .sub-title-wrap {text-align: left;}
.ci-box {padding: 170rem 0; text-align: center; border: 1px solid #e1e1e1; background: #fff url(/images/content/ci-bg.png) repeat;}
.ci-box img {height: 115rem;}
.ci-explain {margin-top: 150rem;}
.ci-explain .area-title {margin-bottom: 60rem;}
.ci-explain__inr {align-items: center; justify-content: space-between;}
.ci-explain__detail {padding-right: 50rem;}
.ci-explain__detail > div {display: flex; align-items: center;}
.ci-explain__detail > div + div {margin-top: 25rem;}
.ci-explain__detail > div i {display: flex; align-items: center; justify-content: center; width: 125rem; height: 125rem; margin-right: 25rem; background: #f7f7f7;}
.ci-explain__detail > div em {display: block; margin-bottom: 12rem; font-weight: 700; color: var(--color-point);}
.ci-explain__detail p {font-size: 20rem; color: var(--color-black); line-height: 1.8;}
.ci-explain__download {position: relative; width: 675rem; padding: 150rem 0 200rem; text-align: center; background: url(/images/content/ci-bg.png); border: 1px solid #e1e1e1;}
.ci-explain__download img {height: 63rem;}
.ci-explain__download ul {position: absolute; bottom: 30rem; display: flex; justify-content: center; width: 100%;}
.ci-explain__download ul li {margin: 0 2rem;}

@media (max-width:1300px){
    .ci-explain__download {width: 570rem;}
}

@media (max-width:1023px){
    .ci-box {padding: 120rem 0;}
    .ci-box img {height: 80rem;}
    .ci-explain {margin-top: 120rem;}
    .ci-explain .area-title {margin-bottom: 40rem;}
    .ci-explain__inr {flex-direction: column;}
    .ci-explain__detail {width: 100%; padding-right: 0;}
    .ci-explain__download {width: 100%; margin-top: 50rem; padding: 100rem 0 150rem;}
}

@media (max-width:860px){
    .ci-box {padding: 100rem 0;}
    .ci-box img {height:60rem;}
    .ci-explain {margin-top: 100rem;}
    .ci-explain .area-title {margin-bottom: 40rem;}
    .ci-explain__inr {flex-direction: column;}
    .ci-explain__detail {width: 100%; padding-right: 0;}
    .ci-explain__download {width: 100%; margin-top: 50rem; padding: 100rem 0 150rem;}
    .ci-explain__detail > div + div {margin-top: 20rem;}
    .ci-explain__detail > div i {width: 100rem; height: 100rem;}
    .ci-explain__detail > div i img {max-width: 60rem; max-height: 40rem;}
    .ci-explain__detail > div em {margin-bottom: 10rem;}
    .ci-explain__download {margin-top: 40rem;}
    .ci-explain__download img {height: 55rem;}
}

@media (max-width:540px){
    .ci-box {padding: 85rem 0;}
    .ci-box img {height: 50rem;}
    .ci-explain {margin-top: 80rem;}
    .ci-explain__detail > div em {font-size: 13rem;}
    .ci-explain__detail p {font-size: 16rem;}
}

@media (max-width:480px){
    .ci-explain .area-title {margin-bottom: 30rem;}
    .ci-explain__detail > div + div {margin-top: 15rem;}
    .ci-explain__detail > div em {margin-bottom: 7rem;}
    .ci-explain__detail > div i {width: 82rem; height: 82rem;}
    .ci-explain__detail > div i img {max-width: 50rem; max-height: 30rem;}
    .ci-explain__download {padding: 60rem 0 210rem;}
    .ci-explain__download img {height: 45rem;}
    .ci-explain__download ul {left: 50%; bottom: 20rem; width: 90%; flex-direction: column; transform: translateX(-50%);}
    .ci-explain__download ul li {margin: 2rem 0;}
    .ci-explain__download a.btn-download {justify-content: space-between;}
}

/* location */
.root_daum_roughmap .wrap_map {height: 500rem !important;}
.area-location .sub-title-wrap {text-align: left;}
.location-map {gap: 40rem;}
.location-map .root_daum_roughmap {width: 100%; height: 100%;}
.location-map .hide {display: none;}
.map_border {display: none;}
.map-box {position: relative; border: 1px solid #efefef;}
.map-box em {position: absolute; left:0; top:0; width: 85rem; padding: 15rem 0; font-size: 15rem; font-weight: 600; color: #fff; text-align: center; background: #1d887a; z-index: 3;}
.map-box iframe {width: 100%; height: 100%;}
.loacation-map__item h3 {padding: 30rem 0; border-bottom: 1px solid #e1e1e1;}
.loacation-map__item h3 img {max-width: 100%;}
.loacation-map__item:first-child h3 img {height: 40rem;}
.loacation-map__item ul {margin-top: 30rem;}
.loacation-map__item ul li {display: flex; align-items: center; margin: 15rem 0;}
.loacation-map__item ul i {display: inline-block; width: 18rem; height: 20rem; margin-right: 13rem;}
.loacation-map__item ul i img {height: 100%;}
.loacation-map__item ul em {position: relative; min-width:75rem; padding-right: 20rem; margin-right: 20rem; font-weight: 600; color: #111;}
.loacation-map__item ul em::after {position: absolute; right: 0; top: 3rem; content:''; width: 1px; height: 14rem; background: #e1e1e1;}
.loacation-map__item:last-child ul li:last-child i img {width: 18rem; height: auto; margin-top: 3rem;}
.location-contact {margin-top: 150rem;}
.location-contact .area-title {display: flex; align-items: center;}
.location-contact .area-title i {position: relative; display: block; width: 57rem; height: 35rem; margin-left: 20rem; padding-left: 25rem;}
.location-contact .area-title i::before {position: absolute; left:0; top:0; content:''; width: 3rem; height: 100%; background: #b4b5b5;}
.location-contact .area-title::before {content:''; display: block; width: 60rem; height: 40rem; margin-right: 15rem; background: url(/images/common/symbol.svg) no-repeat center / contain;}

.location-contact ul {gap: 20rem;}
.location-contact a {position: relative; display: flex; align-items: center; color: #444; border: 1px solid #efefef; box-sizing: border-box; transition: .3s;}
.location-contact a::after {position: absolute; right: 20rem; top: 50%; content:''; width: 15rem; height: 15rem; background: url(/images/content/ic-arrow.svg) no-repeat center /contain; transform: translate(0, -50%);}
.location-contact a span {width: 135rem; margin-right: 25rem; line-height: 60rem; font-weight: 600; color: var(--color-black); text-align: center; background: #f7f7f7; transition: .3s;}
.location-contact a:hover {border-color: var(--color-point);}
.location-contact a:hover span {color: #fff; background: var(--color-point);}

.map-info {display: flex; justify-content: space-between; align-items: end;}
.map-btn {display: flex; justify-content: space-between; align-items: center; width: 212rem; height: 60rem; padding: 0 30rem; background: #fbe100; box-sizing: border-box; color: #1a2019; font-size: 17rem; font-weight: 500;}
.map-btn i {display: block; background: url('../images/content/kakaomap.svg') no-repeat; width: 20rem; height: 20rem;}

@media (max-width:1023px){
    .location-map {grid-template-columns: 1fr;}
    .location-contact {margin-top: 120rem;}
    .location-contact ul {grid-template-columns: repeat(2, 1fr); gap: 10rem;}
}

@media (max-width:768px) {
    .map-info {flex-direction: column; align-items: unset;}
    .map-btn {margin-top: 40rem;}
}

@media (max-width:860px){
    .location-contact {margin-top: 100rem;}
    .location-contact ul {grid-template-columns: repeat(2, 1fr); gap: 10rem;}
    .location-contact a::after {width: 12rem; height: 12rem;}
}

@media (max-width:540px){
    .root_daum_roughmap .wrap_map {height: 300rem !important;}
    .loacation-map__item h3 img {height: 35rem;}
    .loacation-map__item ul i {margin-right: 15rem;}
    .location-contact {margin-top: 80rem;}
    .location-contact ul {grid-template-columns: 1fr;}
    .location-contact a span {line-height: 55rem;}
}

/* process */
.process-cont {padding: 80rem; text-align: center; background: #f5f5f5;}
.process-cont .area-title {margin-bottom: 10rem;}
.process-cont ul {display: flex; flex-wrap: wrap; justify-content: center; align-items: flex-start;}
.process-cont ul i {display: flex; justify-content: center; align-items: center; width: 50rem; height: 300rem; margin-top: 30rem;}
.process-cont ul i:nth-child(8) {display: none;}
.process-cont ul i img {width: 23rem;}
.process-cont ul li {margin: 30rem 0;}
.process-cont__box {display: flex; flex-direction: column; align-items: center; width: 285rem; height: 300rem; margin-bottom: 20rem; padding: 30rem 20rem 20rem; text-align: center; border-radius: 10rem; border: 1px solid #e1e1e1; background: #fff; box-sizing: border-box;}
.process-cont__box em {display: inline-block; width: 25rem; height: 25rem; line-height: 25rem; margin-bottom: 20rem; font-size: 14rem; font-weight: 700; color: #fff; text-align: center; border-radius: 100%; background:#4a4a54;}
.process-cont__box p {font-size: 20rem; font-weight: 600; color: #101418;}
.process-cont__box p span {display: block; margin-top: 5rem; font-size: 16rem; color: #aaa;}
.process-cont__box > img {max-width: 100%; margin-top: auto;}
.process-cont dl {line-height: 1.6; color: #444;}
.process-cont dl dt {margin-bottom:5rem; font-size: 17rem; font-weight: 600; color: var(--color-black);}
.process-cont dl dd + dt {margin-top: 20rem;}
.process-cont .txt_under {font-size: 11rem; font-weight: 500; vertical-align: bottom;}

@media (max-width:1600px){
    .process-cont__box {width: 260rem; height: 320rem;}
}

@media (max-width:1300px){
    .process-cont {padding: 80rem 30rem;}
    .process-cont__box {width: 240rem; height: 300rem;}
    .process-cont__box > img {height: 120rem;}
    .process-cont dl {width: 240rem; word-break: keep-all;}
    .process-cont dl br {display: none;}
    .process-cont ul i {width: 40rem;}
    .process-cont ul i img {width: 20rem;}
}

@media (max-width:1023px){
    .process-cont {padding: 60rem 20rem;}
    .process-cont .area-title {margin-bottom: 0; font-size: 30rem;}
    .process-cont ul i:nth-child(8) {display:flex;}
    .process-cont__box p {font-size: 18rem;}
}

@media (max-width:768px){
    .area-process .sub-title-wrap p br {display: none;}
    .process-cont .area-title {margin-bottom: 10rem;}
    .process-cont ul li {margin: 20rem 0;}
    .process-cont ul i:nth-child(4n) {display:none;}
    .process-cont__box {width: 260rem;}
}

@media (max-width:540px){
    .process-cont__box {width: 240rem;}
}

@media (max-width:480px){
    .process-cont ul li {width: 100%;}
    .process-cont__box,
    .process-cont dl {width: 100%;}
    .process-cont__box em {font-size: 12rem;}
    .process-cont ul i {width: 100%; height: auto; margin: 0;}
    .process-cont ul i img {transform: rotate(90deg);}
    .process-cont ul i:nth-child(4n) {display: flex;}
}

/* part */
.area-part .notice {margin-bottom: 30rem; text-align: center;}
.part-cont__list {gap: 20rem;}
.part-cont__list h3 {margin-bottom: 5rem; padding: 25rem 20rem; font-size: 20rem; font-weight: 600; color: #fff; text-align: center; background: var(--color-point);}
.part-cont__list ul {border: 1px solid #e1e1e1;}
.part-cont__list ul li {position: relative; border-bottom: 1px solid #e1e1e1;}
.part-cont__list ul li:last-child {border-bottom: none;}
.part-cont__list a {position: relative; display: block; padding: 20rem 30rem; color: #444; text-align: left;}
.part-cont__list a::before { opacity: .2; position: absolute; right: 30rem; top: 50%; content:''; width: 15rem; height: 15rem; background: url(/images/content/ic-arrow.svg) no-repeat center / contain; transform: translate(0, -50%);}
.part-cont__list a::after {position: absolute; left:0; top: 0; content:''; width: 100%; height: 100%; border: solid #111; border-width: 0;}
.part-cont__list ul li:hover a::after {border-width: 1px;}
.part-cont__list ul li:hover a::before {opacity: 1;}
.part-img img {width: 700rem;}
[data-pop-layer="layer"].part-layer .popBox {width: auto !important; min-height: auto !important;}
[data-pop-layer="layer"].part-layer .popBox .popConts {max-height: calc(650rem - var(--titleHig));}
.area-part .area-btn {display: table; margin-left: auto; margin-top: 90rem;}
.area-part .area-btn i {display: inline-block; background: url(../images/content/ic-download_wt.svg) no-repeat; width: 14rem; height: 15rem;}
.area-part .area-btn i {margin-left: 15rem;}

@media (max-width:1023px){
    .area-part .notice {margin-bottom: 20rem;}
    .part-cont__list h3 {padding: 22rem 10rem; font-size: 18rem;}
    .part-cont__list a {padding: 20rem;}
    .part-cont__list a::before {right: 20rem;}

    [data-pop-layer="layer"].part-layer .popBox {left: 50% !important; top: 50% !important; height: auto !important; transform: translate(-50%, -50%);}
    [data-pop-layer="layer"].part-layer .popBox .popTitle {padding: 30rem 20rem 10rem;}
    [data-pop-layer="layer"].part-layer .popBox .popConts {padding: 10rem 20rem 30rem;}
}

@media (max-width:860px){
    .part-cont__list {grid-template-columns:repeat(2, 1fr);}
    .part-img img {width: 100%;}
    [data-pop-layer="layer"].part-layer .popBox .popTitle {padding-bottom: 20rem;}
    [data-pop-layer="layer"].part-layer .popBox {left: 0 !important; top: 0 !important; width: 100% !important; height: 100% !important; transform: translate(0, 0);}
    [data-pop-layer="layer"].part-layer .popBox .popConts {padding: 20rem;}
    .area-part .area-btn  {margin-top: 40rem;}
}

@media (max-width:540px){
    .part-cont__list {grid-template-columns:1fr; gap: 30rem;}
    .part-cont__list h3 {margin-bottom: 0;}
}

/* quality */
.area-quality .policy-wrap {justify-content: center; margin-bottom: 100rem;}

@media (max-width:768px){
    .area-quality .sub-title-wrap p br {display: none;}
    .area-quality .policy-box {width: 100%;}
    .area-quality .policy-box__item:last-child ul li:last-child br:last-child {display: none;} 
}

@media (max-width:540px){
    .area-quality .policy-wrap {margin-bottom: 80rem;}
}

/* research01 */
.research-process {margin-top: 120rem;}
.research-process .area-wrap::before {position: absolute; left:0; top:117rem; content:''; width: 100%; height: 427rem; border: 2rem dashed #ccc; border-radius: 1000rem;}
.research-process [data-flex] {justify-content: center; margin-bottom: 120rem;}
.research-process [data-flex]:last-child i {transform: scaleX(-1)}
.research-process i {z-index: 1; display: block; width: 80rem; height: 235rem; background: url(/images/content/process-arrow.svg) no-repeat center / 25rem;}
.reseach-process__item {width: 235rem; line-height: 1.5; font-size: 18rem; color: #444; text-align: center; word-break: keep-all;}
.reseach-process__item h3 {position: relative; display: flex; justify-content: center; align-items: center; width: 100%; height: 235rem; margin-bottom: 20rem; font-size: 20rem; font-weight: 600; color: #fff; text-align: center; border-radius: 100%; overflow: hidden;}
.reseach-process__item h3 span {position: relative;}
.reseach-process__item img {position: absolute; left: 50%; top: 50%; width: 100%; height: 100%; object-fit: cover; transform:translate(-50%, -50%);}
.research-arrow {position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.research-arrow i {position: absolute; width: 23rem; height: 23rem; top: 330rem;}
.research-arrow i:first-child {left: -11rem; transform: rotate(-90deg);}
.research-arrow i:last-child {right: -13rem; transform: rotate(90deg);}
.research-tab {padding: 150rem 0; background: #f7f7f7;}
.research-tab .area-title {text-align: center;}
.research-tab .tab-content {display: none; align-items: center; line-height: 1.6; word-break: keep-all;}
.research-tab .tab-content.on {display: flex;}
.research-tab .tab-content h5 {margin-bottom: 10rem; font-family: var(--font-elice); font-size: 24rem; font-weight: 400; color: var(--color-black);}
.research-tab .tab-content p {color: #444;}
.research-tab .tab-content div {width: 45%; padding-right: 100rem; box-sizing: border-box;}
.research-tab .tab-content div:has(img) {width: 55%; height: 360rem; padding-right: 0; text-align: center; background: #fff; border: 1px solid #e1e1e1;}
.research-tab .tab-content img {height: 100%;}


@media (max-width:1023px){
    .research-process {margin-top: 80rem;}
    .research-process [data-flex] {margin-bottom: 60rem;}
    .research-process i {width: 60rem; height: 19vw; background-size: 20rem;}
    .research-process .area-wrap::before {left: 50%; top: 96rem; width: calc(100% + 40rem); height: 340rem; transform: translate(-50%, 0); border-radius: 20rem;}
    .reseach-process__item {font-size: 16rem;}
    .reseach-process__item h3 {height: 19vw; margin-bottom: 15rem; font-size: 18rem;}
    .research-arrow i {top:260rem; width: 20rem; height: 20rem;}
    .research-arrow i:first-child {left: -30rem;}
    .research-arrow i:last-child {right: -31rem;}
    .area-research01 {overflow: hidden;}

    .research-tab {margin-top: 100rem; padding: 100rem 0;}
    .research-tab .tab-menu.v1 {grid-template-columns: repeat(3, 1fr);}
    .research-tab .tab-content {justify-content: space-between;}
    .research-tab .tab-content div {width: 50%;}
    .research-tab .tab-content div:has(img) {width: 50%; height: auto;}
    .research-tab .tab-content img {max-width: 100%; height: auto;}
 }

 @media (max-width:860px){
    .research-arrow {display: none;}
    .research-process {margin-top: 0;}
    .research-process [data-flex] {flex-wrap: wrap; margin-bottom: 0;}
    .research-process [data-flex] > * {margin-top: 50rem;}
    .research-process [data-flex]:last-child > *:nth-child(1) {order: 6;}
    .research-process [data-flex]:last-child > *:nth-child(2) {order: 5;}
    .research-process [data-flex]:last-child > *:nth-child(3) {order: 4;}
    .research-process [data-flex]:last-child > *:nth-child(4) {order: 3;}
    .research-process [data-flex]:last-child > *:nth-child(5) {order: 2;}
    .research-process [data-flex]:last-child > *:nth-child(6) {order: 1;}
    .research-process .area-wrap::before {display: none;}
    .reseach-process__item {width: 300rem;}
    .reseach-process__item h3 {height: 30vw; font-size: 20rem;}
    .research-process i {height: 30vw;}
    .research-process i:nth-child(4n) {display: none;}
 }

 @media (max-width:768px){
    .reseach-process__item h3,
    .research-process i {height: 39vw;}
    .research-tab .tab-menu.v1 {grid-template-columns: repeat(2, 1fr);}
 }
 
 @media (max-width:540px){
    .reseach-process__item h3,
    .research-process i {height: 39vw;}
    .research-tab .tab-menu.v1 {grid-template-columns: repeat(2, 1fr);}
    .reseach-process__item {width: 220rem;}
    .reseach-process__item h3,
    .research-process i {height: 36vw;}
    .research-tab .tab-content {flex-direction: column;}
    .research-tab .tab-content h5 {margin-bottom: 7rem; font-size: 20rem;}
    .research-tab .tab-content div {width: 100%;}
    .research-tab .tab-content div:has(img) {width: 100%; margin-top: 40rem;}
 }
  
 @media (max-width:480px){
    .research-process [data-flex] > * {margin-top: 30rem;}
    .reseach-process__item {width: 185rem;}
    .reseach-process__item h3 {font-size: 18rem;}
    .reseach-process__item h3,
    .research-process i {height: 39vw;}
    .research-tab .tab-menu.v1 {grid-template-columns: 1fr;}

 }

/* research02 */
.research-part {padding: 100rem 0;}
.research-part .area-wrap {justify-content: space-between;}
[data-research="part01"] {background: #f7f7f7;}
[data-research="part02"] {padding-bottom: 0 !important;} 
.research-part [data-colum="4"] {width: 70%; gap: 5rem;}
.research-part ul li {padding: 25rem 20rem; color: #444; background: #fff; border: 1px solid #e1e1e1;}
.research-part ul li em {display: block; margin-bottom: 15rem; font-size: 14rem; font-weight: 800; color: var(--color-point);}

@media (max-width:1023px){
    .research-part [data-colum="4"] {grid-template-columns: repeat(3, 1fr);}
}

@media (max-width:860px){
    .area-research02 .research-part {text-align: center;}
    .area-research02 .research-part .area-wrap {flex-direction: column;}
    .area-research02 .research-part [data-colum="4"] {width: 100%; text-align: left;}
}

@media (max-width:540px){
    .area-research02 .research-part {padding: 60rem 0;}
    .area-research02 .research-part [data-colum="4"] {grid-template-columns: repeat(2, 1fr);}
    .research-part ul li em {margin-bottom: 10rem;}
}

/* manage */
.area-manage .tab-menu.v1 {margin-bottom: 60rem; justify-content: center;}
.area-manage .tab-menu.v1 li {min-width: 160rem; padding-left: 20rem;}
.area-manage .tab-content .btn-basic {position: absolute; right: 0; top: -10rem;}

#manage01 {margin-top: 80rem; text-align: center;}
#manage01 .area-title {margin-bottom: 40rem; line-height: 1.6;}
#manage01 dt {margin-bottom: 20rem; font-size: 18rem; font-weight: 600;}
#manage01 dd {margin-bottom:15rem; line-height: 1.7; color: #444;}
#manage01 .policy-wrap {justify-content: center; margin-top: 60rem;}
#manage01 .policy-box__item {text-align: center;}
#manage01 .policy-box__item ul li + li {margin-top: 10rem;}
#manage01 .dot-list {display: inline-block; text-align: left;}
.manage01-conts{text-align: center;}
.manage01-conts .area-title {margin-bottom: 40rem; line-height: 1.6;}
.manage01-conts dt {margin-bottom: 20rem; font-size: 18rem; font-weight: 600;}
.manage01-conts dd {margin-bottom:15rem; line-height: 1.7; color: #444;}
.manage01-sign {margin-top: 60rem; padding: 50rem; color: #444; text-align: center; border: 3rem solid #f0f0f0;}
.manage01-sign em {display: block; margin-bottom: 15rem; font-size: 17rem; font-weight: 700; color: var(--color-point);}
.manage01-sign ul {display: flex; justify-content: center; margin-top: 10rem;}
.manage01-sign ul li:not(:last-child) {margin-right: 20rem;}
.manage01-sign a {display: flex; align-items: center;font-size: 15rem; color: #888;}
.manage01-sign i {display: block; width: 13rem; height: 13rem; margin-right: 8rem; opacity: .3;}
.manage01-sign strong {margin-right: 5rem; font-weight: 600;}

#manage02 > [data-colum] {margin-top: 100rem; padding-top: 120rem; border-top: 8rem solid #f0f0f0;}

.tab-content > [data-colum] {grid-template-columns: 310rem 1fr; gap: 100rem;}
.manage-nav__inr {position: sticky; left: 0; top: 30rem; padding:35rem 30rem; background: #f7f7f7;}
.manage-nav {margin-top: -30rem;}
.manage-nav h6 {margin-bottom: 20rem; font-size: 18rem; font-weight: 600; color: #444;}
.manage-nav .dot-list li {margin: 15rem 0; color: #888;}
.manage-nav .dot-list li a {transition: .3s;}
.manage-nav .dot-list li a:hover {color: #444; text-decoration: underline;}
.manage-nav .dot-list li:last-child {margin-bottom: 0;}
.manage-nav .btn-download {position: absolute; left:0; bottom: 0; justify-content: center; width: 100%; transform: translateY(100%); box-sizing: border-box;}

.manage-cont p {line-height: 1.7; color: #444; word-break: keep-all;}
.manage-cont__section {padding: 40rem 0; border-bottom: 1px solid #efefef;}
.manage-cont__section:last-child {border-bottom: 0;}
.manage-cont__section h4 {font-size: 20rem; font-weight: 700; color: #111;}
.manage-cont__item {margin: 30rem 0;}
.manage-cont__item:last-child {margin-bottom: 0;}
.manage-cont__item h5 {margin-bottom: 7rem; font-size: 17rem; font-weight: 600; color: #333;}
.manage-cont__item:has(.dot-list) h5 {margin-bottom: 12rem;}
.manage-cont .dot-list strong {font-weight: 600;}

#manage03 .area-title {margin-bottom: 0;}
#manage03 .manage-cont__section h4 {margin-bottom: 15rem;}
#manage03 .manage-cont__section .dot-list {margin-top: 20rem;}

/* 윤리상담 로그인 */
.manage04-cont {margin-top: 40rem;}
.manage04-cont .area-btn {margin-top: 40rem; text-align: center;}
.manage04-cont .btn-basic.btn-submit {position: relative; right: auto; top: auto; height: 60rem; margin-top: 30rem;}
.manage04-cont .bbsContent {padding-bottom: 0;}

.area-login {position: relative; max-width: 400rem; margin: 100rem auto;}
.area-login .area-title {text-align: center;}
.area-login label {opacity: 0; visibility: hidden; display: none;}
.area-login input {width: 100%; height: 50rem; padding: 0 12rem; border-color: #eee;}
.area-login input::placeholder {font-size: 15rem; color: #aaa;}
.area-login .btn-basic.btn-submit {width: 100%;}

/* 윤리상담신청 */
.manage-privacy {padding-top: 40rem; border-top: 1px solid #efefef;}
.manage-privacy h4 {margin-bottom: 20rem; font-size: 20rem; font-weight: 700; color: #111;}

@media (max-width:1023px){
    .area-manage .tab-menu.v1 {display: grid; grid-template-columns: repeat(4, 1fr);}
    .area-manage .tab-menu.v1 li {min-width: auto;}
    .tab-content > [data-colum] {grid-template-columns:290rem 1fr; gap: 60rem;}
    #manage02 > [data-colum] {margin-top: 70rem; padding-top: 100rem; border-top-width: 5rem;}
}

@media (max-width:768px){
    .area-manage .tab-menu.v1 {display: grid; grid-template-columns: repeat(2, 1fr);}
    .manage-nav__inr {padding: 32rem 20rem 30rem;}
    .manage-nav h6 {margin-bottom: 15rem;}
    .manage-nav .dot-list li {margin: 12rem 0;}
    #manage01 dd {word-break: keep-all;}
    #manage01 dd br {display: none;}
    #manage02 > [data-colum] {margin-top: 50rem; padding-top: 0; border-top: 0;}
    #manage02 .manage-nav {margin-top: 0; margin-bottom: 40rem;}

    .tab-content > [data-colum] {grid-template-columns: 1fr;}

    .policy-wrap h5 {font-size: 18rem;}
}

@media (max-width:480px){
    .manage01-sign {margin-top: 50rem; padding: 30rem 10rem;}
    .manage04-cont .area-btn {margin-top: 20rem;}
}

/* esg */
.area-esg .sub-title-wrap p {font-weight: 600;}
.esg-figure {text-align: center;}
.esg-figure [data-flex] {margin: -62rem 0 60rem; justify-content: center;}
.esg-figure > p {line-height: 1.7; font-size: 18rem; color: #444;}
.esg-figure > p span {font-weight: 600;}
.esg-figure > p span:nth-child(1) {color: #18b46a;}
.esg-figure > p span:nth-child(2) {color: #f6a70d;}
.esg-figure > p span:nth-child(3) {color: #3f7cff;}
[data-esg] {display: flex; flex-direction: column; justify-content: center; width: 240rem; height: 240rem; border-radius: 100%; border: 1px solid;}
[data-esg] h3 {margin-bottom: 20rem; font-size: 18rem; font-weight: 600;}
[data-esg] h3 strong {display: block; margin-bottom: 5rem; font-family: var(--font-elice); font-size: 35rem; font-weight: 700;}
[data-esg] p {font-size: 20rem; font-weight: 600; color: var(--color-black);} 
[data-esg="e"] {margin: 0 auto; color: #18b46a; border-color: #14cd75; background: rgba(20, 205, 117, .1);}
[data-esg="s"] {color: #f6a70d; border-color: #f5ab0c; background: rgba(245, 171, 12, .1);}
[data-esg="g"] {margin-left: -30rem; color: #3f7cff; border-color: #4381fb; background: rgba(67, 129, 251, .1);}
.esg-list-wrap {margin-top: 120rem; padding: 135rem 0 150rem; background: #f7f7f7;}
.esg-list-wrap .area-title {margin-bottom: 40rem; text-align: center;}
.esg-list {gap: 40rem;}
.esg-list__item h4 {margin-bottom: 20rem; font-size: 20rem; font-weight: 600; color: var(--color-black);}
.esg-list__item .dot-list li {margin: 12rem 0;}
.esg-list__img {margin-bottom: 30rem;}
.esg-list__img img {width: 100%;}

@media (max-width:768px){
    .esg-figure > p {word-break: keep-all;}
    .esg-figure > p br {display: none;}
    .esg-list {grid-template-columns: 1fr;}
    .esg-list-wrap {margin-top: 100rem; padding: 80rem 0 120rem;}
    .esg-list__item .dot-list li {margin: 7rem 0;}
}

@media (max-width:540px){
    .esg-list-wrap {margin-top: 60rem; padding: 60rem 0 80rem;}
    .esg-list-wrap .area-title {margin-bottom: 30rem;}
}

/* environment */
.area-environment .policy-wrap {gap: 20rem; align-items: stretch; margin-bottom: 100rem;}
.policy-wrap h5 {padding: 22rem 20rem; font-size: 20rem; font-weight: 600; color: var(--color-black); text-align: center; background: #f7f7f7;}
.policy-box__inr {min-height: calc(100% - 70rem); padding: 0 30rem; border: 1px solid #e1e1e1; border-top: 0;}
.policy-box__item {padding: 30rem 0; line-height: 1.7; color: #444; word-break: keep-all;}
.policy-box__item > p {text-align: center;}
.policy-box__item h6 {display: flex; align-items: center; margin-bottom: 15rem; font-size: 22rem; font-weight: 600; color: var(--color-black);}
.policy-box__item h6 span {display: inline-block; margin-right: 13rem; padding:0 7rem; font-size: 16rem; font-weight: 500; color: #666; border-radius: 3rem; border: 1px solid #e1e1e1;}
.policy-box__item ul em {display: block; margin-bottom: 5rem; font-size: 20rem; font-weight: 700; color: #1d2088;}
.policy-box__item ul li + li {margin-top: 25rem;}
.policy-box__item:not(:last-child) {border-bottom: 1px dashed #e1e1e1;}

.environment-section {padding: 100rem 0; line-height: 1.7; font-size: 18rem;}
.environment-section .area-wrap {justify-content: space-between;}
.environment-section .area-wrap > div {width: 70%; color: #444; word-break: keep-all;}
.environment-section:nth-child(2n + 1) {background: #f7f7f7;}
.environment-section:last-child {padding-bottom: 150rem;}
.environment-section .certify-list {margin-top: 40rem;}
.environment-section h6 {margin-bottom: 15rem; font-size: 20rem; font-weight: 600; color: var(--color-black);}
.environment-section .table {position: relative;}
.environment-section .table table {border-top: 2px solid #444;}
.environment-section .table + h6 {margin-top: 50rem;}
.environment-section [data-colum="2"] {gap: 40rem 20rem; text-align: center; font-weight: 600;}
.environment-section [data-colum="2"] img {width: 100%; margin-bottom: 10rem; border: 1px solid #e1e1e1;}

.certify-list {font-size: 18rem; font-weight: 600; text-align: center; color: #444;}
.certify-list li {margin-right: 20rem;}
.certify-list li img {margin-bottom: 10rem; border: 1px solid #e1e1e1;}

@media (max-width:1023px){
    .area-environment .policy-wrap {grid-template-columns: 1fr;}
    .environment-section:last-child {padding-bottom: 120rem;}
}

@media (max-width:768px){
    .environment-section {padding: 80rem 0; font-size: 16rem; word-break: keep-all;}
    .environment-section .area-wrap {flex-direction: column;}
    .environment-section .area-wrap > div {width: 100%;}
    .environment-section .area-title {margin-bottom: 20rem;}
    .certify-list {font-size: 16rem;}
}

@media (max-width:540px){
    .environment-section {padding: 60rem 0;}
    .environment-section [data-colum="2"] {gap: 30rem 20rem;}
    .environment-section:last-child {padding-bottom: 80rem;}
    .policy-box__item > p br,
    .policy-box__item ul li br {display: none;}
    .certify-list {display: grid; grid-template-columns: repeat(2, 1fr); gap: 40rem 20rem;}
    .certify-list li {margin-right: 0;}
    .certify-list li img {width: 100%;}
}

/* 인재상 */
.person-figure {position: relative; text-align: center;}
.person-figure__item {position: relative; display: inline-block;}
.person-figure__item dl dt {margin-bottom: 10rem; font-size: 20rem; font-weight: 700; color: var(--color-black);}
.person-figure__item dl dd {line-height: 1.7; color: #444;}
.person-figure__item h4 {display: block; width: 180rem; line-height: 180rem; margin: 20rem; font-size: 24rem; font-weight: 700; color: #fff; border-radius: 100%; border: 15rem solid #fff; background: #ea7925;}
.person-figure [data-flex] {justify-content: center; margin-top: 40rem;}
.person-figure [data-flex] .person-figure__item {display: flex; align-items: center; }
.person-figure [data-flex] .person-figure__item:last-child {margin-left: 170rem; flex-direction: row-reverse;}
.person-figure [data-flex] .person-figure__item h4 {background: #1b37b0;}
.person-figure [data-flex] .person-figure__item:last-child h4 {background: #97c24e;}
.person-figure__center {position: absolute; left: 50%; top: 47%; transform: translate(-50%, 0);}
.person-figure__center h3 {position: relative; display: flex; justify-content: center; align-items: center; width: 270rem; height: 270rem; background: #f5f5f5; border-radius: 100%; font-size: 28rem;}
/* .person-figure__center h3::after {position: absolute; left: 50%; top: 50%; content:''; width: 100%; height: 100%; padding: 55rem; border-radius: 100%; border: 2rem dashed #e1e1e1; transform: translate(-50%, -50%);} */
/* .person-figure__center h3 img {height: 75rem;} */
/* .person-figure__center h3 img {width: 200rem;} */
.person-figure__arrow {z-index: 1; position: absolute; left:50%; top: 50%; width: 100%; height: 100%; padding: 55rem; transform: translate(-50%, -50%);}
.person-figure__arrow i {position: absolute;}
.person-figure__arrow i:nth-child(1) {left: 20rem; top: 70rem; transform: rotate(-45deg); transform-origin: center;}
.person-figure__arrow i:nth-child(2) {right: 20rem; top: 70rem; transform: rotate(45deg); transform-origin: center;}
.person-figure__arrow i:nth-child(3) {left: 50%; bottom: -12rem; transform: rotate(-180deg); transform-origin: center;}

@media (max-width:1023px){
    .person-figure__item h4 {width: 150rem; line-height: 150rem; margin: 10rem; font-size: 20rem; border-width: 10rem;}
    .person-figure__item dl {word-break: keep-all;}
    .person-figure__item dl dt {font-size: 18rem;}
    .person-figure__center h3 {width: 230rem; height: 230rem;}
    .person-figure__center h3::after {padding: 50rem;}
    .person-figure__center h3 img {height: 65rem;}
}

@media (max-width:860px){
    .person-figure::before {position: absolute; left: 50%; top: 6%; content:''; width: 60%; height: 80%; border-radius: 100%; border: 2rem dashed #e1e1e1; transform: translate(-50%, 0);}
    .person-figure__center {left: 50%; top: 6%; width: 60%; height: 80%; transform: translate(-50%, 0);}
    .person-figure__center h3 {display: none;}
    .person-figure__arrow {padding: 0;}
    .person-figure__arrow i:nth-child(1) {left: -10rem; top: 50%; transform: translate(0, -50%) rotate(-90deg);}
    .person-figure__arrow i:nth-child(2) {right: -10rem; top: 50%; transform: translate(0, -50%) rotate(90deg);}
    .person-figure__arrow i:nth-child(3) {display: none;}
    .person-figure__item {display: flex; align-items: center; flex-direction: column-reverse;}
    .person-figure [data-flex] {flex-direction: column; margin-top: 0;}
    .person-figure [data-flex] .person-figure__item {margin-top:30rem;}
    .person-figure [data-flex] .person-figure__item:last-child {flex-direction: column-reverse; margin-left: 0;}
}

@media (max-width:540px){
    .person-figure__arrow i:nth-child(2) {right: -13rem;}
}

/* 복리후생 */
.area-welfare .sub-title-wrap {margin-bottom: 80rem;}
.area-welfare .sub-title-wrap em {margin-bottom: 60rem;}
.area-welfare .sub-title-wrap h2 span {display: block; margin-bottom: 10rem; font-size: 20rem; font-weight: 300; color: #aaa;}
.area-welfare .sub-title-wrap p {font-weight: 600;}
.welfare-list {gap: 20rem;}
.welfare-list__item {min-height: 360rem; padding: 30rem; border: 1px solid #e1e1e1;}
.welfare-list__item i {display: flex; justify-content: center; align-items: center; width: 70rem; height: 70rem; margin-bottom: 30rem; background:#f7f7f7;}
.welfare-list__item i img {max-width: 62rem; max-height: 42rem;}
.welfare-list__item h4 {margin-bottom: 25rem; padding-bottom: 30rem; font-size: 24rem; font-weight: 700; color: var(--color-black); border-bottom: 1px solid #efefef;}
.welfare-list__item h4 em {display: block; margin-bottom: 8rem; font-size: 16rem; font-weight: 700; color: var(--color-point);}
.welfare-list__item .dot-list li {line-height: 1.6; font-size: 18rem;}
.welfare-list__item .dot-list li::before {top: 11rem;}
.welfare-list__item:nth-last-child(-n+2) h4 {margin-bottom: 0 !important; border-bottom: 0;}

@media (max-width:1023px){
    .welfare-list {grid-template-columns: repeat(3, 1fr);}
}

@media (max-width:860px){
    .welfare-list {grid-template-columns: repeat(2, 1fr);}
    .welfare-list__item h4 {padding-bottom: 25rem; font-size: 22rem;}
    .welfare-list__item .dot-list li {font-size: 16rem;}
    .welfare-list__item .dot-list li::before {top: 9rem;}
}

@media (max-width:540px){
    .welfare-list {grid-template-columns: 1fr;}
    .welfare-list__item {min-height: auto; padding: 30rem 20rem;}
    .welfare-list__item h4 {padding-bottom: 25rem; font-size: 22rem;}
    .welfare-list__item i {width: 60rem; height: 60rem;}
    .welfare-list__item i img {max-width: 50rem; max-height: 25rem;}
    .welfare-list__item .dot-list li {font-size: 16rem;}
    .welfare-list__item .dot-list li::before {top: 9rem;}
}

/* 채용안내 */
.recruit-section {padding: 80rem 0;}
.recruit-section:nth-child(2n+1) {background: #f7f7f7;}
.recruit-section .area-wrap {align-items: center; justify-content: space-between;}
.recruit-section .area-wrap > div {width: 70%; line-height: 1.7; font-size: 18rem; color: #444;}
.recruit-section .area-title {margin-bottom: 0;}
.recurit-process {grid-template-columns: 1fr 50rem 1fr 50rem 1fr 50rem 1fr 50rem 1fr 50rem 1fr;}
.recurit-process .process-arrow {width: 100%; height: 75%; background-size: 22rem; background-position: center;}
.recurit-process__item {font-size: 17rem; font-weight: 600; color: #444; text-align: center;}
.recurit-process__item i {position: relative; display: block; margin-bottom: 15rem; padding-top: 100%; border-radius: 100%; border: 1px solid #e1e1e1; background: #fff;}
.recurit-process__item i img {position: absolute; left: 50%; top: 50%; height: 45rem; transform: translate(-50%, -50%);}
.recurit-process__item:last-child {color: var(--color-point);}
.recurit-process__item:last-child i {border-color: var(--color-point); background: var(--color-point);}
.area-recruit .area-btn {margin-top: 80rem; text-align: center;}
.area-recruit .area-btn a {padding: 25rem 20rem; font-size: 17rem;}

@media (max-width:1280px){
    .recruit-section .are.recurit-processa-wrap > div {width: 75%;}
    .recurit-process {grid-template-columns: 1fr 35rem 1fr 35rem 1fr 35rem 1fr 35rem 1fr 35rem 1fr;}
    .recurit-process .process-arrow {background-size: 18rem;}
    .recurit-process__item i img {height: 35rem;}
}

@media (max-width:1023px){
    .recruit-section .area-wrap {flex-direction: column; text-align: center;}
    .recruit-section .area-title {margin-bottom: 20rem; font-size: 30rem;}
    .recruit-section .area-wrap > div {width: 100%;}
    .recurit-process {margin-top: 10rem;}
}

@media (max-width:860px){
    .recruit-section {padding: 60rem 0;}
    .recruit-section .area-title {font-size: 25rem;}
    .recruit-section .area-wrap > div  {justify-content:center; margin-top: 0; font-size: 16rem; word-break: keep-all;}
    .recruit-section .area-wrap > div br {display: none;}
}

@media (max-width:768px){
    .recurit-process {grid-template-columns:1fr 50rem 1fr 50rem 1fr; gap: 40rem 0;}
    .recurit-process .process-arrow:nth-child(6) {display: none;}
    .recurit-process__item i img {height: 42rem;}
}

@media (max-width:540px){
    .area-recruit .area-btn {margin-top: 50rem;}
}

@media (max-width:480px){
    .recruit-section .area-title {margin-bottom: 30rem;}
    .recurit-process {grid-template-columns:1fr 40rem 1fr 40rem 1fr; gap: 30rem 0;}
    .recurit-process .process-arrow {height: 26vw;}
    .recurit-process__item i {margin-bottom: 10rem;}
    .recurit-process__item i img {height: 37rem;}
}

/* 입사지원 */
.area-apply h4 {margin-bottom: 25rem; font-size: 24rem; font-weight: 700; color: #111;}
.bbsForm_data > label {margin-bottom: 10rem; font-weight: 700;}
.bbsForm_data.mg {margin-top: 40rem;}
.bbsForm .designRadio {height: 32rem;}
.bbsForm .designRadio, .bbsForm .designCheck {gap: 3rem 12rem;}

@media (max-width:768px){
    .area-apply h4 {margin-bottom: 20rem; font-size: 22rem;}
    .designFile.mob em {display: none;}
}

/* sitemap */
body:has(.area-sitemap, .area-online) .area_sub_visual {display: none;}
.area-sitemap,
.area-online {padding-top: 130rem;}
.area_sitemap > ul {display: grid; gap: 20rem; grid-template-columns: repeat(3, 1fr);}
.area_sitemap > ul > li {padding: 20rem; background: #f7f7f7; border-radius: 7rem;}
.area_sitemap > ul > li > a {display: block; margin-bottom: 20rem; padding: 20rem; font-size: 18rem; font-weight: 600; color: #fff; text-align: center; border-radius: 5rem; background:var(--color-point);}
.area_sitemap > ul > li .box {display: block !important;}
.area_sitemap > ul > li .box li {padding: 10rem; border-bottom: 1px solid #efefef;}
.area_sitemap > ul > li .box li:last-child {border-bottom: none;}
.area_sitemap > ul > li .box li a {position: relative; display: block; padding: 10rem 0; font-size: 18rem; font-weight: 600; color: #888; transition: .3s;}
.area_sitemap > ul > li .box li a::after {position: absolute; right: 0; top: 50%; content:''; width:15rem; height: 15rem; background: url(/images/content/ic-arrow.svg) no-repeat center / contain; transform: translate(0, -50%); opacity: .3; transition: .3s;}
.area_sitemap > ul > li .box li:hover a {color: #111;}
.area_sitemap > ul > li .box li:hover a::after {opacity: 1;}

@media (max-width:1023px){
    .area-sitemap, .area-online {padding-top: 80rem;}
    .area_sitemap > ul {grid-template-columns: repeat(2, 1fr);}
    .area_sitemap > ul > li > a {margin-bottom: 10rem;}
}

@media (max-width:540px){
    .area-sitemap .sub-title-wrap,
    .area-online .sub-title-wrap {margin-bottom: 30rem;}
    .area_sitemap > ul {grid-template-columns: 1fr;}
}

/* 온라인상담신청 */
.area-online .area-login {margin-top: -30rem;}
.area-online .area-login .btn-basic.btn-submit {margin-top: 30rem;}
.area-online .area-login .designValue li + li {margin-top: 5rem;}
.online-cont .area-btn {text-align: center;}
.online-cont__item {padding: 50rem 0; border-top: 1px solid #efefef;}
.online-cont__item .box_privacy {margin-bottom: 30rem;}

@media (max-width:480px){
    .area-online .area-login {margin-top: 0;}
}