@charset "utf-8";

/****************************************************************
	Find a Doctor
*****************************************************************/

/* 의료진검색 */
.find_doctor {overflow:hidden;}
.find_doctor .search_form {overflow:hidden; margin:0 auto; width:1200px;}
.find_doctor .search_form .info_search {background:url(../../images/lang/doctors/img_search.png) no-repeat 40px 0; float:left; padding-left:162px; width:458px;}
.find_doctor .search_form .info_search dl {overflow:hidden;}
.find_doctor .search_form .info_search dt {color:#000; font-size:30px; margin-bottom:15px;}
.find_doctor .search_form .info_search dd {overflow:hidden; font-size:16px; line-height:1.625em;}
.find_doctor .search_form .info_search ul {counter-reset:howLi;}
.find_doctor .search_form .info_search li {counter-increment:howLi; color:#666; font-size:16px; line-height:1.625em; position:relative; padding-left:20px;}
.find_doctor .search_form .info_search li:before {background-color:#666; content:""counter(howLi); border-radius:100%; color:#fff; font-size:10px; line-height:14px; text-align:center; position:absolute; left:0; top:50%; margin-top:-7px; height:14px; width:14px;}

.find_doctor .search_form .form_area {float:left; margin-left:40px; width:540px;}
.find_doctor .search_form .form_area .select_group {overflow:hidden; margin-bottom:30px;}
.find_doctor .search_form .form_area .select_group select {float:left; width:250px;}
.find_doctor .search_form .form_area .select_group select + select {margin-left:40px;}

.find_doctor .search_form .form_area .input_keyword {overflow:hidden; border:4px solid #01acb9; position:relative; height:51px; width:540px;}
.find_doctor .search_form .form_area .input_keyword input[type="text"] {border-bottom:none; line-height:3.214em; height:51px; width:475px;}
.find_doctor .search_form .form_area .input_keyword input[type="text"]:-webkit-input-placeholder {line-height:28px;}
.find_doctor .search_form .form_area .input_keyword input[type="text"]::-moz-placeholder {line-height:28px;}
.find_doctor .search_form .form_area .input_keyword input[type="text"]:-ms-input-placeholder {line-height:28px;}
.find_doctor .search_form .form_area .input_keyword input[type="text"]:-o-placeholder {line-height:28px;}

.find_doctor .search_form .form_area .btn_search {background:url(../../images/lang/doctors/btn_search.jpg) no-repeat 0 0; display:block; border:none; position:absolute; right:0; top:0; height:51px; width:62px;}
.find_doctor .search_form .form_area .btn_search:focus {border:none;}

.find_doctor .search_result {overflow:hidden; margin-top:100px;}
.find_doctor .search_result .doc_info {margin-top:0;}
.find_doctor .search_result .doc_info .data_none {padding-top:150px; padding-bottom:150px;}

/* 의료진상세 */
.doctor_detail {overflow:hidden;}
.doctor_detail .simple_intro {overflow:hidden;}
.doctor_detail .photo {float:left; position:relative; height:450px; width:450px;}
.doctor_detail .photo img {position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); height:auto; width:450px;}
.doctor_detail .txt_intro {float:left; position:relative; margin-top:29px; margin-left:50px; height:421px; width:700px;}
.doctor_detail .txt_intro .name {color:#000; font-size:40px; line-height:1.2em; margin-bottom:36px;}
.doctor_detail .txt_intro .name span {font-size: 32px;}
.doctor_detail .txt_intro .part {}
.doctor_detail .txt_intro .part dl {}
.doctor_detail .txt_intro .part dl + dl {margin-top:25px;}
.doctor_detail .txt_intro .part dt {color:#000; font-size:22px; line-height:1.1em; margin-bottom:10px;}
.doctor_detail .txt_intro .part dd {color:#666; font-size:16px; line-height:1.5em;}
.doctor_detail .txt_intro .go_menu {position:absolute; left:0; bottom:0;}

.doctor_detail .active {overflow:hidden; margin-top:50px;}
.doctor_detail .active .ex_list4 {margin-top:59px;}
.doctor_detail .active .career {margin-top:23px;}
.doctor_detail .active .career .tap_style3 {margin-bottom:27px;}
.doctor_detail .active .career .sort_value {margin-bottom:18px;}
.doctor_detail .active .career .table_board td {font-size:14px; line-height:1.429em;}
.doctor_detail .active .career .table_board td a {transition-duration:0.3s; -webkit-transition-duration:0.3s;}
.doctor_detail .active .career .table_board td a:hover {color:#f68b1f;}

/* Mobile Ver. */
@media screen and (max-width:700px) {
	.find_doctor {overflow:hidden; width:94%; margin: 0 auto;}
	.find_doctor .search_form {overflow:hidden; margin:0; width:100%;}
	.find_doctor .search_form .info_search {background:none; clear: both; text-align: center; width:100%; padding-left: 0;}
	.find_doctor .search_form .info_search dl {overflow:hidden;}
	.find_doctor .search_form .info_search dt {color:#000; font-size:1.5em; margin-bottom:15px;}
	.find_doctor .search_form .info_search dd {overflow:hidden; font-size:0.9em; line-height:1.25em;}
	.find_doctor .search_form .info_search ul {counter-reset:howLi;}
	.find_doctor .search_form .info_search li {counter-increment:howLi; color:#666; font-size:16px; line-height:1.625em; position:relative; padding-left:20px;}
	.find_doctor .search_form .info_search li:before {background-color:#666; content:""counter(howLi); border-radius:100%; color:#fff; font-size:10px; line-height:14px; text-align:center; position:absolute; left:0; top:50%; margin-top:-7px; height:14px; width:14px;}

	.find_doctor .search_form .form_area {clear:both; margin-left:0; width:100%;}
	.find_doctor .search_form .form_area .select_group {overflow:hidden; margin:30px auto; text-align: center; width:100%;}
	.find_doctor .search_form .form_area .select_group select {clear:both; width:100%; display: block;}
	.find_doctor .search_form .form_area .select_group select + select {margin-top:5%; margin-left:0;}
	
	.find_doctor .search_form .form_area .input_keyword {overflow:hidden; border:4px solid #01acb9; position:relative; height:51px; width:100%; margin:0 auto;}
	.find_doctor .search_form .form_area .input_keyword input[type="text"] {border-bottom:none; line-height:3.214em; height:51px; width:80%;}
	.find_doctor .search_form .form_area .input_keyword input[type="text"]:-webkit-input-placeholder {line-height:28px;}
	.find_doctor .search_form .form_area .input_keyword input[type="text"]::-moz-placeholder {line-height:28px;}
	.find_doctor .search_form .form_area .input_keyword input[type="text"]:-ms-input-placeholder {line-height:28px;}
	.find_doctor .search_form .form_area .input_keyword input[type="text"]:-o-placeholder {line-height:28px;}
	.find_doctor .search_result {overflow:hidden; margin-top:30px;}
	
	/* 의료진상세 */
	.doctor_detail {overflow:hidden;}
	.doctor_detail .simple_intro {overflow:hidden;}
	.doctor_detail .photo {float: none; position:relative; width:100%; height: auto !important;}
	.doctor_detail .photo img {position:relative; left:0; top:0; transform:translate(0, 0); -webkit-transform:translate(0, 0); height:auto !important; width:100%;}
	.doctor_detail .txt_intro {float: none; position:relative; margin-top:30px; margin-left:0; height:auto; width:100%;}
	.doctor_detail .txt_intro .name {color:#000; font-size:2em; line-height:1.2em; margin-bottom:36px;}
	.doctor_detail .txt_intro .part {}
	.doctor_detail .txt_intro .part dl {}
	.doctor_detail .txt_intro .part dl + dl {margin-top:25px;}
	.doctor_detail .txt_intro .part dt {color:#000; font-size:1.25em; line-height:1.1em; margin-bottom:10px;}
	.doctor_detail .txt_intro .part dd {color:#666; font-size:1em; line-height:1.5em;}
	.doctor_detail .txt_intro .go_menu {position:relative; left:0; bottom:0; margin-top:30px;}

	.doctor_detail .active {overflow:hidden; margin-top:50px;}
	.doctor_detail .active .ex_list4 {margin-top:50px;}
	.doctor_detail .active .career {margin-top:23px;}
	.doctor_detail .active .career .tap_style3 {margin-bottom:27px;}
	.doctor_detail .active .career .sort_value {margin-bottom:18px;}
	.doctor_detail .active .career .table_board td {font-size:0.9em; line-height:1em;}
	.doctor_detail .active .career .table_board td a {transition-duration:0.3s; -webkit-transition-duration:0.3s;}
	.doctor_detail .active .career .table_board td a:hover {color:#f68b1f;}
}