ul, li {
    margin: 0;
    padding: 0;
}
.content_login .logo {justify-content: center;}
.content_login .logo span {display: none;}


/*소개*/
.content .info_box {display: flex;justify-content: flex-start;border:7px solid #eaeaea;padding:30px;border-radius: 0 0 40px 0; margin-bottom: 50px;}
.content .info_box span {position: relative;display: block;background: #ffffff;border-radius: 100%;width: 100px;height:100px;margin-right: 50px;box-shadow: 0px 0px 13px 0px #cfd7ea;}
.content .info_box span img {position: absolute; top:50%; left:50%; transform: translate(-50%,-50%); width: 70px;}
.content .info_box .txt h2 {font-size:1.3rem;  margin-bottom: 15px; color:#0a2b1d;}
.content .info_box .txt p {font-size:1rem; color:#444;}

/*인사말*/
.greeting .greeting_head {display: flex; align-items: center;}
.greeting .greeting_head .img {width: 300px; box-shadow: 0px 0px 20px 0px #dadada; overflow: hidden; z-index: 9;}
.greeting .title {position: relative; padding:100px 50px; background: #f5fbf9; box-sizing: border-box; width: calc(100% - 300px);}
.greeting_head .title small {color:#d2e9db;}
.greeting .text strong {display:block; font-weight: bold; font-size:1.3rem; margin-bottom:10px;}
.greeting .title:after{content:'';display:block;position:absolute;bottom: 0;right: 0;border-bottom: 14px solid #009688;border-right: 14px solid #009688;width:84px;height:80px;box-sizing:border-box;}


/*조직현황*/
.orz {margin-top:50px; overflow: hidden;}
.orz .lv00,.orz.lv01 {margin: 0 auto; text-align: center;}
.orz .lv00 {position:relative; max-width: 250px; background:#007764;border-radius: 50px; margin-bottom:20px; padding:20px;}
.orz .lv00:before {content: "";display: block;width:1px;height: 287px;background: #ccc;position: absolute;left:50%;transform: translate(-50%,0%);z-index: -1;top: 100%;}
.orz .lv02 li:after {background: #f8b62c;}
.orz .lv02 li:first-child:after {right:-6px; top:50%; transform: translate(0,-50%);}
.orz .lv02 li:last-child:after {left:-6px; top:50%; transform: translate(0,-50%);}
.orz .lv00 h1 a {position:relative; display: block;color:#fff;width: 100%;height: 100%; font-size:1.2rem;}
.orz .lv01 {position: relative; width:200px; text-align: center;}
.orz .lv01:not(.right .lv01,.left .lv01) { margin:0 auto 20px auto;}
.orz .lv01 h1 a {display:block; color:#fff; font-size:1.1rem; font-weight:500; background: #555e6f;border-radius: 3px;padding:15px 0;}
.orz .lv02 {position:relative; display: flex;justify-content: space-between;align-items: center;margin: 50px 0;}
.orz .lv02 li {position:relative;width:220px;text-align: center;}
.orz .lv02:before {content: "";display: block;position: absolute;width: 100%;height: 1px;background: #ccc;z-index: -1; left: 50%;top: 50%; transform: translate(-50%,0%);}
.orz .lv02 li a {display: block; background: #f8b62c;  color:#000; font-weight: 500; font-size:1.2rem; transition: all .5s; padding:15px 0; box-sizing: border-box; border-radius: 3px; border:3px solid #f8b62c;}
.orz .lv03 {position:relative; display: flex; align-items: flex-start; flex-wrap:wrap; gap:1rem; margin-top: 50px; background:#e8efef; padding:30px; border-radius: 10px;}
.orz .lv03 li {position:relative;width:calc(100%/5 - 1rem);text-align: center;}
.orz .lv03 .con {background:#fff;}
.orz .lv03 li a {display: flex; flex-direction: column; justify-content: center; align-items: center; background: #666;  color:#fff; transition: all .5s; padding:15px 0; box-sizing: border-box; border-radius: 3px; border:3px solid #666;}
.orz .lv03 li a span {display: block;}
.orz .lv03:first-child li:nth-child(2):before,.orz .lv03 li:nth-child(5):before {display: none;}
.orz .lv03:last-child {position: relative;}
.orz .lv03:last-child:after {content: "";display: inline-block;position: absolute;top: -25%;left:50%;transform: translate(0,-50%);width: 1px;height: 100%;background:#ccc;z-index: -1;}

.orz .box_wrap .box {width:calc(100%/2 - 1rem);}

.orz .right{position: relative; display: flex;justify-content: flex-end; margin-bottom:20px;}
.orz .right:before {content: ""; display: inline-block; position: absolute; top:50%;  transform: translate(0,-50%); width:50%; height:1px; background: #ccc;}

.orz .left{position: relative; display: flex;justify-content: flex-start;}
/*.orz .left:before {content: ""; display: inline-block; position: absolute; top:50%;  transform: translate(0,-50%); width:50%; height:1px; background: #ccc;}*/

.orz .con {background: #f4f4f4; padding:10px; width:100%; text-align: center;}
.orz .con p {font-size: .9rem;}


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


/*목표 및 계획*/
.vision {width: 100%;border: 1px dashed #009688;border-radius: 10px;text-align: center;padding: 20px 10px;background: #f8fff8;}
.vision p {font-size: 1.2rem; font-weight: bold;}
.vision span {display: block; font-size: 1.3rem; margin-top:10px; font-weight: normal;}
.vision div ul {width:85%; margin: 25px auto 0 auto; }
.vision div ul li {display: flex; align-items: center; justify-content: center; background: #fff; border-radius: 10px; padding: 15px; border: 1px dotted #009688;}
.vision div ul li:last-child {background: #009688; color:#fff; margin-top:10px;}

.purpose {margin-top:20px;}
.purpose ul {display:  flex; flex-wrap: wrap; gap:1rem;}
.purpose ul li {background: #f4f4f4; padding: 30px; text-align: center;}
.purpose ul li:nth-child(even) {background: #fafafa;}
.purpose ul li strong {display: block; font-size: 1.1rem; margin-bottom:5px;}
.purpose ul li span {display: block;}

.purpose ul.border li {border:5px solid #ecf3ed; background: none;}
.purpose ul.border li strong {color:#006d5c;}

.purpose ul.box-4 li {width: calc(100%/4 - 1rem);}
.purpose ul.box-3 li {width: calc(100%/3 - 1rem);}
.purpose ul.box-2 li {width: calc(100%/2 - 1rem);}

.purpose ul .dot_list {display: block;}
.purpose ul .dot_list li {width: 100%; text-align: left; padding: 0 0 0 0.9375rem; background: none; border: 0;}


@media screen and (max-width: 1400px) {


    /*조직현황*/
    .orz .lv03 {flex-wrap: wrap; margin-top:50px; padding:20px;}
    .orz .lv03 li {width:calc(100%/3 - 1rem); margin:0;}
    .orz .lv03:before,.orz .lv03 li:before {display: none;}
    .orz .lv03 li a {height: 50px;}
    .orz .lv03 .con {background: #fff;}


    /*인사말*/
    .greeting .greeting_head .img {width: 250px; }
    .greeting .title {padding:70px 50px; width: calc(100% - 250px);}
    .greeting_head .title small {font-size:1.5rem;}
    .greeting_head .title h3 {font-size:2rem;}
    .greeting .title:after{border-bottom: 10px solid #009688;border-right: 10px solid #009688;}



}



@media screen and (max-width: 768px) {


    /*소개*/
    .content .info_box {margin-bottom: 30px;}
    .content .info_box span {width: 80px;height:80px;margin-right: 30px;}
    .content .info_box span img {width: 50px;}




    /*인사말*/
    .greeting .greeting_head {background: #f5fbf9; padding:1.875rem;}
    .greeting .greeting_head .img {width:200px;}
    .greeting .title {padding:0; width:calc(100% - 200px);}
    .greeting .title:after {display: none;}



    /*조직현황*/
    .orz .lv03 li {width:calc(100%/2 - 1rem);}
    .orz .lv03 li a {height: auto; padding:10px 0;}


    /*목표 및 계획*/
    .vision div ul {width:90%;}
    .purpose ul li {padding:20px;}
    .purpose ul.box-4 li:not(.dot_list li) {width: calc(100%/2 - 1rem);}
    .purpose ul.box-2 li {width:100%;}



}


@media screen and (max-width: 600px) {


    /*인사말*/
    .greeting .greeting_head {flex-direction:column;}
    .greeting .title {width: 100%; text-align: center;}
    .greeting .greeting_head .img {margin: 20px auto 0px auto;}
    .greeting_head .title h3 {margin-top: 10px;}
    .greeting_head .title h3 span{color: #007764;font-size: 1.8rem;display: block;}
    .greeting_head .title small {font-size: 1.2rem;}



    /*조직현황*/
    .orz .lv00 {max-width: 50%;}
    .orz .lv01 {width: 50%;}
    .orz .left,.orz .right {justify-content: center;}
    .orz .left {margin-bottom:20px;}
    .orz .left:before,.orz .right:before,.orz .lv00:before {display: none;}

    .orz .lv03 {flex-direction: column;}
    .orz .lv03 li {width:100%;}

    .purpose ul.box-3 li {width:100%;}



}


@media screen and (max-width: 540px) {


    /*소개*/
    .content .info_box {flex-direction:column; align-items: center; padding:20px;}
    .content .info_box span {margin-right: 0;}
    .content .info_box .txt {text-align: center; margin-top:20px;}
    .content .info_box .txt h2 {margin-bottom:10px;}

    .orz .lv00 {max-width: 90%;}
    .orz .lv01 {width: 90%;}
    .orz .con p {font-size: 1rem;}


    .purpose ul.box-4 li:not(.dot_list li) {width:100%;}

}