@charset "utf-8";

.about-purpose .purpose-intro {display:flex;position:relative;margin-bottom:12%;}
.about-purpose .purpose-intro:after {position:absolute;content:"";left:0;right:0;top:101%;padding-top:10%;background-repeat:no-repeat;background-position:center center;background-size:auto 90%;background-image:url(../images/content/arrow.png);}

.about-purpose .purpose-intro > dt {position:relative;z-index:2;width:330px;background-color:#012d63;color:#fff;border-radius:20px;display:flex;align-items:center;justify-content:center;text-align:center;font-size:1.4rem;line-height:1.4;box-shadow: 9px 0 9px 0 rgba(2,60,128,1);}
.about-purpose .purpose-intro > dd {position:relative;flex-grow:1;margin:18px 0;padding:40px;text-align:center;background-color:#074a98;color:#fff;font-size:1.4rem;line-height:1.4;border-radius:0 20px 20px 0;overflow:hidden;}
.about-purpose .purpose-intro > dd:before {position:absolute;z-index:2;content:"▶";left:-10px;top:50%;transform: translateY(-50%);color:#fff;font-size:2rem;}




.about-purpose .purpose-goal {position:relative;max-width:850px;display:flex;margin:0 auto;}
.about-purpose .purpose-goal > li {padding:70px 50px;font-size:1.4rem;line-height:1.4;text-align:center;width:50%;border:20px solid #eee;display:flex;align-items:center;justify-content:center;}

.about-purpose .purpose-goal > li:nth-child(1) {border-color:#1e2b57;border-radius:200px 0 0 200px;padding-right:150px;}
.about-purpose .purpose-goal > li:nth-child(2) {position:absolute;z-index:2;width:28%;height:100%;left:50%;top:50%;transform: translate(-50%,-50%);border:0;border-radius:100%;background: linear-gradient(90deg, rgba(93,154,211,1) 0%, rgba(30,43,87,1) 100%);}
.about-purpose .purpose-goal > li:nth-child(2):before {position:absolute;z-index:-1;content:"";left:10px;right:10px;top:10px;bottom:10px;background-color:#f1f1f1;border-radius:100%;}
.about-purpose .purpose-goal > li:nth-child(3) {border-color:#5d9ad3;border-radius:0 200px 200px 0;padding-left:150px;}



.about-purpose .purpose-exp {display:flex;gap:30px;margin-top:27px;}
.about-purpose .purpose-exp > li {width:50%;padding:30px 50px;display:flex;align-items:center;text-align:center;justify-content:center;color:#fff;border-radius:100px;font-size:1.2rem;}
.about-purpose .purpose-exp > li:first-child {background-color:#1e2b57;}
.about-purpose .purpose-exp > li:last-child {background-color:#5d9ad3;}






.about-history .title {text-align:center;margin-bottom:20px;}

.about-history .history {position:relative;padding:0;padding-bottom:50px;}
.about-history .history:after {position:absolute;content:"";left:50%;top:20px;bottom:0;width:1px;background:#007ac0;}
.about-history .history:before {position:absolute;content:"▲";left:50%;bottom:0;width:40px;margin-left:-20px;text-align:center;color:#007ac0;line-height:0;font-size:1.6rem;}

.about-history .history > li {position:relative;}
.about-history .history > li:before {position:absolute;content:"";top:20px;display:block;width:16px;height:16px;border-radius:100%;background:#007ac0;}

.about-history .history > li:nth-child(odd) {margin-right:50%;padding-right:5%;text-align:right;}
.about-history .history > li:nth-child(even) {margin-left:50%;padding-left:5%;text-align:left;}

.about-history .history > li:nth-child(odd):before {right:-8px;}
.about-history .history > li:nth-child(even):before {left:-8px;}


.about-history .history .year {font-size:3rem;line-height:1.2;letter-spacing:-0.05em;font-weight:600;color:#007ac0;}

.about-history .history > li > dl {display:flex;align-items:flex-start;gap:20px;margin-top:20px;}
.about-history .history > li > dl > dt {width:98px;height:30px;display:flex;align-items:center;justify-content:center;background:#007bc0;color:#fff;border-radius:15px;}
.about-history .history > li > dl > dd {margin-top:3px;color:#007bc0;line-height:1.6;}


.about-history .history > li:nth-child(odd) > dl {justify-content:flex-end;}
.about-history .history > li:nth-child(odd) > dl > dt {order:9;}












.about-chairman .greeting-summary {position:relative;padding-top:10%;margin-top:5%;}


.about-chairman .greeting-summary .greeting {position:relative;padding:50px 0;padding-left:45%;font-size:1.2rem;line-height:1.4;margin-bottom:40px;}
.about-chairman .greeting-summary .greeting:after {position:absolute;z-index:-2;content:"";left:0;right:-4000px;;top:0;bottom:0;border-radius:20px;background-color:#f0f0f0;}
.about-chairman .greeting-summary .greeting:before {position:absolute;z-index:-1;content:"";left:0;width:30%;top:0;bottom:0;border-radius:20px 0 0 20px;background-repeat:no-repeat;background-position:left center;background-size:auto 100%;background-image:url(../images/content/chairman-greeting-bg.png);}
.about-chairman .greeting-summary .greeting .main {font-size:1.65rem;letter-spacing:-0.05em;margin-bottom:30px;}
.about-chairman .greeting-summary .greeting .main > strong {font-weight:500;}

.about-chairman .greeting-summary .swr-imgwrap.chairman {position:absolute;bottom:-6px;;left:8%;width:470px;}

.about-chairman .greeting-summary .swr-imgwrap.logo {position:absolute;top:0;;left:45%;}


.about-chairman .greeting-detail > ol > li {position:relative;font-size:1.4rem;line-height:1.2;letter-spacing:-0.05em;}
.about-chairman .greeting-detail > ol > li:nth-child(n+2) {margin-top:15px;}
.about-chairman .greeting-detail > ol > li > strong {position:relative;display:inline-block;font-weight:500;}
.about-chairman .greeting-detail > ol > li > strong:after {position:absolute;z-index:-1;content:"";left:0;right:0;top:12px;bottom:0;background-color:#a0c4e5;opacity:0.7;}

.about-chairman .greeting-detail .sign > strong {font-size:1.6rem;font-weight:600;}











.about-chairman .profile-summary {position:relative;padding:0;padding-top:5%;margin-top:5%;}


.about-chairman .profile-summary .profile {position:relative;padding:50px;padding-left:370px;padding-right:70px;font-size:1.2rem;line-height:1.4;margin-bottom:40px;}
.about-chairman .profile-summary .profile:after {position:absolute;z-index:-2;content:"";left:120px;right:0;;top:0;bottom:0;border-radius:0 200px 200px 0;background-color:#eaf3fb;}

.about-chairman .profile-summary .swr-imgwrap.chairman {position:absolute;bottom:-6px;;left:0%;width:330px;}

.about-chairman dl:nth-child(n+2) {margin-top:50px;}

.about-chairman dl > dt {font-size:1.5rem;letter-spacing:-0.05em;font-weight:600;margin-bottom:10px;}
.about-chairman ul > li  {position:relative;display:flex;gap:10px;align-items:flex-start;margin-top:10px;line-height:1.4;}
.about-chairman ul > li:before  {flex-shrink:0;display:block;content:"";width:5px;height:5px;background-color:#111;border-radius:100%;margin-top:9px;}

.about-chairman ul > li .wrap  {position:relative;display:flex;gap:10px;align-items:flex-start;}

.about-chairman ul > li .wrap > em  {flex-shrink:0;display:block;width:156px;}


.about-chairman .profile-summary .name {position:absolute;right:15%;bottom:92%;font-size:1.5rem;}
.about-chairman .profile-summary .name > strong  {font-size:1.7em;font-weight:600;}





.about-strategy .strategy-system > dl {position:relative;display:flex;align-items:center;gap:20px;line-height:1.4;padding-right:10%;}
.about-strategy .strategy-system > dl:nth-child(n+2) {padding-top:6%;}
.about-strategy .strategy-system > dl > dt {order:-2;flex-shrink:0;width:130px;font-size:1.8rem;color:#0082d4;font-weight:600;}
.about-strategy .strategy-system > dl:before {order:-1;flex-shrink:0;width:90px;height:11px;content:"";display:block;background-repeat:no-repeat;background-position:left center;background-size:50% auto;background-image:url(../images/content/dot.png);}

.about-strategy .strategy-system > dl > dd {flex-grow:1;text-align:center;font-size:1.2rem;}

.about-strategy .quote {position:relative;display:inline-block;padding:0 50px;font-size:1.5em;}
.about-strategy strong.quote {font-weight:600;}
.about-strategy .quote:before {position:absolute;content:"";left:0;top:50%;transform: translateY(-50%);display:block;width:19px;height:70px;background-repeat:no-repeat;background-position:center center;background-size:100% auto;background-image:url(../images/content/quote-left.png);}
.about-strategy .quote:after {position:absolute;content:"";right:0;top:50%;transform: translateY(-50%);display:block;width:19px;height:70px;background-repeat:no-repeat;background-position:center center;background-size:100% auto;background-image:url(../images/content/quote-right.png);}


.about-strategy .strategy-system .system-exp  {display:flex;align-items:flex-start;gap:10%;text-align:center;justify-content:center;}
.about-strategy .strategy-system .system-exp > li {position:relative;width:calc(25% - 5%);flex-grow:1;}

.about-strategy .strategy-system .system-exp.rule > li:before {display:block;content:"";padding-top:100%;background-color:#0a82cf;border-radius:100%;margin-bottom:10px;background-repeat:no-repeat;background-position:center center;background-size:50% auto;}

.about-strategy .strategy-system .system-exp.rule > li:nth-child(1):before {background-image:url(../images/icon/strategy-system-01-w.png);}
.about-strategy .strategy-system .system-exp.rule > li:nth-child(2):before {background-image:url(../images/icon/strategy-system-02-w.png);}
.about-strategy .strategy-system .system-exp.rule > li:nth-child(3):before {background-image:url(../images/icon/strategy-system-03-w.png);}
.about-strategy .strategy-system .system-exp.rule > li:nth-child(4):before {background-image:url(../images/icon/strategy-system-04-w.png);}


.about-strategy .strategy-system .system-exp.value > li {aspect-ratio: 1;border:10px solid #0a82cf;border-radius:100%;display:flex;align-items:center;justify-content:center;font-size:1.8em;font-weight:600;font-style:italic;color:#0a82cf;letter-spacing:-0.05em;padding:10px;text-indent:-5px;}
.about-strategy .strategy-system .system-exp.value > li:after {position:absolute;content:"";left:5px;right:5px;top:5px;bottom:5px;border:1px solid #0a82cf;border-radius:100%;}


.about-strategy .strategy-system .system-exp.goal {gap:15px;align-items:stretch;}

.about-strategy .strategy-system .system-exp.goal > li {padding:3%;color:#fff;font-size:1rem;}
.about-strategy .strategy-system .system-exp.goal > li:after {position:absolute;z-index:-1;content:"";left:0;right:0;top:0;bottom:0;border-radius:20px;background-color:#0a82cf;}

.about-strategy .strategy-system .system-exp.goal > li > strong {display:block;margin-bottom:10px;font-size:1.4em;line-height:1.2;}





.about-strategy .strategy-system .system-exp.objective {gap:15px;align-items:stretch;}

.about-strategy .strategy-system .system-exp.objective > li {aspect-ratio: 1;padding:3%;color:#fff;font-size:1.4rem;display:flex;align-items:center;justify-content:center;}
.about-strategy .strategy-system .system-exp.objective > li:after {position:absolute;z-index:-1;content:"";left:5%;right:5%;top:5%;bottom:3%;background-color:#0a82cf;transform: rotate(45deg);opacity:0.7;}

.about-strategy .strategy-system .system-exp.objective > li:nth-child(1):after {background-color:#02326d;}
.about-strategy .strategy-system .system-exp.objective > li:nth-child(2):after {background-color:#06a4a4;}
.about-strategy .strategy-system .system-exp.objective > li:nth-child(3):after {background-color:#0070a3;}
.about-strategy .strategy-system .system-exp.objective > li:nth-child(4):after {background-color:#386f94;}



.about-strategy .strategy-system .system-exp.task {gap:15px;align-items:stretch;}

.about-strategy .strategy-system .system-exp.task > li {padding:3%;font-size:1rem;}
.about-strategy .strategy-system .system-exp.task > li:after {position:absolute;z-index:-1;content:"";left:0;right:0;top:0;bottom:0;border-radius:20px;background-color:#e6e6e6;}

.about-strategy .strategy-system .system-exp.task > li > p {position:relative;display:flex;gap:10px;align-items:flex-start;margin-top:10px;line-height:1.4;text-align:left;word-break:keep-all;}
.about-strategy .strategy-system .system-exp.task > li > p:before  {flex-shrink:0;display:block;content:"";width:5px;height:5px;background-color:#111;border-radius:100%;margin-top:9px;}


.about-strategy .strategy-system > dl.up:after {position:absolute;z-index:-1;content:"";left:140px;right:0;top:0;padding-top:6%;background-repeat:no-repeat;background-position:center center;background-size:20% 80%;background-image:url(../images/content/arrow-up.png);}





.about-strategy .strategy-vision .main-copy {display:block;position:relative;padding:5% 9%;font-size:2.6em;font-weight:500;text-align:center;border:10px solid #2f7dd0;border-radius:260px;line-height:1.2;}

.about-strategy .strategy-vision .main-copy:after {display:block;z-index:-2;position:absolute;content:"";left:20px;right:20px;top:20px;bottom:20px;background-color:#f8f8f8;border-radius:260px;}
.about-strategy .strategy-vision .main-copy:before {display:block;z-index:-1;position:absolute;content:"";left:9px;right:9px;top:9px;bottom:9px;border:2px dashed #a6b0ba;;border-radius:260px;}


.about-strategy .strategy-vision > ul {margin:0 8%;display:flex;gap:20px;text-align:center;}
.about-strategy .strategy-vision > ul > li {padding:40px 20px;width:calc(33% - 10px);flex-grow:1;border:1px solid #d7d7d7;background-color:#f8f8f8;position:relative;margin-top:4%;}


.about-strategy .strategy-vision .sub-copy {display:block;position:relative;padding:10px 20px;font-size:1.2em;background-color:#005ab6;color:#fff;border-radius:50px;line-height:1.2;}

.about-strategy .strategy-vision > ul > li .exp {margin-top:20px;}

.about-strategy .strategy-vision > ul > li .title {display:block;font-size:1.4em;line-height:1.2;font-weight:500;margin-bottom:20px;}


.about-strategy .strategy-vision > ul > li .line {position:absolute;z-index:9;display:block;bottom:100%;left:50%;transform: translateX(-50%);padding-top:15%;width:1px;background-color:#d7d7d7;}
.about-strategy .strategy-vision > ul > li .line:before {position:absolute;display:block;content:"";z-index:9;top:-6px;left:50%;transform: translateX(-50%);width:10px;height:10px;border-radius:100%;background-color:#fff;border:5px solid #2d7dd2;}
.about-strategy .strategy-vision > ul > li .line:after {position:absolute;display:block;content:"";z-index:9;bottom:-4px;left:50%;transform: translateX(-50%);width:8px;height:8px;border-radius:100%;background-color:#d9d9d9;}









.about-strategy .strategy-policy > dl:nth-child(n+2) {margin-top:5%;}



.about-strategy .strategy-policy > dl > dd {}


.about-strategy .strategy-policy .copies {max-width:980px;margin:0 auto;display:flex;}
.about-strategy .strategy-policy .copies > li {flex-grow:1;width:calc(25% - 10px);aspect-ratio: 1;position:relative;display:flex;align-items:center;justify-content:center;font-size:1.4rem;line-height:1.2;font-weight:500;}
/*
.about-strategy .strategy-policy .copies.management > li:before {position:absolute;z-index:2;content:"";left:-6px;right:-6px;top:-6px;height:calc(50% - 5px);border-radius:500px 500px 0 0;border:12px solid #26aade;border-bottom:none;}
.about-strategy .strategy-policy .copies.management > li:after {position:absolute;content:"";left:-6px;right:-6px;bottom:-6px;height:calc(50% - 5px);border-radius:0 0 500px 500px;border:12px solid #ddd;border-top:none;}


.about-strategy .strategy-policy .copies.management > li:nth-child(even):before {top:auto;bottom:-6px;border-radius:0 0 500px 500px;border:12px solid #26aade;border-top:none;}
.about-strategy .strategy-policy .copies.management > li:nth-child(even):after {top:-6px;bottom:auto;border-radius:500px 500px 0 0;border:12px solid #ddd;border-bottom:none;}


.about-strategy .strategy-policy .copies.management > li:nth-child(2):before {border-color:#049645;}
.about-strategy .strategy-policy .copies.management > li:nth-child(3):before {border-color:#89c53f;}
.about-strategy .strategy-policy .copies.management > li:nth-child(4):before {border-color:#f5bf17;}
*/


.about-strategy .strategy-policy .copies.management > li:after {position:absolute;z-index:-2;content:"";left:-6px;right:-6px;top:-6px;bottom:-6px;border-radius:100%;background-color:#555;}

.about-strategy .strategy-policy .copies.management > li > i {position:absolute;z-index:-1;left:6px;right:6px;top:6px;bottom:6px;border-radius:100%;background-color:#fff;}
.about-strategy .strategy-policy .copies.management > li > i:after {position:absolute;content:"";left:-12.8px;right:-12.8px;bottom:-12.8px;height:50%;border-radius:0 0 500px 500px;border:14px solid #ddd;border-top:none;}

.about-strategy .strategy-policy .copies.management > li:nth-child(even) > i:after {top:-12.8px;bottom:auto;border-radius:500px 500px 0 0;border:14px solid #ddd;border-bottom:none;}


.about-strategy .strategy-policy .copies.management > li:nth-child(1):after {background: rgb(38,170,222);background: linear-gradient(90deg, rgba(38,170,222,1) 0%, rgba(4,150,69,1) 100%);}
.about-strategy .strategy-policy .copies.management > li:nth-child(2):after {background: rgb(4,150,69,1);background: linear-gradient(90deg, rgba(4,150,69,1) 0%, rgba(130,194,63,1) 100%);}
.about-strategy .strategy-policy .copies.management > li:nth-child(3):after {background: rgb(130,194,63,1);background: linear-gradient(90deg, rgba(130,194,63,1) 0%, rgba(196,217,44,1) 100%);}
.about-strategy .strategy-policy .copies.management > li:nth-child(4):after {background: rgb(196,217,44,1);background: linear-gradient(90deg, rgba(196,217,44,1) 0%, rgba(245,190,23,1) 100%);}



.about-strategy .strategy-policy .copies.management > li > strong {display:block;width:90%;text-align:center;}
.about-strategy .strategy-policy .copies.management > li > strong:before {display:block;position:relative;z-index:5;content:"";padding-top:50%;margin-bottom:5px;background-repeat:no-repeat;background-position:center center;background-size:auto 100%;}

.about-strategy .strategy-policy .copies.management > li:nth-child(1) > strong:before {background-image:url(../images/icon/strategy-system-01.png);}
.about-strategy .strategy-policy .copies.management > li:nth-child(2) > strong:before {background-image:url(../images/icon/strategy-system-02.png);}
.about-strategy .strategy-policy .copies.management > li:nth-child(3) > strong:before {background-image:url(../images/icon/strategy-system-03.png);}
.about-strategy .strategy-policy .copies.management > li:nth-child(4) > strong:before {background-image:url(../images/icon/strategy-system-04.png);}







.about-strategy .strategy-policy .copies.value {gap:10px;}

.about-strategy .strategy-policy .copies.value > li {aspect-ratio: 1;border:14px solid #0a82cf;border-radius:100%;display:flex;align-items:center;justify-content:center;font-size:2.6rem;font-weight:600;font-style:italic;color:#0a82cf;letter-spacing:-0.05em;padding:10px;text-indent:-5px;}
.about-strategy .strategy-policy .copies.value > li:after {position:absolute;content:"";left:5px;right:5px;top:5px;bottom:5px;border:1px solid #0a82cf;border-radius:100%;}












.about-strategy .strategy-cluster .main-pic {position:relative;}
.about-strategy .strategy-cluster .main-pic:after {position:absolute;z-index:11;content:"";right:0;bottom:0;width:50%;height:23%;background-color:#fff;}

.about-strategy .strategy-cluster .main-pic .title {position:absolute;z-index:12;right:50px;bottom:-50px;padding:50px;aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#007bc0;color:#fff;box-shadow: 0 8px 16px 0px rgba(0,0,0,0.5);}
.about-strategy .strategy-cluster .main-pic .title > h2 {font-size:3rem;font-weight:500;}
.about-strategy .strategy-cluster .main-pic .title .swr-imgwrap {max-width:220px;}


.about-strategy .strategy-cluster > dl {margin-top:60px;}


.about-strategy .strategy-cluster > dl > dt {font-size:1.8rem;font-weight:500;display:flex;align-items:flex-start;gap:10px;line-height:1.0;}
.about-strategy .strategy-cluster > dl > dt:before {flex-shrink:0;display:block;content:"";width:18px;height:22px;background-repeat:no-repeat;background-position:center center;background-size:100% auto;background-image:url(../images/content/title-bullet.png);margin-top:2px;}


.about-strategy .strategy-cluster > dl > dd {margin-top:26px;font-size:1.2rem;line-height:2;color:#5c5c5c;padding-left:28px;}



.about-strategy .strategy-cluster .cluster-roadmap {display:flex;margin-top:40px;}
.about-strategy .strategy-cluster .cluster-roadmap > li {position:relative;width:33%;flex-grow:1;aspect-ratio:1;display:flex;align-items:center;text-align:center;}

.about-strategy .strategy-cluster .cluster-roadmap > li:after {position:absolute;z-index:-2;content:"";left:-11px;right:-11px;background-color:#eee;}
.about-strategy .strategy-cluster .cluster-roadmap > li:nth-child(odd):after {top:50%;bottom:-11px;border-radius:0 0 500px 500px;}
.about-strategy .strategy-cluster .cluster-roadmap > li:nth-child(even):after {top:-11px;bottom:50%;border-radius:500px 500px 0 0;}

.about-strategy .strategy-cluster .cluster-roadmap > li:before {position:absolute;z-index:-1;content:"";left:30px;right:30px;top:30px;bottom:30px;background-color:#fff;border-radius:100%;}


.about-strategy .strategy-cluster .cluster-roadmap > li > i {position:absolute;z-index:-5;display:block;left:-10px;right:-10px;top:-10px;bottom:-10px;border-radius:100%;background-color:#aeaeae;overflow:hidden;}

.about-strategy .strategy-cluster .cluster-roadmap > li > i:before {position:absolute;z-index:-1;display:block;content:"";background-color:#007bc0;}

.about-strategy .strategy-cluster .cluster-roadmap > li:nth-child(1) > i:before {top:15%;bottom:10%;left:-25%;right:70%;transform:rotate(50deg);}
.about-strategy .strategy-cluster .cluster-roadmap > li:nth-child(2) > i:before {top:0;bottom:0;left:0;right:50%;}
.about-strategy .strategy-cluster .cluster-roadmap > li:nth-child(3) > i:before {top:-50%;bottom:0;left:-20%;right:50%;transform:rotate(65deg);}


.about-strategy .strategy-cluster .cluster-roadmap > li > dl {position:relative;padding:0 60px;line-height:1.4;}

.about-strategy .strategy-cluster .cluster-roadmap > li > dl:after {position:absolute;content:"";display:block;width:80px;height:80px;border-radius:100%;background-color:#fff;border:10px solid #eee;box-sizing:border-box;right:-40px;top:50%;transform: translateY(-50%);}
.about-strategy .strategy-cluster .cluster-roadmap > li:last-child > dl:after {content:none;}

.about-strategy .strategy-cluster .cluster-roadmap > li > dl:before {position:absolute;z-index:2;content:"";display:block;width:80px;height:80px;border-radius:100%;right:-40px;top:50%;transform: translateY(-50%);background-repeat:no-repeat;background-position:center center;background-size:50% auto;background-image:url(../images/content/roadmap-arrow.png);}
.about-strategy .strategy-cluster .cluster-roadmap > li:last-child > dl:before {content:none;}


.about-strategy .strategy-cluster .cluster-roadmap > li > dl > dt {font-size:1.5rem;font-weight:500;margin-bottom:10px;}
.about-strategy .strategy-cluster .cluster-roadmap > li > dl > dt:before {display:block;content:"";padding-top:25%;margin-bottom:10px;background-repeat:no-repeat;background-position:center center;background-size:auto 100%;}
.about-strategy .strategy-cluster .cluster-roadmap > li:nth-child(1) > dl > dt:before {background-image:url(../images/icon/chart-pie.png);}
.about-strategy .strategy-cluster .cluster-roadmap > li:nth-child(2) > dl > dt:before {background-image:url(../images/icon/organization.png);}
.about-strategy .strategy-cluster .cluster-roadmap > li:nth-child(3) > dl > dt:before {background-image:url(../images/icon/document-check.png);}


.about-strategy .strategy-cluster .cluster-roadmap > li .circle-text {position:absolute;font-size:1.2rem;top:-10px;left:50%;transform: translateX(-50%);color:#fff;}
.about-strategy .strategy-cluster .cluster-roadmap > li:nth-child(even) .circle-text {top:auto;bottom:-16px;}



.about-strategy .strategy-cluster .cluster-role {text-align:center;margin-top:50px;}





.about-strategy .strategy-cluster .cluster-process > ol {display:flex;margin:20px 0;}
.about-strategy .strategy-cluster .cluster-process > ol > li {width:20%;padding:10px;display:flex;align-items:center;justify-content:center;color:#fff;clip-path: polygon(100% 50%, 90% 0%, 0% 0%, 10% 50%, 0% 100%, 90% 100%);background-color:#555;}

.about-strategy .strategy-cluster .cluster-process > ol > li:nth-child(1) {background-color:#98c84a;}
.about-strategy .strategy-cluster .cluster-process > ol > li:nth-child(2) {background-color:#52bb97;}
.about-strategy .strategy-cluster .cluster-process > ol > li:nth-child(3) {background-color:#54c0ce;}
.about-strategy .strategy-cluster .cluster-process > ol > li:nth-child(4) {background-color:#409ed2;}
.about-strategy .strategy-cluster .cluster-process > ol > li:nth-child(5) {background-color:#447cbf;}

.about-strategy .strategy-cluster .cluster-process > ul {display:flex;gap:10px 30px;}
.about-strategy .strategy-cluster .cluster-process > ul > li {flex-shrink:0;position::relative;font-size:1rem;display:flex;align-items:flex-start;gap:10px;line-height:1.2;font-weight:500;}
.about-strategy .strategy-cluster .cluster-process > ul > li:before {content:"";flex-shrink:0;display:block;width:4px;height:4px;background-color:#999;border-radius:100%;margin-top:8px;}


.about-strategy .strategy-cluster .cluster-process > ul:first-of-type > li:nth-child(2) {flex-grow:1;justify-content:center;}
.about-strategy .strategy-cluster .cluster-process > ul:last-of-type > li:nth-child(1) {flex-grow:1;justify-content:center;}







.about-strategy .strategy-cluster .cluster-plan {display:flex;align-items:center;max-width:1298px;margin:0 auto;padding-top:9%;}
.about-strategy .strategy-cluster .cluster-plan .swr-imgwrap:first-child {width:70%;}
.about-strategy .strategy-cluster .cluster-plan .swr-imgwrap:last-child {width:30%;}

.about-strategy .strategy-cluster .cluster-plan .swr-imgwrap:first-child:after {position:absolute;content:"";right:0;width:50%;top:26%;bottom:26%;background-repeat:no-repeat;background-position:right 30px center;background-size:auto 100%;background-image:url(../images/content/cluster-plan-line.png);}





.about-center .center-exp {font-size:1.4rem;color:#5c5c5c;line-height:2;margin-bottom:50px;}
.about-center .center-exp .highlighter {font-size:1.2em;color:#000;}

.about-center .center-division{padding:8%;text-align:center;background-color:#e9eef2;}






.about-center .center-table {overflow:hidden;overflow-x:auto;}
.about-center .center-table > table {border-collapse:collapse;border-spacing:0;;}
.about-center .center-table > table tbody > tr:first-child > * {border-top:0;}
.about-center .center-table > table th {padding:10px;text-align:center;border:1px solid #222;}
.about-center .center-table > table td {padding:10px;text-align:center;border:1px solid #222;}
.about-center .center-table > table tbody > tr > * {border-top-color:#d8d8d8;border-bottom-color:#d8d8d8;}
.about-center .center-table > table tbody > tr:last-of-type > * {border-top-color:#222;border-bottom-color:#222;}


.about-center .center-table > table tr > *:first-child {border-left:0;}
.about-center .center-table > table tr > *:last-child {border-right:0;}

.about-center .center-table .label-wrap {display:flex;align-items:flex-start;justify-content:center;}
.about-center .center-table .exp-wrap {text-align:left;padding-left:10%;}


.about-center .center-table .end {border-bottom-color:#222;}



.about-center .center-gallery {display:flex;gap:20px;}}





.about-organization .organization-table {overflow:hidden;overflow-x:auto;}
.about-organization .organization-table  table {border-collapse:collapse;border-spacing:0;}
.about-organization .organization-table > table thead {border-top:2px solid #222;}
.about-organization .organization-table > table thead > tr:first-child > * {border-top:0;}
.about-organization .organization-table > table th {padding:10px;text-align:center;border:1px solid #222;background-color:#d4eafe;}
.about-organization .organization-table > table td {padding:10px;text-align:center;border:1px solid #222;}

.about-organization .organization-table > table tbody > tr:first-child > * {border-top:0;}
.about-organization .organization-table > table tr > *:first-child {border-left:0;}
.about-organization .organization-table > table tr > *:last-child {border-right:0;}









.about-identity .identity-intro {background-color:#f7f7f7;padding:4%;margin-bottom:50px;}
.about-identity .identity-intro .wrapper {display:flex;align-items:flex-start;gap:40px;}

.about-identity .identity-intro .wrapper .image {width:49%;flex-shrink:0;}
.about-identity .identity-intro .wrapper .text {flex-grow:1;}

.about-identity .identity-intro .wrapper .text dt {font-size:1.8rem;line-height:1.4;margin-bottom:20px;}
.about-identity .identity-intro .wrapper .text dt > strong {font-weight:600;}

.about-identity .identity-intro .wrapper .text dd {font-size:1.1rem;line-height:1.8;}

.about-identity .logo-wrap {border:1px solid #adadad;padding:10% 6%;display:flex;align-items:center;justify-content:center;background-color:#fff;
            background-image:
                linear-gradient(to right, #eee 1px, transparent 1px),
                linear-gradient(to bottom, #eee 1px, transparent 1px);
            background-size: 16px 16px;
}


.about-identity .btn-wrap {display:flex;justify-content:center;gap:20px;margin-top:36px;}
.about-identity .btn-wrap .btn {position:relative;z-index:2;display:flex;align-items:center;justify-content:center;height:60px;padding:0 35px;border:1px solid #000;gap:0 10px;transition:0.5s;}
.about-identity .btn-wrap .btn:after {position:absolute;display:block;content:"";left:0;top:0;height:100%;width:0;z-index:-1;background-color:#004a9f;opacity:0.7;transition:inherit;}

.about-identity .btn-wrap .btn:hover {color:#fff;}
.about-identity .btn-wrap .btn:hover:after {width:100%;}


.about-identity .btn-wrap .btn.download:before {order:9;display:block;content:"";width:20px;height:20px;;background-repeat:no-repeat;background-position:center center;background-size:100% auto;background-image:url(../images/icon-ui/download.png);transition:inherit;}
.about-identity .btn-wrap .btn.download:hover:before {background-image:url(../images/icon-ui/download-w.png);}






.about-identity .identity-symbol {display:flex;gap:5%;align-items:center;}
.about-identity .identity-symbol .swr-imgwrap {padding-left:10%;}
.about-identity .identity-symbol .explain {flex-grow:1;font-size:1.1rem;}





.about-identity .identity-gallery {display:flex;gap:5%;justify-content:center;}
.about-identity .identity-gallery > * {width:50%;}

.about-identity .identity-gallery .item > strong {display:flex;gap:10px;align-items:center;padding-left:30px;margin-bottom:15px;}
.about-identity .identity-gallery .item > strong:before {display:block;content:"";width:4px;height:4px;border-radius:100%;background-color:#000;}
.about-identity .identity-gallery .item .logo-wrap {height:100%;}
.about-identity .identity-gallery .item .exp {height:100%;display:flex;align-items:center;font-size:1.1rem;line-height.1.6;}


.about-identity .identity-color {display:flex;flex-wrap:wrap;gap:30px 0;justify-content:center;}
.about-identity .identity-color .color {width:40%;display:flex;align-items:center;gap:30px;}

.about-identity .identity-color .color > dl > dt {font-size:1.5rem;font-weight:500;position:relative;}
.about-identity .identity-color .color > dl > dt:before {position:absolute;left:-20px;top:16px;content:"";width:5px;height:5px;border-radius:100%;background-color:#000;}
.about-identity .identity-color .color p {display:flex;gap:10px;font-weight:300;}
.about-identity .identity-color .color p > strong {font-weight:500;}


.about-identity .identity-color .color-wrap {display:flex;flex-wrap:wrap;gap:30px;align-items:center;}
.about-identity .identity-color .color-wrap .item {display:flex;align-items:center;gap:10px;}






.about-identity .identity-application > dl {display:flex;gap:10px;align-items:flex-start;}
.about-identity .identity-application > dl > dt {flex-shrink:0;width:68px;text-align:right;padding:20px 0;line-height:1.2;}
.about-identity .identity-application > dl > dd {flex-grow:1;border:1px solid #ddd;margin-bottom:-1px;position:relative;}

.about-identity .identity-application > dl:nth-child(1) > dd {border-color:transparent;}
.about-identity .identity-application > dl:nth-child(3) > dd {border-color:#5997d1;background-color:#5997d1;}
.about-identity .identity-application > dl:nth-child(4) > dd {border-color:#002f7b;background-color:#002f7b;}
.about-identity .identity-application > dl:nth-child(5) > dd {border-color:#c6002f;background-color:#c6002f;}
.about-identity .identity-application > dl:nth-child(6) > dd {border-color:#c79936;background-color:#c79936;}
.about-identity .identity-application > dl:nth-child(7) > dd {border-color:#9fa0a0;background-color:#9fa0a0;}
.about-identity .identity-application > dl:nth-child(8) > dd {border-color:#000000;background-color:#000000;}


.about-identity .identity-application > dl > dd > ul {width:100%;display:flex;flex-wrap:wrap;}
.about-identity .identity-application > dl > dd > ul > li {line-height:1.2;flex-shrink:0;width:16.66%;min-width:100px;box-sizing:border-box;padding:20px 3%;text-align:center;}
.about-identity .identity-application > dl > dd > ul > li .none {opacity:0;}

.about-identity .identity-application > dl:nth-child(1) > dd > ul > li {padding-top:6px;padding-bottom:6px;}

.about-identity .identity-application > dl.contrast {margin-top:5%;margin-bottom:60px;}
.about-identity .identity-application > dl.contrast > dd {border-color:transparent;}
.about-identity .identity-application > dl.contrast > dd > ul {flex-wrap:nowrap;}
.about-identity .identity-application > dl.contrast > dd > ul > li {width:10%;min-width:0;position:relative;}

.about-identity .identity-application > dl.contrast > dd > ul > li:nth-child(1) {background-color:#efefef;}
.about-identity .identity-application > dl.contrast > dd > ul > li:nth-child(2) {background-color:#dcdddd;}
.about-identity .identity-application > dl.contrast > dd > ul > li:nth-child(3) {background-color:#c9caca;}
.about-identity .identity-application > dl.contrast > dd > ul > li:nth-child(4) {background-color:#b5b6b6;}
.about-identity .identity-application > dl.contrast > dd > ul > li:nth-child(5) {background-color:#9fa0a0;}
.about-identity .identity-application > dl.contrast > dd > ul > li:nth-child(6) {background-color:#898989;}
.about-identity .identity-application > dl.contrast > dd > ul > li:nth-child(7) {background-color:#727171;}
.about-identity .identity-application > dl.contrast > dd > ul > li:nth-child(8) {background-color:#595656;}
.about-identity .identity-application > dl.contrast > dd > ul > li:nth-child(9) {background-color:#383635;}
.about-identity .identity-application > dl.contrast > dd > ul > li:nth-child(10) {background-color:#000000;}

.about-identity .identity-application > dl.contrast > dd > ul > li .swr-imgwrap {width:280%;margin-right:-250%;}

.about-identity .identity-application > dl.contrast > dd > ul > li > em {position:absolute;left:0;top:100%;margin-top:10px;font-size:0.8rem;}

.about-identity .identity-application .exp {margin-top:40px;margin-left:}


.about-identity .identity-application > dl:last-child > dd {border-color:transparent;color:#e92d96;font-size:0.8rem;}






.about-location .location-item {display:flex;border:1px solid #ddd;}
.about-location .location-item .item {flex-shrink:0;flex-grow:1;width:33.33%;padding:3%;text-align:center;position:relative;font-size:1.1rem;}
.about-location .location-item .item > strong {display:block;font-size:1.6rem;font-weight:600;margin-bottom:5px;}

.about-location .location-item .item:before {display:block;padding-top:12%;content:"";margin-bottom:10px;background-repeat:no-repeat;background-position:center center;background-size:auto 100%;}

.about-location .location-item .item:nth-child(1):before {background-image:url(../images/icon/building.png);}
.about-location .location-item .item:nth-child(2):before {background-image:url(../images/icon/phone.png);}
.about-location .location-item .item:nth-child(3):before {background-image:url(../images/icon/fax.png);}


.about-location .location-item .item:after {position:absolute;content:"";display:block;top:20%;bottom:20%;right:0;width:1px;background:#ddd;}
.about-location .location-item .item:last-child:after {content:none;}



.about-location .location-vehicle >  dl {display:flex;gap:20px;align-items:center;padding:30px 0;}
.about-location .location-vehicle >  dl:nth-child(n+2) {border-top:1px solid #ddd;}
.about-location .location-vehicle >  dl > dt {width:190px;font-size:1.2rem;font-weight:500;}
.about-location .location-vehicle >  dl > dd{flex-grow:1;}

.about-location .location-vehicle >  dl:before {display:block;content:"";width:100px;height:100px;border-radius:100%;background-repeat:no-repeat;background-position:center center;background-size:auto 60%;}

.about-location .location-vehicle >  dl:nth-child(1):before {background-image:url(../images/content/location-metro.png);}
.about-location .location-vehicle >  dl:nth-child(2):before {background-image:url(../images/content/location-bus.png);}


.about-location .location-vehicle >  dl > dd > ul > li {margin:5px 0;display:flex;gap:10px;align-items:flex-start;}
.about-location .location-vehicle >  dl > dd > ul > li:before {content:"";width:4px;height:4px;border-radius:100%;background-color:#555;margin-top:10px;}


.about-location .roughmap_lebel_text:before {position:absolute;left:0;right:0;top:0;bottom:0;background:#fff;padding:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

.about-location .root_daum_roughmap.center1 .roughmap_lebel_text:before {content:"공단본부";}
.about-location .root_daum_roughmap.center2 .roughmap_lebel_text:before {content:"서남센터";}
















.esg-main-copy {position:relative;padding:5% 8%;text-align:center;border:10px solid #2f7dd0;border-radius:260px;margin-bottom:37px;}
.esg-main-copy > strong {display:block;font-size:2.6em;font-weight:500;line-height:1.2;}
.esg-main-copy > b {display:block;font-size:2.3em;font-weight:500;line-height:1.2;}
.esg-main-copy:after {display:block;z-index:-2;position:absolute;content:"";left:20px;right:20px;top:20px;bottom:20px;background-color:#f8f8f8;border-radius:260px;}
.esg-main-copy:before {display:block;z-index:-1;position:absolute;content:"";left:9px;right:9px;top:9px;bottom:9px;border:2px dashed #a6b0ba;;border-radius:260px;}


.esg-table > dl:nth-child(n+2) {margin-top:20px;}
.esg-table > dl {display:flex;}

.esg-table > dl > dt {flex-shrink:0;width:20%;background-color:#f4f4f4;display:flex;align-items:center;justify-content:center;padding:15px;font-size:1.1rem;}
.esg-table > dl > dd {flex-grow:1;}

.esg-table > dl > dd .copy {display:block;text-align:center;padding:15px;}
.esg-table > dl > dd .copy.main {background-color:#024ea6;color:#fff;font-size:1.4rem;line-height:1.2;}
.esg-table > dl > dd .copy.sub {background-color:#d4eafe;font-size:1.4rem;line-height:1.2;}
.esg-table > dl > dd .copy.sub2 {background-color:#d8e5f0;font-size:1.4rem;line-height:1.2;}
.esg-table > dl > dd .copy.exp {padding-top:18px;padding-bottom:18px;font-size:0.9rem;background-color:#1e2b57;color:#fff;}

.esg-table > dl > dd .copy strong {font-weight:600;}



.esg-table .exp-wrap {display:flex;flex-wrap:wrap;gap:10px;margin-left:20px;}
.esg-table .exp-wrap > * {width:calc(33.33% - 7px);}
.esg-table .exp-wrap.col4 > * {width:calc(25% - 8px);}
.esg-table .exp-wrap > .full {width:100%;}

.esg-table .exp-wrap .goal .title {font-size:1.1rem;font-style:italic;text-align:center;padding:5px;}
.esg-table .exp-wrap .goal .content {font-style:italic;text-align:center;padding:15px;color:#fff;background-color:#000;}
.esg-table .exp-wrap .goal:nth-child(2) .content {background-color:#4c4a4a;}
.esg-table .exp-wrap .goal:nth-child(3) .content {background-color:#908f8f;}




.esg-table .box {background-color:#f7f9fe;border:1px solid #d7d7d7;padding:15px;text-align:center;}
.esg-table .box .title {display:block;padding:8px;background-color:#005ab6;color:#fff;border-radius:50px;margin-bottom:10px;}
.esg-table .box .content {font-size:0.9rem;padding:0 10px;text-align:left;}


.esg-table .box .label {display:block;font-size:1.2rem;font-weight:600;}


.esg-table .box  .list-dot > li {margin:5px 0;}




.esg-standard-table {overflow:hidden;overflow-x:auto;}
.esg-standard-table > table {border-collapse:collapse;border-spacing:0;;border-top:2px solid #222;border-bottom:2px solid #222;}
.esg-standard-table > table tbody > tr:first-child > * {border-top:0;}
.esg-standard-table > table th {padding:10px;text-align:center;border:1px solid #999;background-color:#c3ecfd;}
.esg-standard-table > table thead th {padding:15px 10px;}
.esg-standard-table > table td {padding:10px;text-align:center;border:1px solid #999;}
.esg-standard-table > table tbody > tr > * {border-top-color:#d8d8d8;border-bottom-color:#d8d8d8;}
.esg-standard-table > table tbody > tr:last-of-type > * {border-top-color:#999;border-bottom-color:#999;}


.esg-standard-table > table tr > *:first-child {border-left:0;}
.esg-standard-table > table tr > *:last-child {border-right:0;}

.esg-standard-table .label-wrap {display:flex;align-items:flex-start;justify-content:center;}
.esg-standard-table .exp-wrap {text-align:left;padding-left:10%;word-break:keep-all;}

.esg-standard-table > table tbody > tr > td.sum {background-color:#f0f5f7;text-align:left;border-color:#222;}







.esg-intro {margin-bottom:6%;}
.esg-intro > .item {display:flex;gap:30px;align-items:flex-start;}

.esg-intro > .item > .swr-imgwrap {flex-shrink:0;width:50%;margin-bottom:-5px;}
.esg-intro > .item:nth-child(even) > .swr-imgwrap {order:-1;}

.esg-intro > .item > dl {flex-grow:1;}
.esg-intro > .item:nth-child(n + 2) {align-items:center;}
.esg-intro > .item:nth-child(n + 2) > dl {padding:5% 0;}

.esg-intro > .item > dl > dt strong {display:inline-block;font-size:1.4em;font-weight:900;margin-top:-12px;}


.esg-wastewater-type {display:flex;gap:20px;flex-wrap:wrap;}
.esg-wastewater-type > li {position:relative;width:calc(25% - 15px);display:flex;align-items:center;justify-content: space-between;;flex-direction:column;padding:0 2%;aspect-ratio: 1 / 1.2;color:#fff;text-align:center;}

.esg-wastewater-type > li:after {position:absolute;z-index:-1;content:"";left:0;top:0;width:100%;height:100%;background-repeat:no-repeat;background-position:center center;background-size:cover;}

.esg-wastewater-type > li:nth-child(1):after {background-image:url(../images/content/wastewater-type-house.jpg);}
.esg-wastewater-type > li:nth-child(2):after {background-image:url(../images/content/wastewater-type-school.jpg);}
.esg-wastewater-type > li:nth-child(3):after {background-image:url(../images/content/wastewater-type-street.jpg);}
.esg-wastewater-type > li:nth-child(4):after {background-image:url(../images/content/wastewater-type-factory.jpg);}


.esg-wastewater-type > li > strong {margin-top:auto;font-size:1.6rem;font-weight:600;display:block;width:100%;text-align:center;}
.esg-wastewater-type > li .exp {margin-top:auto;padding-bottom:10%;font-size:1.1rem;line-height:1.2;}


.esg-wastewater-type > li > strong:before {display:block;content:"";padding-top:28%;margin-bottom:10px;background-repeat:no-repeat;background-position:center center;background-size:auto 100%;}

.esg-wastewater-type > li:nth-child(1) > strong:before {background-image:url(../images/icon/house-w.png);}
.esg-wastewater-type > li:nth-child(2) > strong:before {background-image:url(../images/icon/school-w.png);}
.esg-wastewater-type > li:nth-child(3) > strong:before {background-image:url(../images/icon/road-w.png);}
.esg-wastewater-type > li:nth-child(4) > strong:before {background-image:url(../images/icon/factory-w.png);}





.esg-eco-recycling-role {display:flex;gap:20px;margin-top:28px;}
.esg-eco-recycling-role > li {flex:1;position:relative;padding:0 20px;padding-top:19%;}
.esg-eco-recycling-role > li:after {position:absolute;z-index:-1;content:"";display:block;left:0;top:0;width:100%;height:100%;background-repeat:no-repeat;background-position:center top;background-size:100% auto;}

.esg-eco-recycling-role > li:nth-child(1):after {background-image:url(../images/content/eco-recycling-role01.jpg);}
.esg-eco-recycling-role > li:nth-child(2):after {background-image:url(../images/content/eco-recycling-role02.jpg);}
.esg-eco-recycling-role > li:nth-child(3):after {background-image:url(../images/content/eco-recycling-role03.jpg);}


.esg-eco-recycling-role > li > dl {position:relative;z-index:2;background-color:#fff;padding:20px 0;text-align:center;}
.esg-eco-recycling-role > li > dl > dt {font-size:1.5rem;font-weight:600;padding:0 20px;}
.esg-eco-recycling-role > li > dl > dd  {padding:20px;}
.esg-eco-recycling-role > li > dl > dd > strong {font-size:1.1rem;line-height:1.2;font-weight:600;display:block;}





.esg-eco-final-copy {position:relative;padding:10%;text-align:center;color:#fff;background-repeat:no-repeat;background-position:center bottom;background-size:cover;/*background-attachment:fixed;*/background-image:url(../images/content/eco-recycling-banner.jpg);}

.esg-eco-final-copy .sub {font-size:1.2rem;position:absolute !important;top:27px;left:37px;}
.esg-eco-final-copy .main {position:relative;display:inline-block;font-size:2.8rem;font-weight:200;padding:0 50px;letter-spacing:-0.05em;}
.esg-eco-final-copy .main:before {position:absolute;display:block;content:"";width:40px;height:40px;left:0;top:0;background-repeat:no-repeat;background-position:center center;background-size:100% auto;background-image:url(../images/content/quotes-left.png);}
.esg-eco-final-copy .main:after {position:absolute;display:block;content:"";width:40px;height:40px;right:0;top:0;background-repeat:no-repeat;background-position:center center;background-size:100% auto;background-image:url(../images/content/quotes-right.png);}
.esg-eco-final-copy .main  > strong {font-weight:700;}

.esg-eco-final-copy .main  > strong:nth-child(2) {display:inline-block;position:relative;padding-left:70px;}
.esg-eco-final-copy .main  > strong:nth-child(2):before {position:absolute;display:block;content:"";left:0;top:-9px;width:78px;height:78px;background-repeat:no-repeat;background-position:center center;background-size:100% auto;background-image:url(../images/content/quotes-drop.png);}

.esg-eco-final-copy.light {color:#111;background-image:url(../images/content/bg-slashs.png);background-size:auto auto;;background-repeat:repeat;}
.esg-eco-final-copy.light > * {position:relative;z-index:2;}
.esg-eco-final-copy.light:after {position:absolute;z-index:1;content:"";left:20px;right:20px;top:20px;bottom:20px;background-color:#ffff;}


.esg-eco-final-copy.light .main  > strong:nth-child(2):before {background-image:url(../images/content/quotes2-drop.png);}
.esg-eco-final-copy.light .sub {top:40px;left:50px;color:#0053a5;}
.esg-eco-final-copy.light .main {color:#0053a5;}

.esg-eco-final-copy.light .main:before {background-image:url(../images/content/quotes2-left.png);}
.esg-eco-final-copy.light .main:after {background-image:url(../images/content/quotes2-right.png);}




.social-proc {display:flex;gap:50px;margin-top:30px;}
.social-proc > li {flex:1;position:relative;overflow:visible;text-align:center;}
.social-proc > li > dl {height:100%;border:1px solid #ddd;}
.social-proc > li > dl > dt {font-size:1.4rem;padding:20px;background-color:#f4f5f7;color:#024ea6;font-weight:500;}
.social-proc > li > dl > dd {font-size:1.2rem;padding:30px;}
.social-proc .result {border:2px solid #024ea6;color:#024ea6;}

.social-proc > li:after {position:absolute;display:block;right:-40px;top:50%;transform: translateY(-50%);width:32px;height:32px;background-repeat:no-repeat;background-position:center center;background-size:100% auto;}

.social-proc > li.next:after {content:"";background-image:url(../images/icon-ui/chevron-right.png);}
.social-proc > li.plus:after {content:"";background-image:url(../images/icon-ui/plus.png);}

.social-proc.exp > li {text-align:left;}
.social-proc.exp > li > dl > dt {font-size:1.1rem;}
.social-proc.exp > li > dl > dd {font-size:1rem;}




.business-overview > li:nth-child(n+2) {margin-top:20px;}
.business-overview .dl-label-wrap  {margin-left:20px;}

.dl-label-wrap {margin-top:5px;}
.dl-label-wrap > dl {display:flex;align-items:flex-start;gap:5px;margin-bottom:5px;}



.verification-process > ol {display:flex;gap:10px;}
.verification-process > ol > li {width:20%;position:relative;text-align:center;}
.verification-process > ol > li:after {content:"";position:absolute;z-index:-1;top:50px;bottom:0;left:0;right:0;border-radius:20px;background-color:#e7f3f6;}

.verification-process > ol > li .step {display:block;position:relative;margin-bottom:10px;}
.verification-process > ol > li .step > em {display:inline-block;padding:0 5px;background-color:#fff;}
.verification-process > ol > li .step:after {position:absolute;z-index:-1;display:block;content:"";left:50%;top:50%;transform: translate(-50%,-50%);width:100%;height:2px;background:#000;}


.verification-process > ol > li .title {display:block;position:relative;padding:10px 20px;border:5px solid #0b96c2;background-color:#fff;border-radius:100px;line-height:1.4;}

.verification-process > ol > li .list-dot {margin:15px;}
.verification-process > ol > li .list-dot > li {gap:2px;}


.verification-process > ol > li:nth-child(1) .step:after {background:#0b96c2;}
.verification-process > ol > li:nth-child(1) .title {border-color:#0b96c2;color:#0b96c2;}
.verification-process > ol > li:nth-child(1):after {background-color:#e7f3f6;}

.verification-process > ol > li:nth-child(2) .step:after {background:#0b96c2;}
.verification-process > ol > li:nth-child(2) .title {border-color:#0b96c2;color:#0b96c2;}
.verification-process > ol > li:nth-child(2):after {background-color:#e7f3f6;}

.verification-process > ol > li:nth-child(3) .step:after {background:#1566bf;}
.verification-process > ol > li:nth-child(3) .title {border-color:#1566bf;color:#1566bf;}
.verification-process > ol > li:nth-child(3):after {background-color:#eaf0f6;}

.verification-process > ol > li:nth-child(4) .step:after {background:#1566bf;}
.verification-process > ol > li:nth-child(4) .title {border-color:#1566bf;color:#1566bf;}
.verification-process > ol > li:nth-child(4):after {background-color:#eaf0f6;}

.verification-process > ol > li:nth-child(5) .step:after {background:#222;}
.verification-process > ol > li:nth-child(5) .title {border-color:#222;color:#222;}
.verification-process > ol > li:nth-child(5):after {background-color:#e6e6e7;}





.osh-policy-wrap.with-frame {position:relative;border:9px solid #c9c9c9;padding:98px 69px;}
.osh-policy-wrap.with-symbol:after {position:absolute;z-index:-1;content:"";left:50%;top:50%;transform: translate(-50%,-50%);width:50%;padding-top:50%;background-repeat:no-repeat;background-position:center center;background-size:100% auto;background-image:url(../images/identity/symbol.png);opacity:0.4;}


.osh-policy-wrap.with-frame > i {position:absolute;content:"";display:block;width:69px;height:69px;background-repeat:no-repeat;background-position:center center;background-size:100% auto;background-color:#fff;}

.osh-policy-wrap.with-frame > i:nth-of-type(1) {left:-9px;top:-9px;background-image:url(../images/content/osh-policy-frame01.png);}
.osh-policy-wrap.with-frame > i:nth-of-type(2) {right:-9px;top:-9px;background-image:url(../images/content/osh-policy-frame02.png);}
.osh-policy-wrap.with-frame > i:nth-of-type(3) {left:-9px;bottom:-9px;background-image:url(../images/content/osh-policy-frame03.png);}
.osh-policy-wrap.with-frame > i:nth-of-type(4) {right:-9px;bottom:-9px;background-image:url(../images/content/osh-policy-frame04.png);}

.osh-policy-wrap > h2 {text-align:center;font-size:2rem;position:relative;margin-bottom:5%;line-height:1.2;}
.osh-policy-wrap .main-title {font-size:3.3rem;}
.osh-policy-wrap .main-title > strong {display:inline-block;position:relative;font-weight:400;padding:20px 0;}
.osh-policy-wrap .main-title > strong:before {position:absolute;content:"";display:block;left:50%;transform: translateX(-50%);top:0;width:100%;height:7px;background:#fe0000;}
.osh-policy-wrap .main-title > strong:after {position:absolute;content:"";display:block;left:50%;transform: translateX(-50%);bottom:0;width:100%;height:7px;background:#014ca2;}

.osh-policy-wrap .main-title.with-laurel:before {content:"";display:block;padding-top:5%;background-repeat:no-repeat;background-position:center center;background-size:auto 100%;background-image:url(../images/content/laurel.png);}


.osh-policy-wrap .main-content {font-size:1.5rem;}

.osh-policy-wrap .sign {text-align:center;margin-top:5%;}
.osh-policy-wrap .sign .sub  {display:block;font-size:1em;margin-bottom:20px;}
.osh-policy-wrap .sign .main {display:block;font-size:1.6em;}


.osh-policy-wrap .main-content .list-dot > li:before {width:6px;height:6px;margin-top:15px;}


.osh-policy-wrap dl:nth-child(n+2) {margin-top:50px;}
.osh-policy-wrap dl > dt {font-size:1.5rem;margin-bottom:10px;}
.osh-policy-wrap dl > dd {font-size:1.1rem;}


.osh-policy-wrap .list-num > li {margin:5px 0;display:flex;gap:6px;align-items:flex-start;margin-top:10px;}




.osh-policy-wrap .in-btn {display:inline-block;position:relative;vertical-align:middle;width:30px;height:30px;border:1px solid #aaa;border-radius:100%;margin-left:5px;background-repeat:no-repeat;background-position:center center;background-size:60% auto;background-color:#fff;}
.osh-policy-wrap .in-btn.pic {background-image:url(../images/icon-ui/picture.png);}


.osh-policy-wrap .cschart-exp {text-align:center;padding:0 10%;margin-bottom:3%;}


.social-hr-system {background-color:#f2f5f7;padding:8% 0;display:flex;}

.social-hr-system .goal {order:2;width:30%;flex-shrink:0;align-self:center;aspect-ratio: 1;background-color:#dadee2;border-radius:100%;position:relative;display:flex;align-items:center;justify-content:center;position:relative;z-index:999;}
.social-hr-system .exp {width:35%;position:relative;z-index:2;display:flex;flex-direction:column;justify-content:space-between;}
.social-hr-system .exp:nth-child(2) {order:1;text-align:right;}
.social-hr-system .exp:nth-child(3) {order:3;text-align:left;}

.social-hr-system .goal:after {position:absolute;content:"";left:6%;right:6%;top:6%;bottom:6%;background-color:#fff;border-radius:100%;}

.social-hr-system .goal > dl {position:relative;z-index:2;font-size:1.6rem;text-align:center;padding:12%;line-height:1.2;}
.social-hr-system .goal > dl > dt {font-weight:600;font-size:1.2em;margin-bottom:5px;}


.social-hr-system .exp:nth-child(2):after {position:absolute;z-index:-2;content:"";left:0;right:-15%;top:0;bottom:0;background-repeat:no-repeat;background-position:right top;background-size:auto 100%;background-image:url(../images/content/social-human-rights-system01.png);}

.social-hr-system .exp:nth-child(3):after {position:absolute;z-index:-2;content:"";left:-15%;right:0;top:0;bottom:0;background-repeat:no-repeat;background-position:left top;background-size:auto 100%;background-image:url(../images/content/social-human-rights-system02.png);}

.social-hr-system .exp > dl > dt {font-size:1.2rem;font-weight:500;}
.social-hr-system .exp:nth-child(2) > dl {padding-left:20px;padding-right:20px;}
.social-hr-system .exp:nth-child(3) > dl {padding-left:20px;padding-right:20px;}
.social-hr-system .exp:nth-child(2) > dl:nth-child(2) {padding-right:80px;}
.social-hr-system .exp:nth-child(3) > dl:nth-child(2) {padding-left:70px;}



.social-hr-declaration {text-align:center;margin-bottom:30px;}
.social-hr-declaration .copy {font-size:1.6rem;margin-top:50px;padding:0 16%;}


.list-declare > li {display:flex;gap:15px;align-items:flex-start;padding-top:23px;margin-top:10px;text-align:left;}
.list-declare > li:before {flex-shrink:0;content:"하나";font-size:1rem;text-align:center;padding-top:29px;box-sizing:border-box;color:#fff;width:50px;height:71px;background-repeat:no-repeat;background-position:center center;background-size:100% auto;background-image:url(../images/content/list-water.png);margin-top:-23px;}




.list-ethical-charter {padding:0 9%;}
.list-ethical-charter > li {display:flex;gap:15px;align-items:center;}
.list-ethical-charter > li:nth-child(n+2) {margin-top:50px;}
.list-ethical-charter > li > em {font-size:5rem;flex-shrink:0;color:#ebebeb;font-weight:900;line-height:1}
.list-ethical-charter > li > dl {margin:0 !important;}




.esg-supporters-activity {display:flex;gap:3%;}
.esg-supporters-activity > li {position:relative;width:20%;aspect-ratio: 1;display:flex;align-items:center;justify-content:center;text-align:center;color:#fff;line-height:1.2;padding:0 2%;}
.esg-supporters-activity > li:after {position:absolute;z-index:-1;display:block;content:"";left:50%;top:50%;transform: translate(-50%,-50%);width:100%;height:100%;background-repeat:no-repeat;background-position:center center;background-size:100% auto;background-image:url(../images/content/hexagon.png);}
.esg-supporters-activity > li  strong {display:block;margin-top:-5%;}





.recruit-individual {text-align:center;}




.technical-advisory {display:flex;flex-wrap:wrap;gap:10px;margin-top:30px;}
.technical-advisory > li {width:calc(50% - 5px);border:1px solid #ddd;padding:29px;}
.technical-advisory > li > strong {font-size:1.5rem;margin-bottom:10px;display:block;}



.qa-list {text-align:left;padding:20px;}

.qa-list > dl:nth-child(n+2) {margin-top:15px;}

.qa-list > dl > dt {display:flex;gap:6px;align-items:flex-start;font-size:1.1rem;font-weight:500;}
.qa-list > dl > dt:before {content:"Q.";}

.qa-list > dl > dd {padding-left:23px;}



.content-btn {text-align:center;margin-top:20px;}
.content-btn .btn {display:inline-flex;gap:10px;align-items:center;margin:6px;padding:16px 28px;border:1px solid #ccc;font-weight:500;position:relative;transition:0.5s;}
.content-btn .btn.on {background-color:#01477c;border-color:#01477c;color:#fff;}
.content-btn .btn.rnd {border-radius:50px;}
.content-btn .btn:before {display:inline-block;vertical-align:middle;background-repeat:no-repeat;background-position:center center;background-size:100% auto;transition:0.5s;}
.content-btn .btn:after {display:inline-block;vertical-align:middle;background-repeat:no-repeat;background-position:center center;background-size:100% auto;transition:0.5s;}


.content-btn .btn.download:after {content:"";width:20px;height:20px;background-image:url(../images/icon-ui/download-w.png);}

.content-btn .btn.water {font-size:1.5rem;}
.content-btn .btn.water:after {content:"";width:18px;height:18px;background-image:url(../images/icon-ui/chevron-right-w.png);}
.content-btn .btn.water:before {content:"";width:25px;height:30px;background-image:url(../images/content/bullet-w.png);}


.content-btn .btn.go {font-size:1.5rem;}
.content-btn .btn.go:after {content:"";width:18px;height:18px;background-image:url(../images/icon-ui/chevron-right-w.png);}


.content-btn .btn:hover {background-color:#014a9f;}
.content-btn .btn:hover:before {margin-right:20px;}
.content-btn .btn:hover:after {margin-left:20px;}



.certification-view {text-align:center;}




.disclosure-intro {display:flex;align-items:flex-start;}
.disclosure-intro .swr-imgwrap {flex-shrink:0;margin-top:-4%;}

.disclosure-intro .content-btn {text-align:left;}



.disclosure-discharge-live {margin-top:-50px;}

.disclosure-discharge-live .live-time {display:flex;align-items:center;gap:10px;margin-bottom:20px;font-size:1.6rem;}
.disclosure-discharge-live .live-time:before {display:block;content:"";width:35px;height:35px;;background-repeat:no-repeat;background-position:center center;background-size:100% auto;background-image:url(../images/icon/time.png);}

.disclosure-discharge-live .live-time .ymd {font-weight:700;}
.disclosure-discharge-live .live-time .hms {font-weight:700;color:#166ab9;}


.disclosure-discharge-live > ul {display:flex;gap:10px;flex-wrap:wrap;}
.disclosure-discharge-live > ul > li {width:calc(25% - 8px);aspect-ratio:1;background-color:#166ab9;position:relative;padding:4.5%;padding-bottom:10px;color:#fff;text-align:center;}

.disclosure-discharge-live .live-item  {line-height:1.2;}
.disclosure-discharge-live .live-item .s-name  {position:absolute;right:0;top:0;background-color:#0b3274;width:60px;text-align:center;padding:10px;}

.disclosure-discharge-live .live-item .live-state  {border:1px solid #fff;padding:15% 0;}
.disclosure-discharge-live .live-item .live-state > p  {margin-bottom:9px;}
.disclosure-discharge-live .live-item .live-state > em  {display:block;margin-top:8px;}

.disclosure-discharge-live .item-name  {margin-top:10px;}
.disclosure-discharge-live .item-value  {font-size:1.2rem;margin-top:5px;}








.disclosure-tip {display:flex;align-items:center;gap:5%;border:1px solid #0083d2;padding:5%;margin-top:3%;}





.odor-intensity-range {margin:4% 0;}
.odor-intensity-range > ul {display:flex;align-items:flex-start;gap:5%;}
.odor-intensity-range > ul > li {text-align:center;width:16%;}

.odor-intensity-range .label {position:relative;aspect-ratio:1;border:8px solid #8ba4b9;border-radius:100%;color:#fff;overflow:hidden;display:block;text-align:center;margin-bottom:20px;}

.odor-intensity-range .label .swr-imgwrap {height:50%;display:inline-flex;align-items:center;justify-content:center;}
.odor-intensity-range .label .swr-imgwrap > img {vertical-align:middle;}
.odor-intensity-range .label .exp {display:block;height:50%;background-color:#7593ac;position:relative;line-height:1.4;padding-top:6px;}
.odor-intensity-range .label .exp > strong {position:relative;display:block;font-size:1.1rem;font-weight:500;}



.box-thick {border:8px solid #ddd;padding:2% 5%;text-align:left;font-size:1.2rem;}
.box-thick .list-dot > li:before {margin-top:14px;}




.management-disclosure {overflow:hidden;border-top:1px solid #000;border-bottom:1px solid #000;margin-bottom:5%;}
.management-disclosure .wrapper {margin:-1px;display:flex;flex-wrap:wrap;}
.management-disclosure .wrapper > * {width:33.333%;border-bottom:1px solid #ddd;}

.management-disclosure .wrapper > dl {display:flex;}
.management-disclosure .wrapper > dl > dt {flex-shrink:0;width:40%;padding:20px;display:flex;align-items:center;justify-content:center;text-align:center;background-color:#e7f4ff;line-height:1.4;border-left:1px solid #000;border-right:1px solid #000;}
.management-disclosure .wrapper > dl > dd{flex-grow:1;padding:20px;display:flex;align-items:center;background-color:#fff;line-height:1.4;}






.disclosure-qna > dl:nth-child(n+2) {margin-top:4%;}
.disclosure-qna > dl > dt:nth-child(n+2) {margin-top:4%;}

.disclosure-qna > dl > dt {display:flex;align-items:flex-start;padding:10px 28px;gap:20px;font-size:2rem;font-weight:500;color:#01477c;line-height:1.2;letter-spacing:-0.05em;}
.disclosure-qna > dl > dt:before {flex-shrink:0;content:"Q";font-size:1.2em;margin-top:-5px;}

.disclosure-qna > dl > dd {background-color:#f1f3f8;padding:28px;border-radius:20px;display:flex;align-items:flex-start;gap:20px;}
.disclosure-qna > dl > dd:before {flex-shrink:0;content:"A";font-size:2.2rem;color:#01477c;font-weight:500;margin-top:-9px;}

.disclosure-qna > dl > dd li strong {display:block;font-size:1.4rem;font-weight:500;margin-top:-5px;margin-bottom:6px;}
.disclosure-qna > dl > dd li b {font-weight:500;}

.disclosure-qna > dl > dd .list-dot > li {gap:10px;}
.disclosure-qna > dl > dd .list-dot > li:before {margin-top:9px;width:6px;height:6px;background-color:#01477c;}
.disclosure-qna > dl > dd .list-dot > li:nth-child(n+2) {margin-top:23px;}



.disclosure-qna > dl.intro > dd {background-color:#fff;border:1px solid #ddd;}

.disclosure-qna > dl.noqa > dt {padding-left:0;padding-right:0;}
.disclosure-qna > dl.noqa > dt:before {content:"";}
.disclosure-qna > dl.noqa > dd:before {content:"";}

.disclosure-qna > dl.nodt > dt {padding:0;;}
.disclosure-qna > dl.nodt > dt:nth-child(n+2) {margin-top:2%;}



.disclosure-qna .content-btn {margin-top:0;align-self:center;}
.disclosure-qna .content-btn .btn {padding:8px 20px;font-size:0.9rem;}

.disclosure-qna .list-label {flex-grow:1;}


.disclosure-graph {margin-top:5%;position:relative;text-align:center;line-height:1.2;}
.disclosure-graph:after {position:absolute;z-index:-1;content:"";left:15%;right:15%;top:5%;height:95%;background-repeat:no-repeat;background-position:center top;background-size:100% auto;background-image:url(../images/content/disclosure-round.png);}

.disclosure-graph .subject {display:inline-block;position:relative;z-index:2;margin-bottom:10%;}
.disclosure-graph .subject > strong {display:block;font-size:1.8rem;}


.disclosure-graph .content {display:flex;position:relative;z-index:2;background-color:#fff;}
.disclosure-graph .content > li {width:33.33%;position:relative;color:#fff;padding:2.9% 5%;display:flex;align-items:center;gap:15px;}
.disclosure-graph .content > li:after {position:absolute;z-index:-1;content:"";display:block;left:0;right:0;top:0;bottom:0;background-color:#000;opacity:0.9;border-radius:500px;}

.disclosure-graph .content > li strong {display:block;font-size:1.8rem;font-weight:400;}


.disclosure-graph .content > li:nth-child(1):after {background-color:#3888f8;right:-10%;}
.disclosure-graph .content > li:nth-child(2):after {background-color:#4a61d4;left:-5%;right:-5%;}
.disclosure-graph .content > li:nth-child(3):after {background-color:#425c7f;left:-10%;}




.disclosure-category {background-color:#f1f3f8;padding:5%;border-radius:30px;text-align:center;}
.disclosure-category .title {font-size:2.6rem;line-height:1.2;margin-bottom:5px;}
.disclosure-category .category {background-color:#fff;padding:5%;margin-top:5%;display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:center;gap:10px 5%;}
.disclosure-category .category .item {max-width:110px;}
.disclosure-category .category .item  .swr-imgwrap {aspect-ratio:1;background-color:#f1f3f8;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;padding:20px;margin-bottom:10px;}




.swr-total-search h2 {font-size:2rem;margin-bottom:20px;}
.swr-total-search .wrapper {border:1px solid #aaa;border-radius:6px;overflow:hidden;font-size:0.9rem;}
.swr-total-search .row {display:flex;}
.swr-total-search .wrapper .row:nth-child(n+2) {border-top:1px dashed #aaa;}
.swr-total-search .label {width:160px;padding:10px 20px;background-color:#f8eff3;display:flex;align-items:center;font-weight:500;}
.swr-total-search .label > em {font-size:0.9em;}
.swr-total-search .row .field {flex-grow:1;;padding:10px;background-color:#fff;display:flex;gap:5px;}
.swr-total-search .inp {position:relative;font-size:0.9rem;padding:0 15px;height:38px;border:1px solid #aaa;border-radius:6px;display:flex;align-items:center;}


.swr-total-search .inp .check {position:absolute;opacity:0;}
.swr-total-search .inp > .inp {position:absolute;left:0;right:0;top:0;height:100%;border:0;text-align:center;justify-content:center;}

.swr-total-search .check:checked + .inp {background-color:#f8eff3;}


.swr-total-search .full {flex-grow:1;}
.swr-total-search .fix {width:160px;}

.swr-total-search input::placeholder {font-size:0.8em}

.swr-total-search .btn-wrap {display:flex;gap:10px;justify-content:center;align-items:center;margin-top:28px;}
.swr-total-search .btn-wrap .btn {padding:0 23px;min-width:150px;height:38px;border:1px solid #aaa;border-radius:6px;display:flex;align-items:center;justify-content:center;text-align:center;font-size:0.9em;}
.swr-total-search .btn-wrap .btn.on {background-color:#c72868;border-color:#c72868;color:#fff;}





.odp-copies > ul {display:flex;max-width:880px;margin:0 auto;padding:5% 0;}
.odp-copies > ul > li {position:relative;width:33.33%;aspect-ratio:1;padding:0 30px;display:flex;align-items:center;justify-content:center;text-align:center;color:#fff;font-size:1.4rem;line-height:1.2;}
.odp-copies > ul > li:after {position:absolute;z-index:-1;content:"";left:-5%;right:-5%;top:-5%;bottom:-5%;border-radius:100%;background-color:#222;opacity:0.8;}

.odp-copies > ul > li:nth-child(1):after {background-color:#3ca1d9;}
.odp-copies > ul > li:nth-child(2):after {background-color:#41cfcf;}
.odp-copies > ul > li:nth-child(3):after {background-color:#004ba1;}

.odp-copies > ul > li em {display:block;}



.odp-strategy-goal {display:flex;gap:10%;position:relative;}
.odp-strategy-goal > li {flex:1;padding:20px;border:1px solid #ddd;background-color:#f8f8f8;position:relative;z-index:2;}

.odp-strategy-goal:after {position:absolute;left:0;right:0;content:"";height:1px;background:#ddd;top:50%;transform: translateY(-50%);}

.odp-strategy-goal > li:after {position:absolute;content:"";top:50%;transform: translateY(-50%);width:10px;height:10px;border-radius:100%;background-color:#fff;border:1px solid #ddd;}
.odp-strategy-goal > li:nth-child(1):after {right:-6px;}
.odp-strategy-goal > li:nth-child(2):after {left:-6px;}





.odp-strategy-type {display:flex;padding:5% 0;}
.odp-strategy-type > li {position:relative;width:33.33%;aspect-ratio:1;padding:0 30px;display:flex;align-items:center;justify-content:center;text-align:center;font-size:2rem;line-height:1.2;font-weight:600;}
.odp-strategy-type > li:after {position:absolute;z-index:-2;content:"";left:-5%;right:-5%;top:-5%;bottom:-5%;border-radius:100%;background-color:#222;opacity:0.8;}

.odp-strategy-type > li:nth-child(1) {color:#03a7de;}
.odp-strategy-type > li:nth-child(2) {color:#0775c3;}
.odp-strategy-type > li:nth-child(3) {color:#223868;}

.odp-strategy-type > li:nth-child(1):after {background-color:#03a7de;}
.odp-strategy-type > li:nth-child(2):after {background-color:#0775c3;}
.odp-strategy-type > li:nth-child(3):after {background-color:#223868;}

.odp-strategy-type > li:before {position:absolute;z-index:-1;content:"";left:5%;right:5%;top:5%;bottom:5%;border-radius:100%;background-color:#fff;}





.odp-strategy-value {display:flex;gap:10px;}
.odp-strategy-value > li {position:relative;flex:1;aspect-ratio:1;display:flex;align-items:center;justify-content:center;text-align:center;color:#fff;font-size:1.6rem;line-height:1.2;}

.odp-strategy-value > li:after {position:absolute;z-index:-2;content:"";left:0;right:0;top:0;bottom:0;background-color:#509bdc;border-radius:20px;}
.odp-strategy-value > li:before {position:absolute;z-index:-1;content:"";left:10px;right:10px;top:10px;bottom:10px;border:2px solid #fff;;border-radius:20px;}

.odp-strategy-value > li em {display:block;}







.odp-register .swr-imgwrap {max-width:1200px;margin:0 auto;}


.odp-register .register-guide {display:flex;align-items:center;gap:10%;padding-left:5%;margin-top:5%;}


.odp-register .register-guide > dl > dt {font-size:2.3rem;font-weight:600;color:#004075;}
.odp-register .register-guide > dl > dd{margin-top:20px;}
.odp-register .register-guide > dl .content {font-size:1.6rem;line-height:1.4;}
.odp-register .register-guide > dl > dd .content-btn {text-align:left;font-size:1.1rem;}






.service-fulfillment > dl {display:flex;align-items:flex-start;gap:5%;margin-bottom:5%;}

.service-fulfillment > dl > dt {flex-shrink:0;position:relative;width:18%;aspect-ratio:1;display:flex;align-items:flex-end;justify-content:center;text-align:right;color:#fff;line-height:1.2;}
.service-fulfillment > dl > dt:after {position:absolute;z-index:-1;content:"";left:0;right:0;top:0;bottom:0;border-radius:20px;background-color:#0059b5;}

.service-fulfillment > dl > dt strong {display:block;text-align:center;padding:10px;}





.complaint-process > ol {display:flex;gap:10px;}
.complaint-process > ol  > li {flex:1;aspect-ratio:1;position:relative;padding:40px;overflow:visible;}
.complaint-process > ol  > li strong {display:block;width:100%;font-size:1.6rem;}

.complaint-process > ol  > li:after {position:absolute;z-index:-2;content:"";left:20px;right:20px;top:20px;bottom:20px;border-radius:100%;background-color:#eee;}

.complaint-process > ol  > li:before {position:absolute;z-index:-1;content:"";left:20px;right:20px;top:20px;bottom:20px;border-radius:50% 60px 50% 50%;background-color:#eee;transform:rotate(45deg); }
.complaint-process > ol  > li:last-child:before {content:none;}

.complaint-process .box {position:relative;z-index:2;height:100%;border-radius:100%;background-color:#fff;box-shadow: 0 0 10px 0px rgba(0,0,0,0.2);display:flex;flex-wrap:wrap;align-items:center;justify-content:center;text-align:center;}


.complaint-process .box strong {display:block;width:100%;font-size:1.6rem;}


.complaint-process > ol  > li:nth-child(1):after {background-color:#31b6a4;}
.complaint-process > ol  > li:nth-child(2):after {background-color:#0091bf;}
.complaint-process > ol  > li:nth-child(3):after {background-color:#006aa9;}
.complaint-process > ol  > li:nth-child(4):after {background-color:#006aa9;}


.complaint-process > ol  > li:nth-child(1):before {background-color:#31b6a4;}
.complaint-process > ol  > li:nth-child(2):before {background-color:#0091bf;}
.complaint-process > ol  > li:nth-child(3):before {background-color:#006aa9;}
.complaint-process > ol  > li:nth-child(4):before {background-color:#006aa9;}


.complaint-regist-alert {max-width:900px;margin:50px auto;background-color:#e3f5ff;border-radius:100px;padding:2% 8%;font-size:1.2rem;display:flex;gap:20px;line-height:1.4;}

.complaint-regist-alerts {margin:50px 0;display:flex;align-items:center;}
.complaint-regist-alerts .complaint-regist-alert {margin:0;border-radius:0 100px 100px 0;margin-left:-50px;margin-top:10%;padding-left:calc(2% + 50px);}


.complaint-regist-guide {display:flex;align-items:center;gap:10%;border:2px solid #0083d2;padding:5% 10%;font-size:1.1rem;}
.complaint-regist-guide.red {border-color:#cc0000;}

.complaint-verification {margin-top:50px;}
.complaint-verification .verification {margin-bottom:20px;display:flex;flex-wrap:wrap;align-items:center;gap:10px 0;}
.complaint-verification .verification .title {flex-grow:1;line-height:1.2;}
.complaint-verification .verification .title > h2 {font-size:2.8rem;color:#195585;font-weight:500;letter-spacing:-0.02em;margin-bottom:5px;}
.complaint-verification .verification .content-btn {margin-top:0;}
.complaint-verification .verification .content-btn .btn {font-size:1.5rem;flex-grow:1;}

.complaint-verification .guide {background-color:#0057a2;padding:5% 7%;border-radius:0 0 50px 50px;color:#fff;display:flex;align-items:center;gap:20px;}

.complaint-verification .guide > .swr-imgwrap {width:35%;flex-shrink:0;}


.complaint-verification .guide .main {font-size:1.8rem;text-align:center;margin-bottom:5%;}


.complaint-verification .guide .sub {display:flex;gap:10px;align-items:flex-start;justify-content:center;font-size:1.3rem;}
.complaint-verification .guide .sub .swr-imgwrap {margin-top:-5px;}





.complaint-clean-process > ol {display:flex;padding:0 5px;}
.complaint-clean-process > ol > li {flex:1;position:relative;padding:3%;display:flex;align-items:center;justify-content:center;text-align:center;line-height:1.2;font-size:1.6rem;overflow:visible;}
.complaint-clean-process > ol > li:after {position:absolute;z-index:-1;content:"";left:-5px;right:-5px;top:0;bottom:0;border:10px solid #eee;border-radius:100px;opacity:0.9;background-color:#fff;}


.complaint-clean-process > ol > li:nth-child(1):after {border-color:#009a56;}
.complaint-clean-process > ol > li:nth-child(2):after {border-color:#25764f;}
.complaint-clean-process > ol > li:nth-child(3):after {border-color:#0090c2;}
.complaint-clean-process > ol > li:nth-child(4):after {border-color:#0067b2;}
.complaint-clean-process > ol > li:nth-child(5):after {border-color:#d5d5d5;}










.reservation-intro {display:flex;background-color:#f5f5f5;}
.reservation-intro > .swr-imgwrap {width:50%;flex-shrink:0;}
.reservation-intro > .swr-imgwrap > img {height:100%;}

.reservation-intro > .guide {flex-grow:1;padding:5% 5% 5% 70px;position:relative;z-index:99;}
.reservation-intro > .guide  > h2 {font-size:2.3rem;line-height:1.2;margin-bottom:3%;}


.reservation-intro > .guide .ico {position:absolute;content:"";left:-50px;top:11%;width:100px;height:100px;padding:20px;background-color:#002f7b;border:2px solid #fff;border-radius:100%;display:flex;align-items:center;justify-content:center;}





.facility-table > table {border-collapse:collapse;border-spacing:0;;border:1px solid #999;}
.facility-table > table tbody > tr:first-child > * {border-top:0;}
.facility-table > table th {padding:10px;text-align:center;border:1px solid #999;background-color:#c3ecfd;}
.facility-table > table thead th {padding:15px 10px;}
.facility-table > table td {padding:15px 10px;text-align:center;border:1px solid #999;}

.facility-table .exp-wrap {text-align:left;word-break:keep-all;}










.reservation-guide > ul {display:flex;gap:20px;flex-wrap:wrap;}
.reservation-guide > ul > li {flex-shrink:0;flex-grow:1;border:1px solid #ddd;padding:2% 3%;width:calc(25% - 15px);word-break:keep-all;}
.reservation-guide > ul > li.half {width:calc(50% - 10px);}
.reservation-guide > ul > li.full {width:100%;}
.reservation-guide > ul > li.nogrow {flex-grow:0;}

.reservation-guide > ul > li.on {background-color:#002f7b;border-color:#002f7b;color:#fff;}
.reservation-guide > ul > li.on a {color:#fff;}

.reservation-guide > ul > li .title {display:flex;align-items:center;gap:5px;font-size:1.4rem;margin-bottom:10px;font-weight:500;}














.reservation-notice {margin-top:3%;border:2px solid #002f7b;display:flex;align-items:center;}
.reservation-notice .title {position:relative;padding:29px 3%;color:#002f7b;text-align:center;width:28%;flex-shrink:0;}
.reservation-notice .content {position:relative;padding:29px 5%;flex-grow:1;}

.reservation-notice .main {font-size:1.6rem;line-height:1.4;}
.reservation-notice .sub {padding:0 10px;margin-top:20px;line-height:1.6;text-align:left;}


.reservation-notice .title:after {position:absolute;content:"";right:0;top:39px;bottom:39px;width:1px;background:#002f7b;}
.reservation-notice .content:after {position:absolute;content:"";left:-1px;top:39px;bottom:39px;width:1px;background:#002f7b;}


.reservation-notice.red {border-color:#fa0404;}
.reservation-notice.red .title {color:#fa0404;}
.reservation-notice.red .title:after {background:#fa0404;}
.reservation-notice.red .content:after {background:#fa0404;}



.reservation-ft {margin-top:5%;text-align:center;font-size:1.5rem;}