@charset "UTF-8";

/* 조직도 */
.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;}
.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: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 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 0.5rem; }
.org_wrap h3:before{ content:""; position:absolute; left:50%; top:0; height:100%; border-right:1px solid #ccc; }
.org_wrap h3 .std{ border:2px solid #2a6900; background:#fff; color:#2a6900; max-width: 100%; font-size: 0.9rem; text-align: center; }

.org_wrap .org_dep1{ position:relative; z-index: 1;}

.org_wrap .org_dep2 ul { display: flex; gap: 2rem ;}
.org_wrap .org_dep2 ul li { position: relative; flex: 1; }
.org_wrap .org_dep2 ul li::before { position: absolute; top: 0; left: -1rem; width: calc(100% + 2rem); height: 1px; background: #ccc; content: ""; }
.org_wrap .org_dep2 ul li:nth-child(2) h3 { padding-bottom: 0;}
.org_wrap .org_dep2 ul li:nth-child(3) h3 { padding-bottom: 0;}
.org_wrap .org_dep2 ul li:first-child:before { width: calc(50% + 1rem); left: auto; right: -1rem; }
.org_wrap .org_dep2 ul li:last-child:before { width: calc(50% + 1rem); }
.org_wrap .org_dep3 { border: 1px solid #ddd; border-radius: 0.5rem; text-align: center; padding: 1rem; font-size: 0.8rem; }

.org_wrap .etc { position: absolute; bottom: 0; right: 0; display: flex; justify-content: space-around; width: calc(75% - 0.5rem); border: 1px solid #ccc; background: #f7f7f7; border-radius: 0.6rem; text-align: center; padding: 0.5rem 1rem; font-size: 0.8rem; gap: 0.5rem ; }

/* 첫방문고객 간편접수 */
.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; }

/* 연혁 */
.history_wrap dl dt { width: 10.3rem; }
.history_wrap .history_actbar { left: 11.4rem; }
.history_wrap::before { left: 11.45rem; }
.history_wrap dl dd .lst li strong { min-width: 7rem; }

/* 조직도 */
.org_wrap h3 .std { padding: 0.5rem; }
.org_wrap .etc { flex-direction: column; text-align: start; }

@media screen and (max-width:1024px) {
    /* 조직도 */
    /* .organ.rsp_img::before { width: 20rem; height: 6.1rem; }
    .organ.rsp_img::after { width: 10rem; height: 9rem;} */

    /* 조직도 */
    .org_wrap::before { width: 20rem; height: 6.1rem; }
    .org_wrap::after { width: 10rem; height: 9rem;}
    .org_wrap .org_dep2 > ul{ flex-direction: column; }
    .org_wrap .org_dep2 > ul > li:before{ display: none;}
    .org_wrap h3 { padding-top: 0; }
    .org_wrap h3 .std { max-width: 9.5rem;}
    .org_wrap .org_dep3 { display: flex; flex-wrap: wrap; gap: 0.5rem; }
    .org_wrap .org_dep3 p { width: calc((100% - 1.5rem) / 4); text-align: center; }
    .org_wrap .etc { position: relative; bottom: auto; right: auto; margin-top: 1rem; width: 100%; flex-wrap: wrap; }

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

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

@media screen and (max-width:768px) {
    /* 연혁 */
    .history_wrap::before { top: 0.7rem; left: 3px; height: calc(100% - 1.3rem); }
    .history_wrap dl dt { width: 100%; font-size: 1.1rem; }
    .history_wrap .history_actbar { top: 0.7rem; left: 2px; }
}

@media screen and (max-width: 680px) {
    /* 외래진료 절차 */
    .prcd_sub .prcd_tit br { display: none; }  
}

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

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

    .org_wrap .org_dep3 p { width: calc((100% - 0.5rem) / 2); }

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

    /* 연혁 */
    .history_wrap dl dd { margin-left: 0; }
    .history_wrap dl dd .lst li { flex-direction: column; }

}

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

    /* 첫방문고객 간편접수 */
    .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;}

}