@charset "UTF-8";

/*인터넷예약신청신청테이블 */
.reser_txt br{display:none;}
table.table_reser{width:100%;border-collapse:collapse;background:#fff;border-top:1px solid #535353;}
table.table_reser tbody th,
table.table_reser tbody td{padding:20px;border-bottom:1px solid #d5d5d5;font-size:14px;}
table.table_reser tbody th{background:#f5f5f5;font-family:'NotoKrB';font-weight:normal;color:#333;}
table.table_reser tbody th img{margin-right:5px;}
table.table_reser tbody td{vertical-align:middle;}
table.table_reser select{font-weight: normal;font-family: 'NotoKrM',sans-serif;float: left;width: 200px;height: 33px;padding-left: 10px;font-size: 14px;color: #777;background: url(/nanum/site/builder/dir/health/img/menu3383/select_btn.gif) no-repeat right 50%;-webkit-appearance: none;background-size: 30px auto;border: 1px solid #dfdfdf;}
table.table_reser label{vertical-align:middle;}
table.table_reser input.con_sbtn{line-height:15px;}
/* 추가항목 안쪽 표는 위 td{padding:20px} 를 자손으로 물려받아 지나치게 성기다.
   목록형이므로 따로 줄인다. 모바일은 아래 768px 블록에서 이미 7px 로 처리하고 있다 */
table.table_reser tbody td .table1 thead th,
table.table_reser tbody td .table1 tbody td{padding:8px 10px;}
#Search_Form{overflow:auto;height:150px;margin:3px 10px 0 0;padding:6px;border:1px solid #cdcdcd;}
#Addr_search1 span.text1,
#Addr_search2 span.text1{font-size:0.9em; color:#6b3d3d;}
/*인터넷예약 버튼*/
.internet_reser .btn_w .con_btn.blue,
.internet_reser .btn_w .con_btn.gray{width:20%;}


/******************************768******************************/
@media all and (max-width:768px){
	/*인터넷예약신청*/
	.reser_txt br{display:block;}
	table.table_reser > thead,
	table.table_reser > tbody,
	table.table_reser > tbody > tr > th,
	table.table_reser > tbody > tr > td,
	table.table_reser > tbody > tr{display:block;}
	table.table_reser > thead > tr{position:absolute;top:-9999px;left:-9999px;}
	table.table_reser > tbody > tr > th{padding:10px 15px;font-size:13px;clear:both;overflow:hidden;}
	table.table_reser > tbody > tr > td{padding:10px 0;font-size:13px;clear:both;overflow:hidden;}
	table.table_reser > tbody > tr > th br{display:none;}
	table.table_reser select{font-size:12px;}
	table.table_reser .addr_info{width:100%;}
	table.table_reser .addr_info li{width:100%;}
	table.table_reser > tbody > tr > td .table1 thead th,
	table.table_reser > tbody > tr > td .table1 tbody td{padding:7px;word-break: keep-all;font-size:13px;}
	/*인터넷예약 버튼*/
	.internet_reser .btn_w{padding-top:15px;}
	.internet_reser .btn_w .con_btn.blue,
	.internet_reser .btn_w .con_btn.gray{padding:15px 0;width:47%;}
}

/* ===== 260805 검진프로그램 안내 — 시안 이식 보강 =====
   레이아웃 본체는 디자이너 자산 /nanum/site/health_program/css/common.css 가 담당한다.
   여기에는 공통 CSS 로 해결되지 않는 것만 둔다. common.css 는 수정하지 않는다.
   주의: checkup.css 가 common.css 보다 먼저 로드되므로,
         common.css 와 겹치는 선택자는 .type_tbl 을 덧붙여 특이성을 한 단계 올린다. */

/* 기본검사항목 — 시안은 div 리스트지만 표 구조를 유지한다(웹접근성).
   화면 모양은 시안의 items_list 와 같게 맞춘다. */
.chkup_program_wrap .exam_items .basic_items .items_list.type_tbl{display:block;}
.chkup_program_wrap .exam_items .basic_items .items_list.type_tbl table{width:100%;border-collapse:collapse;}
.chkup_program_wrap .exam_items .basic_items .items_list.type_tbl caption{overflow:hidden;width:1px;height:1px;margin:-1px;padding:0;border:0;font-size:0;line-height:0;color:transparent;}
.chkup_program_wrap .exam_items .basic_items .items_list.type_tbl th,
.chkup_program_wrap .exam_items .basic_items .items_list.type_tbl td{padding:5px 0;font-size:16px;vertical-align:top;text-align:left;background:none;border:0;}
/* 첫 열 폭 : 검사항목명이 두 줄로 접히는 일을 줄이려고 120px -> 204px (기존의 170%) 로 넓힘 */
.chkup_program_wrap .exam_items .basic_items .items_list.type_tbl th{width:204px;font-family:'NotoKrB';font-weight:normal;color:#000;}
.chkup_program_wrap .exam_items .basic_items .items_list.type_tbl td{color:#555;word-break:keep-all;}

/* 버튼 — 시안은 검진예약하기 1개지만 요구사항(분석.md:96)대로 2개를 둔다 */
.chkup_program_wrap .btn_w{padding-top:30px;}

/* 선택검사 탭 — add_items 를 단독으로 쓴다.
   기본검사항목 아래에 붙을 때의 구분선과 + 아이콘(::before/::after)을 지운다 */
.chkup_program_wrap .exam_items .add_items.type_only{margin-top:0;padding-top:0;}
.chkup_program_wrap .exam_items .add_items.type_only::before,
.chkup_program_wrap .exam_items .add_items.type_only::after{display:none;}
.chkup_program_wrap .exam_items .add_items .items_list .item .opt_price{margin-top:6px;font-family:'NotoKrB';font-size:15px;color:#17339f;}

/******************************767******************************/
@media all and (max-width:767px){
	.chkup_program_wrap .exam_items .basic_items .items_list.type_tbl th,
	.chkup_program_wrap .exam_items .basic_items .items_list.type_tbl td{display:block;width:auto;}
	.chkup_program_wrap .exam_items .basic_items .items_list.type_tbl th{padding-bottom:0;}
	.chkup_program_wrap .exam_items .basic_items .items_list.type_tbl td{padding-top:2px;}
	.chkup_program_wrap .btn_w .con_btn{width:47%;margin:0 1%;padding-left:0;padding-right:0;}
}