@charset "utf-8";
@import "base.css";
@import "layout.css";
@import "nav.css";
@import "module.css";



/**/
.row-hidden {
	visibility: hidden;
	position: absolute;
}
a.blue {
	color: #4e72c7;
	font-size:14px;
	font-weight:bold;
	text-decoration: underline;
}
.cont span.em {
	display: block;
	color: #978981;
	margin-top: 10px;
}


/* flag-box
**************************************************************/
.flag-box {
	width:60%;
	margin:0 auto;
	text-align:center;
	padding: 5%;
	background:#f1f3f8 url(../images/module/reply_flag.gif) 0 0 no-repeat;
}
.flag-box .title {
	margin-bottom:5%;
}
.flag-box .board-write ul {
	border-top:1px solid #dde3ef;
}
.flag-box label {
	color:#204392;
	font-size:18px;
	display:inline-block;
	width:130px;
}
.flag-box .func {
	margin-top:5%;
}

@media screen and (max-width: 768px) {
	.flag-box {	width:80%; }
}/*/mediaquery*/
@media screen and (max-width: 480px) {
	.flag-box {	padding: 10%; }
	.flag-box .title span { display:block; }
}/*/mediaquery*/



/* awarded
**************************************************************/
.awarded-area {
}
.awarded-area ul {
	overflow:hidden;
	background:url(../images/module/line_desk.png) center top repeat-y;
}
.awarded-area li {
	float:left;
	width:13.5%;
	padding:0 1.5%;
	height:280px;
	text-align:center;
}
.awarded-area li .img {
	position:relative;
	height:140px;
}
.awarded-area li p {
	margin-top:20px;
	font-size:13px;
}

@media screen and (max-width: 1280px) {
	.awarded-area li { width:17%; }
}/*/mediaquery*/

@media screen and (max-width: 1024px) {
	.awarded-area li { width:21.5%; }
}/*/mediaquery*/

@media screen and (max-width: 640px) {
	.awarded-area li { width:30.3333%; }
}/*/mediaquery*/

@media screen and (max-width: 480px) {
	.awarded-area li { width:47%; }
}/*/mediaquery*/


/* academy
**************************************************************/
.academy-area {
	overflow:hidden;
}
.academy-area li {
	float:left;
	width:50%;
	margin-bottom:2%;
	*height:160px;
}
.academy-area li:nth-child(2n+1) {
	clear:both;
}
.academy-area li .col-thumb {
	position:relative;
	float:left;
	margin-right:10px;
	width:170px;
	text-align:center;
	padding-bottom:19px;
	background:url(../images/module/line_desk2.png) center bottom no-repeat;
}
.academy-area li .col-thumb .img img {
	vertical-align:top;
}
.academy-area li .col-thumb .img {
	position:relative;
	width:110px;
	height:140px;
	margin:0 auto;
}
.academy-area li .col-thumb:hover .img .over {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, .3);
	background-image: url(../images/module/icon_over2.png);
	background-position: 50% 50%;
	background-repeat: no-repeat;
	*width: 110px;
	*height: 140px;
	*background-color:#000;
	filter:alpha(opacity=50);
}
.academy-area li p {
	overflow:hidden;
	max-height:100px;
	font-size:14px;
	margin:0;
}
.academy-area li .author {
	display: block;
	margin-top:20px;
	font-size:12px;
	color:#999;
}

@media screen and (max-width: 1024px) {
	.academy-area li { overflow:hidden; float:none; width:auto; margin-bottom:30px; }
	.academy-area li .author { margin-top:10px; }
}/*/mediaquery*/

@media screen and (max-width: 460px) {
	.academy-area li .col-thumb { float:none; margin-right:0; margin:0 auto; }
	.academy-area li p { max-height:100%; }
}/*/mediaquery*/


/* cooperation
**************************************************************/
.cooperation-area {
}
.cooperation-area ul {
	overflow:hidden;
	margin-left:-3%;
	margin-top:2%;
}
.cooperation-area li {
	overflow:hidden;
	float:left;
	margin-left:3%;
	width:30.33333%;
	margin-bottom:4%;
}
.cooperation-area li:nth-child(3n+1) {
	clear:both;
}
.cooperation-area li .img {
	border:1em solid #f1f1f1;
	text-align:center;
	margin-bottom:2%;
}
.cooperation-area li .cont {
}
.cooperation-area li .cont h3 {
	margin-bottom: 3%;
}
.cooperation-area li .cont p {
	font-size:12px;
}
.cooperation-area li .cont p.address {
}
.cooperation-area li .cont a.url {
	font-size:12px;
	color:#4e72c7;
	text-decoration:underline;
	margin-top:10px;
}

@media screen and (max-width: 1024px) {
	.cooperation-area li { overflow:hidden; float:none; width:auto; margin-bottom:2%; }
	.cooperation-area li .img { float:left; width:30%; border-width: .5em; }
	.cooperation-area li .cont { float:right; width:60%; }
}/*/mediaquery*/
@media screen and (max-width: 560px) {
	.cooperation-area li { margin-bottom:4%; }
	.cooperation-area li .img { float:none; width:auto; }
	.cooperation-area li .cont { float:none; width:auto; }
}/*/mediaquery*/


/* affiliates
**************************************************************/
.affiliates-area {
	overflow:hidden;
	margin-bottom: 4%;
}
.affiliates-area ul {
	overflow:hidden;
	margin-left:-2%;
	margin-top:2%;
}
.affiliates-area li {
	float:left;
	margin-left:2%;
	width:14.6666%;
	margin-bottom: 2%;
}
.affiliates-area li .img {
	border:1em solid #f1f1f1;
	text-align:center;
}

@media screen and (max-width: 1024px) {
	.affiliates-area li .img { border-width: .5em; }
}/*/mediaquery*/
@media screen and (max-width: 768px) {
	.affiliates-area li { width:31%; }
	.affiliates-area li .img { border-width:2px; }
}/*/mediaquery*/


/* location
**************************************************************/
.location-time {
	overflow:hidden;
	position:relative;
	margin-bottom:4%;
	background:url(../images/about/img_location_01.png) 92% 30% no-repeat;
}
.location-time .table {
	width:66%;
	margin:0;
}
.location-time .table th {
	width:22%;
}
.location-time .func {
	position:absolute;
	right:0;
	bottom:1px;
	width:30%;
}

.location-time1 {
	overflow:hidden;
	position:relative;
	margin-bottom:4%;
	background:url(../images/about/img_location_02.png) 92% 30% no-repeat;
}
.location-time1 .table {
	width:66%;
	margin:0;
}
.location-time1 .table th {
	width:22%;
}
.location-time1 .func {
	position:absolute;
	right:0;
	bottom:1px;
	width:30%;
}



.location-map {
}
.location-map h3 {
	margin-top:3%;
}
.location-map .map {
	overflow:hidden;
	border:1px solid #ddd;
}
.location-map .map img {
	vertical-align:top;
}
.location-map .map-area {
	border:1px solid #ddd;
}
.location-map .map-area img {
	max-width: none; 
}
.location-map .accordian-list {
	margin-top:4%;
}
.location-map .accordian-list .cont p {
	margin-top:7px;
}

@media screen and (max-width: 1024px) {
	.location-time { background:none; }
	.location-time .table { width:100%; vertical-align: middle; }
	.location-time .func { position:static; width:auto; }
	.location-time1 { background:none; }
	.location-time1 .table { width:100%; vertical-align: middle; }
	.location-time1 .func { position:static; width:auto; }	
}/*/mediaquery*/

@media screen and (max-width: 580px) {
	.location-time .table th, .location-time .table td, .location-time p, .location-map .address p { font-size:12px; }
	.location-time .table th { width:auto; }
	.location-time1 .table th, .location-time .table td, .location-time p, .location-map .address p { font-size:12px; }
	.location-time1 .table th { width:auto; }	
}/*/mediaquery*/




/* online
**************************************************************/
.online-box {
	width: 90%;
	margin: 0 auto;
	overflow: hidden;
}
.online-box .board-reply {
	float: left;
	width: 46.4%;
	padding: 5% 0;
	margin: 5% 1.8%; 
	text-align: center;
}
.online-box .board-reply i {
	display: block;
	margin-bottom: 20px;
}
.online-box .board-reply h3 {
	margin-bottom: 2%;
	font-size: 16px;
	color: #666;
	line-height: 1.5em;
	letter-spacing: -2px;
}
.online-box .board-reply h3 strong {
	font-size: 20px;
	font-weight: bold;
	color: #222;
}

@media screen and (max-width: 960px) {
	.online-box { width: auto; }
}/*/mediaquery*/

@media screen and (max-width: 620px) {
	.online-box .board-reply { float: auto; width: 100%; margin: 3% 0; }
	.online-box .board-reply i { display: none; }
}/*/mediaquery*/


.online-realitme {
	width:70%;
}
.online-realitme .img {
	margin-bottom:3%;
	padding-bottom:10px;
	background:url(../images/consult/line_realtime.png) center bottom no-repeat;
}
.online-realitme p {
	font-size:18px;
}
.online-realitme p em {
	color:#33b0f1;
}
.online-realitme .func {
	margin-top:5%;
}
.online-realitme .func-desktop {
	display:block;
}
.online-realitme .func-mobile {
	display:none;
}

@media screen and (max-width: 1080px) {
	.online-realitme { width:auto; }
}/*/mediaquery*/
@media screen and (max-width: 960px) {
	.online-realitme p { font-size:16px; }
	.online-realitme p span { display:block; }
	.online-realitme p br { display:none; }
}/*/mediaquery*/
@media screen and (max-width: 640px) {
	.online-realitme .func-desktop { display:none; }
	.online-realitme .func-mobile { display:block; }
}/*/mediaquery*/
@media screen and (max-width: 580px) {
	.online-realitme .img { background-image:none; }
	.online-realitme .img img { width:30%; }
	.online-realitme p { font-size:12px; }
	.online-realitme .func { margin-top:8%; }
}/*/mediaquery*/


/**/
.box-browm {
	border: 3px solid #a1958d;
	padding: 5px 20px 0 20px;
	margin-top:25px;
}
.box-browm h3.em {
	margin-top:10px;
	color:#826e62;
}


/* rule
**************************************************************/
.section-header,
.doctor-header {
	position: relative;
}
.section-header h2{
	font-size:22px;
	color:#222;
	font-weight:normal;
	margin-bottom: 6%;
}
.section-header .title {
	position: relative;
	width: 50%;
	margin-bottom: 20%;
	z-index: 10;
}
.section-header .title p {
	color: #666;
	font-size: 18px;
	margin-top: 30px;
}
.section-header .img {
	position: absolute;
	top: -30px;
	right: 0;
	width: 50%;
}
.rule-list {
	overflow: hidden;
}
.rule-list li {
	overflow: hidden;
	width: 47%;
	margin-bottom: 6%;
}
.rule-list li:first-child {
	display: block;
}
.rule-list li.rule-fl {
	float: left;
	margin-right: 5%;
}
.rule-list li:last-child {
	overflow: hidden;
	border: 1px solid #fff;
}
.rule-list i.label {
	background: url(../images/module/rule_label.gif) no-repeat;
	color: #fff;
	font-size: 28px;
	font-weight: normal;
	padding: 0px 14px 23px 14px;
}
.rule-list h4 {
	color: #222;
	font-size: 22px;
	font-weight: normal;
	padding:-40px 0 20px;
	margin-top: -40px;
	border-top: 1px solid #a89081;
}
.rule-list p {
	color: #666;
	font-size: 14px;
	line-height: 22px;
}
.rule-list h4,
.rule-list p {
	padding: 15px 0 0 17%;
}
@media screen and (max-width: 1170px) {
	.rule-list h4,
	.rule-list p {
		padding: 15px 0 0 18%;
	}
}/*/mediaquery*/
@media screen and (max-width: 1053px) {
	.rule-list h4,
	.rule-list p {
		padding: 15px 0 0 20%;
	}
}/*/mediaquery*/
@media screen and (max-width: 975px) {
	.section-header .title p {
		font-size: 14px;
	}
	.rule-list {
		z-index: 999;
	}
	.rule-list li {
		width: auto;
	}
	.rule-list h4,
	.rule-list p {
		padding: 15px 0 0 12%;
	}
}/*/mediaquery*/
@media screen and (max-width: 810px) {
	.rule-list h4,
	.rule-list p {
		padding: 15px 0 0 13%;
	}
}/*/mediaquery*/
@media screen and (max-width: 602px) {
	.rule-list h4,
	.rule-list p {
		padding: 15px 0 0 15%;
	}
}/*/mediaquery*/
@media screen and (max-width: 535px) {
	.section-header .title p {
		font-size: 12px;
	}
	.section-header .img {
		top: 0;
	}
	.rule-list li {
		width: auto;
	}
	.rule-list i.label {
		display: block;
	}
	.rule-list h4 {
		color: #222;
		font-size: 16px;
		font-weight: normal;
		padding: 15px 0 0 65px;
		margin-top: -65px;
		border-top: 1px solid #a89081;
	}
	.rule-list p {
		font-size: 12px;
	}
	.rule-list p {
		padding: 20px 0 0 2%;
	}
}/*/mediaquery*/


/* safe-area
**************************************************************/
.safe-area {
	overflow: hidden;
	margin-left:-3%;
}
.safe-area .col {
	float:left;
	width:30.3333%;
	margin-bottom:2%;
	margin-left:3%;
}
.safe-area .col .img {
	padding:10px;
	background:#e4e4e4;
}
.safe-area .col:nth-child(3n+1) {
	clear:both;
}

@media screen and (max-width: 1024px) {	
	.safe-area .col:nth-child(3n+1) { clear:none; }
	.safe-area .col:nth-child(2n+1) { clear:both; }
	.safe-area .col { width:47%; }
}/*/mediaquery*/
@media screen and (max-width: 480px) {	
	.safe-area .col:nth-child(2n+1) { clear:none; }
	.safe-area .col { width:auto; }
}/*/mediaquery*/


/* effect-area
**************************************************************/
.effect-area {
	overflow: hidden;
}
.effect-area .img {
	float:right;
	text-align:right;
	width:40%;
	margin-left:3%;
}
.effect-area h2 {
	color: #222;
	font-weight: normal;
	margin-bottom: 20px;
}
.effect-area .cont-section p {
	margin-top: 0;
}
@media screen and (max-width: 580px) {
	.effect-area h2 { font-size: 16px; margin-bottom: 10px; }
	.effect-area .img { float:none; width:auto; text-align:center; margin-bottom:3%; margin-left:0; }
}/*/mediaquery*/


/* recruit
**************************************************************/
div.board-recruit {
	overflow: hidden;
	position: relative;
	background: #eee url(../images/module/recruit_flag.gif) right 0 no-repeat;
	padding: 5%;
}
div.board-recruit ul {
	border-top: none;
}
div.board-recruit ul li {
	border-bottom: none;
}





/* doctor
**************************************************************/
.doctor-header {
	overflow: hidden;
	border-bottom: 1px solid #ddd;
	width: 
}
.doctor-header .title {
	width: 50%;
}
.doctor-header .title h3 {
	margin-bottom: 30%;
}
.doctor-header .img {
	position: absolute;
	top: 0;
	right: 0;
	width: 50%;
}
.doctor-cont h2 {
	font-size:22px;
	color:#222;
	font-weight:normal;
	margin: -65px 0 40px;
}
.doctor-cont ul.text-list03 {
	overflow:hidden;
	float: left;
	font-size:14px;
	margin: 3% 2% 10% 0;
}
.doctor-cont ul.text-list03 li {
	font-size: 16px;
	padding-left:12px;
	background:url(../images/module/icon_dot3.gif) 0 10px no-repeat;
	margin-bottom: 0.7%;
}
.doctor-cont .img-doctor {
	margin-top: 5%;
}

@media screen and (max-width: 1240px) {
	.doctor-header .title h3 { margin-bottom: 25%; }
	.doctor-cont ul.text-list03 { width: 60%; }
	.doctor-cont .img-doctor { width: 30%; margin: 8% 0 0 5%; }
	.doctor-cont ul.text-list03 { margin-bottom: 10%; }
}/*/mediaquery*/	
@media screen and (max-width: 1200px) {
	.doctor-cont .img-doctor { margin: 15% 0 0 5%; }
}/*/mediaquery*/
@media screen and (max-width: 1090px) {
	.doctor-header .title h3 { margin-bottom: 19%; }
	.doctor-cont h2 { font-size:20px; margin: -50px 0 20px; }
	.doctor-cont ul.text-list03 { width: 100%; margin-bottom: 20%; }
	.doctor-cont .img-doctor { display: none; }
}/*/mediaquery*/
@media screen and (max-width: 640px) {
	.doctor-cont h2 { font-size:16px; margin: -29px 0 5px; }
	.doctor-cont ul.text-list03 li { font-size: 14px; }
}/*/mediaquery*/
@media screen and (max-width: 320px) {
	.doctor-cont ul.text-list03 li { font-size: 12px; }
	.doctor-cont h2 { font-size:14px; margin: -25px 0 5px; }
}/*/mediaquery*/


.booking-area .text-list {
	padding: 3%;
	margin-top:-4%;
	border-bottom: 1px solid #dedede;
	background:#fbfbfb;
}
.booking-area .board-write #date {
	width:40%;
}

@media screen and (max-width: 640px) {
	.booking-area div.board-write ul li.text-line .label {
		position:static;
		visibility:visible;
		display:inline-block;
		width:auto;
		margin-right:15px;
	}
	.booking-area .board-write #date { width:80%; }
}/*/mediaquery*/


.booking-agree {
	background: #f1f3f8;
	padding: 2% 3%;
	font-size: 14px;
	margin-bottom: 3%;
}
.booking-agree h3 {
	display: inline;
	border: none;
	padding: 0 0 10px 0; 
}
.booking-agree b {
	font-weight: bold;
	font-size: 16px;
	color: #204392;
	margin-right:.25em;
}
.booking-agree span {
	padding-left: 12.5%;
}
div.board-write ul.booking-list li .label {
	top: 12px
}
.booking-area .booking-list li:first-child {
	padding: 1.533em;
}

@media screen and (max-width: 1200px) {
	.booking-agree h3 { display: block; }
	.booking-agree span { display: block; padding-left: 10px; }
	.booking-agree span label { font-size: 12px; }
}/*/mediaquery*/



/* realtime_booking03 */
.grid.grid-book .col-6 {
	margin-left: 3%;
}
.choose-booking {
	border: 1px solid #a7b2ce;
}
.choose-booking .bookdate {
	padding: 2% 10.3333%;
}
.choose-booking .book-coment {
	text-align: center;
	font-size: 13px;
	color: #888;
	margin-top: 4.8888%;
}
.choose-booking .book-coment i {
	display: inline-block;
	width:13px;
	height: 13px;
	background: #888;
	margin: 1.3333%;
	vertical-align: middle;
}
.choose-booking .book-coment i.re-on {
	background: #567cd1;
}
.choose-booking .book-coment span:last-child {
	color: #567cd1;
}
.choose-booking .bookdate-choose {
	text-align: center;
	font-size: 28px;
	color: #204392;
}
.choose-booking .bookdate-choose:before {
	content:'<';
	padding-right: 10%;
	color: #b5bfd6;
}
.choose-booking .bookdate-choose:after {
	content:'>';
	padding-left: 10%;
	color: #b5bfd6;
}
.choose-booking .book-table {
	margin-top: 20px;
}
.choose-booking .book-table th {
	padding: 2.3333%;
	color: #567cd2;
	font-weight: normal;
}
.choose-booking .book-table td {
	text-align: center;
	background: #eaeaea;
	color: #888;
	text-decoration: none;
	border: 1px solid #fff;
}
.choose-booking .book-table td a {
	text-decoration: none;
	display: block;
	padding: 23.3333% 2.3333%;
}
.choose-booking .book-table td.on {
	background: #567cd2;
}
.choose-booking .book-table td.on a {
	color: #fff;
}
.choose-booking .booktime-comment {
	padding: 2.3333% 4.3333%;
	background: #e2e8f5;
}
.choose-booking .booktime-comment li {
	font-size: 12px;
}
.choose-booking .booktime-choose {
	padding: 3.3333%;
}
.choose-booking .booktime-choose h4 {
	font-size: 18px;
	color: #204392;
	padding-left:38px;
	background:url(../images/module/icon_check.png) 18px 10px no-repeat;
}
.choose-booking .booktime-choose p {
	margin-top: 10px;
	padding-left: 4.555%;
	font-size: 16px;
	font-weight: bold;
	color: #222;
}
.choose-booking .radio-block span {
	margin-bottom: 10px;
	display: inline-block;
	text-align: center;
	width: 24%;
	font-size: 16px;
	color: #4a71ca;
}
.choose-booking .radio-block input {
	vertical-align: baseline;
}

.booktime-choose p.res_loading {
	text-align: center;
	padding: 18% 20% 22.1%;
	font-size: 14px;
	color: #2ab9fc;
	font-weight: normal;
}
.booktime-choose p.res_loading img{
	display: block;
	margin: 0 auto 20px;
}

@media screen and (max-width: 1240px) {
	.grid.grid-book .col-6 { float: none; width: 90%; margin-left: 6.5555%; margin-bottom: 6%; }
}/*/mediaquery*/

@media screen and (max-width: 760px) {
	.choose-booking .bookdate-choose { font-size: 22px; }
	.choose-booking .radio-block span { font-size: 14px; }
	.cont-section h3 { margin-bottom: 10px; }
}/*/mediaquery*/