@charset "utf-8";

/*조직도*/
.org_wrap .org_item{position: relative; overflow: hidden; display: flex;align-items: center;justify-content: center; border: 0.125rem solid #007764; background: #fff;width: 18.75rem; height:3.75rem; margin:0 auto; border-radius: 0.1875rem 1.5625rem 0.1875rem 0.1875rem; font-size: 1.25rem; color: #333;}
.org_wrap .org_item:after{content: ''; width: 7.5rem; height: 7.5rem; position: absolute; bottom:0; right:0; transform: translateY(50%); background: url(../images/content/org_bg.png) no-repeat;}
.org_wrap .name{text-align: center; width: 18.75rem; margin: 0 auto; border:0.0625rem solid #bbb; border-top: none; border-radius: 0 0 0.1875rem 0.1875rem; background: #f6f6f6; padding:0.75rem;}
.org_wrap .duserc .org_item{background: linear-gradient(135deg, #007764 0%,#76b82a 50%,#e2d400 100%); color: #fff; font-weight: 800; box-shadow: 2px 2px 5px 2px #c7c5c5;}
.org_wrap .duserc .org_item:after{background: url(../images/content/org_bg_w.png) no-repeat;}
.org_wrap .duserc .name{border:0.0625rem solid #333; border-top: none; font-size: 1.0625rem; box-shadow: 2px 0px 5px 2px #c7c5c5;}
.org_wrap .lv_01{position:relative; width: 100%;}
.org_wrap .lv_01:after{ content: ''; position: absolute; top: 100%; left: 50%; width: 1px; height: 100%; background: #ccc;}
.org_wrap .lv_02 ul, .org_wrap .lv_03 ul{display: flex; flex-wrap: wrap;}
.org_wrap .lv_02{position:relative; padding-top: 6.25rem;}
.org_wrap .lv_02:after, .org_wrap .lv_03:after{content: '';position: absolute;width: 70%;height: 50%; top:50%; left: 50%;transform: translate(-50%, -50%);border: 1px solid #ccc;border-bottom: 0;z-index: -1;}
.org_wrap .lv_02 li{width: calc(100% / 3);}
.org_wrap .lv_03{position:relative; padding-top: 6.25rem;}
.org_wrap .lv_03:before{content: '';position: absolute;top: 0;left: 50%;width: 1px;height: 50%;transform: translateY(-50%);background: #ccc;z-index: -1;}
.org_wrap .lv_03:after{width: 80%;}
.org_wrap .lv_03 li{width: calc(100% / 4);}


/*오시는 길*/
.map {position: relative}
.map .map_skip {position: absolute; z-index: -1;background: rgba(0, 0, 0, 0.7);width: 100%;height: 50px;text-align: center;font-size: 15px;font-weight: 600;line-height: 50px;color: #fff;opacity: 0;}
.map .map_skip:focus{top: 0; opacity: 1; color: #fff; z-index: 10;}
.map .root_daum_roughmap .wrap_map {height: 450px!important; margin-top: -1rem;}
.map .root_daum_roughmap .wrap_controllers {display: none!important;}
.map .map_inner {position: absolute; left: 0; bottom: 0; width: 100%; z-index: 2;}


@media (max-width: 1200px) {
    .org_wrap .org_item, .org_wrap .name{width: 16.875rem;}
}

@media (max-width: 992px) {
    .org_wrap .lv_03:after{display: none;}
    .org_wrap .lv_03 li{width: 100%;}
    .org_wrap .lv_03 li+li{margin-top:1.25rem;}
    .org_wrap .lv_03 .org_item, .org_wrap .lv_03 .name{width: 100%;}
}

@media all and (max-width: 767px) {
    .org_wrap .org_item, .org_wrap .name{width: 100%;}
    .org_wrap .lv_01:after{height: 100vh;}
    .org_wrap .lv_02 li{width: 100%;}
    .org_wrap .lv_02 li+li{margin-top:1.25rem;}
    .org_wrap .lv_02:after{display: none;}
    .org_wrap .lv_02, .org_wrap .lv_03{padding-top:4.375rem;}
    .org_wrap .lv_03:before {display: none;}
}