@charset "UTF-8";

/* 조직도 */
.org_wrap{ position:relative; margin-top: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; height:2.5rem; line-height:1.3; display: flex; align-items: center; justify-content: center; margin:0 auto; padding:0 0.5rem; border-radius:0.25rem; text-align: center; }

.org_wrap h2{ position:relative;}
.org_wrap h2 span{ display: flex; width:7rem; height:7rem; align-items: center; justify-content: 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: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 h4 {position:relative; padding:1.5rem 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 .inr{ display: flex; align-items: center; justify-content: end; max-width:25rem; margin:0 auto;}
.org_wrap .inr + .inr{ margin-top:1rem;}
.org_wrap .inr > div{ position:relative; width:50%; }
.org_wrap .inr > div:before{ content:""; position:absolute; top:1.25rem; width:100%; border-top:1px solid #ccc; }
.org_wrap .inr .bg{ display: inline-block; padding:0.25rem; border-radius:0.25rem; background: url(/images/web/busan/sub/bg_org.png);}
.org_wrap .inr .left { padding-right:1.5rem;}
.org_wrap .inr .right { padding-left:1.5rem; text-align: right;}
.org_wrap .inr .left:before { left:0;}
.org_wrap .inr .right:before { right:0;}
.org_wrap .inr .left span{ margin-left:0;}
.org_wrap .inr .right span{ margin-right:0;}
.org_wrap .inr .left .std.wh{ right:calc(100% + 0.5rem);}
.org_wrap .inr .right .std.wh{ left:calc(100% + 0.5rem);}

.org_wrap .org_dep1{ position:relative; z-index: 1; padding-bottom:1.5rem;}
.org_wrap .org_dep1:before{ content:""; position:absolute; top:0; left:50%; height:100%; border-left:1px solid #ccc;}
.org_wrap .org_dep1 .inr .std{ max-width:5.5rem; color:#111; text-align: center; border:1px solid #444; background:#f6f6f6;}
.org_wrap .org_dep1 .inr .std.wh{ position:absolute; top:0; width:5.5rem; color:#444; border:1px solid #ccc; background:#fff;}

.org_wrap .org_dep2{ position:relative; }
.org_wrap .org_dep2:before{ content:""; position:absolute; top:0; left:calc(5.5% - 0.25rem); width:calc(89% + 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; 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; 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; }

@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_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 (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 (max-width: 880px) {

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

@media (max-width: 768px) {
	
	/* 전원절차 */
	.prcd_st3.vtc > ul > li > .liWr > .prcd_tit {width: 100%; flex-direction: column;}
}

@media (max-width: 680px) {

    /* 조직도 */
    .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;}

    /* 첫방문고객 간편접수 */
    .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 (max-width: 420px) {

    /* 조직도 */
    .org_wrap .org_dep2{ padding:1rem 0.5rem;}
    .org_wrap .org_dep3 > ul{ padding:0.5rem 0.25rem;}
}

@media (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;}
}