@charset "UTF-8";

.col{flex-direction:column !important;}
.w100{width:100% !important;}

/* 테이블 공통 */
table thead tr th,
table tbody tr th,
table tbody tr td,
table thead tr th p,
table tbody tr th p,
table tbody tr td p{word-break:keep-all;}


/* 진료절차 */
.prcd_sub > ul > li{flex-direction:column;}

/* 절차(세로) */
.box_flex.box_col{flex-direction:column; flex-wrap:nowrap;}

/* 찾아오시는길 */
.map_Box:not(.map_box2) { height: 15rem; }

/* 조직도 */
.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: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 ul { display: flex; gap: 1.5rem 0.5rem ;}
.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(3) h3 { padding-bottom: 0;}
.org_wrap .org_dep2 ul li:nth-child(4) h3 { padding-bottom: 0;}
.org_wrap .org_dep2 ul li:nth-child(5) h3 { padding-bottom: 0;}
.org_wrap .org_dep2 ul li:nth-child(6) h3 { padding-bottom: 0;}
.org_wrap .org_dep2 ul li:nth-child(7) 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 0.5rem; font-size: 0.75rem; line-height:1.3;}

.org_wrap h4 { position: absolute; top: 5.5rem; left: calc(50% + 0.5rem); }
.org_wrap h4::before { position: absolute; top: 50%; left: -0.5rem; width: 100%; height: 1px; background: #ccc; content: ""; z-index: -1; }
.org_wrap h4 .std { max-width: none; padding: 0 0.7rem; height: 3rem; border: 1px solid #2a6900; color: #2a6900; background: #fff; z-index: 0; font-size: 0.75rem; line-height:1.1;}

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

/* 홍보리플렛 */
.cntSt_wrap{ display: flex; gap: 2em; color:#000;}
.cntSt_wrap .img{ flex: 3;}
.cntSt_wrap .img > img{ max-width: 100%; height:auto}
.cntSt_wrap .inr{ display: flex; flex: 2; gap: 1em; flex-direction: column; font-size: 1.2em;}
.cntSt_wrap .inr > h3{ color:#2a6900; font-size: 2.5em; font-weight: 700; flex: 1; }
.cntSt_wrap .inr .txt{ border-top:2px solid #2a6900; padding-top: 1em; font-size: 1.1em; font-weight: 700;}
.cntSt_wrap .btns{ display: flex; gap: 0.5em; margin:0; font-size: 0.9em;}
.cntSt_wrap .btns > button{ flex: 1; }

/* 홍보영상 */
.video_wrap video{ max-width:100%; height:auto;}
.video_wrap .subtitle textarea{ width:100%; height:6rem; font-size: 0.9em; padding:1em; }

@media screen and (min-width:641px) {
    /* 병원장 인사말 */
    .infoBox > li:nth-child(2) > dl > dd li{padding-left:10rem;}
}

@media screen and (min-width:769px) {
    /* 병원 연혁 */
    .history_wrap dl dt{width:9.3rem;}
    .history_wrap dl dd{width:calc(100% - 13rem);}
    .history_wrap::before{left:10.45rem;}
    .history_wrap .history_actbar{left:10.4rem;}
}

@media screen and (min-width:901px) {
    .greeting_wrap .inBox .top_txt{padding-right:2rem;}
}

@media screen and (min-width:1025px) {
    /* 조직도 */
    .org_wrap .org_dep3 p + p{margin-top:0.5rem;}
}

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

    /* 조직도 */
    .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; padding-bottom: 0.5rem; }
    .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 h4 { position: relative; top: auto; left: auto; padding-bottom: 0.5rem; }
    .org_wrap h4::before { top: 0; left: 50%; width: 1px; height: 100%; }
    .org_wrap h4 .std { max-width: 9.5rem; }

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

    /* 홍보리플렛 */
    .cntSt_wrap{ flex-direction: column;}
    .cntSt_wrap .inr{ gap: 0;}
    .cntSt_wrap .img{ text-align: center; flex: 1; background:#f8f8f8; }
    .cntSt_wrap .btns,
    .cntSt_wrap .inr .txt{ margin-top:2em;}

    /* 조직도 */
    .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 screen and (max-width:880px) {

    /* 홍보리플렛 */
    .cntSt_wrap{ flex-direction: column;}
    .cntSt_wrap .inr > h3{ font-size:2.2em;}
    .cntSt_wrap .img{ text-align: center; flex: 1; background:#f8f8f8; }

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

@media screen and (max-width: 640px){
    /* 병원장 인사말 */
    .infoBox > li > dl > dd li{position:relative; padding-left:0; color:#333;}
    .infoBox > li > dl > dd li strong{display:block; position:relative; left:auto;}
    
    /* 첫방문고객 간편접수 */
    .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;} 

    /* 홍보영상 */
    .video_wrap .subtitle textarea{ height:4rem; }

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

@media screen and (max-width: 420px) {
    .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%;}
}

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

    /* 홍보리플렛 */
    .cntSt_wrap .inr > h3{ font-size:1.8em;}

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

}