@charset "utf-8";

/* 
 * content CSS Document
 *
 */

 /* common */
 #content {padding: 150rem 0;}
 #content:has(.area-intro) {padding-bottom: 0 !important;}
 #content:has(.area-tab) .area-title {margin-bottom: 30rem;} 

 .area-title {position: relative; margin-bottom: 60rem; text-align: center;}
 .area-title h3 {line-height: 1.5; font-size: 35rem; color: #000; word-break: keep-all;}
 .box-title {font-size: 25rem; font-weight: 700; color: #000;}

 /* btn */
 .btn_area {display: flex; gap: 10rem; margin-top: 80rem;}
 .btn-basic {width: 150rem; padding: 20rem 0; font-size: 17rem; font-weight: 600; color: #fff; text-align: center; border-radius: 3rem; background: var(--color-primary); transition: .3s;}
 .btn-basic.gray {color: #aaa; background: #f6f8f7;}

 .btn-download {display: block; padding: 23rem 0; font-size: 17rem; font-weight: 600; color: #fff; text-align: center; background: #333; transition: .3s;}
 .btn-download span {position: relative; padding-right: 30rem;}
 .btn-download i {opacity: .5; position: absolute; right: 0; top: 50%; display: block; width: 14rem; height: 14rem; background: url(/images/content/ic-download.svg) no-repeat center /contain; transform: translateY(-50%);}
 .btn-download:hover {background: #111;}

 @media (max-width:1023px){
    #content {padding: 100rem 0;}
    .area-title {margin-bottom: 50rem;}
    .area-title h3 {font-size: 32rem;}
}

@media (max-width:767px){
    #content {padding: 80rem 0;}
    .area-title {margin-bottom: 40rem;}
    .area-title h3 {font-size: 30rem;}
    .btn_area {margin-top: 30rem;}
}

@media (max-width:500px){
    #content {padding: 60rem 0;}
    .area-title h3 {font-size: 27rem;}
    .box-title {font-size: 22rem;}
}

@media (max-width:480px){
    .area-title {margin-bottom: 30rem;}
    .area-title h3 {font-size: 22rem;}
    .area-title h3 br {display: none;}
    #content:has(.area-tab) .area-title {margin-bottom: 20rem;}
    .box-title {font-size: 19rem;}
    .btn-download {padding: 20rem 0; font-size: 15rem;}
    .btn-basic {width: auto; padding: 17rem 0; font-size: 14rem;}
    .btn_area {margin-top: 30rem;}
}

 /* sub-visual */
 .area-subVisual {position: relative; height: 530rem; overflow: hidden;}
 .area-subVisual > i {position: absolute; left: 0; top: 0; display: block; width: 100%; height: 100%; animation:visualScale 8s both;}
 .area-subVisual > i img {width: 100%; height: 100%; object-fit: cover; object-position: center;}
 .subVisual-txt {position: relative; height: 100%; padding-top: 100rem; color: #fff; box-sizing: border-box;}
 .subVisual-txt > .inr {display: flex; flex-direction: column; justify-content: center; align-items: center; height: 100%;}
 .subVisual-txt h2 {font-size: 52rem; font-weight: 800; animation:visual_text_motion 1s both;}
 .subVisual-location {display: flex; align-items: center; justify-content: center; margin-top: 25rem; animation:visual_text_motion 1s .3s both;}
 .subVisual-location img {width: 13rem; vertical-align: middle;}
 .subVisual-location li {opacity: .5; position: relative; margin-right: 15rem; padding-right: 22rem; line-height: 1; font-weight: 700;}
 .subVisual-location li:last-child {opacity: 1; margin-right: 0; padding-right: 0;}
 .subVisual-location li:not(:last-child)::after {position: absolute; right: 0; top: 50%; content:''; width: 6rem; height: 6rem; border: solid #fff; border-width: 0 2rem 2rem 0; transform: translate(0, -50%) rotate(-45deg);}

 @media (max-width:1023px){
    .area-subVisual {height: 450rem;}
    .subVisual-txt {padding-top: 80rem;}
    .subVisual-txt > .inr {padding-bottom: 55rem; box-sizing: border-box;}
    [data-sublayout="business"],
    [data-sublayout="case"] {height: 400rem;}
    [data-sublayout="business"] .subVisual-txt > .inr,
    [data-sublayout="case"] .subVisual-txt > .inr {padding-bottom: 0;}
    .subVisual-txt h2 {font-size: 47rem;}
}

@media (max-width:480px){
    .area-subVisual {height: 340rem;}
    .subVisual-txt {padding-top: 60rem;}
    .subVisual-txt h2 {font-size: 32rem;}
    .subVisual-location {margin-top: 20rem; font-size: 13rem;}
    .subVisual-location img {width: 12rem;}
    .subVisual-location li {padding-right: 15rem; margin-right: 10rem;}
    .subVisual-location li:not(:last-child)::after {width: 4rem; height:4rem; border-width: 0 1px 1px 0;}
    [data-sublayout="business"],
    [data-sublayout="case"] {height: 280rem;}
}

 .area_lnb {position: absolute; left:0; bottom:0; width: 100%; animation:visual_text_motion 1s .5s both;}
 .area_lnb ul {overflow: hidden; display: grid; text-align: center; border-radius: 10rem 10rem 0 0; background: #f0f0f0;}
 .area_lnb ul li {position: relative;}
 .area_lnb ul li:not(:first-child)::before {position: absolute; left:0; top:0; content:''; width: 1px; height: 100%; background: #e1e1e1;} 
 .area_lnb ul li:has(a.on) + li::before {display: none;}
 .area_lnb a {position:relative; display: block; padding: 25rem 20rem; font-size: 17rem; font-weight: 700; color: #aaa;}
 .area_lnb a::after {opacity: 0; visibility: hidden; position: absolute; left:50%; bottom: 7rem; content:''; border-bottom: 7rem solid var(--color-point); border-left: 6rem solid transparent; border-right: 6rem solid transparent; transform: translate(-50%, 0) scaleY(-1);}
 .area_lnb a.on {font-size: 18rem; color: #000; background: #fff;}
 .area_lnb a.on::after {opacity: 1; visibility: visible;}
 [data-sublayout="about"] .area_lnb ul {grid-template-columns: 1fr 1fr 1fr;}
 [data-sublayout="customer"] .area_lnb ul {grid-template-columns: repeat(5, 1fr);}

 @media (max-width:1023px){
    .area_lnb {left: -50rem; width: calc(100% + 100rem);}
    .area_lnb ul {border-radius: 0;}
}

@media (max-width:767px){
    .area_lnb {left: -20rem; width: calc(100% + 40rem);}
}

@media (max-width:480px){
    .area_lnb {overflow-x: auto;}
    .area_lnb a {padding: 18rem 10rem; font-size: 14rem; font-weight: 600; white-space: nowrap;}
    .area_lnb a.on {font-size: 15rem;}
    .area_lnb a::after {border-bottom-width: 5rem; border-left-width: 4rem; border-right-width: 4rem;}
}

 /* tabmenu */
 .area-tab {margin-bottom: 80rem;}
 .tab-menu {display: flex; justify-content: center;}
 .tab-menu li {min-width: 250rem; padding: 20rem 0; margin: 0 5rem; font-size: 17rem; font-weight: 600; color: #aaa; text-align: center; border:1px solid transparent; border-radius: 5rem; background: #f6f8f7; cursor: pointer;}
 .tab-menu li.active {color: var(--color-primary); border-color:var(--color-primary); background: #fff;}
 .tab-content {display: none;}
 .tab-content.on {display: block;}

@media (max-width:620px){
    .area-tab {margin-bottom: 60rem;}
}

@media (max-width:480px){
    .area-tab {margin-bottom: 40rem;}
    .tab-menu {display: grid; grid-template-columns: 1fr 1fr; gap: 10rem;}
    .tab-menu li {min-width: auto; padding: 15rem 0; margin: 0; font-size: 14rem;}
}

/* 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;}

/* intro */
.area-intro {position: relative; padding-bottom: 150rem;}
.area-intro::before {position: absolute; left:0; bottom: 0; content:''; width: 100%; height: calc(100% - 270rem); background: #f0f0f0;}
.area-intro > .inr {display: flex; align-items: center;}
.area-intro figure {width: 480rem;}
.area-intro figure.mob {display: none;}
.area-intro figure img {width: 100%;}
.intro-txt {width: calc(100% - 480rem); padding-left: 80rem; box-sizing: border-box;}
.area-intro .area-title {padding-bottom: 70rem; margin-bottom: 70rem; text-align: left;}
.area-intro .area-title a {position: absolute; right:0; top: 0; display: flex; flex-direction: column; justify-content: flex-end; width: 150rem; height: 150rem; padding: 17rem 20rem; line-height: 1.6; color: #fff; border-radius: 10rem; background:#38ad7a url(/images/main/link-bg.png) no-repeat center / contain; box-sizing: border-box; transition: .3s;} 
.area-intro .area-title a::after {position: absolute; right: 15rem; top: 15rem; content:''; width: 17rem; height: 17rem; background: url(/images/common/arrow_w.svg) no-repeat center / contain; transform: rotate(-45deg);}
.area-intro .area-title a:hover {background-color: var(--color-point);}
.intro-txt > p {line-height: 1.6; font-size: 17rem; color: #444; word-break: keep-all;}
.intro-txt > p + p {margin-top: 20rem;}
.intro-txt__sign {margin-top: 60rem;}
.intro-txt__sign p {font-weight: 700; color: #444;}
.intro-txt__sign p span {padding-right: 10rem; color: #aaa;}
.intro-txt__sign h6{margin-top: 10rem; font-family: "Nanum Brush Script", cursive; font-size: 42rem; font-weight: 400; font-style: italic;}

@media (max-width:1300px){
    .area-intro::before {height: calc(100% - 225rem);}
    .area-intro figure {width: 420rem;}
    .intro-txt {width: calc(100% - 420rem); padding-left: 80rem; box-sizing: border-box;}
    .area-intro .area-title {display: flex; flex-direction: column-reverse; margin: 30rem 0 50rem; padding-right: 20%; padding-bottom: 50rem;}
    .area-intro .area-title h3 {font-size: 33rem;}
    .area-intro .area-title a {width: 130rem; height: 130rem;}
    .intro-txt__sign {margin-top: 50rem;}
}

@media (max-width:1023px){
    .area-intro {padding-bottom: 100rem;}
    .area-intro::before {height: calc(100% - 345rem);}
    .area-intro > .inr {align-items: flex-start;}
    .area-intro figure {width: 350rem;}
    .intro-txt {width: calc(100% - 350rem); padding-left: 50rem;}
    .area-intro .area-title {margin-top: 0; padding-right: 0;}
    .area-intro .area-title h3 {margin-top: 50rem; font-size: 28rem; word-break: keep-all;}
    .area-intro .area-title a {position: relative; width: 120rem; height: 120rem; padding: 15rem;}
}

@media (max-width:767px){
    .area-intro {padding-bottom: 80rem;}
    .area-intro > .inr {flex-direction: column;}
    .area-intro figure.pc {display: none;}
    .area-intro figure.mob {display: block; width:100%; height: 420rem; background: url(/images/content/intro-img-m.jpg) no-repeat center / cover; border-radius: 10rem;}
    .area-intro figure img {display: none;}
    .area-intro .area-title {flex-direction: column; padding-bottom: 0; margin: 0;}
    .area-intro .area-title h3 {text-align: center; margin-top: 0; margin-bottom: 50rem;}
    .area-intro .area-title a {display: block; width: 100%; height: auto; margin: 10rem 0 50rem; padding:20rem 20rem; background-size: cover; transition: 1s;}
    .area-intro .area-title a:hover {background-color: var(--color-primary);}
    .area-intro .area-title a::after {right: 20rem; top: 50%; transform: translateY(-50%) rotate(-45deg);}
    .intro-txt {width: 100%; padding-left: 0; text-align: center;}
}

@media (max-width:500px){
    .area-intro {padding-bottom: 60rem;}
    .area-intro .area-title h3 {margin-bottom: 40rem; font-size: 25rem;}
    .area-intro figure.mob {height: 300rem;}
    .area-intro .area-title a {margin-bottom: 40rem;}
    .intro-txt__sign {margin-top: 40rem;}
}

@media (max-width:480px){
    .area-intro .area-title h3 {margin-bottom: 30rem; font-size: 20rem;}
    .area-intro figure.mob {height: 180rem; border-radius: 5rem;}
    .area-intro .area-title a {padding: 15rem 20rem; font-size: 14rem; border-radius: 5rem;}
    .area-intro .area-title a::after {right: 15rem; margin-top: -2rem;}
    .intro-txt > p {font-size: 14rem;}
    .intro-txt__sign h6 {font-size: 37rem;}
}

/* certify */
.area-certify img {width: 100%;}
.area-certify .img {min-height: 410rem; background:url(/images/board/no_image.gif) no-repeat center;  border: 1px solid #e5ebe8;}
.area-certify .area-title {text-align: center;}
.certify-cont li {font-size: 17rem; font-weight: 600; color: #444; text-align: center;}
.certify-cont li p {margin-top: 15rem;}

@media (max-width:1300px){
    .area-certify .img {min-height: 320rem;}
}

@media (max-width:1023px){
    .certify-cont {gap: 40rem 20rem;}
    .area-certify .img {min-height: 280rem;}
}

@media (max-width:767px){
    .certify-cont {gap: 40rem 20rem;}
    .area-certify .img {min-height: 200rem;}
}

@media (max-width:620px){
    .area-certify .img {min-height: 300rem;}
}

@media (max-width:480px){
    .area-certify .img {min-height: 200rem;}
    .certify-cont li p {margin-top: 12rem; font-size: 14rem;}
}

/* location */
.area-location .area-title {margin-bottom: 50rem;}
.location-cont__map {width: 60%;}
.location-cont__map .root_daum_roughmap {width: 100%; height: 100%;}
.location-cont__map .root_daum_roughmap .wrap_map {height: 100%;}
.location-cont__map .hide {display: none;}
.location-cont__map .map_border {opacity: 1 !important; border-color: #e5ebe8 !important; background-color: #e5ebe8 !important;}
.location-cont__map .root_daum_roughmap_landing .border2 {display: block; background-color: transparent !important;}
.location-cont__map .root_daum_roughmap .border1 {background-color: transparent !important;}
.location-cont__txt {width: 40%; padding: 60rem 50rem; box-sizing: border-box; background: #f6f8f7;}
.location-cont__txt .box-title {margin-bottom: 40rem; padding-bottom: 20rem; border-bottom: 1px solid #e1e1e1;}
.location-cont__txt dt {margin-bottom: 10rem;}
.location-cont__txt dt span {display: inline-block; padding: 6rem 10rem; line-height: 1; font-size: 14rem; font-weight: 700; color: var(--color-primary); border-radius: 100rem; border: 1px solid var(--color-primary);}
.location-cont__txt dd {font-size: 17rem; font-weight: 500; color: #444;}
.location-cont__txt dd + dt {margin-top: 30rem;}

@media (max-width:1023px){
    .area-location .area-title {margin-bottom: 40rem;}
    .location-cont {flex-direction: column;}
    .location-cont__map {width: 100%;}
    .location-cont__map .root_daum_roughmap .wrap_map {height: 400rem;}
    .location-cont__txt {width: 100%; padding: 50rem 30rem;}
}

@media (max-width:767px){
    .area-location .area-title {margin-bottom: 30rem;}
}

@media (max-width:500px){
    .location-cont__map .root_daum_roughmap .wrap_map {height: 300rem;}
    .location-cont__txt {padding: 40rem 20rem;}
    .location-cont__txt .box-title {margin-bottom: 30rem;}
}

@media (max-width:480px){
    .area-location .area-title {margin-bottom: 25rem;}
    .location-cont__map .root_daum_roughmap .wrap_map {height: 230rem;}
    .location-cont__txt {padding: 30rem 20rem;}
    .location-cont__txt dt span {padding: 5rem 8rem; font-size: 13rem;}
    .location-cont__txt dd {font-size: 14rem;}
    .location-cont__txt dd + dt {margin-top: 20rem;}
}

/* business */
.business-list {flex-wrap: wrap; justify-content: center; gap: 20rem;}
.business-list li {overflow: hidden; position: relative; width: 32%; border-radius: 20rem;}
.business-list li img {width: 100%;}
.business-list li p {position: absolute; left: 0; bottom: 0; width: 100%; padding:45rem 40rem; font-size: 22rem; font-weight: 700; color: #fff; box-sizing: border-box;}

@media (max-width:1023px){
    .business-list li {width: 30%; border-radius: 10rem;}
    .business-list li p {padding: 30rem 20rem; line-height: 1.5; font-size: 18rem;}
}

@media (max-width:767px){
    .business-list li {width:48%;}
}

@media (max-width:480px){
    .business-list {flex-direction: column; gap: 10rem;}
    .business-list li {width:100%; margin: 0;}
    .business-list li p {padding: 20rem; font-size: 15rem;}
}

/* esg */
.esg-title {width: 70%; margin: 0 auto; text-align: center; padding-bottom: 50rem; border-bottom: 1px solid #f1faf3;}
.esg-title h4 {display: inline-block; min-width: 600rem; padding: 30rem 0; line-height: 1.6; font-size: 18rem; font-weight: 600; color: #444; border-radius: 100rem; border: 1px solid #e5ebe8; background: #f6f8f7;}
.esg-title h4 span {font-size: 18rem; font-weight: 700; color: var(--color-primary);}
.esg-list {justify-content: center; margin-top: 140rem;}
.esg-list__item {position: relative; margin: 0 20rem;}
.esg-list__item h5 {position: absolute; left: 50%; top: 0; display: flex; flex-direction: column; justify-content: center; align-items: center; width: 180rem; height: 180rem; font-size: 18rem; font-weight: 700; color: #444; border-radius: 100%; transform: translate(-50%, -50%);}
.esg-list__item h5 em {display: block; margin-bottom: 15rem; font-size: 14rem; font-weight: 800; color: var(--color-primary);}
.esg-list__item:nth-child(1) h5 {background: #f1faf3;}
.esg-list__item:nth-child(2) h5 {background: #edfcdf;}
.esg-list__item:nth-child(3) h5 {background: #f9fae2;}
.esg-list__item ul {width: 360rem; height: 100%; padding: 0 20rem 20rem; padding-top: 100rem; color: #666; text-align: center; border-radius: 10rem; border: 1px solid #e5ebe8; box-sizing: border-box;}
.esg-list__item ul li {padding: 15rem 0; line-height: 1.6;}
.esg-list__item ul li:not(:last-child) {border-bottom: 1px dashed #e5ebe8;}

@media (max-width:1023px){
    .esg-title {width: 100%;}
    .esg-list {display: grid; gap: 20rem; grid-template-columns: repeat(3, 1fr);}
    .esg-list__item {margin: 0;}
    .esg-list__item ul {width: auto;}
    .esg-list__item ul li {word-break: keep-all;}
}

@media (max-width:767px){
    .esg-list {grid-template-columns: 1fr; margin-top: 50rem;}
    .esg-list__item h5 {left: 0; top: 50%; width: 150rem; height: 150rem; font-size: 17rem; transform: translate(0, -50%);}
    .esg-list__item h5 em {margin-bottom: 10rem;}
    .esg-list__item ul {width: 90%; margin-left: auto; padding: 50rem 20rem; padding-left: 120rem; text-align: left;}
}

@media (max-width:620px){
    .esg-title h4 {width: 100%; min-width: auto;}
    .esg-list__item {margin-top: 90rem;}
    .esg-list__item:first-child {margin-top:70rem;}
    .esg-list__item h5 {left: 50%; top: 0; transform: translate(-50%, -50%);}
    .esg-list__item ul {width: 100%; padding-top: 90rem; padding-left: 20rem; padding-bottom: 20rem; text-align: center;}
}

@media (max-width:480px){
    .esg-title {padding-bottom: 0; border-bottom: 0;}
    .esg-title h4 {padding: 20rem; font-size: 15rem; border-radius: 10rem; box-sizing: border-box; word-break: keep-all;}
    .esg-title h4 br {display: none;}
    .esg-title h4 span {font-size: 15rem;}
    .esg-list__item {margin-top: 70rem;}
    .esg-list__item:first-child {margin-top: 60rem;}
    .esg-list__item h5 {width: 130rem; height: 130rem; font-size: 16rem;}
    .esg-list__item h5 em {margin-bottom: 8rem; font-size: 13rem;}
    .esg-list__item ul {padding-top: 75rem; font-size: 14rem;}
    .esg-list__item ul li {padding: 12rem 0;}
}

/* env */
.env-title {margin-bottom: 70rem;}
.env-title h4 {line-height: 1.8; font-size: 18rem; font-weight: 600; color: #444; text-align: center; word-break: keep-all;}
.env-list__item {display: flex; align-items: center;}
.env-list__item:not(:last-child) {margin-bottom: 40rem;}
.env-list__item .img {flex: .5; margin-right: 60rem; border-radius: 20rem; overflow: hidden;}
.env-list__item .img img {width: 100%;}
.env-list__item .txt {flex: 1;}
.env-list__item .txt em {display: block; margin-bottom: 30rem; font-weight: 800; color: var(--color-primary);}
.env-list__item .txt p {margin-top: 15rem; line-height: 1.6; color: #444; word-break: keep-all;}

.ethics-box {overflow: hidden; padding: 20rem 10rem; border: 1px solid #e5ebe8;}
.ethics-box ::-webkit-scrollbar {width: 8rem;}
.ethics-box ::-webkit-scrollbar-thumb {border-radius: 10rem; background: #cad1ce;}
.ethics-box ::-webkit-scrollbar-track {border-radius: 10rem; background: #f6f8f7;}
.ethics-box > section {overflow: auto; height: 800rem; padding: 30rem 40rem;}
.ethics-box__item {padding: 60rem 0; line-height: 1.6; font-size: 17rem; border-bottom: 1px solid #e5ebe8;}
.ethics-box__item:first-child {padding-top: 0 !important;}
.ethics-box__item:last-child {padding-bottom: 0 !important; border-bottom: 0;}
.ethics-box__item .box-title {margin-bottom: 20rem;}
.ethics-box__item p {margin-bottom: 40rem; color: #000;}
.ethics-box__item dt {margin-bottom:7rem; font-weight: 600; color: #000;}
.ethics-box__item dd + dt {margin-top: 30rem;}
.ethics-box__item dd,
.ethics-box__item ul li {color: #444;}
.ethics-box__item ul li:not(:last-child) {margin-bottom: 5rem;}
.ethics-box__item ul li:has(em) {display: flex; align-items: flex-start;}
.ethics-box__item ul li:has(em):not(:last-child) {margin-bottom: 10rem;}
.ethics-box__item ul li em {font-weight: 600; min-width: 45rem;}

.ethics-list {gap: 20rem;}
.ethics-list__item {padding: 40rem 30rem; line-height: 1.6; font-size: 17rem; color: #444; border:1px solid #e5ebe8}
.ethics-list__item i {display: block; margin-bottom: 22rem;}
.ethics-list__item img {height: 50rem;}
.ethics-list__item dt {margin-bottom: 7rem; font-size: 18rem; font-weight: 600;}

@media (max-width:1023px){
    .env-title {margin-bottom: 60rem;}
    .env-list__item .img {flex: .8; margin-right: 50rem;}
    .env-list__item .txt em {margin-bottom: 20rem;}
    .ethics-box > section {height: 550rem; padding: 30rem;}
    .ethics-box__item {font-size: 16rem;}
}

@media (max-width:620px){
    .env-title {margin-bottom: 50rem;}
    .env-title h4 br {display: none;}
    .env-list__item {flex-direction: column;}
    .env-list__item:not(:last-child) {margin-bottom: 60rem;}
    .env-list__item .img {flex:1; width: 100%; margin-right: 0; margin-bottom: 30rem; border-radius: 10rem;}
    .env-list__item .txt p br {display: none;}
    .ethics-list {grid-template-columns: 1fr;}
}

@media (max-width:500px){
    .ethics-box > section {height: 450rem; padding: 20rem;}
}

@media (max-width:480px){
    .env-title {margin-bottom: 40rem;}
    .env-title h4 {line-height: 1.7; font-size: 15rem;}
    .env-list__item .txt em {margin-bottom: 10rem;}
    .env-list__item .txt p {font-size: 14rem;}
    .ethics-box > section {height: 350rem; padding:10rem;}
    .ethics-box__item {padding: 30rem 0; font-size: 13rem;}
    .ethics-box__item p {margin-bottom: 30rem;}
    .ethics-box__item .box-title {margin-bottom: 10rem;}
    .ethics-box__item ul li em {min-width: 40rem;}
    .ethics-list__item {padding: 30rem 20rem; font-size: 14rem;}
    .ethics-list__item dt {font-size: 15rem;}

}