@charset "utf-8";
/*-------------------------------------------------------------------
    파일정의 : 메인컨텐츠 스타일
    작성날짜 : YYYY-MM-DD 홍길동
    참고사항 : 서브스타일과 메인스타일의 분리
    분류순서 : 레이아웃 > 공통디자인 > 컨텐츠
    속성순서 : 표시 > 위치 > 넘침/흐름 > 박스모델 > 박스모양 > 문단모양 > 기타
-------------------------------------------------------------------*/
/*-------------------------------------------------------------------
    ## 공통디자인
-------------------------------------------------------------------*/
/* sub_visual */
#sub_visual_wrap { width:100%; height:300px;}
#sub_visual { width:100%; height:300px;}
#sub_title_wrap { position:absolute; top:50%; left: 50%; transform:translate(-50%, -50%); text-align:center; font-family:'Noto Sans KR', sans-serif; color:#fff;}
#sub_title01 { font-size:36px;}
#sub_title02 { margin-top:20px; font-size:14px; opacity:0.5; letter-spacing:14px;}

/* navigation */
#sub_navi { position:relative; width:1400px; margin:0 auto; font-family:'Noto Sans KR', sans-serif;}
#sub_navi ul { display:flex; flex-wrap:wrap; flex-direction:row; align-items:center; justify-content:center;    width:100%;}
#sub_navi ul.calc2 li { width:calc(100% / 2);}
#sub_navi ul.calc4 li { width:calc(100% / 4);}
#sub_navi ul.calc5 li { width:calc(100% / 5);}
#sub_navi ul.calc8 li { width:calc(100% / 8);}
#sub_navi ul.calc9 li { width:calc(100% / 9);}
#sub_navi ul.calc10 li { width:calc(100% / 10);}
#sub_navi ul li a { position:relative; display:block; width:100%; padding:32px 0 30px; text-align:center; font-size: 16px; color:#222;}
#sub_navi ul li a:after { content:''; display:block; position:absolute; left:0; bottom:0; width:100%; height:1px; background:#cfd4de;}
#sub_navi ul li a:hover:after,
#sub_navi ul li a:focus:after,
#sub_navi ul li a:active:after,
#sub_navi ul li.on a:after { height:3px; background:#172a70;}

/* sub tab menu */
.new_tab1 { position:relative; width:100%; margin-bottom:50px;}
.new_tab1 ul { position:relative; border:2px solid #172a70; border-radius:10px; overflow:hidden;}
.new_tab1 ul:before { content:""; position:absolute; top:62px; left:0; width:100%; height:1px; background:#d0d0cf;}
.new_tab1 ul:after { content:""; display:block; clear:both; visibility:hidden;}
.new_tab1 ul li { float:left; width:25%; border:1px solid #d0d0cf; border-width:0 1px 0 0; text-align:center; box-sizing:border-box;}
.new_tab1 ul.calc1 li { width:100%;}
.new_tab1 ul.calc2 li { width:50%;}
.new_tab1 ul.calc3 li { width:33.33%;}
.new_tab1 ul.calc4 li { width:25%;}
.new_tab1 ul.calc5 li { width:20%;}
.new_tab1 ul.calc6 li { width:16.66%;}
.new_tab1 ul li a { display:block; padding:20px 10px 18px; font-size:16px; color:#000;}
.new_tab1 ul li a:hover, .new_tab1 ul li a:focus, .new_tab1 ul li a:active, .new_tab1 ul li.on a { background:#172a70; color:#fff;}

/* 서브페이지 공통 */
.height_50 { height:50px;}
.height_100 { height:100px;}
.height_150 { height:150px;}
.align-c { text-align:center;}
.hr { margin:100px 0; height:1px; background:#ccc; clear:both;}
.nstit { font-size:36px; letter-spacing:-1px; color:#3a81c4;}
.nstit span { display:block; font-size:32px; font-weight:100;}
.sym_tit { position:relative; padding-left:15px; font-size:36px; font-weight:500;}
.sym_tit:before { content:''; display:block; position:absolute; top:16px; left:0; width:5px; height:27px; background-color:#3a81c4; border-radius:10px}
.com_tit { position:relative; padding-left:15px; font-size:24px; font-weight:500;}
.com_tit:before { content:''; display:block; position:absolute; top:10px; left:0; width:5px; height:20px; background-color:#3a81c4; border-radius:10px}
.ntit1 { font-size:52px; font-weight:500; text-align:center; color:#3a81c4;}
.ntit2 { font-size:36px; font-weight:100; color:#3a81c4;}
.ntit2 .num { display:inline-block; width:36px; height:36px; margin:12px 15px 0 0; background:#3a81c4; border-radius: 0 10px 5px 5px; font-size:16px; line-height:36px; text-align:center; vertical-align:top; color:#fff;}
.ntit2 strong { font-weight:500;}
.ntit3 { position:relative; padding-left:15px; font-size:36px; font-weight:500; color:#3a81c4;}
.ntit3:before { content:''; position:absolute; top:10px; left:0; width:5px; height:36px; background:#3a81c4;}

/* sub0108 병원 둘러보기 */
.floor { display:flex; justify-content:space-between; margin-top:50px;}
.ftable { width:590px;}
#sub_0107 table.tbl1 { width:100%; margin-top:0; border-top:1px solid #222;}

/* sub03~sub04 페이지 공통 */
#new_sub_align { position:relative; margin:30px auto;}
#new_sub_align:after { content:''; display:block; clear:both; visibility:hidden;}
#sub_03 .center_btn { text-align:center;}
#sub_03 .center_btn a { display:inline-block; margin:0 15px;}
#sub_03 .text_box { width:100%; line-height:30px; margin:15px 0 15px 0; font-size:16px; color:#000; word-break: keep-all;}
#sub_03 .text_box .check_list li { position:relative; padding-left:20px;}
#sub_03 .text_box .check_list li:before { content:''; display:block; position:absolute; top:9px; left:0; width:13px; height:13px; background:url(../images/2024new/check_ico.png) center center no-repeat; background-size:cover;}

/* sub0301~sub0308 */
#sub_03 .boxtbgray { width:100%; line-height:30px; margin:15px 0; font-size:16px;}
#sub_03 .quad_wrap { position:relative; display:flex; align-items:center; justify-content:flex-end; height:400px;}
#sub_03 .quad_wrap .quad_box { width:50%;}
#sub_03 .quad_wrap .quad_box .quad_text { margin:20px 0 40px;}
#sub_03 .quad_wrap .quad_box .quad_list li { position:relative; line-height:36px; padding-left:30px;}
#sub_03 .quad_wrap .quad_box .quad_list li:before { content:''; display:block; position:absolute; top:10px; left:0; width:20px; height:20px; background: url(../images/2024new/check_ico.png) center center no-repeat; background-size:cover;}

/* sub0309~sub0310 */
#sub_03 .sym_wrap { position:relative; display:flex; justify-content:space-between;}
#sub_03 .sym_wrap .sym_img { width:600px;}
#sub_03 .sym_wrap .sym_img img { width:100%;}
#sub_03 .sym_wrap .sym_txt { width:550px;}

/* sub040102 */
[class*=boardType] { margin-top:30px; border:1px solid #000; border-width:2px 0 1px}
[class*=boardType] table { position:relative; width:100%; border-spacing:0; border-collapse:collapse; table-layout:fixed}
[class*=boardType] caption { display:none;}
.boardTypeTbl th, .boardTypeTbl td { padding:15px 5px; font-weight:400; text-align:center; vertical-align:middle; word-break:break-all;}
.boardTypeTbl thead th { padding:18px 5px; border-bottom:1px solid #000; background:#f9f9f9; font-weight:700; color:#000;}
.boardTypeTbl td { border-top:1px solid #ccc;}