@charset "utf-8";

/**********************************************************************************
	대메뉴
**********************************************************************************/

/* 소메뉴 */

/* content common */

/* ico img (sprite) */
.ico_sp { display:inline-block; width:auto; height:auto; font-size:0px; line-height:0; color:transparent; background-image:url(../image/sub_cmn/sub_content_icon.png);}

/**********************************************************************************
	센터 소개
**********************************************************************************/
.center_intro > h4 {font-size:22px;color:#000;text-align:center;font-weight:700;line-height:1.5;margin:32px 0 30px;position:relative}
.center_intro > h4 strong {color:#0e7348}
.center_intro > h4 span {position:relative;padding:0 85px;display:inline-block}
.center_intro > h4 span:before,.center_intro > h4 span:after {content:'';width:58px;height:50px;background:url(../image/content/ci/dot.png) no-repeat center/contain;display:block;position:absolute;top:8px}
.center_intro > h4 span:before {left:0}
.center_intro > h4 span:after {right:0;transform:rotate(180deg)}
.center_intro .desc_wrap:after {display:block;clear:both;content:''}
.center_intro .desc_wrap {margin-bottom:45px;}
.center_intro .desc_wrap > * {}
.center_intro .img {padding-right:4%; padding-bottom:5%; text-align:center;}
.center_intro .img span {position:relative;}
.center_intro .img span:after {position:absolute;content:'';width:110px;height:110px;background:#50aa5f;opacity:.2;right:-20px;bottom:-20px;z-index:-1;}
.center_intro .img img {max-width:100%}
.center_intro .desc {padding:0 5%;}
.center_intro .desc p {color:#555;font-size:16px;line-height:1.5;word-break:keep-all;}
.center_intro .desc p + p {margin-top:18px;}
.center_intro .video a {position:relative;display:block;}
.center_intro .video a:before {position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);content:'';width:100%;height:100%;background:rgba(0,0,0,.2)}
.center_intro .video a:after {position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-family:'remixicon';content:'\f009';font-size:150px;color:#fff;opacity:.6;transition:.2s}
.center_intro .video a:hover:after,.center_intro .video a:focus:after {opacity:1}
.center_intro .video .ico_window {display:none !important}
.center_intro .video img {max-width:100%;width:100%}
@media(max-width:930px){
	.center_intro .desc_wrap > * {float:none;width:100%}
	.center_intro .img {padding-right:0;text-align:center;margin-bottom:40px}
	.center_intro .desc {text-align:center;}
}
@media(max-width:778px){
	.center_intro > h4 br {display:none}
	.center_intro > h4 {word-break:keep-all;}
}
@media(max-width:560px){
	.center_intro .video a:after {font-size:90px}
}
@media(max-width:500px){
	.center_intro > h4 span {padding:0}
	.center_intro > h4 span:before,.center_intro > h4 span:after {display:none}
	.center_intro .desc_wrap > * {float:none;width:100%}
	.center_intro .img {padding-right:0;text-align:center;margin-bottom:40px}
	.center_intro .desc br  {display:none}
}

/* 의료진 */
.medical_team {margin-top:30px}
.medical_team .box:after,.medical_team .desc dl:after {display:block;clear:both;content:''}
.medical_team .box > * {float:left}
.medical_team .box + .box {margin-top:70px}
.medical_team .img {width:154px}
.medical_team .desc {padding-left:36px;width:calc(100% - 154px);}
.medical_team .desc .name {font-weight:500;font-size:26px;color:#333;margin:14px 0 18px}
.medical_team .desc .introduce {padding:22px 28px;background:#f5f5f5;margin-bottom:14px}
.medical_team .desc dl + dl {margin-top:15px}
.medical_team .desc dt {float:left;color:#0a5e3a;font-size:14px;font-weight:500}
.medical_team .desc dd {float:left;color:#666;font-size:14px;padding-left:18px}
.medical_team .desc dd li + li {margin-top:8px}
.medical_team .data_table table {border-top-color:#ddd}
.medical_team .data_table table thead th {border-bottom-color:#ddd}
.medical_team .data_table .dot {width:12px;height:12px;background:#0a5f3b;border-radius:50%;display:block;margin:auto}
.medical_team .tbl_dot {margin-top:10px}
.medical_team .tbl_dot:after {display:block;clear:both;content:''}
.medical_team .tbl_dot > * {float:left;}
.medical_team .tbl_dot em {width:12px;height:12px;background:#0a5f3b;border-radius:50%;display:block;margin:3px 4px 0 0}
@media(max-width:640px){
	.medical_team .desc dl > * {float:none}
	.medical_team .desc dd {padding:10px 0 0}
}
@media(max-width:600px){
	.medical_team .box > * {float:none}
	.medical_team .img {margin:0 auto 20px;display:block;}	
	.medical_team .desc {padding-left:0;width:100%}
	.medical_team .desc .name {text-align:center}
}
@media(max-width:400px){
	.medical_team .desc .introduce {padding:15px}
}


/* 오시는 길 */
.m_descript {display:block; font-size:19px; line-height:30px; color:#222; padding:2px 0; font-weight:500; letter-spacing:-0.025em;word-break:keep-all;}
.m_descript span {font-size:17px; color:#282e89}
.maplink {padding-top:15px; padding-bottom:10px;}
.maplink .btn { background-color:#fff; letter-spacing:-0.05em; color:#333; margin-right:6px;}
.maplink .naver { border-color:#009b0f; }
.maplink .daum { border-color:#5380e6; }
.maplink .maplogo { display:inline-block; margin-right:9px; height:20px; vertical-align:middle; font-size:0px; color:transparent;}
.maplink .naver .maplogo { width:71px; background:url(../image/content/introduce/l_map_logo_naver.png) no-repeat 0 center; }
.maplink .daum .maplogo { width:50px; background:url(../image/content/introduce/l_map_logo_daum.png) no-repeat 0 center; }
.mapp { padding: 0;}
@media(max-width:600px){
	.maplink .btn + .btn {margin-top:8px}
}
@media(max-width:425px){
	.m_descript {text-align:left}
	.maplink .btn {width:100%;padding:6px}
}


/**********************************************************************************
	건강검진예약
**********************************************************************************/
/* 검진운영시간 */
.time_information {margin:25px 0 20px -20px}
.time_information::after {display: block;clear:both;content:''}
.time_information .box {float:left;border:1px solid #ddd;width:calc(25% - 20px);margin-left:20px;display:table;border-radius:15px;height:180px}
.time_information .box .inner {display:table-cell;vertical-align:bottom;width:100%;text-align:center;padding-bottom:30px}
.time_information .box .inner > * {display:block;}
.time_information .box .img {margin-bottom:18px}
.time_information .box strong {color:#0a5e3a;font-size:17px;font-weight:500;margin-bottom:12px}
.time_information .box p {font-size:19px;font-weight:500;color:#000}
.time_information .box:last-of-type {background:#0a5e3a;color:#fff;border:none}
.time_information .box:last-of-type .day {color:#fff;font-size:20px;font-weight:500;}
.time_information .box:last-of-type .day:after {display:block;width:calc(100% - 60px);height:2px;content:'';background:rgba(255,255,255,.2);margin:28px auto 14px;}
.time_information .box:last-of-type strong {font-size:18px;font-weight:400;color:#fff;margin-bottom:5px}
.time_information .box:last-of-type p {color:#fff}
@media(max-width:767px){
	.time_information {margin-top:5px}
	.time_information .box {width:calc(50% - 20px);margin-top:20px}
}
@media(max-width:425px){
	.time_information .box {width:calc(100% - 20px);padding:20px 10px;display:block;height:auto}
	.time_information .box .inner {display:block;padding:0}
	.time_information .box:last-of-type {padding:30px 10px}
	.time_information .box:last-of-type .day:after {width:100%;margin:12px 0 14px}
}

/* 건강검진예약 */
/* .booking_information {border-bottom:1px solid #ddd;} */
.booking_information {margin-top:8px}
.booking_information > div {position:relative;padding-left:132px;}
.booking_information [class^="bi_ico_"] {position:absolute; left:0; top:0;display:block; width:100px; height:100px;}
.booking_information .bi_title_1 {display:block;}
.booking_information .bi_title_1 > span {display:inline-block; font-size:24px; line-height:32px; padding-right:8px; vertical-align:top;}
.booking_information .bi_title_1 > strong {display:inline-block; font-size:24px; line-height:30px; padding-top:2px; vertical-align:top;}
.booking_information .bi_title_2 {display:block; font-size:16px; line-height:24px;}
.booking_information [class^="bi_descript_"] {position:relative; display:block; font-size:15px; line-height:23px; padding-left:21px; margin-top:10px;}
.booking_information [class^="bi_descript_"]::before {display:block; content:''; width:15px; height:15px; position:absolute; left:0; top:4px;}
.booking_information .bi_ico_1 {background:url(../image/content/ci/phone.png) no-repeat center center;}
.booking_information .bi_descript_clock::before {font-family:'remixicon';content:'\f20f';top:0}

@media (max-width:500px) {
	.booking_information > div {padding-left:0}
	.booking_information [class^="bi_ico_"] {position:static;left:inherit;top:inherit;margin-bottom:10px}
}


/**********************************************************************************
	장애특화건강검진
**********************************************************************************/
/* 검진항목 */
.inspect_wrap * {text-align:center}
.inspect_wrap img {max-width:100%;}
.inspect_wrap .n_descript {margin-top:32px}
.inspect_wrap .s_title_1 {font-size:24px;font-weight:700;color:#393939;margin-bottom:24px;margin-top:15px}
.inspect_wrap .pc {display:block}
.inspect_wrap .tablet,.inspect_wrap .mobile {display:none}
@media(max-width:1179px){
	.inspect_wrap .pc,.inspect_wrap .mobile {display:none}
	.inspect_wrap .tablet {display:block}
}
@media(max-width:600px){
	.inspect_wrap .pc,.inspect_wrap .tablet {display:none}
	.inspect_wrap .mobile {display:block}
}