@charset "utf-8";
/* 검색창 */
.search {text-align:center; margin:0; padding:30px 0 0 0;}
.search #searchform #search_select {border:1px solid #ddd; background-color:#fff; padding:5px 25px 5px 10px; margin:0px; font-size:14px; height:35px; display:inline-block;-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.search #searchform #keyword {width:250px; border:1px solid #ddd; background-color:#fff; padding:0 10px; font-size:14px; display:inline-block; height:35px; line-height:35px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.search .search_select {border:1px solid #ddd; background-color:#fff; padding:5px 25px 5px 10px; margin:0px; font-size:14px; height:35px; display:inline-block;-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.search .keyword {width:250px; border:1px solid #ddd; background-color:#fff; padding:0 10px; font-size:14px; display:inline-block; height:35px; line-height:35px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.search .btn_search {padding:0 15px; background-color:#3b6797; margin:0; width:80px; display:inline-block; line-height:35px; height:35px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; z-index:10; color:#fff; font-size:14px;}

/* 페이징 */
.pagination {text-align:center; margin:30px 0 0 0; display:block;}
.pagination ul {text-align:center; display:inline-block; margin:0;}
.pagination ul li {display:inline-block; vertical-align:middle;}
.pagination ul li a {display:inline-block; vertical-align:middle; width:15px; height:26px; margin:0 2px; line-height:26px; border:1px solid #fff;}
.pagination ul li a.current {color:#333; font-weight:bold;}
.pagination ul li a:hover {color:#333; font-weight:bold;}
.pagination ul li a.btn_pprev {width:25px; height:25px; color:#ccc;}
.pagination ul li a.btn_prev {width:25px; height:25px; margin:0 5px 0 0; color:#ccc;}
.pagination ul li a.btn_nnext {width:25px; height:25px; color:#ccc;}
.pagination ul li a.btn_next {width:25px; height:25px; margin:0 0 0 7px; color:#ccc;}
.pagination ul li a.btn_pprev:hover {color:#000; background-color:#eee;}
.pagination ul li a.btn_prev:hover {color:#000; background-color:#eee;}
.pagination ul li a.btn_nnext:hover {color:#000; background-color:#eee;}
.pagination ul li a.btn_next:hover {color:#000; background-color:#eee;}
.pagination ul li a img {max-width:100%;}

/* 테이블형 게시판 */
.table_list {padding-bottom:30px;}
.table_list table {width:100%; border-spacing:0px; border:0; border-collapse:collapse; border-top:2px solid #222;}
.table_list table th {padding:15px 0; border-bottom:1px solid #ddd; text-align:center; color:#333; background-color:#f6f7fa; font-size:16px;}
.table_list table td {padding:15px 0; border-bottom:1px solid #ddd; text-align:center; color:#333; font-size:16px;}
.table_list table td.title {padding-left:15px; text-align:left;}
.table_list table td.title a {color:#222;}
.table_list table td.date {width:15%;}
.table_list table td.hits {width:10%;}
.table_list table td.no span {display:inline-block; color:#3b6797; padding:3px 10px; font-weight:bold;}
.table_list table td span.complete {display:inline-block;color: #fff;padding: 2px 8px;font-weight: normal;font-size: 14px;background: #2e93e3;border: 1px solid #2e93e3;}
.table_list table td span.ready {display:inline-block; color:#2e93e3; padding: 2px 8px; font-weight: normal;font-size: 14px; border: 1px solid #2e93e3;}

.button_wrap {}
.button_wrap a {display:block; width:80px; height:35px; color:#fff; background:#333; font-size:14px; text-align:center; line-height:35px; margin:auto 0 auto auto;}
.button_wrap a:visited, .button_wrap a:hover, .button_wrap a:link {color:#fff;}

/* 게시판 읽기페이지 */
.board_read {border-top:2px solid #222;}
.board_read ul {margin-bottom:0;}
.board_read ul li {padding:10px 25px; height:48px; border-bottom:1px solid #b7b7b7; background:#f6f7fa;}
.board_read .right_cont ul li {padding:0 10px; margin-bottom:15px; height:auto; border-bottom:none; background:transparent;}
.board_read ul li ul li {border:none; padding:0; float:left; height:auto; background:transparent; position:relative; margin:0 25px 0 0; padding:2px 0; font-size:14px;}
.board_read ul li ul li.file {float:right; margin:0;}
.board_read ul li.title {font-size:15px; color:#222; font-weight:bold; width:100%; float:left; text-align:left; vertical-align:middle;}
.board_read ul li.title h4 {font-size:15px; padding:5px 0; letter-spacing: -1px;}
.board_read ul li.title span {font-size:12px; letter-spacing: 0; font-weight: 100; color:#fff; display:inline-block; background:#3b6797; height:18px; line-height:17px; padding:0 9px 0 6px; margin:0 0 0 10px; text-align:center;}
.board_read ul li.title span.category {font-size:13px; color:#fff; display:inline-block; background:#3b6797; height:20px; line-height:18px; padding:2px 6px 2px 6px; margin:0 10px 0 0; text-align:center; font-weight:normal; letter-spacing:0;}
.board_read ul li strong {padding:0 5px 0 0;}
.board_read ul li.file img {margin:0 5px 0 0;}
.board_read .readcontent {background-color: #fff; padding: 15px 25px; min-height: 380px; font-size:14px; border-bottom:1px solid #222; color:#333;}
.board_read .readcontent img {max-width:100%;}
.board_read .btnwrap {margin:35px 0; text-align:center;}
.board_read .btnwrap .btn_333 {display:inline-block; background:#333; font-size:15px; color:#fff; padding:9px 35px;}
.board_read .btnwrap a {display:inline-block; background:#3b6797; font-size:15px; color:#fff; padding:9px 35px;}

.article_list {margin:30px 0 0 0; border-top:1px solid #222;}
.article_list ul li {border-bottom:1px solid #b7b7b7;}
.article_list ul li.last {border-bottom:1px solid #222;}
.article_list ul li div {padding:10px 20px; float:left;}
.article_list ul li .type {color:#333; text-align:center; width:20%; background:#f6f7fa; font-weight:bold;}
.article_list ul li .title {width:80%; color:#bbb;}

/* 게시판 읽기 수술후기부분 */
.board_read .left_cont {width: 57%; min-height: 671px; margin: 30px 0 30px 40px; float: left; padding: 20px;}
.board_read .right_cont {width: 25%; text-align: center;float: right; margin: 30px 45px 30px 0;}
.board_read .right_cont img {margin-bottom: 45px;}
.board_read .right_cont h2 {margin:-20px 0 0 0;}

/* 게시판 읽기 우리의 생각, 노력들 */
#notice .left_read_cont {width:70%; float:left;}
#notice .right_read_cont {width:30%; float:right; padding-left:30px; margin-top:-20px;}


/* Inquiry */
#inquiry {text-align:center;}
#inquiry {margin:50px 0;}
#inquiry .inquiry_top h2 {font-size:36px; font-weight:bold; margin-bottom:30px;}
#inquiry .inquiry_top p {font-size:14px; font-weight:bold; margin:0;}
#inquiry .inquiry_table {width:780px; margin:auto;}
#inquiry .inquiry_table tbody {}
#inquiry .inquiry_table td {padding:6px;}
#inquiry .inquiry_table td.another {padding:5px 10px !important;}
#inquiry .inquiry_table .inquiry1 {width:100%; height:55px; border:1px solid #ddd; padding:12px 22px; font-size:14px;}
#inquiry .inquiry_table span.blue_dot {background:url(/img/layout/blue_dot.png) top 10px left no-repeat; margin-left:5px; text-indent:13px; display:block; color:#000;}
#inquiry .inquiry_table .inquiry2 {width:100%; height:200px; border:1px solid #ddd; padding:12px 22px}
#inquiry .inquiry_table select {background-image:url(/img/layout/btn_select_2.png) !important; background-position:center right 35px !important; background-repeat:no-repeat !important;}
#inquiry button {width:380px; height:60px; margin-left:-3px; color:#fff;}
#inquiry button[type=reset] {background:#222;}
#inquiry button[type=submit] {background:#3886e6;}

/*온라인상담-예약부분*/
.resev {width:100%; background:#f1f2f3; padding-bottom: 6.25rem; padding-top: 6.25rem;}
.resev .col-md-3 {float:none; margin:0 auto; text-align:center;}
.resev .col-md-9 {float:none; margin:0 auto; padding:0; }
.resev h2 {font-size:2.5rem; color:#333; text-align:center; font-weight:normal; margin-top: 10px;}
.resev p {font-size:14px; color:#fff;}
.resev .write_cont {padding:3rem 7.5rem;}
.resev .write_cont .line1 {margin-bottom:10px;}
.resev .write_cont .line1 span {width:100px; height:50px; display:inline-block; line-height:50px; text-align:center; background:rgba(59, 103, 151, 0.5); color:#fff;}
.resev .write_cont .line1 span.margin {background:none; width:10px; vertical-align:bottom;}
.resev .write_cont .line1 span.line {background:none; width:20px; margin:0 -1px 0 -5px;}
.resev .write_cont .line1 input {padding:0 10px;}
.resev .write_cont .line1 textarea {width:640px; height:150px; margin-left:-4px; margin-bottom:5px; padding:10px; -webkit-margin-after:1px;}
.resev .write_cont .line1.content span {height:150px; vertical-align:top;}
.resev .write_cont .line1 .phone1 {background-color:#fff; width:200px; height:50px; margin-left:-4px; margin-bottom:5px; padding:0 10px; -webkit-margin-after:1px;}
.resev .write_cont .line1 .input_full {background-color:#fff; width:640px; height:50px; margin-left:-4px; margin-bottom:5px; padding:0 10px; -webkit-margin-after:1px;}
.resev .write_cont .line1 input.name {width:260px; height:50px; margin-left:-5px; margin-bottom:5px; -webkit-margin-after:1px;}
.resev input[type=checkbox] {margin:0 5px 0 0;}
.resev span.red {margin:0 0 0 5px;}
.resev label {color:#333; font-weight:normal;}
.resev button {width:100px; height:30px; background:#999; border:1px solid #666; color:#fff; margin-left:10px;}
.resev .submit_button {width:742px; height:60px; line-height:60px; color:#fff; background:#3b6797; margin:30px 0; border: 0;}
.mgb150 {margin-bottom:150px;}

/*공지사항*/
.clear {clear:both; content:''; display:block;}
.table_list .noticeul li {width:24.5%; float:left; margin-right:0.5%; height:270px; border:1px solid #ddd; margin-bottom:0.5%;}
.table_list .noticeul li:last-child {margin-right:0;}
.table_list .noticeul .noticeul_img {height:auto; background:url(/img/01_hospital/sub01_notice_img.jpg) center center no-repeat; background-size:cover;}
.table_list .noticeul .noticeul_txt {height:40%; }
.table_list .noticeul .noticeul_txt .noticeul_loca {height:25%;}
.table_list .noticeul .noticeul_txt .noticeul_loca_txt {width:40%; background:#3b6796; color:#fff; text-align:center; font-size:1.5rem; float:left; }
.table_list .noticeul .noticeul_txt .noticeul_loca_date {width:59%;  font-size:1.5rem; float:left; text-align:right; padding-right:5px;}
.table_list .noticeul .noticeul_txt .noticeul_title { font-size:1.7rem; height:75%; padding:10px; font-weight:900; color:#333;}
#notice .table_list {padding:0;}

.table_list .noticeul li.border_none {width:100% !important; border:none !important; margin:0 !important;}
.table_list .noticeul li.border_none span {vertical-align:middle;}

#qna button {width:100px; height:30px; background:#999; border:1px solid #666; color:#fff; margin-left:10px;}

@media(max-width:767px)
{
	.resev .inquiry_table {width:100%;}

	.table_list table th {padding:8px 0; font-size:14px;}

	.table_list table td.title {padding-left:15px; text-align:left;}

	.table_list table td.title a {color:#222; font-size:14px;}

	.table_list table td.date, .table_list table th.date, .table_list table th.name, .table_list table td.name{display:none;}
	.table_list table td.hits {width:10%;}
	.table_list table td.no span {display:inline-block; color:#3b6797; font-size:14px;}
	.table_list table .no {width:17%;}
	.table_list table .file {width:30%;}
	.table_list table .status {width:25%;}
	.pagination {display:block; margin:0;}

	.search #searchform #search_select {}
	.search #searchform #keyword {width:130px;}
	.search .keyword {width:130px;}

	.search .btn_search {padding:0 15px; width:60px;}

	/* 페이징 */
	.pagination ul li a {font-size:14px;}

	/* 게시판 읽기페이지 */
	.board_read ul li {padding:10px 15px;}
	.board_read ul li.date {display:none;}
	.board_read ul li.qna_read {height:109px;}
	.board_read ul li.review_read {height:81px;}
	.board_read ul li ul li {margin:0; float:none !important;}
	.board_read .readcontent {padding:15px 10px;}
	.board_read .left_cont {width:100%; float:none; margin:0; min-height:350px;}
	.board_read .right_cont {width:100%; float:none; margin:30px 0 0 0;}
	.board_read .btnwrap .btn_333 {padding:9px 18px;}
	.board_read .btnwrap a {padding:9px 18px;}

	.article_list ul li .type {color:#333; text-align:center; width:30%; background:#f6f7fa; font-weight:bold; font-size:14px;}
	.article_list ul li .title {width:70%; color:#bbb; font-size:14px;}

	#inquiry {margin:50px 0;}
	#inquiry button{background:#222; width:49%; margin-left:-5px;}

	/*온라인상담-예약부분*/
	.category {padding-bottom: 20px; padding-left: 5px; margin-top:60px;}

	.resev {height:auto; padding:30px 0 0 10px;}
	.resev h2 {margin-bottom: 30px !important;}
	.resev label {font-size: 13px;}
	.resev button {font-size: 13px;}
	.resev .write_cont {padding:0;}
	.resev .write_cont .line1 {margin:0;}
	.resev .write_cont .line1 span {margin-bottom:10px; width:63px; font-size:12px;}
	.resev .write_cont .line1 span.margin {display:block; margin:0; width:0; height:0;}
	.resev .write_cont .line1 input.name {width:calc(100% - 80px); margin-bottom:2px; -webkit-margin-after:0px; font-size: 13px;}
	.resev .write_cont .line1 .phone1 {width:calc(33.3% - 40px); margin-bottom:2px; -webkit-margin-after:0px; font-size: 13px;}
	.resev .write_cont .line1 .input_full {width:calc(100% - 80px); margin-bottom:2px; -webkit-margin-after:0px; font-size: 13px;}
	.resev .write_cont .line1 textarea {width:calc(100% - 80px); margin-bottom:2px; -webkit-margin-after:0px; font-size: 13px; line-height: 1.5;}
	.resev .submit_button {width:94%; font-size: 16px;}

	.hospital ul::after {display: block; content: ""; clear: both;}
	.hospital ul {padding: 40px 0 20px 5px; margin-bottom: 0;}
	.hospital02 {padding-left: 0;}
	.hospital03 ul {padding: 0;}
	.notice_m_mgt0 {margin: 0;}
	.notice_m_mgb50 {margin: 0 0 50px 0;}

	.button_wrap {float: none;}

	/*공지사항*/
	.table_list .noticeul li {width:100%; float:left; margin-right:0; height:350px; border:1px solid #ddd; margin-bottom:20px;}
	.table_list .noticeul li:last-child {margin-bottom: 0;}

	/* 게시판 읽기 우리의 생각, 노력들 */
	#notice .left_read_cont {width:100%; float:none;}
	#notice .right_read_cont {width:100%; float:none; padding:0; margin-top:30px; margin-bottom:30px;}
	.right_read_cont .img_board3 .txtwrap2 {height:370px;}

	#qna button {font-size:13px; width:80px; height:30px; background:#999; border:1px solid #666; color:#fff; margin-left:2px; margin-bottom:3px;}
}

@media(min-width:768px)
{
	.table_list table th.notice_no, .table_list table td.notice_no  {width:12%;}
	.table_list table th.no, .table_list table td.no {width:8%;}
	.table_list table th.date, .table_list table td.date {width:15%;}
	.table_list table th.name, .table_list table td.name {width:10%;}
	.table_list table th.category, .table_list table td.category {width:10%;}
	.table_list table th.status, .table_list table td.status {width:8%;}
	.table_list table th.file, .table_list table td.file {width:10%;}

	#inquiry {height:705px;}
	.resev .submit_button {width:715px;}
	.resev .write_cont {padding:0;}
	.resev .write_cont .line1 input.name {width:247px;}
	.resev .write_cont .line1 .phone1 {width:192px;}
	.resev .write_cont .line1 .input_full {width:614px;}
	.resev .write_cont .line1 textarea {width:614px;}

	/*공지사항*/
	.table_list .noticeul li {width:48%; float:left; margin-right:4%; height:270px; border:1px solid #ddd; margin-bottom:2%;}
	.table_list .noticeul li:nth-child(2),
	.table_list .noticeul li:nth-child(4),
	.table_list .noticeul li:nth-child(6),
	.table_list .noticeul li:nth-child(8),
	.table_list .noticeul li:nth-child(10),
	.table_list .noticeul li:nth-child(12) {margin-right:0;}
	.table_list .noticeul li:nth-child(3),
	.table_list .noticeul li:nth-child(9) {margin-right:2%;}

	/* 게시판 읽기 우리의 생각, 노력들 */
	#notice .left_read_cont {width:65%;}
	#notice .right_read_cont {width:35%;}
	.right_read_cont .img_board3 .txtwrap2 {height:314px;}

}

@media(min-width:992px)
{
	#inquiry {height:635px;}
	.resev .write_cont {padding:0 30px;}
	.resev .write_cont .line1 input.name {width:210px;}
	.resev .write_cont .line1 .phone1 {width:167px;}
	.resev .write_cont .line1 .input_full {width:539px;}
	.resev .write_cont .line1 textarea {width:539px;}
	.resev .submit_button {width:642px;}

	/*공지사항*/
	.table_list .noticeul li {width:30.6666%; float:left; margin-right:4%; height:270px; border:1px solid #ddd; margin-bottom:2%;}
	.table_list .noticeul li:nth-child(3),
	.table_list .noticeul li:nth-child(6),
	.table_list .noticeul li:nth-child(9),
	.table_list .noticeul li:nth-child(12) {margin-right:0;}
	.table_list .noticeul li:nth-child(2),
	.table_list .noticeul li:nth-child(4),
	.table_list .noticeul li:nth-child(10),
	.table_list .noticeul li:nth-child(8) {margin-right:2%;}

	.table_list .noticeul .noticeul_txt .noticeul_loca_txt {width:46%; background:#3b6796; color:#fff; text-align:center; font-size:1.5rem; float:left; }
	.table_list .noticeul .noticeul_txt .noticeul_loca_date {width:54%;  font-size:1.5rem; float:left; text-align:right; padding-right:5px;}

	/* 게시판 읽기 우리의 생각, 노력들 */
	#notice .left_read_cont {width:70%;}
	#notice .right_read_cont {width:30%;}
	.right_read_cont .img_board3 .txtwrap2 {height:332px;}
}

@media(min-width:1500px)
{
	.resev {width:100%; background:#f1f2f3; padding-bottom: 6.25rem; padding-top: 6.25rem;}
	.resev .col-md-3 {float:none; margin:0 auto; text-align:center;}
	.resev .col-md-9 {float:none; margin:0 auto; padding:0; }
	.resev h2 {font-size:2.5rem; color:#333; text-align:center; font-weight:normal;}
	.resev p {font-size:14px; color:#fff;}
	.resev .write_cont {padding:0 7.5rem;}
	.resev .write_cont .line1 {margin-bottom:10px;}
	.resev .write_cont .line1 span {width:100px; height:50px; display:inline-block; line-height:50px; text-align:center; background:rgba(59, 103, 151, 0.5); color:#fff;}
	.resev .write_cont .line1 span.margin {background:none; width:10px;}
	.resev .write_cont .line1 span.line {background:none; width:20px; margin:0 -1px 0 -5px;}
	.resev .write_cont .line1 input {padding:0 10px;}
	.resev .write_cont .line1 textarea {width:640px; height:150px; margin-left:-4px; margin-bottom:5px; padding:10px; -webkit-margin-after:1px;}
	.resev .write_cont .line1.content span {height:150px; vertical-align:top;}
	.resev .write_cont .line1 .phone1 {background-color:#fff; width:200px; height:50px; margin-left:-4px; margin-bottom:5px; padding:0 10px; -webkit-margin-after:1px;}
	.resev .write_cont .line1 .input_full {background-color:#fff; width:640px; height:50px; margin-left:-4px; margin-bottom:5px; padding:0 10px; -webkit-margin-after:1px;}
	.resev .write_cont .line1 input.name {width:260px; height:50px; margin-left:-5px; margin-bottom:5px; -webkit-margin-after:1px;}
	.resev input[type=checkbox] {margin:0 5px 3px 0;}
	.resev span.red {margin:0 0 0 5px;}
	.resev label {color:#333; font-weight:normal;}
	.resev button {width:100px; height:30px; background:#999; border:1px solid #666; color:#fff; margin-left:10px; margin-bottom:3px;}
	.resev .submit_button {width:742px; height:60px; line-height:60px; color:#fff; background:#3b6797; margin:30px 0;}
	.mgb150 {margin-bottom:150px;}

	/*공지사항*/
	.clear {clear:both; content:''; display:block;}
	.table_list .noticeul li {width:22.75%; float:left; margin-right:3%; height:270px; border:1px solid #ddd; margin-bottom:2%;}
	.table_list .noticeul li:nth-child(4),
	.table_list .noticeul li:nth-child(8),
	.table_list .noticeul li:nth-child(12) {margin-right:0;}
	.table_list .noticeul li:nth-child(3),
	.table_list .noticeul li:nth-child(6),
	.table_list .noticeul li:nth-child(9) {margin-right:2%;}
	.table_list .noticeul .noticeul_img {height:60%; background:url(/img/01_hospital/sub01_notice_img.jpg) center center no-repeat; background-size:cover;}
	.table_list .noticeul .noticeul_txt {height:40%; }
	.table_list .noticeul .noticeul_txt .noticeul_loca {height:25%;}
	.table_list .noticeul .noticeul_txt .noticeul_loca_txt {width:47%; background:#3b6796; color:#fff; text-align:center; font-size:1.5rem; float:left; }
	.table_list .noticeul .noticeul_txt .noticeul_loca_date {width:53%;  font-size:1.5rem; float:left; text-align:right; padding-right:5px;}
	.table_list .noticeul .noticeul_txt .noticeul_title { font-size:1.7rem; height:75%; padding:10px 15px; font-weight:900; color:#333;}
	#notice .table_list {padding:0;}

	.right_read_cont .img_board3 .txtwrap2 {height:379px;}


}