@charset "utf-8";

/*조직*/
.org_wrap{max-width: 1000px; margin: 0 auto;}
.org_wrap .org_item{position: relative;  display: flex;align-items: center;justify-content: center; background: #fff; height: 55px; border-radius: 3px; }
.org_wrap .lv_01{width: 100%;}
.lv_01 .org_item{background: #007764;margin: 0 auto;width:200px;height:60px;color: #fff;font-weight: 500;}
.org_01 .org_item {width: 200px;}
.org_01 .lv_02 {display: flex; position: relative; justify-content: flex-end; padding: 50px 0 ; max-width: 800px; margin: 0 auto;}
.org_01 .lv_02:before{content: ''; position: absolute; width: 1px; height: 100%; left: 50%; top: 0; background:#ddd; }
.org_01 .lv_02{flex: 50%; position: relative;}
.org_01 .lv_02:before{content: '';position: absolute;width: 50%;height: 1px;top: 50%;background:#ddd;z-index: -1;}
.org_01 .lv_02:after{content: ''; position: absolute; width: 1px; height: 100%; left: 50%;top: 0;background: #ddd;}
.lv_02 .org_item{background: #fff;color: #333;font-weight: 500;border: 3px solid #7b7979;}
.org_01 .lv_02:last-child {display: flex; justify-content: flex-end; position: relative; top: 40px; }
.org_01 .lv_03_wrap{position: relative; padding-top:4rem;}
.org_01 .lv_03_wrap:before{content: '';position: absolute;top:0;left: 115px;height: 65px;width: 75%;margin: 0 auto;border: 1px solid #ddd;z-index: -1;border-bottom: 0;}
.org_01 .lv_03 {display: flex; position: relative;}
.org_01 .lv_03 > li {position: relative; width: calc(100% / 4);margin: 0 12px;}
.org_01 .lv_03 > li:first-child{margin-left: 0;}
.org_01 .lv_03 > li:last-child{margin-right: 0;}
.lv_03 .org_item{background:#777; color: #fff; width: 100%;  font-weight: 500; margin: 0 auto;}
.org_01 .lv_04 {border: 3px solid #eee;text-align: center;padding: 12px;margin-top: 10px;}
.org_01 .lv_04 dl+dl{margin-top: 20px;}
.org_01 .lv_04 dl dd , .org_01 .lv_04 li{position: relative; padding-left: 15px;}
.org_01 .lv_04 dl dd:before , .org_01 .lv_04 li:before {content: '';  position: absolute; left: 0; top:12px;  width: 3px; height: 3px; background: #333; border-radius: 50px; }
.org_01 .lv_04 a{position: relative; padding-right: 25px;}
.org_01 .lv_04 a:hover{text-decoration: underline;}
.org_01 .lv_04 a:after{content: ''; position: absolute; right: 0; width: 15px; height: 25px; background: url("/resources/images/site/contents/ico_link_sm.png") center no-repeat;}
.lv_02_1 { padding-bottom: 50px;   position: relative;}
.lv_02_1 .org_item { width: 200px; height: 60px; color: rgb(255, 255, 255);  font-weight: 500;  background: #76b82a; margin: 0px auto;}
.lv_02_1:before { content: ""; position: absolute;  width: 1px;  height: 100%; left: 50%; top: 0px; z-index: -1; background: rgb(221, 221, 221);}



/*찾아오시는 길*/
.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;}

.map_info > ul > li {display: flex; flex-wrap: wrap; padding: 40px 0;}
.map_info > ul > li + li {padding-top: 0;}
.map_info > ul > li h4 {width: 250px; padding-left: 45px; color: #000; font-size: 20px; line-height: 1.4; position: relative;}
.map_txt {border-top: 2px solid #333; width: calc(100% - 250px);}
.map_txt li {border-bottom: 1px solid #ddd;padding: 30px 20px;}
.map_txt li:last-child {border-bottom: 0;}
.map_info > ul > li h4::before {content:''; width: 22px; height: 22px; position: absolute; left: 12px; top: 2px; background-size: cover;}
.map_info > ul > li h4::after {content:''; width: 35px; height: 35px; position: absolute; top: -5px; left: 5px; border-radius: 100%;z-index: -1}
.sub::before {background: url("/resources/site/braille/resource/images/content/subway-line.svg") no-repeat center center;}
.bus::before {background: url("/resources/site/braille/resource/images/content/bus-line.svg") no-repeat center center;}
.car::before {background: url("/resources/site/braille/resource/images/content/roadster-line.svg") no-repeat center center;}
.sub::after {background-color: #007764;}
.bus::after {background-color: #76b82a;}
.car::after {background-color: #e2d400;}



@media screen and (max-width: 767px) {
    /*조직*/
    .org_01 .org_item {width: 130px;}
    .org_01 .lv_03_wrap:before{width:1px;background: #ddd;border: 0;left: 50%;}
    .org_01 .lv_03 {display: block;}
    .org_01 .lv_03 > li{width:100%; margin: 0;padding-bottom: 20px;}
    .org_01 .lv_03:before {display: none;}
    .lv_03 .org_item{width: 100%;}

    /*찾아오시는 길*/
    .map_info > ul > li h4 {width: 100%; margin-bottom: 20px;}
    .map_txt {width: 100%;}
}