@charset "utf-8";
ul {margin:0;padding:0}
li{list-style:none}
img {border:0}
a {text-decoration:none}

@font-face {font-family:ngb;src:url(http://www.hdweb.co.kr/NanumGothicBold.eot)} 
#comingsoon {width:100%;padding-top:100px;text-align:center}

.pagecommon{font-size:16px;line-height:1.7;letter-spacing:-.3px;color:#666;font-family:'notokr-regular'}
.pagecommon *{word-break:keep-all}
.pagecommon .pl{white-space:pre-line}
.pagecommon .eng_txt{font-size:14px;font-weight:600;color:var(--primary);font-family:var(--e-font)}
.pagecommon .big_txt{font-size:30px;line-height:1.3;color:#111;font-family:'notokr-light'}
.pagecommon .big_txt b{font-weight:normal;font-family:'notokr-bold'}
.pagecommon .big_txt span{color:var(--primary)}
.pagecommon .ct_box{margin-bottom:50px;padding-bottom:60px;border-bottom:1px solid #e1e1e1;text-align:center}
.pagecommon .ct_box .eng_txt{margin-bottom:10px}
.pagecommon .cont_box+.cont_box{margin-top:50px;padding-top:50px;border-top:1px solid #e1e1e1}
.pagecommon .cont_box .box_tit{position:relative;margin-bottom:27px;padding-left:19px;font-size:20px;color:#111;font-family:'notokr-bold'}
.pagecommon .cont_box .box_tit:before{position:absolute;left:0;top:17px;content:'';width:4px;height:4px;border-radius:100px;background:#888}
.pagecommon .paper_list{display:flex;gap:20px}
.pagecommon .paper_list>li{width:100%;text-align:center;padding:15px 15px 20px;border:1px solid #e1e1e1;border-radius:10px;font-size:15px}
.pagecommon .paper_list>li>span{display:block;margin-bottom:15px;border-radius:5px;font-size:16px;line-height:40px;color:#fff;background-color:var(--primary);font-family:'notokr-medium'}
.pagecommon .txt_list li{display:flex;gap:15px;padding:10px}
.pagecommon .txt_list li+li{border-top:1px dashed #e1e1e1}
.pagecommon .txt_list li span{display:flex;flex-shrink:0;align-items:center;justify-content:center;width:35px;height:35px;border-radius:3px;font-size:13px;font-weight:600;color:#333;background-color:#f5f5f5;font-family:var(--e-font)}
.pagecommon .txt_list li p{padding-top:3px}
.pagecommon .txt_list li p b{font-weight:normal;color:#333;font-family:'notokr-bold'}
.pagecommon .top_img{width:100%;margin:45px 0 50px}

/* 인사말 */
#p33 .top_box{padding-bottom:54px;border-bottom:1px solid #e1e1e1}
#p33 .eng_txt{margin-bottom:30px}
#p33 .gr_cont{position:relative;margin-left:60px;border-left:1px solid #e1e1e1;padding:55px 50px 60px}
#p33 .gr_cont:before{position:absolute;right:0;bottom:0;content:'';width:calc(100% + 60px);height:1px;background:#e1e1e1}
#p33 .gr_cont span{display:block;margin-bottom:30px;font-size:18px;line-height:1.6;color:#333;font-family:'notokr-medium'}
#p33 .gr_cont .sign{margin-top:40px;text-align:right}
#p33 .gr_cont .sign b{font-weight:normal;color:#333;font-family:'notokr-medium'}
#p33 .gr_cont img{width:100%;margin-top:65px}

/* 미션과 비전 */
#p54 .ct_box{padding-bottom:0;border-bottom:none}
#p54 .mission_txt{display:flex;align-items:center;justify-content:center;gap:20px;padding:20px 0;border-radius:10px;background-color:#f5f5f5}
#p54 .mission_txt span{display:block;width:max-content;padding:0 20px;border-radius:50px;font-size:15px;font-weight:600;line-height:35px;color:#fff;background-color:var(--primary);font-family:var(--e-font)}
#p54 .mission_txt p{font-size:20px;color:#111;font-family:'notokr-medium'}
#p54 .vision_list{display:grid;grid-template-columns:repeat(3,1fr);margin-top:50px}
#p54 .vision_list li{text-align:center;padding:30px 0}
#p54 .vision_list li+li{border-left:1px dashed #e1e1e1}
#p54 .vision_list li img{display:block;max-width:100%;margin:0 auto}
#p54 .vision_list li span{display:block;margin:44px 0 7px;font-size:15px;font-weight:600;color:var(--primary);font-family:var(--e-font)}
#p54 .vision_list li p{font-size:18px;color:#111;font-family:'notokr-bold'}

/* 병원 둘러보기 */
#p34 .cont_box .img_list{display:grid;grid-template-columns:repeat(3,1fr);gap:30px 15px}
#p34 .cont_box .img_list li{text-align:center;color:#333;font-family:'notokr-medium'}
#p34 .cont_box .img_list li .click_img{width:100%;margin-bottom:15px;cursor:pointer}
#p34 .cont_box .img_list li video{display:block;height:calc(100% - 42px);object-fit:cover}

/* 의료진 소개 */
#p36 .staff_list{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
#p36 .staff_list > li img{width:100%}
#p36 .staff_list > li:nth-child(2){display:flex;flex-flow:column}
#p36 .staff_list > li span{display:block;padding:25px 20px 15px;color:#888;font-family:'notokr-medium'}
#p36 .staff_list > li:nth-child(2) span{margin-top:auto}
#p36 .staff_list > li span b{display:block;margin-top:5px;font-size:20px;font-weight:normal;color:#222;font-family:'notokr-bold'}
#p36 .staff_list > li > ul{padding:9px 20px;background-color:#f5f5f5}
#p36 .staff_list > li > ul > li{position:relative;padding-left:18px}
#p36 .staff_list > li > ul > li:before{position:absolute;left:0;top:11px;content:'';width:3px;height:3px;border-radius:100px;background:var(--primary)}

/* 조직도 */
#p37 img{max-width:100%}

/* 입퇴원 안내 */
#p39 .step_list{display:flex}
#p39 .step_list li{position:relative;width:calc(100%/6);text-align:center}
#p39 .step_list li:after{display:flex;align-items:center;justify-content:center;position:absolute;right:-15px;top:40px;width:30px;height:30px;border-radius:100%;font-size:13px;content:'\f0da';color:#fff;background-color:var(--primary);font-family:FontAwesome}
#p39 .step_list li:last-child:after{display:none}
#p39 .step_list li span{display:flex;align-items:center;justify-content:center;width:110px;height:110px;margin:0 auto 15px;border-radius:10px;background-color:#f5f5f5}
#p39 .step_list li p{color:#111;font-family:'notokr-medium'}
#p39 .step_list li p em{display:block;margin-top:5px;font-size:14px;line-height:1.5;font-style:normal;color:#666;font-family:'notokr-regular'}

/* 외래 안내 */
#p40 .ct_box{margin-bottom:0;padding-bottom:0;border-bottom:none}
#p40 .paper_list li{border:none;background-color:#f5f5f5}
#p40 .paper_list li b{display:block;margin-bottom:10px;font-weight:normal;color:#333;font-family:'notokr-medium'}
#p40 .time_txt{display:flex;align-items:center;gap:30px}
#p40 .time_txt>span{display:flex;align-items:center;justify-content:center;width:110px;height:110px;border-radius:10px;background-color:#f5f5f5}
#p40 .time_txt ul li{display:flex;position:relative;padding-left:18px}
#p40 .time_txt ul li:before{position:absolute;left:0;top:11px;content:'';width:3px;height:3px;border-radius:100px;background:var(--primary)}
#p40 .time_txt ul li span{flex-shrink:0;width:100px;color:#333;font-family:'notokr-medium'}

/* 서류 발급 안내 */
#p41 .ct_box{margin-bottom:0;border-bottom:3px solid #e1e1e1}
#p41 table{width:100%;text-align:center;border-spacing:0}
#p41 table th{padding:13px 0;border-bottom:1px solid #e1e1e1;font-weight:normal;color:#333;background-color:#f5f5f5;font-family:'notokr-medium'}
#p41 table td{padding:13px 0;border-bottom:1px solid #e1e1e1;border-left:1px solid #e1e1e1}

/* 면회 안내 */
#p42 .ct_box{margin-bottom:0;padding-bottom:0;border-bottom:none}
#p42 .top_img{margin-bottom:20px}
#p42 .num_txt li{display:flex;gap:15px;padding:15px 20px}
#p42 .num_txt li:nth-child(2n){background-color:#f5f5f5}
#p42 .num_txt li+li{border-top:1px dashed #e1e1e1}
#p42 .num_txt li span{display:flex;flex-shrink:0;align-items:center;justify-content:center;width:40px;height:40px;border-radius:100%;font-size:13px;font-weight:600;color:#fff;font-family:var(--e-font);background-color:#333}
#p42 .num_txt li p{padding-top:5px}

/* 정신건강정보 공통 */
.health_page .eng_txt{margin-bottom:10px}
.health_page .info_txt{padding-left:19px}
.health_page .paper_list{margin-top:40px}
.health_page .paper_list>li{border:none;font-size:16px;background-color:#f5f5f5}
.health_page .paper_list>li ul{padding:0 15px}
.health_page .paper_list>li ul li{position:relative;padding:5px 10px 5px 28px;text-align:left}
.health_page .paper_list>li ul li+li{border-top:1px dashed #e1e1e1}
.health_page .paper_list>li ul li:before{position:absolute;left:10px;top:16px;content:'';width:3px;height:3px;border-radius:100px;background:#888}

/* 반응형 [s] */
@media (max-width:1070px){

}
@media (max-width:1024px){
.pagecommon{font-size:15px}
.pagecommon .big_txt{font-size:28px}
#p33 .gr_cont{margin-left:40px;padding:55px 30px 60px}
#p54 .vision_list li img{height:140px}
#p39 .step_list li:after{right:-12.5px;width:25px;height:25px}
#p39 .step_list li span{width:calc(100% - 40px);height:100px}
}
@media (max-width:768px){
.pagecommon .big_txt{font-size:25px}
.pagecommon .ct_box{margin-bottom:40px;padding-bottom:40px}
.pagecommon .cont_box .box_tit{font-size:18px}
.pagecommon .cont_box .box_tit:before{top:14px}
.pagecommon .paper_list{gap:10px}
.pagecommon .paper_list>li{padding:10px 10px 15px;font-size:14px}
.pagecommon .paper_list>li>span{font-size:15px;line-height:35px}
#p33 .top_box{padding-bottom:50px}
#p33 .eng_txt{margin-bottom:25px}
#p33 .gr_cont .pl{white-space:normal}
#p33 .gr_cont span{font-size:17px}
#p54 .mission_txt{padding:15px}
#p54 .mission_txt span{font-size:14px}
#p54 .mission_txt p{font-size:17px}
#p54 .vision_list li img{height:110px}
#p54 .vision_list li span{font-size:14px}
#p54 .vision_list li p{font-size:16px;line-height:1.6}
#p34 .cont_box .img_list{gap:20px 10px}
#p36 .staff_list{gap:10px}
#p36 .staff_list > li span{padding:15px 10px;font-size:14px}
#p36 .staff_list > li span b{margin-top:0;font-size:17px}
#p36 .staff_list > li > ul{padding:9px 15px;font-size:14px}
#p39 .step_list{flex-wrap:wrap}
#p39 .step_list li{width:calc(100%/4)}
#p39 .step_list li:nth-child(4n):after{display:none}
#p39 .step_list li p{white-space:normal}
#p40 .paper_list{display:block}
#p40 .paper_list>li+li{margin-top:10px}
#p41 table th, #p41 table td{padding:10px 0}
#p42 .num_txt li span{width:35px;height:35px}
#p42 .num_txt li p{padding-top:3px}
}
@media (max-width:480px){
.pagecommon{font-size:14px}
.pagecommon .eng_txt{font-size:13px}
.pagecommon .big_txt{font-size:23px}
.pagecommon .cont_box+.cont_box{margin-top:40px;padding-top:40px}
.pagecommon .cont_box .box_tit{font-size:16px}
.pagecommon .cont_box .box_tit:before{top:12px}
.pagecommon .paper_list{display:block}
.pagecommon .paper_list>li+li{margin-top:10px}
.pagecommon .top_img{margin:35px 0}
.pagecommon .txt_list li span{width:30px;height:30px;font-size:11px}
.pagecommon .txt_list li p{padding-top:2px}
#p33 .top_box{padding-bottom:45px}
#p33 .gr_cont{margin-left:0;padding:45px 15px 50px;border-left:none}
#p33 .gr_cont span{margin-bottom:25px;font-size:15px}
#p33 .gr_cont .sign{margin-top:30px}
#p33 .gr_cont img{margin-top:50px}
#p54 .mission_txt{gap:15px}
#p54 .mission_txt p{font-size:16px}
#p54 .mission_txt span{padding:0 15px;font-size:13px;line-height:30px}
#p54 .vision_list{grid-template-columns:repeat(1,1fr);margin-top:20px}
#p54 .vision_list li+li{border-left:none;border-top:1px dashed #e1e1e1}
#p54 .vision_list li span{margin-top:20px;font-size:13px}
#p34 .cont_box .img_list{grid-template-columns:repeat(2,1fr)}
#p36 .staff_list{grid-template-columns:repeat(1,1fr);gap:35px}
#p39 .step_list{row-gap:25px}
#p39 .step_list li{width:calc(100%/2)}
#p39 .step_list li:nth-child(4n):after{display:block}
#p39 .step_list li:nth-child(2n):after{display:none}
#p39 .step_list li span{height:85px}
#p40 .time_txt{gap:20px}
#p40 .time_txt>span{width:80px;height:80px}
#p40 .time_txt>span img{height:35px}
#p40 .time_txt ul li span{width:80px}
#p42 .num_txt li{padding:15px}
#p42 .num_txt li span{width:30px;height:30px;font-size:12px}
#p42 .num_txt li p{padding-top:0}
.health_page .cont_box .box_tit{margin-bottom:15px}
.health_page .paper_list{margin-top:20px}
.health_page .paper_list>li ul{padding:0}
}
@media (max-width:380px){
.pagecommon .big_txt{font-size:20px;line-height:1.5}
.pagecommon .ct_box{margin-bottom:35px;padding-bottom:35px}
#p33 .top_box{padding-bottom:35px}
#p33 .gr_cont{padding:35px 10px 50px}
#p54 .mission_txt{flex-flow:column;gap:10px}
#p40 .time_txt{display:block}
#p40 .time_txt>span{width:65px;height:65px;margin-bottom:15px}
#p40 .time_txt>span img{height:30px}
}
/* 반응형 [e] */