@charset "UTF-8";

:root {--spacing : 30rem;}
.flex50 {display:flex; flex-wrap:wrap; margin:-10rem;}
.flex50 > * {width:calc(50% - 20rem); margin:10rem;}
@media all and (max-width:768px){
    .flex50 {margin:0;}
    .flex50 > * {width:100%; margin:0 0 20rem 0;}
    .flex50 > *:last-child {margin-bottom:0;}
}
@media all and (max-width:376px){
    :root {--spacing : 25rem;}
    .flex50 {margin:0;}
    .flex50 > * {width:100%; margin:0 0 20rem 0;}
    .flex50 > *:last-child {margin-bottom:0;}
}

.step {display:flex; flex-wrap:wrap; margin:-5rem -30rem;}
.step li {width:calc(25% - 60rem); margin:10rem 30rem; position:relative;}
.step li:before {content:''; position:absolute; top:50%; left:-34rem; width:8rem; height:12rem; background:url('/design/main/img/main/icon1.png') no-repeat 0 0/200% auto; transform:translateY(-50%); opacity:0.7;}
.step li:first-child:before {display:none;}
.step li div {background:#ecf1ff; padding:25rem; text-align:center; border-radius:6rem;}
.step li div em {display:flex; align-items:center; width:100%; justify-content:center; font-weight:500;}
.step li span {display:block; margin-top:10rem; text-align:center; padding:7rem; color:#fff; border-radius:6rem; font-size:16rem; border:1px dashed #afbdd2; color:#51709e; font-weight:500;}
@media all and (max-width:1640px){
  .step {margin:-5rem -10rem;}
  .step li {width:calc(33.333% - 20rem); margin:10rem;}
  .step li:before {display:none;}
}
@media all and (max-width:1023px){
  .step li {width:calc(50% - 20rem); margin:10rem;}
}
@media all and (max-width:768px){
  .step {margin:0  ; flex-wrap:wrap;}
  .step li {width:100%; margin:0 0 40rem 0;}
  .step li:last-child {margin-bottom:0;}
  .step li:last-child:before {display:none;}
  .step li:first-child:before {display:block;}
  .step li:before {display:block;left:50%; top:inherit; bottom:-29rem; transform:translate(-50%, 0) rotate(90deg);}
}

ol {list-style:none;}
.ol_dep01 > li {margin:10rem 0;}
.ol_dep01 > li strong {display:inline-block; margin-right:10rem;}
.ol_dep02 {margin:5rem 0 10rem 5rem;}
.ol_dep02 > li {position:relative; margin:3rem 0; padding-left:25rem;}
.ol_dep02 > li span {position:absolute; left:0;}
.ol_dep03 {margin:5rem 0 10rem 7rem;}
.ol_dep03 > li {position:relative; margin:3rem 0; padding-left:25rem;}
.ol_dep03 > li span {position:absolute; left:0;}
.ol_dep04 > li {position:relative; margin:3rem 0; padding-left:25rem;}
.ol_dep04 > li span {position:absolute; left:0;}

/*인사말*/
.greeting {display:flex; justify-content:space-between;}
.greeting .left {width:calc(100% - 490rem); position:relative; padding:10rem 0;}
.greeting .left .tit {font-size:36rem;font-weight:600;line-height:1.4;padding-left: 90rem;}
.greeting .left .txt {margin:40rem 0 0 4rem;padding-left: 90rem;}
.greeting .left .txt p {margin:20rem 0 0 0;}
.greeting .right {width:calc(30% - 60rem); position:relative;}
.greeting .right:before {content:''; position:absolute; right:0; bottom:0; width:420rem; height:490rem; background:url('/design/main/img/content/greeting_260722.jpg') no-repeat top center/cover; border-radius:var(--border-radius);}
.greeting .left:after {content:''; position:absolute; bottom:0; left:45rem; background:var(--p_color); width:1px; height:calc(100%  - 500rem);}
.greeting .left > span {display:block; margin-left:45rem; color:var(--p_color); transform-origin:left; transform:rotate(90deg); letter-spacing:0.1rem; white-space:nowrap;}
.greeting .sign {display:flex; align-items:center ; justify-content:flex-end; margin-top:60rem; }
.greeting .sign .group {font-weight:500}
.greeting .sign .name {display:block; width:165rem; height:93rem; background: url('/design/main/img/content/greeting_sign.png') no-repeat center/contain; margin-left:20rem; text-indent:-9999rem;}
@media all and (max-width:1280px){
  .greeting {display:block; position:relative;}
  .greeting .left {width:100%;}
  .greeting .left .tit {padding-left:0; padding-right:200rem; border-bottom:1px solid #ddd; padding-bottom:40rem; }
  .greeting .left .txt {padding-left:0;}
  .greeting .left:after {display:none;}
  .greeting .left > span {display:none;}
  .greeting .right {width:100%; position:absolute; top:0;}
  .greeting .right:before {bottom:inherit; top:-51rem; width:174rem; height:195rem; border-radius:0;}
}
@media all and (max-width:599px){
  .greeting .left .tit {font-size:26rem; padding-right:0;}
  .greeting .right:before {display:none;}
  .greeting .sign {flex-wrap:wrap; justify-content:flex-end; text-align:right;}
  .greeting .sign .name {width:100rem; height:56px; margin-top:10px; font-size:0;}
}

/*미션비전/ESG경영*/
/*공통*/
.dig {text-align:center; background:#F2F4F8; padding:40rem 30rem}
.dig .tit dt {display:inline-block; padding:5rem; background:#d1d2e7; border-radius:40rem;}
.dig .tit dt span {display:inline-block; min-width:160rem; padding:10rem 0; background:#2e3192; color:#fff; font-size:20rem; font-weight:600; text-transform:uppercase; letter-spacing:1rem; border-radius:40rem; }
.dig .tit:nth-of-type(2) dt {background:#dee7dc;}
.dig .tit:nth-of-type(2) dt span {background:#6a915e;}
.dig .tit.st1 dd {display:flex; align-items:center; justify-content:center; font-size:36rem; font-weight:600;  line-height:1.4;}
.dig .tit.st1 dd:before,
.dig .tit.st1 dd:after {color:#d3d3d3;  font-size:70rem;}
.dig .tit.st1 dd:before {content:'['; margin-right:40rem;}
.dig .tit.st1 dd:after {content:']'; margin-left:40rem;}
.dig .tit.st1 dd > span > span {color:#2e3192; font-weight:700;}
.dig .tit2 dt,
.dig .tit2 {font-size:32rem; font-weight:600;}
.dig .value {padding-bottom:80rem; background:url('/design/main/img/content/vision2.png') no-repeat center bottom;}
.dig .value ul {margin:20rem 0; display:flex; align-items:center; justify-content:center;}
.dig .value ul li {display:flex; align-items:center; justify-content:center;}
.dig .value ul li:after {content:''; display:block; width:26rem; height:10rem; margin:0 40rem; background:url('/design/main/img/content/vision.png') no-repeat center/contain;}
.dig .value ul li:last-child:after {display:none;}
.dig .value ul li > div {width:190rem; height:190rem; background:#8fc1c8; border-radius:50%; padding:5rem;}
.dig .value ul li > div > span {display:flex; flex-direction:column; align-items:center; justify-content:center; background:#1f8491; width:100%; height:100%; border-radius:50%;  color:#fff; font-size:18rem; font-weight:600; }
.dig .value ul li > div > span > span {font-size:17rem; font-weight:400;}
.dig .value ul li:nth-child(2n) > div{background:#b4c8ae}
.dig .value ul li:nth-child(2n) > div > span {background:#6a915e;}
.dig .value ul li:nth-child(3n) > div {background:#a9cdf2;}
.dig .value ul li:nth-child(3n) > div > span {background:#549be5}
.dig .roadmap {display:flex; justify-content:space-between; padding-top:40rem; background:url('/design/main/img/content/vision2.png') no-repeat center 0; max-width:90%; margin:0 auto;}
.dig .roadmap dt,
.dig .roadmap dd {margin-top:80rem;}
.dig .roadmap.task {background:none; padding-top:0;}
.dig .roadmap.task dt,
.dig .roadmap.task dd {margin-top:10rem}
.dig .roadmap dt {width:130rem; background:#2e3192; border-radius:var(--border-radius); display:flex; align-items:center; justify-content:center; padding:0 20rem; font-weight:600; color:#fff; font-size:19rem; line-height:1.5}
.dig .roadmap dd {width:calc(100% - 130rem - 10rem); text-align:left; background:#fff;border-radius:var(--border-radius); padding:15rem 25rem; }
.dig .roadmap dd ul {display:flex; flex-wrap:wrap;}
.dig .roadmap dd ul li {width:50%; margin:5rem 0; border-bottom:1px dashed #ddd; padding:10rem 10rem 17rem 10rem; display:flex; }
.dig .roadmap dd ul li span {background:#9b3388; width:30rem; height:30rem; line-height:30rem; text-align:center; color:#fff; display:block; margin-right:15rem; flex-shrink:0; flex-grow:0;}
@media all and (max-width:1440px){
  .dig .roadmap {max-width:100%; margin:0 auto;}
}
@media all and (max-width:1023px){
  .dig .roadmap dd ul li {width:100%;}
  .dig .roadmap {background-size:200rem;}
}
@media all and (max-width:599px){
  .dig .roadmap {flex-wrap:wrap;}
  .dig .roadmap dt {width:100%; padding:10rem;}
  .dig .roadmap dd {width:100%; margin-top:10rem;}
}
/*미션비전*/
.dig .mission{padding-bottom:60rem; margin:20rem 0 30rem; background:url('/design/main/img/content/vision2.png') no-repeat center bottom;}
.dig .mission ul {display:flex; margin:40rem -10rem; position:relative;}
.dig .mission ul:before {content:''; position:absolute; top:50%; left:20rem; width:calc(100% - 40rem); height:1px; background:#6b915f; z-index:-2; }
.dig .mission ul:after {content:''; position:absolute; top:0; left:50%; top:-40rem; width:1px; height:40rem; background:#6b915f; display:none; }
/*.dig .mission ul li {background:#fff; width:calc(33.333% - 20rem); margin:0 10rem; padding:10rem 20rem; font-size:18rem; font-weight:600; border:1px solid #6b915f; border-radius:var(--border-radius); flex:1 1 auto;}*/
.dig .mission ul li {background:#fff; width:calc(50% - 20rem); margin:0 50rem; padding:10rem 20rem; font-size:18rem; font-weight:600; border:1px solid #6b915f; border-radius:var(--border-radius); flex:1 1 auto;}
.dig .group {margin:40rem 0;}
.dig .group .tit2 span {color:#2e3192;}
.dig .pur {display:flex; flex-wrap:wrap; margin:20rem -10rem;}
.dig .pur > li { width:calc(33.333% - 20rem); margin:0 10rem; position:relative;}
.dig .pur > li  strong {position:absolute; top:0; left:50%; display:none;}
.dig .pur > li > span {display:block; padding:10rem 20rem; font-size:18rem; font-weight:600; background:#f6efc3; border-radius:var(--border-radius); }
.dig .pur .task {padding:0 20rem; text-align:left; border-radius:var(--border-radius);}
.dig .mission+.value {background:none;}
.dig .value02 ul li {background:#fff; width:calc(50% - 10rem); margin:0 30rem; padding:10rem 20rem; font-size:18rem; font-weight:600; border:2px solid #275586; border-radius:100px; flex:1 1 auto;}
/*esg경영*/
.esg .value {margin-top:30rem; padding-top:40rem; border-top:1px dashed #ddd;}
.esg .detail {margin-top:40rem;}
.esg .detail > p {display:inline-block; padding:10rem 100rem; font-size:22rem; font-weight:500; border:3px solid #e4e0b2; background:#f6efc3; border-radius:40rem; color:#322e06; line-height:1.5}
.esg .group > dl,
.esg .group > ul {display:flex;}
.esg .group > dl > *,
.esg .group > ul > * {display:flex; flex-direction:column; align-items:center; justify-content:center; padding:5rem;}
.esg .group > dl dt,
.esg .group > ul li:nth-child(1) {width:15%;}
.esg .group > dl dd:nth-child(2),
.esg .group > ul li:nth-child(2) {width:25%;}
.esg .group > dl dd:nth-child(3),
.esg .group > ul li:nth-child(3) {width:60%}
.esg .group > dl dt,
.esg .group > dl dd,
.esg .group > ul {margin:-5rem 0;}
.esg .group > dl dt p,
.esg .group > dl dd p,
.esg .group > dl dd ul,
.esg .group > ul span {height:100%; width:100%; margin:5rem 0; border-radius:var(--border-radius); border:1px solid #ddd; padding:25rem; background:#fff; border:0;}
.esg .group > dl dt p,
.esg .group > dl dd p {display:flex; align-items:center; justify-content:center; }
.esg .group > dl dt p {font-weight:600;}
.esg .group > dl dd:nth-child(2) p {font-weight:600;}
.esg .group > dl dd ul {width:100%; text-align:left;}
.esg .group > ul span {padding:15rem 25rem; border:0; background:#e2e6ee; font-weight:600;}
.youth .pur2 {margin-top:10rem;}
.youth .pur2 dd {margin:20rem 0 40rem;}
.youth .pur2 dd p {background:#f6f6f6; margin:10rem 0; border-radius:40rem; padding:15rem; font-size:20rem; font-weight:500; max-width:1200rem; margin:10rem auto;}
.youth .value ul {padding:0 150rem;}
.youth .value ul li {width:33.333%; flex-direction:column;}
.youth .value ul li:after {display:none;}
.youth .value ul li .aka {margin:20rem 0 15rem; border:1px solid #ddd; border-radius:var(--border-radius); padding:10rem 20rem;}
.youth .value ul li .aka + p {padding:0 25rem;}
.youth .value ul li:nth-child(1) .aka { border-color:#248490; color:#1d5f67;}
.youth .value ul li:nth-child(2) .aka { border-color:#6b915f; color:#39612d;}
.youth .value ul li:nth-child(3) .aka {border-color:#579be3; color:#275586;}
.youth .str {margin:30rem -5rem;}
.youth .str dd {display:flex; margin-top:20rem;}
.youth .str dd ul {width:calc(33.333% - 10rem); margin:0 5rem !important; text-align:left; border:1px solid #ddd; border-radius:var(--border-radius); padding:var(--spacing);}
@media all and (max-width:1640px){
  .youth .pur2 dd p {border-radius:var(--border-radius);}
  .youth .value ul {padding:0 50rem;}
}
@media all and (max-width:1023px){
  .dig .tit.st1 dd {margin:15rem 0 30rem;}
  .dig .tit.st1 dd:before,
  .dig .tit.st1 dd:after {display:none;}
  .youth .value ul {padding:0;}
}
@media all and (max-width:1023px){
    .dig .value {padding-bottom:60rem; background-size:200rem;}
    .dig .value ul li {width:33.333%;}
    .dig .value ul li:after {display:none;}
    .dig .value ul li > div {width:100%; height:100rem;}
    .dig .mission {padding-bottom:40rem; margin:0 0 30rem 0; background-size:200rem;}
    .dig .mission ul {flex-wrap:wrap; margin:40rem 0;}
    .dig .mission ul:before {display:none;}
    .dig .mission ul li {width:100%; margin:0 0 10rem 0;}
    .dig .mission ul li:last-child {margin-bottom:0;}
    .dig .pur {display:flex; flex-wrap:wrap; margin:20rem -10rem;}
    .dig .pur > li { width:calc(50% - 20rem); margin:0 10rem; position:relative;}
    .dig .pur > li  strong {position:absolute; top:0; left:50%; display:none;}
    .dig .pur > li > span {display:block; padding:10rem 20rem; font-size:18rem; font-weight:600; background:#f6efc3; border-radius:var(--border-radius); }
    .dig .pur .task {padding:0 20rem; text-align:left; border-radius:var(--border-radius);}
}
@media all and (max-width:768px){
  .dig .value ul {flex-wrap:wrap;}
  .dig .value ul li {width:100%;}
  .dig .value ul li > div {width:50%; height:100rem;}
  .esg .detail > p {width:100%;}
  .esg .group > dl,
  .esg .group > ul {flex-wrap:wrap;}
  .esg .group > ul {display:none;}
  .esg .group > dl dt,
  .esg .group > ul li:nth-child(1) {width:100%;}
  .esg .group > dl dd:nth-child(2),
  .esg .group > ul li:nth-child(2) {width:100%;}
  .esg .group > dl dd:nth-child(3),
  .esg .group > ul li:nth-child(3) {width:100%}
  .esg .group > dl dt p,
  .esg .group > dl dd p,
  .esg .group > dl dd ul,
  .esg .group > ul span {padding:15rem;}
  .esg .group > dl dd ul {padding:20rem;}
  .youth .value ul li:nth-child(2) {padding:20rem 0;}
  .youth .str {margin:30rem 0;}
  .youth .str dd {flex-wrap:wrap; }
  .youth .str dd ul {width:100%; margin:5rem 0 !important;}
}
@media all and (max-width:599px){
    .dig .pur {margin:20rem 0;}
    .dig .pur > li {width:100%; margin:0 0 10rem 0;}
    .dig .pur > li:last-child {margin-bottom:0;}
}
@media all and (max-width:376px){
    .dig .value ul li > div {width:100%;}
}
/*윤리*/
.ethic .up {padding-top:110rem; background:url('/design/main/img/content/vision2.png') no-repeat center 0;}
@media all and (max-width:1023px){
  .ethic .up {background-size:200rem;}
}

/*연혁*/
.history {position:relative; text-align:center; background:#F2F4F8; overflow:hidden;}
.history:before {content:''; position:absolute; top:160rem; left:50%; width:1px; height:100%; background:#ddd; transform:translateX(-50%);}
.history .tab {display:flex; margin-bottom:60rem;}
.history .tab a {display:block; position:relative; width:25%; border-bottom:1px solid #ddd; padding:15rem 0; font-size:27rem; color:#898989; text-align:center;}
.history .tab a:before {content:''; position:absolute; bottom:-1px; left:50%; width:0; height:3px; background:#2f3191; transition:all 0.5s;}
.history .tab a.on {color:#323232; font-weight:600;}
.history .tab a.on:before {left:0; width:100%;}
.history .area {font-size:70rem; background:#F2F4F8; color:#2f3191; font-weight:600; position:relative;}
.history .tab.fixed {position:fixed; top:0; width:100%; max-width:1500rem; background:#fff; z-index:2;}
.history .tab.fixed+div {margin-top:170rem;}
.history .year > li {padding:0 0 0 50%; text-align:left;}
.history .year > li .number {font-size:31rem; position:relative; padding-left:30rem; font-weight:500;}
.history .year > li .number:before {content:''; position:absolute; top:13rem; left:-8rem; width:16rem; height:16rem; background:var(--p_color); border-radius:50%;}
.history .year > li .number:after {content:''; position:absolute; top:8rem; left:-13rem; width:26rem; height:26rem; background:var(--p_color);; opacity:0.5; border-radius:50%;}
.history .year > li .list {padding-left:35rem; margin-bottom:50rem;}
.history .year > li .list > li {display:flex; position:relative; margin:10rem 0;}
.history .year > li .list > li span {display:block; width:100rem; flex:0 0 auto; font-weight:600;}
.history .year > li .list > li div {width:calc(100% - 100rem);}
.history .year > li:nth-child(even) {padding:0 50% 0 0; text-align:right;}
.history .year > li:nth-child(even) .number {padding-left:0; padding-right:30rem;}
.history .year > li:nth-child(even) .number:before {left:inherit; right:-8rem;}
.history .year > li:nth-child(even) .number:after {left:inherit; right:-13rem;}
.history .year > li:nth-child(even) .list {padding-right:35rem; padding-left:0;}
.history .year > li:nth-child(even) .list > li {justify-content:flex-end;}
.history .year > li:nth-child(even) .list > li span {order:1;}
@media all and (max-width:1640px){
  .history .tab.fixed {max-width:100%; left:0;}
}
@media all and (max-width:1440px){
  .history .tab a {font-size:25rem;}
}
@media all and (max-width:1240px){
  .history .tab a {font-size:21rem;}
  .history .area {font-size:81rem;}
  .history .tab.fixed+div {margin-top:100rem;}
}
@media all and (max-width:768px){
  .history .year > li .list > li {flex-wrap:wrap;}
  .history .year > li .list > li div {width:100%; margin-top:2rem;}
}
@media all and (max-width:599px){
  .history {text-align:left; margin-top:-30rem;}
  .history:before {left:20rem;}
  .history .area {text-align:center; font-size:61rem; padding:30rem 0 20rem;}
  .history .year > li {padding:0 0 0 20rem;}
  .history .year > li:nth-child(even) {padding:0 0 0 20rem; text-align:left;}
  .history .year > li:nth-child(even) .number {padding-left:30rem; padding-right:0;}
  .history .year > li:nth-child(even) .number:before {left:-8rem; right:inherit;}
  .history .year > li:nth-child(even) .number:after {left:-13rem; right:inherit;}
  .history .year > li:nth-child(even) .list {padding-right:0; padding-left:35rem;}
  .history .year > li:nth-child(even) .list > li {justify-content:flex-start;}
  .history .year > li:nth-child(even) .list > li span {order:0; width:100%;}
  .history .tab {display:none;}
}

/*조직도*/
.org {text-align:center; margin-bottom:60rem; margin:0 -5rem;}
.org .col1 a,
.org .col1 span {display:block; border:2px solid; padding:11rem 15rem; margin:0 auto; line-height:1.5;}
.org .col1 .circle {display:flex; justify-content:center; align-items:center; font-size:19rem; font-weight:600; color:#fff; width:20%;}
.org .col1 > li > span {background:var(--p_color); border-color:var(--p_color); margin-bottom:20rem;}
.org .col2 {display:flex; flex-wrap:wrap; justify-content:center;}
.org .col2 a,
.org .col2 span {font-size:18rem; font-weight:500; background:#fff;}
.org .col2 > li.block {width:50%;}
.org .col2 > li.block span {width:40%; border-color:#2f3191; color:#2f3191;}
.org .col2 > li.group {width:100%;}
.org .col2 > li.group > span {background:#2f3191; border-color:#2f3191; margin-top:20rem;}
.org .col3 {display:flex; flex-wrap:wrap; margin-top:70rem;}
.org .col3 > li {width:50%;  position:relative; padding-bottom:100rem;}
.org .col3 > li > span ,
.org .col3 > li > a {width:40%; color:#fff;}
.org .col3 > li > a.edu {border-color:#8d1c73; background:#8d1c73;}
.org .col3 > li > a.rise {border-color:#44643a; background:#44643a;}
.org .col4 {padding-top:10rem;}
.org .col4 > li > a {width:40%; border-color:#8d1c73; background:#fff;}
.org .team {display:flex;}
.org .team.pos {position:absolute; width:100%; bottom:0;}
.org .team.center > li > a,
.org .team.center > li > span {background:#248490; border-color:#248490 !important; color:#fff !important;}
.org .team > li {width:25%; padding:0 5rem;}
.org .team > li > a,
.org .team > li > span {font-size:17rem; font-weight:400; background:#fff;}
.org .edu+ul .team > li > a {color:#541345; border-color:#8c1a72}
.org .rise+.team > li > a {color:#2b4224; border-color:#44643a}
/*선*/
.org {position:relative;}
.org:before {content:'';position:absolute;top:0;left:50%;width:1px;height: 36%;background:#b4b4b4;z-index:-1;}
/*대표이사 사퇴*/
@media(max-width:1240px){.org:before{height: 25.7%;}}
@media(max-width:954px){.org:before{height: 24.7%;}}
@media(max-width:844px){.org:before{height: 23.7%;}}
@media(max-width:768px){.org:before{height: 25.7%;}}
@media(max-width:488px){.org:before{height: 24.7%;}}
@media(max-width:436px){.org:before{height: 23.7%;}}
/*여기까지*/
.org:after {content:''; position:absolute; bottom:0; left:50%; width:1px; height:calc(100% - 243rem); background:#fff;  z-index:-1;}
.org .col2 > li.block span {position:relative;}
.org .col2 > li.block span:before {content:''; position:absolute; top:50%; right:-100%; width:100%; height:1px; background:#b4b4b4; z-index:-1;}
.org .col2 > li:nth-child(2).block span:before {right:inherit; left:-100%;}
.org .col3 {position:relative;}
.org .col3:before,
.org .col3:after {content:'';position:absolute;top:-30rem;width:25%;height:1px;background:#b4b4b4;z-index: 1;}
.org .col3:before {left:25% }
.org .col3:after {right:25%;}
.org .col3 > li:before {content:''; position:absolute; bottom:80rem; left:50%; width:1px; height:calc(100% - 50rem); background:#b4b4b4; z-index:-1;}
.org .col3 > li:first-child:after {content:''; position:absolute; top:0; right:12.3%; width:1px; height:100%; background:#b4b4b4; z-index:-1;}
.org .col3 > li > a.edu {position:relative;}
.org .col3 > li > a.edu:before {content:''; position:absolute; top:50%; right:-45.5%; width:100%; height:1px; background:#b4b4b4; z-index:-1;}
.org .col3 > li > a.edu:after {content:''; position:absolute; top:-2rem; right:calc(-100% - 2rem); width:100%; height:calc(50% + 2rem); background:#fff;}
.org .col4 > li > a {position:relative;}
.org .col4 > li > a:before {content:''; position:absolute; top:50%; left:-45%; width:100%; height:1px; background:#b4b4b4; z-index:-1;}
.org .col4 > li > a:after {content:''; position:absolute; top:50%; left:-45%; width:1px; height:100%; background:#b4b4b4; z-index:-1;}
.org .team.pos:before,
.org .team.pos:after {content:''; position:absolute; top:-28rem; width:50%; height:1px; background:#b4b4b4;}
.org .team.pos:before {left:12.5%; }
.org .team.pos:after {right:12.5%;}
.org .team > li > a {position:relative;}
.org .team > li > a:before {content:''; position:absolute; top:-30rem; left:50%; width:1px; height:30rem; background:#b4b4b4; z-index:-1;}
.org .edu+ul .team > li:last-child > a:before {display:none;}
.org .edu+ul .team:after {display:none;}
@media all and (max-width:1240px){
  .org .col1 .circle {width:25%;}
  .org .col2 > li.block span {width:50%;}
  .org .col3 > li {width:50%; padding-bottom:280rem;}
  .org .col3 > li > span ,
  .org .col3 > li > a {width:50%;}
  .org .col4 > li > a {width:50%;}
  .org .team {flex-wrap:wrap;}
  .org .team.center {width:calc(50% - 20rem); margin-top:10rem;}
  .org .team > li {width:100%; padding:0;}
  .org .team.pos > li {padding:5rem 0;}
  .org .team.pos > li > a {width:50%;}
  /*선*/
  .org .col3 > li:first-child:after {height:calc(100% - 30rem);}
  .org .col3 > li > a.edu:before {right:-26%;}
  .org .col3 > li > a.edu:after {right:calc(-100% - 5rem);}
  .org .team.pos:before,
  .org .team.pos:after {display:none;}
  .org .team > li > a:before {display:none;}
  .org .edu+ul .team > li:last-child > a:before {display:block; top:50%; left:inherit; right:-27%; width:100%; height:1px;}
  .org .team.center > li > a:before {display:none !important;}
}
@media all and (max-width:768px){
  .org {margin:0 -20rem;}
  .org .col1 .circle {width:50%;}
  .org .col2 > li.block {padding:0 20rem;}
  .org .col2 > li.block span {width:100%;}
  .org .col3 > li {width:50%; padding:0 20rem; padding-bottom:280rem;}
  .org .col3 > li > span,
  .org .col3 > li > a {width:100%;}
  .org .col4 > li > a {width:100%;}
  .org .team.center {width:100%;}
  .org .team.pos > li > a {width:100%;}
  .org .team > li {width:100%;}
  .org .team.pos {width:calc(100% - 30rem); left:50%; transform:translateX(-50%);}
  .org .team.pos > li { padding:5rem;}
  /*선*/
  .org:after {height:calc(100% - 245rem);}
  .org .col3 > li:before {height:calc(100% + 25rem); bottom:inherit; top:-30rem;}
  .org .col3 > li:first-child:before {height:calc(100% - 45rem)}
  .org .col3 > li:first-child:after {display:none;}
  .org .col3 > li > a.edu:before {display:none;}
  .org .col3 > li > a.edu:after {display:none;}
  .org .col4 > li > a:before,
  .org .col4 > li > a:after {display:none;}
  .org .edu+ul .team > li:last-child > a:before {display:none;}
}
@media all and (max-width:599px){
  .org {margin:0 -8rem;}
  .org .col2 > li.block {padding:0 8rem;}
  .org .col3 > li {width:50%; padding-left:8rem; padding-right:8rem;}
  .org .team.pos {width:calc(100% - 8rem);}
}

/*CI*/
.ci {margin-top:20rem;}
.ci > ul > li {border:1px solid #ddd; border-radius:var(--border-radius); padding:var(--spacing);}
.ci > ul > li > h5 {margin:0 !important; font-size:22rem !important;}
.ci .block {display:flex; flex-direction:column; justify-content:center; align-items:center; height:250rem;}

/*찾아오시는길*/
.location_map .cont {display:none;}

/*주요사업*/
.bis {margin-top:20rem;}
.bis > div > div {border:1px solid #ddd; border-radius:var(--border-radius); padding:var(--spacing);}
.bis > div > div > h5 {margin:0 !important; font-size:22rem !important;}

/*장학사업*/
.sch {margin-top:20rem;}
.sch > div > div {flex: 1 1 auto; border:1px solid #ddd; border-radius:var(--border-radius); padding:var(--spacing);}
.sch > div > div > h5 {margin:0 !important; font-size:22rem !important;}

/*헌장*/
.cnst {background:linear-gradient(90deg, rgb(47, 49, 145) 0%, rgb(154, 50, 135) 100%); padding:6rem;}
.cnst > div {background:#fff; position:relative; padding:100rem 200rem; text-align:center;}
.cnst > div:before {content:''; position:absolute; top:50%; left:50%; width: calc(100% - 60rem); height: calc(100% - 60rem); border:1px solid #ddd; transform: translate(-50%, -50%);}
.cnst .txt {position:relative;}
.cnst .txt .big {font-size: 38rem; font-weight:600; line-height:1.4;}
.cnst .txt .first .date_list {text-align:right; margin-top:30rem; }
.cnst .txt .small {margin:30rem 0 50rem; font-size:18rem;}
.cnst .txt .small p {margin-top:10rem; text-align:left; text-indent:20rem; }
.cnst .txt .list {text-align:left; padding:50rem 0 40rem; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;}
.cnst .txt .list li {display:flex; align-items:flex-start; padding:10rem 40rem; font-size:18rem;}
.cnst .txt .list li span {display:inline-block; margin-top:-5rem; font-weight:700; flex:0 0 auto; margin-right:50rem; color:var(--p_color); font-size:24rem;}
.cnst .txt .list.number li span {margin-top:0; width:30rem; height:30rem; background:var(--p_color); border-radius:50%; font-size:17rem; color:#fff; line-height:30rem; text-align:center;}
.cnst .txt .logo span {display:block; width:300rem; height:45rem; background:url('/design/main/img/content/ci3.png') no-repeat 0 0/contain; text-indent:-9999rem; margin:50rem auto 0;}
.cnst .last {margin-top:50rem;}
.cnst .last_bu {margin-top:50rem; }
.cnst .last_bu dt {font-weight:600; font-size:1.2em; text-align:center; margin-bottom:10rem;}
@media all and (max-width:1640px){
  .cnst .txt .big {font-size:34rem;}
}
@media all and (max-width:1440px){
  .cnst > div {padding:100rem;}
}
@media all and (max-width:768px){
  .cnst > div {padding:100rem 80rem;}
  .cnst .txt .list li {padding:10rem 20rem;}
}
@media all and (max-width:599px){
  .cnst > div {padding:80rem 60rem;}
  .cnst > div:before {width: calc(100% - 40rem); height: calc(100% - 40rem);}
  .cnst .txt .list li {flex-wrap:wrap; padding:10rem;}
  .cnst .txt .list li span {width:100%; margin:0;}
  .cnst .txt .list.number li span {margin:0 0 5rem 0;}
  .cnst .txt .list li p {margin:10rem 0 0 0rem;}
  .cnst .txt .logo span {width:250rem; height:38rem;}
}
@media all and (max-width:376px){
  .cnst > div {padding:25rem 25rem 60rem 25rem;}
  .cnst > div:before {display:none;}
  .cnst .txt .small {margin:25rem 0 40rem;}
  .cnst .txt .list {padding:20rem 0;}
}

/*행동강령*/
.rule > div {padding:80rem; text-align:left;}
.rule .big {text-align:center;}
.rule .right {display:flex; flex-direction:column; justify-content:flex-end; margin:40rem 0; text-align:right;}
.rule .tit {margin:40rem 0 20rem; font-size:22rem; font-weight:700; color:var(--p_color);}
@media all and (max-width:599px){
  .rule > div {padding:60rem;}
}
@media all and (max-width:376px){
  .rule > div {padding:40rem 25rem;}
}

/*인권경영 추진체계*/
.dig .group.ingwon > ul li, .dig .group.ingwon > section article {width:33%; padding: 5rem;}
.dig .group.ingwon section{display: flex;}
.dig .group.ingwon > section article ul{height:100%; width:100%; margin:5rem 0; border-radius:var(--border-radius); border:1px solid #ddd; padding:25rem; background:#fff; border:0; text-align: left;}
.top_border {margin-top:30rem; padding-top:40rem; border-top:1px dashed #ddd;}
@media all and (max-width:599px){
  .dig .group.ingwon > ul li, .dig .group.ingwon > section article{width: 100%;}
  .dig .group.ingwon section{display: flex; flex-direction: column;}
}




/* 장학사업 한눈에 보기 */
.award_wrap .ui-topbox { overflow: hidden; position: relative; margin-bottom: 30px; border: 1px solid #F8F8F9; border-radius: 20px; background: #F8F8F9; padding: 20rem 30rem; min-height: 160rem; display: flex; flex-direction: column; justify-content: center; }
.award_wrap .ui-topbox:before { content: ""; position: absolute; right: 0; top: 16px; width: 352px; max-width: 50%; height: 377px; background-repeat: no-repeat; background-size: contain; background-position: right top; background-image: url(/design/main/img/sub/award_bg.png); }
.award_wrap .ui-topbox strong { display: block; margin-bottom: 10px; color: #222222; font-size: 20rem; line-height: 1.5; letter-spacing: 0.01em; font-weight: bold; }
.award_wrap .ui-topbox .con-box p { color:#444;  }

.award_wrap .dl_list { display: flex; flex-wrap: wrap; gap: 0 30rem; border-top:3px solid var(--p_color); }
.award_wrap .dl_list dt,
.award_wrap .dl_list dd { border-bottom: 1px solid #ddd; padding:20rem 10rem ; }

.award_wrap .dl_list dt { position: relative; width: 200rem; display:flex; align-items: center; justify-content: center; gap:10rem; font-size:20rem; font-weight:700; }
.award_wrap .dl_list dt:before { position:relative; content:''; display:block; background:url(/design/main/img/sub/award_icon1.png)no-repeat center / contain; width:30rem; height:30rem; }

.award_wrap .dl_list dt:nth-of-type(2):before { background:url(/design/main/img/sub/award_icon2.png)no-repeat center / contain; }
.award_wrap .dl_list dt:nth-of-type(3):before { background:url(/design/main/img/sub/award_icon3.png)no-repeat center / contain; }
.award_wrap .dl_list dt:nth-of-type(4):before { background:url(/design/main/img/sub/award_icon4.png)no-repeat center / contain; }
.award_wrap .dl_list dt:nth-of-type(5):before { background:url(/design/main/img/sub/award_icon5.png)no-repeat center / contain; }



.award_wrap .dl_list dd { width: calc(100% - 260rem);  }
.award_wrap .dl_list dd .depth1 { margin:0 !important; }

.award_wrap .sub_txt { position: relative; font-size:16rem; color:var(--blue); display:flex; gap:10rem; margin-top:10rem;}
.award_wrap .sub_txt:before { position:relative; content:'※'; display:block; }

@media all and (max-width:425px){
	.award_wrap .dl_list dt,
	.award_wrap .dl_list dd { width: 100%;  }
}

.caution {position: relative;padding-left: 26px; color: var(--p_color); font-size: 16rem;}
.caution::before {position: absolute; content: "!"; background: var(--p_color); width: 19px; height: 19px;border-radius: 4px; color: #fff; left: 0; top: 3px; line-height: 19px; text-align: center; font-size: 14px;font-weight: 600;}