@charset "UTF-8";

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



/* 조직도 */
.organ.rsp_img { position: relative;}
.organ.rsp_img::before { content: ''; background: url(/images/web/pocenter/sub/img0104_bg1.png) no-repeat center / contain; width: 25.7rem; height: 7.95rem; display: block; position: absolute; top: 0; left: 0; z-index: 1;}
.organ.rsp_img::after { content: ''; background: url(/images/web/pocenter/sub/img0104_bg2.png) no-repeat center / contain; width: 13.25rem; height: 13rem; display: block; position: absolute; top: 0; right: 0; z-index: 1;}
.organ.rsp_img img { position: relative; z-index: 2;}

.org_wrap{ position:relative; margin-bottom:3rem; font-size: 0.8rem;}
.org_wrap::before { content: ''; background: url(/images/web/pocenter/sub/img0104_bg1.png) no-repeat center / contain; width: 25.7rem; height: 7.95rem; display: block; position: absolute; top: 0; left: 0; z-index: -1;}
.org_wrap::after { content: ''; background: url(/images/web/pocenter/sub/img0104_bg2.png) no-repeat center / contain; width: 13.25rem; height: 13rem; display: block; position: absolute; top: 0; right: 0; z-index: -1;}
.org_wrap .std{ position:relative; max-width:10rem; min-height:3.5rem; padding:0 0.2rem; line-height:1.2; display: flex; align-items: center; justify-content: center; margin:0 auto; border-radius:0.25rem; font-weight: 600; text-align:center;}

.org_wrap h2 { padding-bottom: 2rem; }
.org_wrap h2::before { position: absolute; bottom: 0; left: 50%; width: 1px; height: 100%; background: #ccc; content: ""; z-index: -1; }
.org_wrap h2 span { display: flex; width:7rem; height:7rem; align-items: center; justify-content: center; text-align: center; line-height:1.3; color:#fff; font-size: 1.1rem; font-weight: 700; padding:1rem; border-radius:50%; border:0.5rem solid #d3decc; background:#2a6900; margin:0 auto;}

.org_wrap h3 {position:relative; padding: 1.5rem 0 4.5rem; }
.org_wrap h3:before{ content:""; position:absolute; left:50%; top:0; height:100%; border-right:1px solid #ccc; }
.org_wrap h3 .std{ max-width: 100%; background:#2a6900; color:#fff; max-width: 100%; font-size: 0.8rem; text-align: center;}

.org_wrap .org_dep1{ position:relative; z-index: 1;}
.org_wrap .org_dep1 ul { display: flex; max-width: 50%; flex-direction: column; margin: 0 auto; gap: 1rem 0; padding-bottom: 2rem;}
.org_wrap .org_dep1 ul li { position: relative; display: flex; justify-content: space-between; }
.org_wrap .org_dep1 ul li::before { position: absolute; top: 50%; left: 0; width: 100%; height: 1px;  background: #ccc; content: ""; }
/* .org_wrap .org_dep1 ul li:first-child:before { width: calc(100% + 0.5rem); } */
/* .org_wrap .org_dep1 ul li > * { flex: 1; max-width: calc(50% - 1rem); } */
.org_wrap .org_dep1 ul li .std{ width: 100%; max-width: 100%; border: 1px solid #111; background: #f6f6f6; margin: 0; font-size: 0.8rem;}
.org_wrap .org_dep1 ul li > .std ,
.org_wrap .org_dep1 ul li > div {width: calc(50% - 1rem);  }
.org_wrap .org_dep1 ul li div { position: relative; }
.org_wrap .org_dep1 ul li div strong { position: absolute; top: 0; left: 100%; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; border-radius: 0.25rem; font-weight: 600; background: #fff; border: 1px solid #e2e2e0; margin-left: 0.5rem; text-align:center; font-size: 0.8rem; }

.org_wrap .org_dep2{ position:relative; }
.org_wrap .org_dep2:before{ content:""; position:absolute; top:0; left:calc(6.25% - 0.25rem); width:calc(87.5% + 0.5rem); border-top:1px solid #ccc;}
.org_wrap .org_dep2 > ul{ position:relative; display: flex; align-items: start; gap: 0.5rem;}
.org_wrap .org_dep2 > ul > li{ position:relative; flex: 1; display: flex; flex-direction: column; justify-content: space-between; min-width:0px; padding-top:1.5rem; }
.org_wrap .org_dep2 > ul > li:before{ content:""; position:absolute; top:0; left:50%; height:100%; border-left:1px solid #ccc;}
.org_wrap .org_dep2 > ul > li > .std{ width:100%; color:#fff; background:#215c00; z-index: 1;}

.org_wrap .org_dep2_side{ position:relative; display: flex; flex-direction: column; gap: 0.5rem; justify-content: center; min-height:6rem; }
.org_wrap .org_dep2_side .std{ width:5.5rem; height:auto; min-height:2rem; padding:0.25rem; color:#215c00; border:1px solid #215c00; background:#fff; z-index: 1;}
.org_wrap .org_dep2_side .std:before{ content:""; position:absolute; top:50%; width:0.5rem; border-top:1px solid #ccc; z-index: -1;}
.org_wrap .org_dep2_side.right{ left:50%;}
.org_wrap .org_dep2_side.left{ right:50%;}
.org_wrap .org_dep2_side.right .std{ margin-left:0.5rem;}
.org_wrap .org_dep2_side.left .std{ margin-right:0.5rem;}
.org_wrap .org_dep2_side.right .std:before{ left:-0.5rem;}
.org_wrap .org_dep2_side.left .std:before{ right:-0.5rem;}

.org_wrap .org_dep3{ position:relative; flex: 1; display: flex; flex-direction: column; justify-content: space-between; padding:0.25rem; margin-top: 1rem; border-radius: 0.5rem; border:1px solid #ccc; background:#fff; }
.org_wrap .org_dep3 > ul{ display: flex; flex-direction: column; gap: 0.25rem 0; margin:0.5rem 0;}
.org_wrap .org_dep3 > ul > li{ position:relative; min-width:0px; text-align: center; font-size:0.75rem;}
.org_wrap .org_dep3 > p{ text-align: center; padding:0.5rem; font-weight: 600; color:#111; font-size: 0.75rem; border-radius:0.25rem; background:#f4f4f4; }

/* 첫방문고객 간편접수 */
.first_user{ background:#f5f9f8; border-radius:10px;}
.first_user .guide{ padding:0.75rem 2.5rem 1.5rem;}
.first_user .top_wrap{ display: flex; align-items: end; gap: 0 2rem ;}
.first_user .top_wrap .img{ line-height:0;}
.first_user .top_wrap .inr{ flex: 1; min-width:0px; padding:1.5rem 0;}
.first_user .top_wrap .inr > h3{ font-size: 1.4rem;}
.first_user .top_wrap .inr > p{ margin-top:0.5rem; font-size:1rem; color:#000;}
.first_user .inr_box{ padding:1rem; margin-bottom:1rem; border-radius:10px; background:#fff; box-shadow:0 0 8px rgba(33, 92, 0, 0.1);}
.first_user .form{ display: flex; flex-wrap: wrap; gap: 0.75rem 2rem;}
.first_user .form dl{ flex:auto; width:calc(50% - 1rem); display: flex; gap: 0.25rem 0.5rem; align-items: start;}
.first_user .form dt{ line-height:2.5rem; color:#000; font-weight: 700; font-size:1rem; min-width:3.5rem;}
.first_user .form dd { flex: 1; min-width:0px;}
.first_user .form dd input{ width:100%; height:2.5rem; line-height:2.5rem;}
.first_user .form dd textarea{ width:100%; min-height:4rem; padding:0.5rem;}
.first_user .form dd input,
.first_user .form dd textarea{ border-radius:0.25rem;}
.first_user .form dd .bytes{ text-align: right; font-size:0.8rem; }
.first_user > .agree_box{ margin-top:-10px;}
.first_user > .agree_box .bold{ font-size: 0.9rem; font-weight: 600; color:#000;}
.first_user > .agree_box .bold:before{ font-weight: 400;}
.first_user > .agree_box .inr{ margin:0.5rem 0; border-radius:8px; border:1px solid #ddd; padding:1rem;}
.first_user > .agree_box .check_area{ display: flex; color:#000;}
.first_user > .agree_box .check_area p{ flex: 1; min-width:0; }

.greeting_wrap + .infoBox > li > dl > dd li {padding-left: 0;}

@media (max-width: 1600px) {

     /* 조직도 */
    .org_wrap .org_dep2{ border-radius:0.5rem; border: 2px solid #eee; padding:1rem;}
    .org_wrap .org_dep2:before,
    .org_wrap .org_dep2 > ul > li:before{ display: none;}
    .org_wrap .org_dep2 > ul{ flex-wrap: wrap; }
    .org_wrap .org_dep2 > ul > li{ padding-top:0; flex: auto; width:calc(50% - 0.5rem);}
    .org_wrap .org_dep2 > ul > li > .std{ max-width: 100%; min-height: 2.5rem;}
    .org_wrap .org_dep2_side{ min-height:0px; margin:0.5rem 0; flex-direction: row; left:auto !important; right: auto !important;}
    .org_wrap .org_dep2_side .std{ flex: 1; width: auto; margin:0 !important;}
    .org_wrap .org_dep2_side .std:before{ display: none;}
    .org_wrap .org_dep3 > ul{ flex: 1; flex-direction: row; flex-wrap: wrap; gap: 0.5rem; justify-content: center; align-content:start; padding:0.5rem 1rem; background:#fff; border-radius:0.25rem; }
    .org_wrap .org_dep3 > ul > li > .std{ border:none; padding:0; height:auto;}
    .org_wrap .org_dep3 > p{ font-size: 0.75rem;}

}

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

    /* 조직도 */
    .org_wrap::before { width: 20rem; height: 6.1rem; }
    .org_wrap::after { width: 10rem; height: 9rem;}

    /* 첫방문고객 간편접수 */
    .first_user .guide{ padding:0.75rem 1.5rem 1.5rem;}
    .first_user .top_wrap{gap: 0 1rem ;}
    .first_user .form{ gap: 0.75rem 1rem;}

}

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

    /* 조직도 */
    .org_wrap .org_dep1 ul{ max-width: 100%;}
    .org_wrap .org_dep1 ul li:before { top: 1.5rem; width:95%; }
    .org_wrap .org_dep1 ul li div strong { position: relative; top: auto; left: auto; height: auto; padding: 0.25rem; margin-left: 0; margin-top: 1rem;}
    .org_wrap .org_dep1 ul li div strong::before { position: absolute; top: -1rem; left: 50%; width: 1px; height: 1rem; background: #ccc; content: ""; }
}

@media (max-width: 880px) {

    /* 조직도 */
    .org_wrap::before,
    .org_wrap::after { display: none;}
}

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

    /* 조직도 */
    .org_wrap .inr{ max-width:15rem; }

    /* 첫방문고객 간편접수 */
    .first_user .guide{ padding: 1.25rem 1rem;}
    .first_user .top_wrap .inr{ padding:0 0 1rem;}
    .first_user .top_wrap .img{ display: none;}
    .first_user .form dl{ width:100%;}
    .first_user > .agree_box .check_area{ gap: 0.5rem; flex-direction: column; align-items: end;} 

}

@media (max-width: 500px) {

    /* 조직도 */
    .org_wrap .org_dep1 .inr .std.wh{ position:relative; right: auto !important; left:auto !important; top:auto; margin-top:0.5rem;}
    .org_wrap .org_dep2_side{ flex-direction: column;}
    .org_wrap .org_dep3 > ul{ padding:0.5rem;}
}

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

    /* 조직도 */
    .org_wrap .org_dep1 ul li{flex-direction:column; width:100%; gap:1rem;}
    .org_wrap .org_dep1 ul li::before{display:none;}
    .org_wrap .org_dep1 ul li .std,
    .org_wrap .org_dep1 ul li div{max-width:none; width:100%; flex:auto;}
    .org_wrap .org_dep1 ul li div strong{width:100%;}
    .org_wrap .org_dep3{flex-direction:column;}
    .org_wrap .org_dep3 p{width:100%;}
    .org_wrap .org_dep2{ padding:1rem 0.5rem;}
    .org_wrap .org_dep3 > ul{ padding:0.5rem 0.25rem;}

    /* 첫방문고객 간편접수 */
    .first_user .top_wrap .inr > h3{ font-size:1.2rem;}
    .first_user .top_wrap .inr > p,
    .first_user .form dt{ font-size:0.9rem;}

}

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

    /* 조직도 */
    .org_wrap .org_dep3 > ul{ word-break: break-all;}

    /* 첫방문고객 간편접수 */
    .first_user .form dl{ flex-direction: column;}
    .first_user .form dt{ line-height:1.4;}
    .first_user .form dd{ width: 100%;}
    .first_user .form dd input { height:2rem; line-height:2rem;}

}