@charset "euc-kr"; /* 바디 */ body.fixed {overflow-y:hidden} /* 전체 감싸기 */ #wrapper {min-width:1200px; overflow:hidden} /* 컨테이너 */ body.scrollfix #container {margin-top:61px} /* 헤더 */ #header {position:relative} #header > .top {padding:35px 0; border-bottom:1px solid #f1f2f3} #header > .top > .inner {position:relative; width:1200px; margin:0 auto} #logo {position:absolute; top:-5px; left:50%; margin-left:-55px} .m_search {display:none;} #header > .top > .inner .mobile-tel {display:none;font-family:notokr;font-size:14px;padding-top:20px;} #header > .top > .inner .mobile-tel span {} #header > .top > .inner .mobile-tel p a {font-family:"Montserrat";color:#143170;font-weight:bold;} #header > .top > .inner .left-link {float:left; font-size:0;padding-top:20px;} #header > .top > .inner .left-link > li {display:inline-block; margin-right:25px; text-align:center;vertical-align:top;position:relative;} #header > .top > .inner .left-link > li:after {position:absolute;right:-15px;top:8px;height:12px;width:1px;background:#053183;content:'';} #header > .top > .inner .left-link > li:last-child:after {display:none;} #header > .top > .inner .left-link > li a {display:block} #header > .top > .inner .left-link > li a i {font-size:18px;color:#316bd8;margin-right:5px;position:relative;top:3px;} #header > .top > .inner .left-link > li a span {font-size:14px; font-weight:600; color:#053183} #header > .top > .inner .right-link {float:right; font-size:0; padding-top:10px} #header > .top > .inner .right-link .search {float:left;padding-top:8px} #header > .top > .inner .right-link .search input {width:130px;height:28px;border:0px;background:#f0f0f0;border-radius:20px; margin-right:20px;padding-left:10px;} #header > .top > .inner .right-link ul {float:left; padding-top:12px} #header > .top > .inner .right-link ul > li {display:inline-block; margin-right:20px;color:#053183;font-size:12px;} #header > .top > .inner .right-link ul > li a {font-size:12px; color:#053183} #header > .top > .inner .right-link ul > li a i {font-weight:600; margin-right:5px; vertical-align:-1px} #header > .top > .inner .right-link .btn-allmenu {float:right; position:relative; width:48px; height:44px; border:none; border-radius:0%; background:#316bd8; cursor:pointer; outline:none;} #header > .top > .inner .right-link .btn-allmenu:hover {/*background:#c39e5a*/} #header > .top > .inner .right-link .btn-allmenu span {position:absolute; display:block; left:50%; width:22px; height:3px; margin-left:-11px; background:#fff} #header > .top > .inner .right-link .btn-allmenu span.line1 {top:14px} #header > .top > .inner .right-link .btn-allmenu span.line2 {top:20px} #header > .top > .inner .right-link .btn-allmenu span.line3 {top:26px} .mask {display:none; position:fixed; width:100%; height:0; background:#000; opacity:-0.8; z-index:998; transition:all 0.3s ease} #header > .btm {position:relative; border-bottom:1px solid #eeeff0; background:#fff} #header > .btm .m_loginArea {display:none;height:77px;width:100%;border-bottom:solid 1px #ebebeb;} #header > .btm .m_loginArea ul {padding:25px 0px 0px 20px;} #header > .btm .m_loginArea ul li {display:inline-block;padding:0px 5px;} #header > .btm .m_loginArea ul li a {font-size:14px;} body.scrollfix #header > .btm {position:fixed;top:0;/*right:-100%;*/width:100%;z-index:900} #nav {width:1200px;height:60px;margin:auto;overflow:hidden;font-size:0px;} #nav:after {display:inline-block; width:100%; content:'';} #nav > li {display:inline-block; width:auto; padding:0px 37px;} #nav > li > a {display:block; font-size:17px; font-weight:600; color:#1f1f1f; line-height:60px} #nav > li div.menu-item {display:none;width:100%;position:absolute;z-index:99;background:#0039a4;left:0px;border-top:solid 0px #f1f2f3;padding:30px 0px} #nav > li div.menu-item .inner {width:1200px;margin:0px auto;} #nav > li div.menu-item.active {display:block} #nav > li div.menu-item:after {clear:both; display:block; content:''} #nav > li div.menu-item .titleArea {float:left; width:160px;} #nav > li div.menu-item .titleArea span {font-size:16px;color:#fff;opacity:0.8;position:relative;padding-left:40px;;} #nav > li div.menu-item .titleArea span:before {content:'';width:25px;height:1px;background:#fff;position:absolute;left:0px;top:8px;} #nav > li div.menu-item .titleArea span:after {content:'';position:absolute;right:-15px;top:0px;width:5px;height:5px;background:#fff;opacity:0.8;border-radius:5px;} #nav > li div.menu-item ul {float:left; /*width:700px; */margin-left:30px;} #nav > li div.menu-item ul:after {clear:both; display:block; content:''} #nav > li div.menu-item ul > li {float:left; position:relative;width:auto; margin-right:40px;} #nav > li div.menu-item ul > li a {font-size:16px; /*font-weight:600; */color:#fff;position:relative;} #nav > li div.menu-item ul > li a:before {content:'';position:absolute;right:-15px;top:0px;width:5px;height:5px;background:#fff;border-radius:5px;} #nav > li div.menu-item ul > li a:after {content:'';position:absolute;left:0px;top:30px;width:0px;height:2px;background:#fff;border-radius:5px;transition:all 0.3s ease;display:inline-block} #nav > li div.menu-item ul > li a:hover:after {width:100%;display:inline-block;} #nav > li div.menu-item ul > li a.selected {color:#97b8ff;} /*#nav > li div.menu-item ul > li.on a, */ #nav > li div.menu-item ul > li a:hover {color:#fff} #nav > li.on > a, #nav > li > a:hover, #nav > li.open a {color:#0039a4} #nav > li:before {content:'';width:100%;position:fixed;} #nav > li:first-child {padding-left:0px;} #nav > li:last-child {padding-right:0px;} #gnbTrigger {display:none; position:fixed; top:0px; right:0px; width:77px; height:76px; border:none; background:#fff; cursor:pointer; outline:none; z-index:1100;transition:all .3s ease-in-out;} #gnbTrigger > span {display:block; position:absolute; left:50%; width:26px; height:3px; margin-left:-13px; background:#0039a4; transition:all .3s ease-in-out; transform:rotate(0deg); opacity:1} #gnbTrigger > .bar1 {top:26px} #gnbTrigger > .bar2 {top:34px;width:22px;margin-left:-9px;} #gnbTrigger > .bar3 {top:42px} #gnbTrigger.open {background:#0039a4} #gnbTrigger.open > span {background:#fff} #gnbTrigger.open > .bar1 {top:34px; transform:rotate(135deg)} #gnbTrigger.open > .bar2 {opacity:0; left:-30px} #gnbTrigger.open > .bar3 {top:34px; transform:rotate(-135deg)} /* 전체 메뉴 */ #all-menu {display:none; position:fixed; top:0; left:0; width:100%; height:100%; z-index:900} #all-menu .mask_all {position:fixed; top:0; left:0; width:100%; height:100%; background:#000; opacity:.8; z-index:990} #all-menu .menu-layer {position:fixed; top:50%; left:50%; width:1200px; height:673px;font-size:0px; margin:-335px 0 0 -600px; background:#fff; z-index:1100} #all-menu .menu-layer .btnClose {position:absolute; top:18px; right:20px; width:40px; height:40px; border:none; background:transparent; outline:none; cursor:pointer;} #all-menu .menu-layer .btnClose span {position:absolute; top:50%; left:50%; display:block; width:32px; height:2px; margin:-2px 0 0 -16px; background:#404040;transition:1s ease} #all-menu .menu-layer .btnClose span.line1 {transform:rotate(45deg)} #all-menu .menu-layer .btnClose span.line2 {transform:rotate(-45deg)} /*#all-menu .menu-layer .btnClose:hover {border-color:#aaa;} #all-menu .menu-layer .btnClose:hover span.line1 {transform:rotate(225deg);} #all-menu .menu-layer .btnClose:hover span.line2 {transform:rotate(-225deg);}*/ #all-menu .menu-layer .title-bar {position:relative; text-align:center; width:220px;height:100%;display:inline-block;background:#143170;vertical-align:top;} #all-menu .menu-layer .title-bar h2 {padding-top:250px;} #all-menu .menu-layer .menu-wrapper {width:980px;display:inline-block;vertical-align:top;} #all-menu .menu-layer .menu-wrapper .depth1 {padding:50px 70px;} #all-menu .menu-layer .menu-wrapper .depth1 > li {border-bottom:1px dotted #d5d5d5;padding:17px 0px;} #all-menu .menu-layer .menu-wrapper .depth1 > li:last-child {border:0px;} #all-menu .menu-layer .menu-wrapper .depth1 > li > .box {margin:auto} #all-menu .menu-layer .menu-wrapper .depth1 > li > .box:after {clear:both; display:block; content:''} #all-menu .menu-layer .menu-wrapper .depth1 > li > .box h3.title {float:left; width:210px;position:relative; font-size:18px; font-weight:600; color:#0039a4} #all-menu .menu-layer .menu-wrapper .depth1 > li > .box h3.title:after {display:block;position:absolute;top:15px;left:130px; width:45px; height:1px; content:''; background:#316bd8} #all-menu .menu-layer .menu-wrapper .depth1 > li > .box .depth2 {float:right; width:630px;padding-top:5px;} #all-menu .menu-layer .menu-wrapper .depth1 > li > .box .depth2:after {clear:both; display:block; content:''} #all-menu .menu-layer .menu-wrapper .depth1 > li > .box .depth2 > li {float:left; width:auto;margin-right:40px;} #all-menu .menu-layer .menu-wrapper .depth1 > li > .box .depth2 > li a {font-size:15px; color:#404040;position:relative;} #all-menu .menu-layer .menu-wrapper .depth1 > li > .box .depth2 > li a:before {display:inline-block; content:'·';position:absolute; right:0px;margin-right:-20px; vertical-align:2px; box-sizing:border-box} #all-menu .menu-layer .menu-wrapper .depth1 > li > .box .depth2 > li:last-child a:before {display:none;} #all-menu .menu-layer .menu-wrapper .depth1 > li > .box .depth2 > li.active a, #all-menu .menu-layer .menu-wrapper .depth1 > li > .box .depth2 > li a:hover {color:#0039a4} /* 퀵메뉴 */ #quickmenu {position:fixed; top:185px; right:0px; z-index:900; } #quickmenu .iconlist > li {display:block; width:80px; height:80px; font-size:14px; color:#fff; text-align:center;/* line-height:80px; margin-bottom:2px;*/ border-bottom: solid 1px #333; background:#222222; cursor:pointer; padding-top:20px; border-radius: 0px;} #quickmenu .iconlist > li:last-child {border:0px;} #quickmenu .iconlist > li > i {font-size:16px;} #quickmenu .iconlist > li.icon2 {font-weight:bold; color:#222; background:#ffea29} #quickmenu .iconlist > li.icon1:hover, #quickmenu .iconlist > li.icon1.on {background:#990044} #quickmenu .iconlist > li.icon2:hover, #quickmenu .iconlist > li.icon2.on {color:#222; background:#ffea29} #quickmenu .iconlist > li.icon3:hover, #quickmenu .iconlist > li.icon3.on {background:#316bd8} #quickmenu .iconlist > li.icon4:hover, #quickmenu .iconlist > li.icon4.on {background:#21bbb1} #quickmenu .iconlist > li.icon5:hover, #quickmenu .iconlist > li.icon5.on {background:#ec7a00} #quickmenu .quick-layer {position:fixed; top:185px; right:-480px; padding:45px 50px; width:480px; height:640px; background:rgba(0, 0, 0, .9); z-index:900} #quickmenu .quick-layer .title {margin-bottom:40px} #quickmenu .quick-layer .title h2 {font-size:30px; font-weight:600; color:#fff; margin-bottom:5px} #quickmenu .quick-layer .title p {color:#fff} #quickmenu .quick-layer .title.kakao h2 {color:#fff;} #quickmenu .quick-layer .title.kakao p {color:#fff;} #quickmenu .quick-layer .btn-close {position:absolute; top:45px; right:44px; width:45px; height:45px; border:none; background:transparent; cursor:pointer; outline:none} #quickmenu .quick-layer .btn-close span {position:absolute; display:block; top:50%; left:50%; width:38px; height:1px; margin:-1px 0 0 -19px; background:#fff} #quickmenu .quick-layer .btn-close span.line1 {transform:rotate(45deg)} #quickmenu .quick-layer .btn-close span.line2 {transform:rotate(-45deg)} #quickmenu .quick-layer .btn-area {position:absolute; bottom:45px; left:0; width:100%; text-align:center} #quickmenu .quick-layer .btn-area .btn {display:inline-block; padding:5px 25px;height:auto; font-size:13px; color:#fff;font-weight:bold; border:0px;} #quickmenu .quick-layer .btn-area .btn.btn-brown {background:#990044} #quickmenu .quick-layer .btn-area .btn.btn-yellow {color:#222; background:#ffea29} #quickmenu .quick-layer .btn-area .btn.btn-mint {background:#21bbb1} #quickmenu .quick-layer .btn-area .btn.btn-blue {background:#316bd8} #quickmenu .quick-layer .btn-area .btn.btn-orange {color:#fff; background:#ec7a00} /*비급여항목안내*/ .commonWrap{position:relative; width:100%;} .commonWrap .mdcChargeTxt01 {margin:10px 0; font-size:17px; color:#00549d; line-height:17px;} .boardSearchSec {margin-top:24px; padding:39px 0 28px; border:1px solid #ccc; text-align:center; background:#f7f8f8;} .boardSearchSec .txt {color:#333;} .boardSearchSec .txt .ex {margin-left:3px;} .boardSearchSec .inputText {width:300px;} .boardSearchSec fieldset a.graySmBtn01 {display:inline-block; margin-left:-4px; padding:5px 12px;vertical-align:middle;line-height:12px; background:#00559c; font-size:13px; line-height:1; color:#fff;} a.graySmBtn01 span {padding-left:18px; background:url(../../images/common/bg_search.png) no-repeat 0 center;} .inputTxt {line-height:25px; height:35px; padding:7px 5px; border:1px solid #ccc;} .commonWrap .searchResult {margin-bottom:6px; text-align:right; color: #111; font-weight:600;} .commonWrap .searchResult .txtGreenT {color:#00549d;} .tableLayoutSec {} .tableLayoutSec .tableLayout {width:100%; border-top:2px solid #00549d; border-bottom:1px solid #636363;} .tableLayoutSec .tableLayout th,.tableLayoutSec .tableLayout td {vertical-align:middle; text-align:center;} .tableLayoutSec .tableLayout thead th {border-bottom:1px solid #ccc; border-left:1px solid #ccc;vertical-align:middle;background:#f5f5f5 url(../../images/common/bg_thline.gif) repeat-y right 0; font-size:15px; font-weight:500;} .tableLayoutSec .tableLayout thead th.firstTh {border-left:none;} .tableLayoutSec .tableLayout thead th.lastTh {background:#ebebeb !important;} .tableLayoutSec .tableLayout thead th.rowTh {background:#f5f5f5 !important;} .tableLayoutSec .tableLayout thead th.grayTh {background:#ebebeb;} .tableLayoutSec .tableLayout thead th span {display:inline-block; padding:12px 0; line-height:1.3; color:#00549d;} .tableLayoutSec .tableLayout thead th.firstTh.grayTh {background:#ebebeb;} .tableLayoutSec .tableLayout thead th.grayTh span {color:#333;} .tableLayoutSec .tableLayout tbody td{padding:9px 15px;border-left:1px solid #ccc; font-size:14px;} .tableLayoutSec .tableLayout tbody td:first-child{border-left:0;} .tableLayoutSec .tableLayout tbody tr{border-bottom:1px solid #ccc;} /* board paging */ .paging {padding-top:30px; padding-bottom:20px; text-align:center; position:relative;} .paging a.num {display:inline-block;line-height:28px;padding:1px 12px;color:#333;text-decoration:none;} .paging a.num:hover, .paging a.num.on {padding:0 11px;color:#00549d; font-weight:700; border:1px solid #cecece;} /* board paging */ .paging {padding-top:30px; padding-bottom:20px; text-align:center; position:relative;} .paging a.num {display:inline-block;line-height:28px;padding:1px 12px;color:#333;text-decoration:none;} .paging a.num:hover, .paging a.num.on {padding:0 11px;color:#00549d; font-weight:700; border:1px solid #cecece;} /* 푸터 */ #footer {margin-top:80px; padding:35px 0 0 0; background:#0b2941} #footer > .inner {width:1200px; margin:auto} #footer > .inner .grid-wrapper {margin:0 -3px} #footer > .inner .grid-wrapper > .footer-grid {float:left; width:16.6666667%; height:300px; padding:0 3px} #footer > .inner .grid-wrapper > .footer-grid h4 {font-weight:600; color:#ffffff; margin-bottom:15px; padding:0 0 10px 10px; border-bottom:1px solid #dfdfdf} #footer > .inner .grid-wrapper > .footer-grid h3 {font-weight:600;margin-bottom:15px; color:#fff; padding:0 0 7px 10px; border-bottom:1px solid #dfdfdf} #footer > .inner .grid-wrapper > .footer-grid h3 a {font-weight:500; font-size: 12px; color:#fff;} #footer > .inner .grid-wrapper > .footer-grid > ul span {padding-left:10px; color:#fff; text-transform:uppercase;} #footer > .inner .grid-wrapper > .footer-grid > ul > li {padding:8px 0 10px 8px; color:#fff; text-transform:uppercase; font-size:13px;} #footer > .inner .grid-wrapper > .footer-grid > ul > li > a {font-size:14px;color:#e5f4ff; } #footer > .inner .grid-wrapper > .footer-grid > ul > li > ul > li {display:inline; margin-left:15px} #footer > .inner .grid-wrapper > .footer-grid.right {float:right; text-align:right} #footer > .inner .grid-wrapper > .footer-grid.wide {width:33.3333334%;float:right;} #footer > .inner .grid-wrapper > .footer-grid.contact h4 {font-size:15px} #footer > .inner .copyright {font-size:12px; font-weight:500; letter-spacing:0; color:#9a9a9a} #footer > .inner .grid-wrapper > .footer-grid span {margin-top:20px;display:block;} /* 둘러보기 */ #facilitySlider .big-thumb {position:relative; margin-bottom:50px} #facilitySlider .big-thumb .thumb-list > li {display:none} #facilitySlider .big-thumb .thumb-list > li.active {display:block} #facilitySlider .big-thumb .thumb-list > li img {display:block; width:100%} #facilitySlider .big-thumb .floor-tab {position:absolute; display:table; bottom:0; left:0; width:100%; table-layout:fixed; border-spacing:1px; border-collapse:separate} #facilitySlider .big-thumb .floor-tab > li {display:table-cell; width:auto; height:40px; padding-left:15px; color:#333; vertical-align:middle; background:rgba(200, 201, 202, .8); cursor:pointer} #facilitySlider .big-thumb .floor-tab > li.active {color:#fff; background:rgba(0, 0, 0, .8)} #facilitySlider .floor-container .floor-info {display:none} #facilitySlider .floor-container .floor-info h2 {font-size:40px; font-weight:300; color:#2b2b2b; margin-bottom:40px} #facilitySlider .floor-container .floor-info.active {display:block} #facilitySlider .floor-container .floor-info .thumb-list {margin:0 -10px} #facilitySlider .floor-container .floor-info .thumb-list:after {clear:both; display:block; content:''} #facilitySlider .floor-container .floor-info .thumb-list > li {position:relative; float:left; width:33.333334%; margin-bottom:20px; padding:0 10px; cursor:pointer} #facilitySlider .floor-container .floor-info .thumb-list > li:before {position:absolute; top:0; left:10px; right:10px; bottom:0; content:''; border:0px solid #ed6037; transition:all .25s ease} #facilitySlider .floor-container .floor-info .thumb-list > li.selected:before, #facilitySlider .floor-container .floor-info .thumb-list > li:hover:before {border-width:6px} #facilitySlider .floor-container .floor-info .thumb-list > li img {display:block; width:100%}