@charset "utf-8";
@import url("main_skin18.css");

/* subImg */
section.sub img { width: auto; max-width:100% }

/* -----------------------------------------------------
	sub common
-------------------------------------------------------*/
.quick_menu li.active { background: #249efe }
.quick_menu li.active a { color: #fff }
.article { width: 100%; margin: auto; background: #fff; padding: 2rem; box-sizing: border-box }


/* -----------------------------------------------------
	sub content
-------------------------------------------------------*/
article.sub_black { background: #4a4b52;	/* 나중에 delete */ color: #fff }
article.sub_white { background: #fff;	/* 나중에 delete */ color: #000 }

/* -----------------------------------------------------
	의료진소개
-------------------------------------------------------*/
.quote { margin-bottom: 3rem; }
.doc_area { padding-top: 4rem; margin-bottom: 3rem; background: url('/images/common/bg_line.png') repeat-x 100% 0% }
.img_name:after { display: block; content: ''; clear: both }
.img_name { margin-bottom: 1.5rem }
.doc_area figure { display: block; width: 45%; height: auto; float: left; margin-right:5% }
.doc_area figure img { width: 100%; }
.doc_area h3 { width: 50%; float: left; /* margin-left: 5%; */  font-size: 2rem; line-height: 1.5 }
.doc_area h3 span { display: block; font-size: 1.5rem; color: #04cbfd }

/* -----------------------------------------------------
	진료시간
-------------------------------------------------------*/

/* black */
article.sub_black .time_info h3 { font-size: 1.7rem; color: #68c4ff; font-weight: normal; margin-bottom: 1rem }
article.sub_black .time_info dl:after { display: block; content: ''; clear: both }
article.sub_black .time_info dl { background: #323440; border-top: 1px solid #51525d }
article.sub_black .time_info dt, article.sub_black .time_info dd { float: left; height:40px; line-height:40px; box-sizing: border-box; text-align: center }
article.sub_black .time_info dt { width: 30%; font-size: 1.6rem; color: #c2c2c2; border-right: 1px solid #51525d; border-left: 1px solid #51525d; border-bottom: 1px solid #51525d; margin-top:-1px }
article.sub_black .time_info dd { width: 70%; border-left: 1px solid #51525d; font-size: 1.7rem; color: #fff; border-right: 1px solid #51525d; border-bottom: 1px solid #51525d; margin-top:-1px }
article.sub_black .time_info p.notice { background-image: url('/images/common/black_notice.png'); background-repeat: no-repeat; background-position: left 2px; background-size: 20px; margin-top: 1.5rem; padding-left: 30px; color: #c2c2c2; padding-bottom: 5px }

/* white */
article.sub_white .time_info h3 { font-size: 1.7rem; color: #376db7; font-weight: normal; margin-bottom: 1rem }
article.sub_white .time_info dl:after { display: block; content: ''; clear: both }
article.sub_white .time_info dl { background: #fff; border-top: 1px solid #cecece }
article.sub_white .time_info dt, article.sub_white .time_info dd { float: left; height:40px; line-height:40px; box-sizing: border-box; text-align: center }
article.sub_white .time_info dt { width: 30%; font-size: 1.6rem; color: #707070; border-right: 1px solid #cecece; border-left: 1px solid #cecece; border-bottom: 1px solid #cecece; margin-top:-1px }
article.sub_white .time_info dd { width: 70%; border-left: 1px solid #cecece; font-size: 1.7rem; color: #2d2d2d; border-right: 1px solid #cecece; border-bottom: 1px solid #cecece; margin-top:-1px }
article.sub_white .time_info p.notice { background-image: url('/images/common/white_notice.png'); background-repeat: no-repeat; background-position: left 2px; background-size: 20px; margin-top: 1.5rem; padding-left: 30px; color: #707070; padding-bottom: 5px }


/* -----------------------------------------------------
	상담, 예약하기
-------------------------------------------------------*/

/* black */
article.sub_black .consult_area, article.sub_black .reservation_area { padding: 1rem 0 }
article.sub_black .consult_area .tel_conslt, article.sub_black .reservation_area .tel_conslt { background-image: url('/images/common/black_tel.png'); background-position: 9% center; background-repeat: no-repeat; background-size: 60px; padding-left: 30%; font-size: 1.6rem; color: #fff; line-height: 1.2; margin-bottom: 2.5rem }
article.sub_black .consult_area span, article.sub_black .reservation_area span { display: block; margin-top: 1rem; font-size: 2.5rem; color: #04cbfd }
@media screen and (max-width:320px) {
	article.sub_black .consult_area .tel_conslt, article.sub_black .reservation_area .tel_conslt { font-size: 1.5rem; min-height: 78px }
	article.sub_black .consult_area span, article.sub_black .reservation_area span { font-size: 2.3rem }
}
article.sub_black .consult_area a, article.sub_black .reservation_area a { display: block; width: 100%; height: 45px; line-height: 45px; background: #04cbfd; color: #fff; text-align: center; font-size: 2rem }
article.sub_black .consult_notice, article.sub_black .reservation_notice { background: url('/images/common/bg_line.png') repeat-x center top; margin-top: 4rem; padding-top: 4.5rem }

/* white */
article.sub_white .consult_area, article.sub_white .reservation_area { padding: 1rem 0 }
article.sub_white .consult_area .tel_conslt, article.sub_white .reservation_area .tel_conslt { background-image: url('/images/common/white_tel.png'); background-position: 9% center; background-repeat: no-repeat; background-size: 60px; padding-left: 30%; font-size: 1.6rem; color: #0996d1; line-height: 1.2; margin-bottom: 2.5rem }
article.sub_white .consult_area span, article.sub_white .reservation_area span { display: block; margin-top: 1rem; font-size: 2.5rem; color: #434343 }
@media screen and (max-width:320px) {
	article.sub_white .consult_area .tel_conslt, article.sub_white .reservation_area .tel_conslt { font-size: 1.5rem; min-height: 78px }
	article.sub_white .consult_area span, article.sub_white .reservation_area span { font-size: 2.3rem }
}
article.sub_white .consult_area a, article.sub_white .reservation_area a { display: block; width: 100%; height: 45px; line-height: 45px; background: #0996d1; color: #fff; text-align: center; font-size: 2rem }
article.sub_white .consult_notice, article.sub_white .reservation_notice { background: url('/images/common/bg_line.png') repeat-x center top; margin-top: 4rem; padding-top: 4.5rem }


/* -----------------------------------------------------
	찾아오시는길
-------------------------------------------------------*/
.root_daum_roughmap_landing { margin: auto !important; width:100% !important }

/* -----------------------------------------------------
	모듈
-------------------------------------------------------*/
input.wid_30 { width: 30% }
input.wid_50 { width: 50% }
input.wid_100 { width: 100% }
.module_const { background: url('/images/common/bg_line.png') repeat-x center bottom; margin-bottom: 3rem; padding-bottom: 3.5rem }
.module_const:after { display: block; content: ''; clear: both }
.module_const input { height: 50px; line-height: 50px; padding: 10px; margin-bottom: .5rem; outline: none; border: 1px solid #eaeaea; background: #f6f6f6; box-sizing: border-box; color: #514f4f }
.module_const .btn { margin-top: 2.5rem }
article.sub_white .module_const .btn input[type="button"], article.sub_white .module_const .btn a, article.sub_white .module_const .btn button { display: block; margin-bottom: 1rem; margin-bottom: 1rem; width: 100%; height: 50px; line-height: 50px; box-sizing: border-box; color: #fff; background: #0996d1; text-align: center; border: 1px solid #0996d1; font-size: 1.6rem }
article.sub_white .module_const .btn button, .module_reserve .btn button { outline: none; border: none; appearance: none }
article.sub_black .module_const .btn input[type="button"], article.sub_black .module_const .btn a, article.sub_black .module_const .btn button { display: block; margin-bottom: 1rem; margin-bottom: 1rem; width: 100%; height: 50px; line-height: 50px; box-sizing: border-box; color: #fff; background: #04cbfd; text-align: center; border: 1px solid #04cbfd; font-size: 1.7rem }
article.sub_black .module_const .btn button { outline: none; border: none; appearance: none }

/* checkbox custom */
.checkcontainer { display: block; height: 22px; line-height: 22px; position: relative; margin-top: 2rem; padding-left: 30px; margin-bottom: 12px; cursor: pointer; font-size: 1.3rem; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none }
.checkcontainer input { position: absolute; opacity: 0; cursor: pointer }
.checkmark { position: absolute; top: 0; left: 0; height: 20px; width: 20px; background-color: #eee; border-radius: 50% }
.checkcontainer:hover input ~ .checkmark { background-color: #fff; border: 1px solid #4e4f56 }
.checkcontainer input:checked ~ .checkmark { background-color: #fff; border: 1px solid #4e4f56 }
.checkmark:after { content: ""; position: absolute; display: none }
.checkcontainer input:checked ~ .checkmark:after { display: block }
.checkcontainer .checkmark:after { top: 6px; left: 6px; width: 8px; height: 8px; border-radius: 50%; background: #4e4f56 }
.consent_personInfo { font-size: 1.4rem }
.consent_personInfo h4 { font-size: 2rem; color: #0996d1; font-weight: normal; margin-bottom: 1rem }
.consent_personInfo p { margin-bottom: 1rem }
.consent_personInfo dl { margin-bottom: 2rem }
.consent_personInfo dt { margin-bottom: .5rem }
.consent_personInfo dd.marB1 { margin-bottom: 1rem }
article.sub_black .consent_personInfo h4 { font-size: 2rem; color: #68c4ff; font-weight: normal; margin-bottom: 1rem }

/* 예약하기 */
.module_reserve .btn:after, .module_reserve:after, .reserv_row:after { display: block; clear: both; content: '' }
.reserv_row { margin-bottom: 1.5rem; font-size: 0 }
.reserv_row span { width: 35%; font-size: 1.7rem; color: #04cbfd; display: inline-block; vertical-align: middle }
.reserv_row input[type="text"], .reserv_row select { outline: none; border: none; background: #fff; color: #2d2d2d; height: 40px; line-height: 40px; margin-top: .5rem; padding: 0 1rem; box-sizing: border-box }
.reserv_row select { -webkit-appearance: none; -moz-appearance: none; appearance: none; background: #fff url('/images/common/select_arr.png') no-repeat 95% center }
select::-ms-expand { display: none }
.reserv_row select, .reserv_row em { display: inline-block; vertical-align: middle; width: 65% }
.reserv_row em { color: #fff; font-size: 1.7rem }
.module_reserve .btn { width: 100%; margin-top: 2.5rem; color: #fff }
.module_reserve .btn_left { float: left; width: 49% }
.module_reserve .btn_right { float: right; width: 49% }
.module_reserve .btn .btn_com { display: block; width: 100%; height: 50px; line-height: 50px; text-align: center; border: none; font-size: 1.7rem }
.module_reserve .btn_left .btn_com { background: #b1b1b1; color: #fff }
.module_reserve .btn_right .btn_com { background: #04cbfd; color: #fff }
article.sub_white .reserv_row span { color: #0996d1 }
article.sub_white .reserv_row em { color: #2d2d2d }
article.sub_white .reserv_row input, article.sub_white .reserv_row select { background-color: #f6f6f6; border: 1px solid #eaeaea; box-sizing: border-box; }
article.sub_white .btn_left .btn_com { background-color: #b1b1b1 }
article.sub_white .btn_right .btn_com { background-color: #0996d1 }

/* 예약캘린더 */
.subct {padding:2rem}
.module_calendar .date_check { background: url('/images/common/bg_line.png') repeat-x center bottom; margin-bottom: 3rem; padding-bottom: 3.5rem }
.date_check { font-size: 0 }
.module_calendar .cal_left, .module_calendar .cal_right { position: relative; width: 25%; display: inline-block; vertical-align: middle; font-size: 1.4rem; text-align: center; color: #2d2d2d }
.module_calendar .cal_left a, .module_calendar .cal_right a { color: #2d2d2d }
.module_calendar .cal_left:before, .module_calendar .cal_right:before { position: absolute; content: url('/images/common/left_cal_arr.png'); bottom: 20px; height:0 }
.module_calendar .cal_left:before { left: 8% }
.module_calendar .cal_right:before { content: url('/images/common/right_cal_arr.png'); right: 8% }
@media screen and (max-width:320px) {
	.module_calendar .cal_left:before { left: 4% }
	.module_calendar .cal_right:before { content: url('/images/common/right_cal_arr.png'); right: 3% }
}
.module_calendar .cal_center { display: inline-block; vertical-align: middle; width: 50%; text-align: center; font-size: 2rem; color: #2d2d2d }
.module_calendar .cal_center span { display: block; color: #0996d1; font-size: 1.4rem; word-break: keep-all }
.module_calendar table { width: 100% }
.module_calendar table caption { display: none }
.module_calendar table thead th { text-align: center; font-size: 1.4rem; font-weight: normal; padding-bottom: 1rem }
.module_calendar table tbody td { min-height: 100px; text-align: right; vertical-align: top; padding: .2rem .5rem 4rem; border: 1px solid #eaeaea; font-size: 1.4rem; color: #2d2d2d }
.module_calendar table tbody td.sun, .module_calendar table tbody td.sun a { color: #ff1111 }
.module_calendar table tbody td.sat, .module_calendar table tbody td.sat a { color: #0996d1 }
.module_calendar, table tbody td.Unable, .module_calendar, table tbody td.Unable a { color: #bfbfbf }
article.sub_black .module_calendar .cal_center { color: #fff }
article.sub_black .module_calendar .cal_center span { color: #04cbfd }
article.sub_black .module_calendar .cal_left:before { content: url('/images/common/left_calb_arr.png') }
article.sub_black .module_calendar .cal_right:before { content: url('/images/common/right_calb_arr.png') }
article.sub_black .module_calendar .cal_left a, article.sub_black .module_calendar .cal_right a { color: #bfbfbf; display:block; min-height:40px; line-height:40px }
article.sub_black .module_calendar table thead th { color: #fff }
article.sub_black .module_calendar table tbody td { background: #323440; color: #fff; border: 1px solid #51525d }
article.sub_black .module_calendar table tbody td a { color: #fff }
article.sub_black .module_calendar table tbody td.sun a, article.sub_black .module_calendar table tbody td.sun { color: #ff1111 }
article.sub_black .module_calendar table tbody td.sat a, article.sub_black .module_calendar table tbody td.sat { color: #0996d1 }
article.sub_black .module_calendar table tbody td.Unable a, article.sub_black .module_calendar table tbody td.Unable { color: #7e7e7e }