@charset "UTF-8";
/* 조직도 */
.org_wrap{ position:relative; margin-bottom:3rem;}
.org_wrap .std{ position:relative; max-width:9.5rem; height:3rem; line-height:1.3; display: flex; align-items: center; justify-content: center; margin:0 auto; border-radius:0.25rem; font-weight: 600;}

.org_wrap h3{ position:relative; padding: 0 0 1.5rem 0;}
.org_wrap h3:before{ content:""; position:absolute; left:50%; top:0; height:100%; border-right:1px solid #ccc; }
.org_wrap h3 .std{ background:#2a6900; color:#fff; }
.org_wrap h3 .std{ background:#2a6900; color:#fff; }
.org_wrap h4 {position:relative; padding:1.5rem 0 0 0 ; }
.org_wrap h4:before{ content:""; position:absolute; left:50%; top:0; height:100%; border-right:1px solid #ccc; }
.org_wrap h4 .std{ border:2px solid #2a6900; background:#fff; color:#2a6900; }

.org_wrap .org_dep1{ position:relative; z-index: 1;}
.org_wrap .org_dep2 > ul{ display: flex; } 
.org_wrap .org_dep2 > ul > li{ position:relative; min-width:0px; display: flex; flex-direction: column; gap: 0 0.5rem; flex: 1; } 
.org_wrap .org_dep2 > ul > li:nth-child(1)::before { position: absolute; top: 0; right: 0; width: 50%; border-top: 1px solid #ccc; content: "";}
.org_wrap .org_dep2 > ul > li:nth-child(2)::before { position: absolute; top: 0; right: 0; width: 100%; border-top: 1px solid #ccc; content: "";}
.org_wrap .org_dep2 > ul > li:nth-child(3)::before { position: absolute; top: 0; letter-spacing: 0; width: 50%; border-top: 1px solid #ccc; content: "";}

/* 찾아오시는길 */
.map_Info{ flex-direction: column;}
.map_Info .mvInfr{ margin-top:1.65rem; padding-top:1.65rem; border-top:2px dotted #e2e2e2; border-left:0; padding-left:0; margin-left:0;}

/* 입소대상 가능여부확인 */
.ox_wrap{ position:relative; font-size: 1rem; padding:2rem 1.5rem; text-align: center; word-break: keep-all; background:url('/images/web/town/sub/bg_ox.png') no-repeat bottom left;}
.ox_wrap h2{ color:#678829; font-size: 1em; font-weight: 600;}
.ox_wrap .inr{ padding:1em 0; }
.ox_wrap .cnt{ display: flex; min-height:12.5em; flex-direction: column; justify-content: space-between; align-items: center; gap: 1em 0; }
.ox_wrap .cnt > p{ font-size: 1.5em; font-weight: 400; padding:0.5em 0; color:#000;}
.ox_wrap .cnt > p em{ display: inline-block; width:2em; height:2em; font-size: 0.9em; border-radius:50%; text-align: center; line-height:2em; color:#fff; background:#000; }
/* .ox_wrap .cnt strong{ flex: 1; font-size: 1.1em; font-weight: 400;} */
.ox_wrap .cnt .btns { width:100%; max-width:21em; display: flex; gap: 0.5em 2em; margin:0;}
.ox_wrap .cnt .btns > button{ flex: 1; height:7em; display: flex; flex-direction: column; align-items: center; justify-content: center; gap:0.5em; font-size: 1.1em; color:#000; font-weight: 600; padding:0.75em 0; border-radius:0.75em; background:#f1f1f1; }
.ox_wrap .cnt .btns > button i{ font-size: 1.3em; line-height:1;}
.ox_wrap .result .info{ position:relative; width:100%; max-width:30em; padding:1.5em 4.5em; color:#0b4739; font-size: 0.95em; border-radius:0.75em; background:#f7fbee;}
.ox_wrap .result .info em{ font-weight: 700; font-size: 1.5em; }
.ox_wrap .result .info img{ position:absolute; right:-1rem; bottom:0;}
.ox_wrap .result > p strong{ color:#436f00; }
.ox_wrap .result.resultN > p strong{ color:#dd3c44; }

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

    /* 조직도 */
    .org_wrap::before { width: 20rem; height: 6.1rem; }
    .org_wrap::after { width: 10rem; height: 9rem;}
    .org_wrap h3{ padding-bottom:0;}
    .org_wrap .org_dep2 > ul{ flex-direction: column; }
    .org_wrap .org_dep2 > ul > li:before{ display: none;}
}

@media screen and (max-width:880px) {
    .org_wrap::before,
    .org_wrap::after { display: none;}
}

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

    /* 입소대상 가능여부확인 */
    .ox_wrap{ font-size: 0.9rem;}
    .ox_wrap .cnt > p br{ display: none;}
}

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

    /* 입소대상 가능여부확인 */
    .ox_wrap{ padding:1.5em; background-size: 40% auto;}
    .ox_wrap .cnt > p{ font-size: 1.4em;}
    .ox_wrap .cnt .btns{ gap: 0 0.5rem; }
    .ox_wrap .cnt .btns > button img{ width:2.5rem; height:auto;}
    .ox_wrap .result .info{ text-align: left; padding-right:3rem; padding-left:1rem;}
    .ox_wrap .result .info img{ width:4rem; height:auto;}
}


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

    /* 입소대상 가능여부확인 */
    .ox_wrap .result .info{ text-align: center; padding:1rem;}
    .ox_wrap .result .info img{ display: none;}
}