@charset "utf-8";

/* 작업자 : 안효석 / 작업일자 : 2017-03-29 */
.title_h2 {text-align: center; font-size: 34px; font-weight: 600; color: #3c3c3c; margin-bottom: 20px;}
.title_h2 > span {color: #38baf1;}

/* contents_area_1 */
.contents > div,
.main_slide_box,
.ca3_inner,
.ca5_inner {width: 1200px; margin: 0 auto;}
.contents .contents_area_1, 
.contents .contents_area_3,
.contents .contents_area_5 {width: 100%;}
.contents_area_1 {position: relative; background: #697a8b; height: 540px; overflow: hidden;}
.contents_area_1:after {content: ""; clear: both; display: block;}
.contents_area_1 .bg_half {position: absolute; width: 50%; height: 540px; top: 0; left: 0; background: #eaeaea;}
.wmuSlider .bx-wrapper {box-shadow: none; border: 0; margin-bottom: 0; background: #fff;}
.wmuSlider .bx-wrapper img {width: 100%; height: 540px;}
.wmuSlider .bx-controls {position: absolute; top: 396px; left: 0; width: 50%; z-index: 52;}
.wmuSlider .bx-controls .bx-pager-item {float: left;}
.wmuSlider .bx-controls .bx-pager-item:first-child {margin-left: 90px;}
.wmuSlider .bx-controls .bx-pager a {width: 24px; height: 3px; background: #b8b8b8; margin-right: 4px;}
.wmuSlider .bx-controls .bx-pager a.active,
.wmuSlider .bx-controls .bx-pager a:hover,
.wmuSlider .bx-controls .bx-pager a:focus {background-color: #38baf1;}
.visual_slogan {position: absolute; top: 112px; width: 1200px; margin-left: 80px; z-index: 50;}
.visual_slogan em {font-size: 62px; line-height: 70px; letter-spacing: -2px; color: #38baf0;}
.visual_slogan span {display: block; font-size: 18px; line-height: 26px; letter-spacing: -1px; color: #545454; padding: 40px 0 0 10px;}

/* contents_area_2 */
.info_outer {padding: 80px 30px 45px; float: left;}
.info_outer h2 {font-family: "Tw Cen MT", Sans-serif  !important; font-size: 22px; font-weight: 600; color: #38baf1; margin-bottom: 25px;}
.info_outer .text1 {font-family: "Noto Sans CJK KR"  !important; font-size: 14px; line-height: 25px; letter-spacing: -1px; color: #5a5a5a; margin-bottom: 75px;}
.info_outer .text2 {font-size: 20px; line-height: 30px; color: #c5c5c5;}
.clinic_outer {float: right; position: relative; width: 740px; z-index: 55;}
.clinic_box li {float: left; margin: 0 5px 5px 0;}
.clinic_box li:first-child {float: none;}
.clinic_box li a {display: block; width: 142px; height: 102px; padding: 29px; position: relative; font-size: 20px; font-weight: 600; line-height: 27px; color: #fff; text-decoration: none;}
.clinic_box li.c1 a {margin: -90px 0 0 -198px; background-color: #38baf1;}
.clinic_box li.c2 a {width: 242px; margin-left: -198px; background-color: #90cde9;}
.clinic_box li.c3 a {height: 267px; background-color: #1b7dc1;}
.clinic_box li.c4 a {background-color: #00a4be;}
.clinic_box li.c5 a {background-color: #0093a0;}
.clinic_box li.c6 a {background-color: #6dc3d6;}
.clinic_box li a:after {content: ""; position: absolute; bottom: 18px; left: 30px; display: block; width: 28px; height: 28px; background: url(/Images/skin5009/ico_main.png) no-repeat;}
.clinic_box li.c1 a:hover {background-color: #1aa8fe;}
.clinic_box li.c2 a:hover {background-color: #71c5f1;}
.clinic_box li.c3 a:hover {background-color: #085bb3;}
.clinic_box li.c4 a:hover {background-color: #008bae;}
.clinic_box li.c5 a:hover {background-color: #007485;}
.clinic_box li.c6 a:hover {background-color: #49b5d1;}
.clinic_box li a:hover:after {background-position: -38px 0;}
.clinic_box li.off a span {display: none;}

/* contents_area_3 */
.contents_area_3 {position: relative;}
.contents_area_3:after {content: ""; clear: both; display: block;}
.contents_area_3 .bg_half {position: absolute; width: 50%; height: 240px; top: 0; z-index: -1;}
.contents_area_3 .left {left: 0; background-color: #293644;}
.contents_area_3 .right {right: 0; background-color: #eaeaea;}
.facilities li {float: left; text-align: center;}
.facilities li a {display: block; position: relative; font-size: 13px; font-weight: 600; color: #fff; text-decoration: none;}
.facilities li a > div {position: absolute; left: 0; color: inherit;}
.facilities li .title {font-size: 12px; top: 30px; left: 30px;}
.facilities li .title:after {content: ""; display: inline-block; width: 13px; height: 13px; background: url(/Images/skin5009/ico_main.png) no-repeat -75px 0; margin-left: 10px; vertical-align: middle;}
.facilities li .text {top: 98px; width: 100%; text-align: center;}
.facilities li .text strong {font-size: 20px; display: block; margin-bottom: 15px;}

/* contents_area_4 */
.contents_area_4 {padding: 60px 0 90px;}
.contents_area_4:after {content: ""; clear: both; display: block;}
.contents_area_4 .samll_text {text-align: center; font-size: 13px; color: #acacac; margin-bottom: 70px;}
.ca4_inner > div {float: left; margin-left: 60px;}
.contents_area_4 .map_outer {margin-left: 0; width: 440px; height: 340px; overflow: hidden;}
.contents_area_4 .call_outer,
.contents_area_4 .time_outer {width: 365px; height: 325px; padding: 15px 0 0; font-size: 14px; line-height: 22px; position: relative;}
.contents_area_4 .call_outer {padding-right: 30px; border-right: 1px solid #eaeaea;}
.contents_area_4 .call_outer h2,
.contents_area_4 .time_outer h2 {font-size: 18px; font-weight: 600; letter-spacing: -1px; color: #38baf1; margin-bottom: 25px;}
.contents_area_4 .time_outer {width: 244px;}
.tel {margin-bottom: 30px; font-weight: 600;}
.tel span {display: inline-block; width: 26px; line-height: 44px; background: #eee; font-size: 32px; color: #515151; vertical-align: middle; margin-right: 2px; text-align: center;}
.call ul {margin-bottom: 50px;}
.call ul.length1 {margin-bottom: 86px;}
.call ul.length2 {margin-bottom: 63px;}
.call li {font-size: 22px; line-height: 36px; color: #929292;}
.call li span {font-size: 14px; letter-spacing: -1px; color: #3a3a3a; margin-right: 15px; display: inline-block; vertical-align: middle;}
.call .address {padding-left: 36px; position: relative;}
.call .address:before,
.time p:before {content:""; position: absolute; top: 0; left: 0; background: url(/Images/skin5009/ico_main.png) no-repeat;}
.call .address:before {display: block; width: 22px; height: 32px; background-position:  -100px 0;}
.time ul {margin-bottom: 45px;}
.time li {font-size: 15px; line-height: 30px; color: #686868;}
.time li span {display: inline-block; width: 86px; vertical-align: middle;}
.time p {position: relative; padding-left: 40px;}
.time p:before {width: 28px; height: 24px; background-position: -133px 0;}

/* contents_area_5 */
.contents_area_5 {clear: both; padding: 50px 0; background: #efeeeb;}
.contents_area_5:after {content: ""; clear: both; display: block;}
.contents_area_5 h2 {font-size: 20px; font-weight: 600; letter-spacing: -2px; color: #4b4b4b; margin-bottom: 25px;}
.contents_area_5 .board_outer {width: 520px; float: right;}
.contents_area_5 .board_outer:first-child {float: left;}
.contents_area_5 .board_outer li {margin-bottom: 10px; background: #fff; position: relative;}
.contents_area_5 .board_outer li a {display: block; height: 35px; padding: 20px 40px; font-size: 15px; color: #555; margin-bottom: 10px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; text-decoration: none;}
.contents_area_5 .board_outer li a:after {content:""; display: block; position: absolute; top: 50%; right: 32px; margin-top: -7px; width: 14px; height: 14px; background: url(/Images/skin5009/ico_main.png) no-repeat -76px -24px;}
.contents_area_5 .board_outer li a:hover {background-color: #f8f8f8;}
.contents_area_5 .board_outer li a:hover:after {background-position: -76px -48px;}
.contents_area_5 .board_outer li span {position: absolute; bottom: 10px; left: 40px; font-size: 12px; color: #a4a4a4;}