@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:40%; position:relative;}
.greeting .left:before {content:''; position:absolute; right:0; top:0; width:calc(100% - 90rem); height:100%; background:url('/design/main/img/content/greeting.jpg') no-repeat 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 .right {width:calc(60% - 60rem); padding:10rem 0;}
.greeting .right .tit {font-size:36rem; font-weight:600; line-height:1.4;}
.greeting .right .txt {margin:40rem 0 0 4rem;}
.greeting .right .txt p {margin:20rem 0 0 0;}
@media all and (max-width:1640px){
    .greeting .left:before {width:calc(100% - 60rem);}
    .greeting .left:after {left:19rem;}
    .greeting .left span {margin-left:20rem;}
    .greeting .right {width:calc(60% - 40rem);}
    .greeting .right .tit {font-size:32rem;}
}
@media all and (max-width:1023px){
    .greeting .left {width:300rem;}
    .greeting .left:before {width:100%; background-position:100% 90%}
    .greeting .left:after {display:none;}
    .greeting .left span {display:none;}
    .greeting .right {width:calc(100% - 340rem);}
}
@media all and (max-width:768px){
    .greeting {flex-wrap:wrap;}
    .greeting .left {width:100%; height:200rem; margin-top:0; margin-bottom:20rem;}
    .greeting .left:before {background-position:50% 70%}
    .greeting .left span {display:none; margin-left:0; transform:none; white-space:wrap; position:absolute; left:0; top:-60rem; width:100%; text-align:center;}
    .greeting .right {width:100%;}
    .greeting .right .tit {text-align:center;}
    .greeting .right .tit br {display:none;}
    .greeting .right .txt {margin:20rem 0 0 0; padding:20rem 20rem 40rem; border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
}
@media all and (max-width:599px){
      .greeting .left {margin-top:0;}
      .greeting .left span {padding:0 40rem; top:-80rem;}
}
@media all and (max-width:376px){
        .greeting .left span {padding: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(2) > div{background:#b4c8ae}
.dig .value ul li:nth-child(2) > div > span {background:#6a915e;}
.dig .value ul li:nth-child(3) > div {background:#a9cdf2;}
.dig .value ul li:nth-child(3) > div > span {background:#549be5}
/*미션비전*/
.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;}
/*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%;}
}

/*연혁*/
.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:100%; background:#b4b4b4; z-index:-1;}
.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 .small {margin:30rem 0 50rem; font-size:18rem;}
.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;}
@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;}  
}