@charset "utf-8";
.visual, .visual .clinic_area .c5 { text-align: center }
.visual .clinic_area .c2, .visual .clinic_area .c2.hover:after { text-align: right }
.visual .clinic_area .c3, .board_area, .time_area li { text-align: left }
.visual .clinic_area div.hover:after, .call_area .tel:before, .call_area .address:before, .facilities_area .text:before, .board_area .more { background: url(/images/skin1007/ico.png) no-repeat }
.text_primary { color: #aac735 }
.visual { width: 100%; background: #ada498; position: relative; height: 698px; overflow: hidden }
.visual .bx-wrapper { width: 1120px; margin: 0 auto; box-shadow: none; border: 0 }
.visual .slider { margin-top: 0 }
.visual .slider > li { position: relative; left: 0; height: 700px }
.visual .slider > li > a { text-decoration: none }
.visual .bx-wrapper img { max-width: 1000px; height: 698px }
.visual .bx-controls { position: absolute; top: 470px; left: 50%; margin-left: -545px; width: 50%; z-index: 55; text-align: left }
.visual .bx-controls .bx-pager-item { display: inline-block; width: 13px; height: 13px; margin: 0 3px; border-radius: 50% }
.visual .bx-controls .bx-pager-item a { display: block; height: 13px; font-size: 0; text-indent: -999px; text-decoration: none; border-radius: 50%; background: #494949 }
.visual .bx-controls .bx-pager-item .active { background-color: #fff }
.slogan_area { position: absolute; /* top: 300px; */ bottom:210px; left: 50%; /* width: 500px; */ max-width:500px; margin-left: -510px; font-size: 17px; line-height: 26px; letter-spacing: -1px; color: #fefefe; text-align: left; z-index: 57 }
.slogan { background-color: rgba(0, 0, 0, 0.5); display: block; /* font-size: 60px; line-height: 72px; */ font-size:55px; line-height:67px; letter-spacing: -2px; margin-bottom: 5px; padding-left: 10px; padding-right:10px; font-weight: 300 }
.sub_slogan { display:inline-block; padding-left: 10px; padding-right:10px; margin-top: 15px; background-color: rgba(0, 0, 0, 0.5) }
.visual .clinic_area { width: 1120px; margin: -700px auto 0; *margin-top: 500px; position: relative; *position: absolute; *top: 0; *left: 50%; *margin-left: -600px; z-index: 57 }
.visual .clinic_area:after { content: ""; clear: both; display: block }
.visual .clinic_area div { display: table; z-index: 55; position: absolute; top: 0; left: 0; width: 200px; height: 200px; *position: relative; *display: block; *top: 0 !important; *left: 0 !important; *width: 200px !important; *height: 200px !important; *background: transparent; *float: left }
.visual .clinic_area div:after { content: ""; clear: both; display: block }
.visual .clinic_area div a { padding: 0 10px; display: table-cell; height: 100%; font-size: 24px; line-height: 30px; letter-spacing: -1px; color: #fff; background: transparent; border: 1px solid #d0cfcd; border-color: rgba(208, 207, 206, .8); position: relative; vertical-align: middle; text-decoration: none; -ms-transition: all .3s ease-in-out; transition: all .3s ease-in-out; *display: block; *border: 0 !important; *padding: 0 !important; *margin: 0 !important; *width: 200px !important; *height: 200px !important; *line-height: 200px !important; *background: #b1afab }
.visual .clinic_area div a .empty { text-indent: -999px; font-size: 0; *display: none !important }
.visual .clinic_area div.hover { background: #59d3fb; background: rgba(89, 211, 251, .8); border-color: #a4d9e1; *padding: 0 !important; *margin: 0 !important; color: blue }
.visual .clinic_area div.hover:after { content: ""; display: inline-block; width: 34px; height: 34px; position: absolute }
.visual .clinic_area div.off span { display: none }
.visual .clinic_area .c1 { top: 198px; left: 720px; height: 500px }
.visual .clinic_area .c1 a { border-bottom: 0 }
.visual .clinic_area .hover a { color: #212121 }
.visual .clinic_area .c1.hover a { padding-top: 20px }
.visual .clinic_area .c1.hover:after { top: 64px; left: 50%; margin-left: -17px }
.visual .clinic_area .c2 { width: 1820px; height: 196px; top: 502px; left: -1100px }
.visual .clinic_area .c2 a { width: 100%; padding-right: 70px; border-bottom: 0; border-left: 0; border-right: 0 }
.visual .clinic_area .c2.hover a { padding-right: 100px }
.visual .clinic_area .c2.hover:after { top: 50%; right: 20px; margin-top: -17px }
.visual .clinic_area .c3 { width: 1820px; left: 720px; background: #ada498 }
.visual .clinic_area .c3 a { width: 324px; padding-left: 70px; border-width: 1px 0 }
.visual .clinic_area .c3 a.empty { width: 1494px; border-left: 0; border-right: 0 }
.visual .clinic_area .c3.hover a { padding-left: 100px }
.visual .clinic_area .c3.hover:after { top: 50%; left: 32px; margin-top: -17px }
.visual .clinic_area .c4 { top: 398px; left: 919px }
.visual .clinic_area .c4 a { height: 300px; border-width: 0 1px }
.visual .clinic_area .c4.hover a { padding-top: 30px }
.visual .clinic_area .c4.hover:after { top: 64px; left: 50%; margin-left: -17px }
.visual .clinic_area .c5 { width: 1820px; top: 199px; left: 920px; background: #ada498 }
.visual .clinic_area .c5 a { border-width: 1px 0; padding-left: 30px; text-align: left }
.visual .clinic_area .c5 a.empty { width: 1500px; border-width: 1px 0 }
.visual .clinic_area .c5.hover a { padding-left: 90px }
.visual .clinic_area .c5.hover:after { top: 82px; left: 30px }
.visual .clinic_area .c6 { top: 399px; left: 999px; background: #ada498 }
.content_area { width: 1120px; margin: 0 auto }
.content_area:after { content: ""; clear: both; display: block }
.info_area { margin: 50px 0 }
.info_area h2 { margin-bottom: 30px; text-align: center }
.info_area p { font-size: 17px; font-weight: 600; line-height: 30px; color: #6f6f6f }
.content_box { width: 980px; position: relative; height: 649px }
.content_box>div { float: left }
.call_area, .bnr_area { width: 340px }
.content_box .bnr_area { position: absolute; bottom: 0; left: 0 }
.call_area { height: 370px; padding: 50px 0; background: #5cc7e9; color: #fff; position: relative }
.call_area h2 { font-size: 22px; font-weight: 600; margin-bottom: 10px; text-align: center }
.call_area .small_text { font-size: 15px; margin-bottom: 30px }
.call_area .tel { font-family: 'NanumSquare'; font-size: 36px; font-weight: 700; letter-spacing: -2px; margin-bottom: 10px; color: #fff }
.call_area .tel:before { content: ""; display: block; width: 40px; height: 40px; background-position: 0 -73px; margin: 0 auto 10px }
.call_area li { font-family: 'NanumSquare'; font-size: 18px; line-height: 24px; color: #c6f1ff }
.call_area li span { font-family: 'NanumSquare'; font-size: 14px; display: inline-block; vertical-align: middle }
.call_area .address { letter-spacing: -.5px; font-family: 'NanumSquare'; position: absolute; left: 0; bottom: 50px; width: 100%; font-size: 14px; line-height: 22px; color: #3a3a3a; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; padding: 0 20px; word-break: keep-all }
.call_area .address:before { content: ""; display: block; width: 40px; height: 40px; background-position: -50px -73px; margin: 0 auto 18px }
.facilities_area { width: 640px }
.facilities_area:after { content: ""; clear: both; display: block }
.facilities_area>a { float: left; display: block; position: relative }
.facilities_area .text { position: absolute; top: 70px; left: 0; width: 100%; text-align: center; font-size: 13px; line-height: 27px; color: #fff }
.facilities_area .text:before { content: ""; display: block; height: 62px; margin: 0 auto 20px }
.facilities_area .text strong { display: block; font-size: 18px; font-weight: 600; letter-spacing: -1px }
.facilities_area .link_mem { width: 320px }
.facilities_area .link_map { width: 320px }
.facilities_area .link_mem .text:before { width: 74px; background-position: -44px 0 }
.facilities_area .link_map .text:before { width: 64px; background-position: -126px 5px }
.bnr_area> a { display: block; position: relative }
.bnr_area .text { position: absolute; top: -110px; left: 0; width: 100%; text-align: center; font-size: 13px; line-height: 27px; color: #fff }
.bnr_area .text strong { display: block; font-size: 18px; font-weight: 600; letter-spacing: -1px }
.board_area, .board_area.column { width: 370px; height: 140px; padding: 30px 35px; position: relative }
.board_area + .board_area, .board_area.column { background: #f3f3f3; margin-left: 341px; height: 119px; overflow: hidden }
.board_area h2 { font-size: 18px; font-weight: 600; margin-bottom: 10px }
.board_area .more { display: inline-block; width: 12px; height: 12px; background-position: -198px 0; position: absolute; top: 23px; right: 40px }
.board_area li { line-height: 25px }
.board_area li a { font-family: 'Nanum Gothic'; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 14px; color: #5c5c5c; width: 300px; float: left }
.board_area li a:link, a:visited, a:active { font-family: 'Nanum Gothic'; font-size: 14px; color: #5c5c5c; text-decoration: none }
.board_area li span { display: inline-block; float: right; width: 60px; font-size: 12px; color: #a4a4a4 }
.time_area { position: absolute; right: 0; bottom: 0; width: 185px; height: 310px; padding: 35px 20px; background: #9d9991; color: #fff; margin: -201px 0 0 0; text-align: left }
.time_area h2 { font-size: 24px; font-weight: 600; color: #fff; text-align: center; margin-bottom: 5px }
.time_area .text1 { font-family: 'NanumSquare'; font-size: 15px; margin-bottom: 40px; color: #fff; text-align: center }
.time_area .text2 { height: 44px; overflow: hidden; font-size: 13px; line-height: 20px; color: #ffda3b }
.time_area ul { margin-bottom: 20px }

/* 2019-04-24 수정 */

/* .time_area li {font-family: 'Nanum Gothic';font-size:15px;line-height: 25px;letter-spacing: -1px;} */
.time_area li { font-family: 'Nanum Gothic'; font-size: 15px; line-height: 25px; letter-spacing: -1px; white-space: nowrap }

/* //2019-04-24 수정 */
.time_area li span { display: inline-block; width: 100px }
.footer { position: relative; clear: both; padding-top: 35px; width: 980px; margin: 0 auto 50px }
.footer:after { content: ""; clear: both; display: block }
.footer .address { font-family: 'Nanum Gothic', sans-serif !important; float: left; font-size: 12px; line-height: 20px; color: #787878 }
.footer .address .footer_menu { margin-bottom: 20px }
.footer .address a { font-size: 11px; color: #b4b4b4 }
.footer .address a:before { content: ""; display: inline-block; width: 1px; height: 14px; vertical-align: middle; background: #b4b4b4; margin: 0 6px }
.footer .address li { display: inline }
.footer .address li:first-child a:before { margin: 0; width: 0 }
.footer .banner { position: absolute; top: 50%; right: 50%; margin-right: -270px }
.footer .banner a { display: inline-block; border: 1px solid #ddd; margin-left: 3px }