@charset "utf-8";

/****************************************************************
	Specialties of Excellence
*****************************************************************/

.specialties {margin-top:-79px;}

/* 관리자등록_layout */
.admin_write {overflow:hidden;}
.admin_write .admin_section {overflow:hidden;}
.admin_section + .admin_section {margin-top:100px;}
.admin_section .field_1280 {overflow:hidden; margin:0 auto; width:1200px;}
.admin_section .field_1280 + .field_1280 {margin-top:100px;}
.admin_section .field_1280 ~ .field_1200 {margin-top:100px;}
.admin_section .field_1280 h1.section_tit {font-size:30px; font-weight:normal; letter-spacing:-0.5px; margin-bottom:30px;}
.admin_section .field_1280 > h2 {color:#333; font-size:22px; font-weight:normal; margin-bottom:30px;}
.admin_section .field_1280 > h2 ~ h2 {margin-top:30px;}
.admin_section .field_1280 > h3 {color:#333; font-size:18px; font-weight:normal; margin-bottom:20px;}
.admin_section .field_1280 > h3 ~ h3 {margin-top:30px;}
.admin_section .field_1280 .hype_li {margin-top:20px;}

.admin_section .field_1200 {overflow:hidden; margin:0 auto; width:1200px;}
.admin_section .field_1200 + .field_1200 {margin-top:100px;}
.admin_section .field_1200 ~ .field_1280 {margin-top:100px;}
.admin_section .field_1200 h1.section_tit {font-size:30px; font-weight:normal; letter-spacing:-0.5px; margin-bottom:30px;}
.admin_section .field_1200 > h2 {color:#333; font-size:22px; font-weight:normal; margin-bottom:30px;}
.admin_section .field_1200 > h2 ~ h2 {margin-top:30px;}
.admin_section .field_1200 > h3 {color:#333; font-size:18px; font-weight:normal; margin-bottom:20px;}
.admin_section .field_1200 > h3 ~ h3 {margin-top:30px;}
.admin_section .field_1200 .hype_li {margin-top:20px;}

.admin_section .float_img {float:left; overflow:hidden; margin-right:40px; margin-bottom:10px; height:660px; width:580px;}
.admin_section .b_txt {font-size:23px; line-height:30px; margin-bottom:15px;}
.admin_section .b_txt ~ .b_txt {margin-top:30px;}
.admin_section .m_txt {color:#278782; font-size:20px; line-height:26px; margin-top:25px; margin-bottom:10px;}
.admin_section .s_txt {color:#666; font-size:17px; line-height:1.471em;}
.admin_section .s_txt + .s_txt {margin-top:26px;}

/* BG_color_style */
.admin_section .bg_content {background-color:#f7f8fb; overflow:hidden; padding-bottom:30px;}
.admin_section .bg_content > div {padding-top:38px;}
.admin_section .bg_content .float_img {margin-top:-38px;}

/* 좌우사진_style */
.admin_section .left_float {overflow:hidden;}
.admin_section .left_float .float_img {float:left; margin-right:40px; margin-bottom:0; height:395px; width:600px;}
.admin_section .left_float .b_txt {font-size:22px; line-height:1.091em; margin-top:20px;}

.admin_section .right_float {overflow:hidden;}
.admin_section .right_float .float_img {float:right; margin-right:0; margin-bottom:0; margin-left:40px; height:395px; width:600px;}
.admin_section .right_float .b_txt {font-size:22px; line-height:1.091em; margin-top:20px;}
.admin_section .right_float .s_txt {line-height:1.294em;}

.admin_section .left_float h2,
.admin_section .right_float h2 {font-size:20px; font-weight:normal; line-height:1.1em; margin-top:25px; margin-bottom:10px;}
.admin_section .left_float h2 ~ h2,
.admin_section .right_float h2 ~ h2 {margin-top:20px;}

.admin_section .left_float h3,
.admin_section .right_float h3 {font-size:18px; font-weight:normal; line-height:1.1em; margin-top:15px; margin-bottom:15px;}
.admin_section .left_float h3 ~ h3,
.admin_section .right_float h3 ~ h3 {margin-top:20px;}

.admin_section .left_float ~ .number_li,
.admin_section .right_float ~ .number_li {margin-top:30px;}

/* 목록형배너_style */
.admin_section .number_li {overflow:hidden; counter-reset:li_num;}
.admin_section .number_li > li {overflow:hidden; counter-increment:li_num;}
.admin_section .number_li > li + li {margin-top:50px;}
.admin_section .number_li .bnr_contents {overflow:hidden; margin-top:-30px;}
.admin_section .number_li .bnr_contents > * {margin-top:30px;}
.admin_section .number_li .bnr_contents h1 {color:#333; font-size:22px; font-weight:normal; line-height:1.182em; position:relative; padding-left:36px; height:26px;}
.admin_section .number_li .bnr_contents h1:before {background-color:#cce2e0; content:"" counter(li_num); border-radius:100%; color:#327c7f; font-size:12px; font-weight:bold; text-align:center; position:absolute; left:0; top:0; height:26px; width:26px;}
.admin_section .number_li .bnr_contents h2 {color:#333; font-size:18px; font-weight:normal;}
.admin_section .number_li .bnr_contents .s_txt {margin-top:23px;}
.admin_section .number_li .bnr_contents .bnr_img {overflow:hidden;}

/* 하이픈블릿목록_style */
.admin_section .hype_li {overflow:hidden;}
.admin_section .hype_li li {color:#666; font-size:16px; line-height:1.5em; position:relative; padding-left:10px;}
.admin_section .hype_li li:before {background-color:#666; content:""; position:absolute; left:0; top:10px; height:2px; width:5px;}
.admin_section .hype_li li .s_txt + .s_txt {margin-top:0;}
.admin_section .hype_li li .s_txt:last-child {margin-bottom:10px;}

/* 테이블 */
.admin_section .board_style1 thead th {text-align:center;}
.admin_section .board_style1 tbody td {text-align:center;}
.admin_section .board_style1 tbody td .hype_li {margin-top:0;}
.admin_section .board_style1 tbody td .hype_li li {font-size:14px;}

/* 의사목록_슬라이드_style */
.specialties .doctor_info {overflow:hidden; margin-top:-30px; margin-left:-40px; width:1240px;}
.specialties .doctor_info .doctor_wrap {float:left; margin-top:30px; margin-left:40px; width:580px;}
/*.specialties .doctor_info .doctor_wrap + .doctor_wrap {margin-left:40px;}*/
.specialties .doctor_info .doctor_wrap .section_tit {margin-bottom:27px;}
.specialties .doctor_info .doctor_wrap .section_tit h1 {font-size:22px;}

.specialties .slide_doctor {height:286px; width:504px;}
.specialties .slide_doctor.box_fff {padding:40px 37px;}
.specialties .list_doctor {overflow:hidden; box-sizing:border-box; padding-right:55px; padding-left:55px; height:287px; width:100%;}
.specialties .list_doctor .intro {margin-right:30px; width:181px;}
.specialties .list_doctor .intro .photo {/*overflow:hidden;*/ margin:0 auto; width:181px;}
.specialties .list_doctor .intro .photo img {height:225px; width:181px;}
.specialties .list_doctor .intro .photo .name {display:block; /*overflow:hidden;*/ color:#333; font-size:16px; text-align:center; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; margin-top:6px; max-width:99%;}
.specialties .list_doctor .intro .btn_wrap {text-align:center; margin-top:8px;}
.specialties .list_doctor .intro .btn_wrap a {text-align:center; width:136px;}

.specialties .list_doctor .slick-arrow {background-color:transparent; font-size:0; line-height:0; text-indent:-9999px; position:absolute; top:126px; transition-duration:0.2s; -webkit-transition-duration:0.2s; height:27px; width:15px;}
.specialties .list_doctor .slick-prev {left:3px;}
.specialties .list_doctor .slick-next {right:3px;}

.specialties .list_doctor .slick-arrow:before,
.specialties .list_doctor .slick-arrow:after {background-color:#333; content:""; position:absolute; left:-3px; transition-duration:0.2s; -webkit-transition-duration:0.2s; height:2px; width:20px;}

.specialties .list_doctor .slick-disabled:before,
.specialties .list_doctor .slick-disabled:after {background-color:#cacaca;}

.specialties .list_doctor .slick-arrow:before {top:6px;}
.specialties .list_doctor .slick-arrow:after {top:20px;}

.specialties .list_doctor .slick-prev:before {transform:rotate(-45deg); -webkit-transform:rotate(-45deg);}
.specialties .list_doctor .slick-prev:after {transform:rotate(45deg); -webkit-transform:rotate(45deg);}

.specialties .list_doctor .slick-next:before {transform:rotate(45deg); -webkit-transform:rotate(45deg);}
.specialties .list_doctor .slick-next:after {transform:rotate(-45deg); -webkit-transform:rotate(-45deg);}

.specialties .list_doctor .slick-prev:hover {left:1px;}
.specialties .list_doctor .slick-next:hover {right:1px;}
.specialties .list_doctor .slick-prev.slick-disabled:hover {left:3px;}
.specialties .list_doctor .slick-next.slick-disabled:hover {right:3px;}

/* 팝업-전체대표질환 */
.special_all {overflow-x:hidden; overflow-y:auto; box-sizing:border-box; margin:0 auto; padding:20px; height:595px; width:1200px;}
.special_all .depth_wrap {overflow:hidden; margin-top:-30px; margin-left:-16px; width:1160px;}

.special_all .depth_div {display:inline-block; overflow:hidden; vertical-align:top; margin-top:30px; margin-left:16px; width:270px;}
.special_all .depth_div .depth_title {overflow:hidden; border-bottom:1px solid #000; margin-bottom:10px; padding-bottom:10px; height:36px;}
.special_all .depth_div .depth_title h1 {font-size:18px; font-weight:normal;}

.special_all .depth_div .depth2 {overflow:hidden;}
.special_all .depth_div .depth2 ul {overflow:hidden;}
.special_all .depth_div .depth2 li {position:relative; padding-left:13px;}
.special_all .depth_div .depth2 li + li {margin-top:11px;}
.special_all .depth_div .depth2 li:before {background-color:#8f8f8f; content:""; border-radius:100%; position:absolute; left:0; top:8px; transition-duration:0.3s; -webkit-transition-duration:0.3s; height:3px; width:3px;}
.special_all .depth_div .depth2 li a {color:#666; font-size:14px; line-height:1.429em; transition-duration:0.3s; -webkit-transition-duration:0.3s;}
.special_all .depth_div .depth2 li:hover:before {background-color:#f68b1f;}
.special_all .depth_div .depth2 li:hover a {color:#f68b1f;}

/* Mobile Ver. */
@media screen and (max-width:700px) {
	.admin_section {overflow:hidden; margin:0 auto; width:94%;}
	.admin_section .field_1280 {overflow:hidden; margin:0; width:100%;}
	.admin_section .field_1200 {overflow:hidden; margin:0; width:100%;}
	.admin_section .field_1200 h1.section_tit {font-size:1.5em; font-weight:normal; letter-spacing:-0.5px; margin-bottom:15px;}
	.admin_section + .admin_section {margin-top:60px;}
	.admin_section .float_img {float:none; overflow:hidden; margin:10px auto; height:auto; width:100%; padding-top:0;}
	.admin_section .float_img img {width:100%; height:auto;}
	.admin_section .bg_content .float_img {margin-top: 0;}
	.admin_section .b_txt {font-size:1.5em; line-height:1.25em; margin-bottom:15px;}
	.admin_section .b_txt ~ .b_txt {margin-top:30px;}
	.admin_section .m_txt {color:#278782; font-size:1.1em; line-height:26px; margin-top:25px; margin-bottom:10px;}
	.admin_section .s_txt {color:#666; font-size:1em; line-height:1.5em;}
	.admin_section .field_1280 h1.section_tit {font-size:1.5em; line-height: 1.25em; font-weight:normal; letter-spacing:-0.5px; width:100%; margin:0 auto 15px;}
	
	/* BG_color_style */
	.admin_section .bg_content {background-color:#fff; overflow:hidden; padding-bottom:30px;}
	.admin_section .bg_content > div {padding-top:38px;}
	.admin_section .bg_content .float_img {margin-top:0;}
	
	/* 좌우사진_style */
	.admin_section .left_float .float_img {float:none; margin-right:0; margin-bottom:0; height:auto; width:100%;}
	.admin_section .left_float .b_txt {font-size:1.25em; line-height:1.25em; margin-top:20px;}
	
	.admin_section .right_float .float_img {float:none; margin-right:0; margin-bottom:0; margin-left:0; height:auto; width:100%;}
	.admin_section .right_float .b_txt {font-size:1.25em; line-height:1.25em; margin-top:20px;}

	.admin_section .left_float h2,
	.admin_section .right_float h2 {font-size:1.1em; font-weight:normal; line-height:1.1em; margin-top:25px; margin-bottom:10px;}
	.admin_section .left_float h2 ~ h2,
	.admin_section .right_float h2 ~ h2 {margin-top:20px;}

	.admin_section .left_float h3,
	.admin_section .right_float h3 {font-size:1.0em; font-weight:normal; line-height:1.1em; margin-top:15px; margin-bottom:15px;}
	
	/* 목록형배너_style */
	.admin_section .number_li .bnr_contents {overflow:hidden; margin-left:0; width:100%;}
	.admin_section .number_li .bnr_contents > * {margin-top:30px;}
	.admin_section .number_li .bnr_contents h1 {color:#333; font-size:1.2em; font-weight:normal; line-height:1.182em; position:relative; padding-left:35px; height:26px;}
	.admin_section .number_li .bnr_contents h1:before {background-color:#cce2e0; content:"" counter(li_num); border-radius:100%; color:#327c7f; font-size:0.9em; font-weight:bold; text-align:center; position:absolute; left:0; top:0; height:26px; width:26px; line-height: 26px;}
	.admin_section .number_li .bnr_contents h2 {color:#333; font-size:1em; font-weight:normal; padding-left:0;}
	.admin_section .number_li .bnr_contents .s_txt {margin-top: 15px; line-height: 1.5em;}
	.admin_section .bnr_contents .bnr_img {float:none; margin-right:0; margin-bottom:0; height:auto; width:100%;}
	.admin_section .bnr_contents .bnr_img img {width:100%;}
	
	/* 하이픈블릿목록_style */
	.admin_section .hype_li {overflow:hidden;}
	.admin_section .hype_li li {color:#666; font-size:0.9em; line-height:1.5em; position:relative; padding-left:10px;}
	.admin_section .hype_li li:before {background-color:#666; content:""; position:absolute; left:0; top:10px; height:2px; width:5px;}
}