@charset "utf-8";
/* doc.css는 디자인페이지 스타일을 정의합니다. */

.doc-title {position:relative; font-size:26px; line-height:1.4em; color:#2c2c2c; margin-bottom:25px; padding-left:30px;}
.doc-title:before {content:"";position:absolute; top:8px; left:0; width:24px; height:24px; background:url('../images/sub/doc_dot.png') 50% 50% no-repeat; background-size:contain;}

.floor-info {display:flex;}
.floor-info .menu {width:50%;}
.floor-info .menu ul li {margin-bottom:5px; }
.floor-info .menu ul li:last-child {margin-bottom:0;}
.floor-info .menu ul li a {display:flex;}
.floor-info .menu ul li .floor {width:170px; border-radius:5px 0 0 5px; background:#878787; font-size:18px; line-height:72px; color:#fff;font-weight:700; text-align:center;}
.floor-info .menu ul li .info {width:calc(100% - 170px); height:72px; padding:0 20px; display:flex; align-items:center; justify-content:center; border:1px solid #ddd; border-left:0; background:#fafafa; text-align:center; font-size:17px; line-height:1.6em; border-radius:0 5px 5px 0;}
.floor-info .menu ul li.active .floor {background:#a7ce47}
.floor-info .floor-img {width:50%; padding-left:5px;}
.floor-info .floor-slider {position:relative; border-radius:5px; overflow:hidden;}
.floor-info .floor-slider .photo {position:relative}
.floor-info .floor-slider .pic {position:relative; height:0; padding-bottom:63.9%; overflow:hidden}
.floor-info .floor-slider .pic img {position:absolute; top:50%; left:0; transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); width:100%; height:auto !important; max-width:100%; min-height:100%; object-fit:cover;}
.floor-info .floor-slider .slick-arrow {position:absolute; top:50%; width:18px;height:35px; margin-top:-17.5px; font-size:0; line-height:0; border:0; background-color:transparent; background-repeat:no-repeat; background-size:contain; background-position:50% 50%; z-index:50; opacity:.60;}
.floor-info .floor-slider .slick-prev {left:20px; background-image:url('../images/sub/slide_prev.png');}
.floor-info .floor-slider .slick-next {right:20px; background-image:url('../images/sub/slide_next.png');}
.floor-info .floor-slider .slick-arrow:hover {opacity:1;}
.floor-info .floor-slider .tit {position:absolute; bottom:0; left:0;  text-align:center; width:100%; font-size:18px; line-height:50px; color:#fff;font-weight:700; background:rgba(0,0,0,.68); z-index:2}

.hospital-content {display:none}
.hospital-content.active {display:block;}



.hospital-map {display:flex;}
.hospital-map .menu {width:170px;}
.hospital-map .menu ul li {text-align:center; width:100%; height:51px; background:#fafafa; border:1px solid #dfdfdf; border-right:0; margin-top:-1px; font-size:15px; line-height:1.5em;display:table; overflow:hidden;}
.hospital-map .menu ul li a {display:table-cell; vertical-align:middle; width:100%; height:100%;  color:#2c2c2c;}
.hospital-map .menu ul li:first-child {border-radius:10px 0 0 0}
.hospital-map .menu ul li:last-child {border-radius:0 0 0 10px}
.hospital-map .menu ul li.active {border-color:#a7ce47;}
.hospital-map .menu ul li.active a {background:#a7ce47; color:#fff;}
.hospital-map .map-area {width:calc(100% - 170px); position:relative;}

.map-content .root_daum_roughmap {width:100% !important; height:500px !important;}
.map-content .root_daum_roughmap .wrap_map {height:500px !important;}


.hospital-box {position:relative; border:1px solid #dfdfdf; border-radius:5px; padding:50px; margin-bottom:50px;}
.hospital-box .tip {position:absolute; top:50px; left:50px; font-size:16px; line-height:1.6em; color:#2c2c2c}
.hospital-box .tip p {margin-bottom:5px; text-indent:-10px; padding-left:10px;}
.hospital-box .tip p:last-child {margin-bottom:0;}
.hospital-box .img {text-align:center;}

.table01 table {width:100%; border-collapse:collapse; border-spacing:0px; border-top:2px solid #a7ce47; font-size:18px; line-height:1.5em; letter-spacing:-.03em;}
.table01 table th {padding:15px 10px; border:1px solid #dfdfdf; background:#f4f4f4; color:#2c2c2c;}
.table01 table td {padding:15px 20px; border:1px solid #dfdfdf; color:#505050;}
.table01 tr th:first-child,
.table01 tr td:first-child {border-left:0;}
.table01 tr th:last-child,
.table01 tr td:last-child {border-right:0;}
.table01.type2 table td {padding:30px 20px;}
.table01.type3 table tbody th {background:#fff; font-weight:400;}
.table01.type4 table th.bg {background:#f0f8dc; border-bottom:1px solid #dfdfdf;}
.table01.type4 table td {text-align:center; font-size:16px;}
.table01 + .buttons {margin-top:60px;}
.table01 + .buttons .cen .btn-pack {margin:0 20px;}

.root_daum_roughmap {width:100% !important; height:420px !important;}
.root_daum_roughmap .wrap_map {height:420px !important;}

.kakao-map {border-radius:5px; overflow:hidden; margin-bottom:40px;}

.map-link {margin-bottom:80px;}
.map-link ul {display:flex; margin-left:-40px;}
.map-link ul li {width:calc(33.333333% - 40px); position:relative; margin-left:40px; border:1px solid #dfdfdf; border-radius:5px;}
.map-link ul li a {display:flex; align-items:center; padding:20px 40px; font-size:24px; line-height:1.4em; color:#2c2c2c;}
.map-link ul li .icon {margin-right:24px;}
.map-link ul li .arrow {position:absolute; top:50%; right:40px; transform:translateY(-50%) rotate(-45deg); width:24px; height:24px; border-right:1px solid #2c2c2c; border-bottom:1px solid #2c2c2c;}

.doc-tit {font-size:22px; line-height:1.4em; color:#a7ce47;font-weight:700; margin-bottom:15px;}
.doc-tit .tit {color:#58c2d2; font-size:19px;}

.sub-tit {font-size:30px; line-height:1.4em; color:#2c2c2c;font-weight:700; margin-bottom:20px;}

.text-cnt ul li {text-indent:-0.5em; padding-left:0.5em; font-size:17px; line-height:1.4em; font-weight:700;color:#2c2c2c; margin-bottom:5px;}
.text-cnt ul li:last-child {margin-bottom:0;}
.all-link {display:inline-block; padding:5px 20px; font-size:15px; background:#a7ce47; font-weight:normal; color:#fff;margin-left:10px; border-radius:3px;}

.tab-menu {position:relative; margin-top:80px;overflow:hidden;}
.tab-menu:after {content:"";position:absolute; bottom:0; left:0; width:100%; height:1px; background:#a7ce47; z-index:0}
.tab-menu ul {max-width:1200px; margin:0 auto; display:flex;}
.tab-menu ul li {height:60px; width:33.3333333%; display:table; text-align:center;}
.tab-menu ul li a {display:table-cell; vertical-align:middle; width:100%; height:100%; position:relative; font-size:17px;line-height:1.5em; color:#2c2c2c; font-weight:500; background:#fff;border:1px solid #dfdfdf; border-bottom:1px solid #a7ce47; ;border-left:0;  z-index:1;}
.tab-menu ul li a:after {content:"";position:absolute; top:0; left:0; width:100%; height:100%;  border-bottom:1px solid #a7ce47;}
.tab-menu ul li:first-child a {border-left:1px solid #dfdfdf; border-radius:10px 0 0 0;}
.tab-menu ul li:first-child a:after {border-radius:10px 0 0 0;}
.tab-menu ul li:last-child a {border-radius:0 10px 0 0;}
.tab-menu ul li:last-child a:after {border-radius:10px 0 0 0;}
.tab-menu ul li.active a {color:#a7ce47;  border-color:#a7ce47;border-bottom:0; z-index:2}
.tab-menu ul li.active a:after {border:4px solid #a7ce47; border-bottom:0;}

.sub-tab-fixed .sub-tab-menu {position:fixed; top:159px; left:0; width:100%; margin:0; z-index:10}

.text-indent {padding-left:30px;}

.doc-cnt {margin-bottom:40px;}
.doc-cnt ol {padding-left:10px; margin-bottom:40px;}
.doc-cnt ol:last-child {margin-bottom:0;}
.doc-cnt ol li {font-size:18px; line-height:1.6em; color:#2c2c2c; font-weight:700; margin-bottom:20px;}
.doc-cnt ol li:last-child {margin-bottom:0;}
.doc-cnt ol li ul {padding-left:10px; padding-top:5px;}
.doc-cnt ol li ul li {font-weight:400; font-size:16px; line-height:1.6em; color:#505050; margin-bottom:5px;}
.doc-cnt ol li ul li:last-child {margin-bottom:0;}

.section {padding-top:50px;}

.table-cnt ul {display:flex; flex-wrap:wrap; margin-left:-40px;margin-bottom:-12px;}
.table-cnt ul li {width:calc(50% - 40px); margin-left:40px; padding-left:15px;position:relative; margin-bottom:12px; font-size:16px; line-height:1.4em;}
.table-cnt ul li:before {content:"";position:absolute; top:8px; left:0; width:6px; height:6px; background:#ccc; border-radius:100%}
.table-cnt.type2 ul {display:block; margin-left:0;}
.table-cnt.type2 ul li {width:100%; margin-left:0;}

.page-tab-menu {margin-bottom:40px;}
.page-tab-menu ul {display:flex;}
.page-tab-menu ul li {width:33.333333%; text-align:center;}
.page-tab-menu ul li:first-child a {border-left:1px solid #dfdfdf; border-radius:10px 0 0 10px}
.page-tab-menu ul li:last-child a {border-radius:0 10px 10px 0}
.page-tab-menu ul li a {display:block; font-size:15px; line-height:50px; border:1px solid #dfdfdf; background:#fafafa; border-left:0;}
.page-tab-menu ul li.active a {background:#a7ce47; border-color:#a7ce47; color:#fff;}

.page-content {display:none}
.page-content.active {display:block}
.page-content .slick-arrow {position:absolute; top:50%; width:25px;height:50px; margin-top:-25px; font-size:0; line-height:0; border:0; background-color:transparent; background-size:contain; background-repeat:no-repeat; background-position:50% 50%; z-index:50; opacity:.60;}
.page-content .slick-prev {left:-100px; background-image:url('../images/sub/page_prev.png');}
.page-content .slick-next {right:-100px; background-image:url('../images/sub/page_next.png');}
.page-content .slick-arrow:hover {opacity:1;}
.page-content img {display:inline-block;}


.map-parking-slider .slick-arrow {position:absolute; top:50%; width:25px;height:50px; margin-top:-25px; font-size:0; line-height:0; border:0; background-color:transparent; background-size:contain; background-repeat:no-repeat; background-position:50% 50%; z-index:50; opacity:.60;}
.map-parking-slider .slick-prev {left:10px; background-image:url('../images/sub/page_prev.png');}
.map-parking-slider .slick-next {right:10px; background-image:url('../images/sub/page_next.png');}

.page-img {text-align:center;}

.doc-txt {font-size:18px; line-height:1.6em; color:#2c2c2c;font-weight:700; padding-left:10px;}

.care-table {display:flex; border-top:2px solid #a7ce47; border-bottom:1px solid #dfdfdf;}
.care-table .col {width:50%; border-left:1px solid #dfdfdf;}
.care-table .col:first-child {border-left:0;}
.care-table .box {padding:20px 15px; display:table; table-layout:fixed; width:100%; height:390px}
.care-table .table-cnt {display:table-cell; vertical-align:middle; width:100%; height:100%;}
.care-table .title {background:#f4f4f4; color:#2c2c2c; padding:15px 0; text-align:center; font-size:18px; line-height:1.4em;font-weight:700; border-bottom:1px solid #dfdfdf;}
.care-table .pic {text-align:center;}
.care-table.type2 {display:block;}