@charset "utf-8";

/* =======================================================
  common content
=========================================================== */
.header[role="banner"] {height:139px; box-shadow:none;}
	.header[role="banner"] .gnb-location {display:none;}
.container {padding-top:139px; background-color:#fff;}

/* main-visual
---------------------------------------------- */
.main-visual { position: relative; width:100%; }
.main-visual .swiper-container { overflow: hidden; width:100%; height:350px; }
.main-visual .swiper-container .swiper-wrapper .swiper-slide { position: relative; }
.main-visual .swiper-pagination { z-index: 2; position: absolute; bottom:12px; left:0; width: 100%; font-size: 0; line-height: 0; text-align:center; }
.main-visual .swiper-pagination .swiper-pagination-bullet { display: inline-block; width: 15px; height: 15px; margin: 0 3px; border: 0; background: url('../img/ico/ico_slide_page.png') no-repeat 0 -15px; cursor: pointer; opacity: 1; }
.main-visual .swiper-pagination .swiper-pagination-bullet-active { background-position: 0 0; }
.main-visual .swiper-handler { position: absolute; top:50%; width: 100%; margin-top:-50px; box-sizing: border-box; }
.main-visual .swiper-control { z-index: 3; overflow: hidden; position: absolute; top:0; width: 75px; height: 100px; border: none; background: none; text-indent: -9999px; }
.main-visual .swiper-control:hover { background-color: rgba(0, 0, 0, 0.05); }
.main-visual .swiper-control-prev { left: 0; background: url('../img/ico/ico_slide_prev.png') no-repeat 50% 50%; }
.main-visual .swiper-control-next { right: 0; background: url('../img/ico/ico_slide_next.png') no-repeat 50% 50%; }
.main-visual .main-visual-image { z-index: 1; position: relative; color: #fff; }
.main-visual .main-visual-content { z-index: 3; position: absolute; top:90px; left:54px; color:#fff; text-align: left; line-height: normal; }
.main-visual .main-visual-content .visual-content-title {margin-bottom:40px; font-size:44px; line-height:1em; font-weight: normal; text-shadow:1px 1px 0 #575757; -webkit-text-shadow:1px 1px 0 #575757; }
.main-visual .main-visual-content .visual-content-title span {display:block; font-size:52px; text-tranform:uppercase;}
.main-visual .main-visual-content .visual-content-description {padding-top:28px; font-size:19px; line-height:1em; text-transform:uppercase; background:url("../img/main/bg_visual_description.gif") no-repeat 0 0; text-shadow:1px 1px 0 #575757; -webkit-text-shadow:1px 1px 0 #575757; }
.main-visual .main-visual-content button {width:81px; height:23px; padding:0 23px 0 10px; font-size:13px; color:#fff; border:0 none; background:url("../img/main/arrow_btn_white.png") #3378c1 no-repeat 90% 50%; border-radius:5px 5px; -webkit-border-radius:5px 5px;}
/* 2016.05.27 비쥬얼 수정 */
.main-visual .main-visual-content.type02 {top:71px}
.main-visual .main-visual-content.type02 .visual-tit {display:block; padding-bottom:7px; font-size:25px; font-weight:normal;}
.main-visual .main-visual-content.type02 .visual-content-title {margin-bottom:33px; font-size:40px}
.main-visual .main-visual-content.type02 .visual-content-title span {padding-top:8px; font-size:40px}
.main-visual .btn-visual-link {display:inline-block; padding:0 27px; text-align:center; font-size:17px; color:#fff; line-height:43px; border:1px solid #fff; text-shadow:1px 1px 0 #575757; -webkit-text-shadow:1px 1px 0 #575757; box-shadow:1px 1px rgba(0,0,0,0.2)}
.main-visual .main-visual-image img {width:100%}

@media all and (max-width: 1359px) {
	.main-visual .swiper-container {height: 280px;}
}

@media all and (max-width: 1040px){
	.main-visual .swiper-container {height: 273px;}
}

/* buttons */
.btn-tabs {margin-bottom:50px;}
	.btn-tabs ul:after {content:""; clear:both; display:block;}
	.btn-tabs li {float:left; width:25%;}
	.btn-tabs li button {width:100%; height:70px; padding:4px; border:0 none; background-color:#3378c1;}
	.btn-tabs li button span {display:block; height:100%; font-size:19px; color:#fff; text-align:center; line-height:3em; box-sizing:border-box; -webkit-box-sizing:border-box;}
	.btn-tabs li button:hover span {color:#3378c1; border:3px solid #3378c1;}
	.btn-tabs li:nth-child(2) button {background-color:#125aac;}
	.btn-tabs li:nth-child(2) button:hover span {color:#125aac; border:3px solid #125aac;}
	.btn-tabs li:nth-child(3) button {background-color:#41c1c2;}
	.btn-tabs li:nth-child(3) button:hover span {color:#41c1c2; border:3px solid #41c1c2;}
	.btn-tabs li:last-child button {background-color:#05a3a4;}
	.btn-tabs li:last-child button:hover span {color:#05a3a4; border:3px solid #05a3a4;}
	.btn-tabs li button:hover {background:#fff;}
.btn-for {margin-bottom:50px; text-align:center;}
	.btn-for:after {content:""; clear:both; display:block;}
	.btn-for h2 {margin-bottom:27px; font-family:Arial; font-size:24px; line-height:1em; color:#1b1d21;}
	.btn-for ul {text-align:center;}
	.btn-for li {display:inline-block; width:140px; vertical-align:top; }
	.btn-for .patients {width:50%; float:left; }
	.btn-for .patients li a {display:block; padding-top:97px; font-size:14px; color:#125aac; line-height:1.2em; background:url("../img/main/ico_outpatient.png") no-repeat 50% 0;}
	.btn-for .patients li a:hover {background:url("../img/main/ico_outpatient_on.png") no-repeat 50% 0;}
	.btn-for .patients li:nth-child(2) a {background:url("../img/main/ico_inpatient.png") no-repeat 50% 0;}
	.btn-for .patients li:nth-child(2) a:hover {background:url("../img/main/ico_inpatient_on.png") no-repeat 50% 0;}
	.btn-for .patients li:nth-child(3) a {background:url("../img/main/ico_overseas.png") no-repeat 50% 0;}
	.btn-for .patients li:nth-child(3) a:hover {background:url("../img/main/ico_overseas_on.png") no-repeat 50% 0;}
	.btn-for .patients li:last-child a {background:url("../img/main/ico_billing.png") no-repeat 50% 0;}
	.btn-for .patients li:last-child a:hover {background:url("../img/main/ico_billing_on.png") no-repeat 50% 0;}
	.btn-for .professionals {width:50%; float:left;}
	.btn-for .professionals {width:50%; float:left; }
	.btn-for .professionals li a {display:block; padding-top:97px; font-size:14px; color:#05a3a4; line-height:1.2em; background:url("../img/main/ico_institute.png") no-repeat 50% 0;}
	.btn-for .professionals li a:hover {background:url("../img/main/ico_institute_on.png") no-repeat 50% 0;}
	.btn-for .professionals li:nth-child(2) a {background:url("../img/main/ico_area.png") no-repeat 50% 0;}
	.btn-for .professionals li:nth-child(2) a:hover {background:url("../img/main/ico_area_on.png") no-repeat 50% 0;}
	.btn-for .professionals li:nth-child(3) a {background:url("../img/main/ico_school.png") no-repeat 50% 0;}
	.btn-for .professionals li:nth-child(3) a:hover {background:url("../img/main/ico_school_on.png") no-repeat 50% 0;}
	.btn-for .professionals li:last-child a {background:url("../img/main/ico_smc.png") no-repeat 50% 0;}
	.btn-for .professionals li:last-child a:hover {background:url("../img/main/ico_smc_on.png") no-repeat 50% 0;}

/* information */
.smc-info {height:159px; font-size:14px;}
	.smc-info:after {content:""; clear:both; display:block;}
	.smc-info .smc-info-csCenter {float:left; width:50%; height:100%; background-color:#3378c1;}
	.smc-info .inner {width:640px; padding:30px 0 0 57px; box-sizing:border-box; -webkit-box-sizing:border-box;}
	.smc-info .smc-info-csCenter .inner {float:right; }
	.smc-info .smc-info-csCenter section {float:left;}
	.smc-info .smc-info-csCenter .work-hour {margin-right:90px;}
	.smc-info .smc-info-csCenter .work-hour dl {width:206px;}
	.smc-info .smc-info-csCenter .work-hour dl:after {content:""; clear:both; display:block;}
	.smc-info .smc-info-csCenter .work-hour dt {float:left; width:70px; height:35px; padding-right:33px; color:#fff; text-align:right; text-transform:uppercase;}
	.smc-info .smc-info-csCenter .work-hour dd {float:left; width:103px; height:35px; margin:0; font-weight:bold; color:#9ccbfc;}
	.smc-info .smc-info-csCenter .health-center dl {width:200px;}
	.smc-info .smc-info-csCenter .health-center dl:after {content:""; clear:both; display:block;}
	.smc-info .smc-info-csCenter .health-center dt {float:left; width:30px; height:35px; text-align:left; text-indent:-10000em; background:url("../img/main/ico_t_blue.png") no-repeat 0 0;}
	.smc-info .smc-info-csCenter .health-center dt.fax {background:url("../img/main/ico_f_blue.png") no-repeat 0 0;}
	.smc-info .smc-info-csCenter .health-center dd {float:left; height:35px; margin:0; font-weight:bold; color:#9ccbfc;}
	.smc-info h2 {margin-bottom:25px; font-weight:normal; font-size:13px; color:#b2d6fc; line-height:1em;}
	.smc-info h2 span {dispaly:inline-block; padding-right:22px; font-weight:bold; font-size:15px; color:#fff; }
	.smc-info .smc-info-program {float:right; width:50%; height:100%; background-color:#41c1c2;}
	.smc-info .smc-info-program ul:after {content:""; clear:both; display:block;}
	.smc-info .smc-info-program li {float:left; min-width:210px; height:35px; font-size:14px; color:#fff; line-height:1.2em; }
	.smc-info .smc-info-program li a {display:block; min-height:16px; padding-left:22px; font-size:14px; color:#fff; background:url("../img/main/ico_arrow.png") no-repeat 0 0;}
	.smc-info .smc-info-program li a:hover {text-decoration:underline; background:url("../img/main/ico_arrow_on.png") no-repeat 0 0;}

/* news */
.smc-news {background-color:#f7f7f9;}
	.smc-news .inner-wrap {position:relative; padding:50px 507px 80px 0; box-sizing:border-box; -webkit-box-sizing:border-box;}
	.smc-news .inner-wrap .news-view-more {position:absolute; right:510px; top:55px; width:20px; height:20px; text-indent:-10000em; border:0 none; background:url("../img/main/ico_plus_black.png") no-repeat 50% 50%;}
	.smc-news h2 {margin-bottom:23px; font-family:Arial; font-size:31px; color:#1b1d21; line-height:1em;}
	.smc-news p {margin-bottom:10px; font-size:13px; color:#696969;}
	.smc-news p a {display:block; margin:-5px -10px; padding:5px 10px; font-size:13px; color:#696969;}
	.smc-news p strong {display:block; margin-bottom:8px; font-size:14px; color:#125aac;}
	.smc-news p .date {display:block; margin-top:5px; color:#44484f;}
	.smc-news p a:hover {color:#fff; background-color:#3378c1;}
	.smc-news p a:hover strong, .smc-news p a:hover .date {color:#fff;}
	.smc-news .smc-video {position:absolute; right:57px; top:50px; width:396px; height:244px;}
	.smc-news .smc-video .smc-video-nail {position:absolute; left:0; top:0; z-index:1;}
	.smc-news .smc-video button, .smc-news .smc-video h3 {position:absolute; z-index:2;}
	.smc-news .smc-video h3 {left:20px; top:36px; padding-top:15px; font-weight:normal; font-size:20px; color:#fff; line-height:1.4em; text-shadow:1px 1px 1px #4d4d4d; background:url("../img/main/bg_video_title.gif") no-repeat 0 0;}
	.smc-news .smc-video button {left:20px; bottom:16px; width:100px; height:36px; font-size:15px; color:#fff; border:0 none; background-color:#44cccd; border-radius:3px 3px; -webkit-border-radius:3px 3px;}
/* 2016.02.29 추가 */
	.smc-news .inner-wrap {min-height:469px}
	.smc-news .inner-wrap .hide {position:absolute; display:block; height: 0; width: 0; font-size: 0; line-height: 0; margin: 0; padding: 0; overflow:hidden;}
	.smc-news .tap_cont {margin-top:20px}
	.smc-news .tap_cont + .tap_cont {display:none} 
	.smc-news .tap_cont .card-list:after {display:block; content:""; clear:both}
	.smc-news .tap_cont .card-item {float:left; width:242px; margin-left:20px}
	.smc-news .tap_cont .card-item:first-child {margin-left:0}
	.smc-news .tap_cont .card-content {padding-top:17px}
	.smc-news .tap_cont .card-item-inner {margin:0 22px}
	.smc-news .tap_cont .card-content-title {display: -webkit-box; overflow: hidden; height:44px; padding-right:0; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap:break-word; font-size:18px; line-height:22px;}
	.smc-news .tap_cont .card-content-img {width: 200px; height:150px; padding:9px 0 0}
	.smc-news .tap_cont .card-content-img:after {display:inline-block;content:'';width: 0;height: 100%;vertical-align:middle;}
	.smc-news .tap_cont .card-content-img img {display:inline-block; max-width:195px; vertical-align:middle}
	.smc-news .tap_cont .card-content-text {display: -webkit-box; overflow: hidden; height:54px; padding-right:0; text-overflow: ellipsis; -webkit-line-clamp: 3; -webkit-box-orient: vertical; word-wrap:break-word; font-size:15px; line-height:18px;}
	.smc-news .tap_cont .card-footer-meta {padding-bottom:24px; background:#fff}
	.smc-news .tap_cont .card-footer-meta {text-align:right}
	.smc-news .tap_cont .card-footer-meta * {float:none}
	.smc-news .tap_cont .card-footer-meta .meta-date {position:relative; padding-left:10px; background:none}
	.smc-news .tap_cont .card-footer-meta .meta-date:after {display:block; content:""; position:absolute; left:0; top:6px; height:8px; border-left:1px solid #d1d1d1}
	.smc-news .smc-video + .smc-video {top:304px}
	.smc-news .smc-video .button {position:absolute; left:20px; bottom:45px; z-index:2; width:100px; height:36px; line-height:34px; font-size:15px; color:#fff; border:0 none; background-color:#44cccd; border-radius:3px 3px; -webkit-border-radius:3px 3px;}


/* ==========================================================================
   Media Queries for Responsive Design.
   ========================================================================== */
@media only screen and (min-width: 35em) {}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) {}

@media all and (max-width: 1359px) {

	.btn-for li { width:110px; }
	.smc-info .inner { width:512px; }
	.smc-info .smc-info-csCenter .inner { padding-left:0; }
	.smc-info .smc-info-program .inner { padding-left:45px; }
	.smc-info .smc-info-csCenter .work-hour { margin-right:55px; }
	.smc-news .inner-wrap { padding-right:415px; }
	.smc-news .smc-video { right:0; }
	.smc-news .inner-wrap .news-view-more { right:420px; }
}
@media all and (max-width: 1040px) { /* +16 */
}
/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {}