@charset "utf-8";

/*탭*/
.con_tab{clear:both;}
.con_tab ul{display:inline-block;width:100%;}
.con_tab ul li{float:left;margin-right:-1px;}
.con_tab ul li a{display:block;color:#61666d;font-size:16px;font-family:'Prompt', 'NotoKrM' , sans-serif;font-weight:normal;line-height:50px;text-align:center;border:1px solid #cfd6e0;}
.con_tab ul li a.on,
.con_tab ul li a:hover{position:relative;z-index:1;color:#3660e2;border:1px solid #3660e2;background:#fff;}
.con_tab ul.no2 li{width:50%;}
.con_tab ul.no3 li{width:33.2%;}
.con_tab ul.no4 li{width:25%;}
.con_tab ul.no5 li{width:20%;}
.con_tab ul.no6 li{width:16.6%;}
.con_tab ul.no7 li{width:14.4%;}
.tab_b{margin-bottom:40px;}


/***** 제목 *****/
h3.tit{margin-bottom:15px;line-height:30px;font-weight:normal;font-family:'NotoKrB', sans-serif;font-size:20px;color:#333;word-break:keep-all;letter-spacing:-0.05em;}
h3.tit.h3_t{margin-top:40px;}
h4.tit{padding-left:20px;margin-bottom:10px;font-size:17px;font-weight:normal;font-family:'NotoKrB', sans-serif;color:#444;letter-spacing:-0.05em;line-height:27px;background:url(/nanum/site/builder/skin/skin01_02/img/common/h4_icon.gif) no-repeat 0px 8px;}
h4.tit.h4_t{margin-top:15px;}


/***** 리스트 *****/
ul.list{margin-top:10px;}
ul.list li{padding-left:15px;margin-bottom:7px;font-size:15px;font-family:'Prompt', 'NotoKrR', sans-serif;line-height:23px;color:#444;letter-spacing:-0.05em;word-break:keep-all;background:url(/nanum/site/builder/skin/skin01_02/img/common/bu_list.gif) no-repeat 0 6px;}
ul.list li ul.list2{margin:5px 0 15px;}
ul.list2 li{padding-left:10px;margin-bottom:5px;line-height:20px;font-size:14px;font-family:'Prompt', 'NotoKrR', sans-serif;color:#666;letter-spacing:-0.05em;background:url(/nanum/site/builder/skin/skin01_02/img/common/bu_list2.gif) no-repeat 0 8px;}
ul.list2 li ul.list3{margin:3px 0 10px;}
ul.list3 li{padding-left:10px;margin-bottom:3px;line-height:20px;font-size:13px;font-family:'Prompt', 'NotoKrR', sans-serif;color:#888;letter-spacing:-0.05em;background:url(/nanum/site/builder/skin/skin01_02/img/common/bu_list3.gif) no-repeat 0 11px;}



/***** 버튼 *****/
.btn_w{width:100%;padding:35px 0;text-align:center;}
a.con_btn,
input.con_btn{display:inline-block;margin:0 3px;color:#fff;padding:12px 40px; font-weight:normal;font-family:'NotoKrM';font-size:15px;line-height:normal;vertical-align:middle;text-align:center;cursor:pointer;border:0;letter-spacing:-0.05em;}
a.con_sbtn,
input.con_sbtn{display:inline-block;margin:0 3px;color:#fff;padding:7px 15px; font-weight:normal;font-family:'NotoKrM';font-size:13px;line-height:normal;vertical-align:middle;text-align:center;cursor:pointer;border:0;letter-spacing:-0.05em;}

.con_btn.blue,
.con_sbtn.blue{background:#509cea;}
.con_btn.blue:hover,
.con_sbtn.blue:hover{background:#00c5dd;}

.con_btn.gray,
.con_sbtn.gray{background:#8a8a8a;}
.con_btn.gray:hover,
.con_sbtn.gray:hover{background:#6f6f6f;}

/***** 기본테이블 *****/
table.table1{width:100%;border-collapse:collapse;border:1px solid #dfdfdf;border-top: 2px solid #3660e2;}
table.table1 th,
table.table1 td{padding:15px 8px;font-size:14px;text-align:center;color:#222;}
table.table1 thead th{border: 1px solid #e8e6f0;border-bottom: 0;background: #f5f7fe;}
table.table1 tbody th {color: #222; background: #f9f9f9;}
table.table1 tbody th,
table.table1 tbody td{border: 1px solid #e8e6f0;line-height:22px;}
table.table1 tbody td{color:#555;}
table.table1 tbody td.eng{font-family:'Lato',sans-serif;font-weight:400;font-size:15px;letter-spacing:0;}
table.table1 tbody td.left{text-align:left;padding:15px 8px;}
table.table1 tbody td.right{text-align:right;padding:15px 8px;}

/* 진료일정표_공통 */
.table1 tbody td span.time{display:inline-block;padding:3px 7px 5px 7px;border-radius:3px;font-family:'NotoKrB';font-size:13px;line-height:1;}
.table1 tbody td span.time.am{border:1px solid #c0dbba;background:#e4f3de;color:#77866f;} /* 오전 */
.table1 tbody td span.time.pm{border:1px solid #a9cce2;background:#d6ecf7;color:#6ea2c9;} /* 오후 */
.table1 tbody td span.time.day{border:1px solid #d1a8ac;background:#f1d4d0;color:#d06761;} /* 종일 */
.table1 tbody td span.time.resrch{border:1px solid #d5d5d5;background:#f1f1f1;color:#888;} /* 연구 */



/*모바일 스크롤 안내*/
.mscroll_guide{display:none;}

/*라인박스*/
.line_box{padding:30px;border:1px dashed #ccc;}


/* 디자인_체크박스 */
input[type="checkbox"].chkbx{display:none;}
input[type="checkbox"].chkbx + label{display:inline-block;font-size:15px;color:#000;cursor:pointer;vertical-align:middle;}
input[type="checkbox"].chkbx + label span{display:inline-block;width:22px;height:22px;border:1px solid #acacac;background:#fff;text-indent:-9999px;vertical-align:middle;}
input[type="checkbox"].chkbx:checked + label span{background:url(/nanum/site/builder/skin/skin01_02/img/common/bg_chkbx.gif) no-repeat 50% 50% #fff;vertical-align:middle;cursor:pointer;}

/* 디자인_라디오버튼 */
input[type="radio"].radiobtn{display:none;}
input[type="radio"].radiobtn + label{display:inline-block;font-size:15px;color:#000;cursor:pointer;vertical-align:middle;}
input[type="radio"].radiobtn + label span{display:inline-block;width:24px;height:24px;background:url(/nanum/site/builder/skin/skin01_02/img/common/bg_radio.gif) no-repeat 50% 50%;text-indent:-9999px;vertical-align:middle;}
input[type="radio"].radiobtn:checked + label span{background:url(/nanum/site/builder/skin/skin01_02/img/common/bg_radio_on.gif) no-repeat 50% 50% #fff;vertical-align:middle;cursor:pointer;}

/* 디자인_셀렉트박스 */
.selbx{position:relative;display:inline-block;height:38px;z-index:1;border:1px solid #d5d5d5;vertical-align:middle;}
.selbx select{height:38px;padding-left:15px;border:0;-webkit-appearance:none;-moz-appearance: none;appearance:none;background:url(/nanum/site/builder/skin/skin01_02/img/common/icon_sel_arr.gif) no-repeat 100% 50% #fff;}
.selbx select::-ms-expand{display:none;}






/******************************1024******************************/
@media all and (max-width:1024px){
	/***** 제목 *****/
	h3.tit.h3_t{margin-top:15px;}
	h4.tit.h4_t{margin-top:10px;}

	.mimg img{width:100%;}
	
	/*라인박스*/
    .line_box{padding:20px;}
    
	/* 진료일정표_공통 */
	.table1 tbody td span.time{padding:3px 5px;font-size:12px;}
    
	/* 디자인_체크박스 */
	input[type="checkbox"].chkbx + label{font-size:13px;}
	input[type="checkbox"].chkbx + label span{width:18px;height:18px;}
	input[type="checkbox"].chkbx:checked + label span{background-size:12px auto;}
	
	/* 디자인_라디오버튼 */
	input[type="radio"].radiobtn + label{font-size:13px;}
	input[type="radio"].radiobtn + label span{width:18px;height:18px;background-size:18px auto;}
	input[type="radio"].radiobtn:checked + label span{background-size:18px auto;}
	
}

/******************************767******************************/
@media all and (max-width:767px){
	/***** 탭 *****/
	.con_tab ul li a{height:45px;line-height:45px;margin-bottom:-1px;font-size:14px;}
	.con_tab ul.no2 li,
	.con_tab ul.no3 li,
	.con_tab ul.no4 li,
	.con_tab ul.no5 li,
	.con_tab ul.no6 li,
	.con_tab ul.no7 li{width:50%;}

	/***** 제목 *****/
	h3.tit{margin-bottom:10px;}
	h3.tit.h3_t{margin-top:20px;}
	h4.tit.h4_t{margin-top:10px;}

	/***** 버튼 *****/
	.btn_w{padding:10px 0;}
	a.con_btn,
	input.con_btn{margin:2px;padding:10px 20px;font-size:14px;}
	a.con_sbtn,
	input.con_sbtn{margin:2px;padding:8px 10px;font-size:12px;}

	/***** 기본테이블 *****/
	table.table1 th,
	table.table1 td{padding:12px 5px;}
	table.table1 tbody td.eng{font-size:14px;}
	table.table1 tbody td.left{padding:12px 5px;}
	table.table1 tbody td.right{padding:12px 5px;}	
	p.table_right{margin-bottom:0;}

	/*라인박스*/
    .line_box{padding:10px;}


}

/******************************640******************************/
@media all and (max-width:640px){
	/*모바일 스크롤 안내*/
	.mscroll{overflow-y:hidden;padding-bottom:20px;}
	.mscroll_guide{display:block;margin-bottom:20px;padding:25px 10px 25px 80px;font-size:14px;color:#444;word-break:keep-all;border-radius:3px;background:url(/nanum/site/builder/skin/skin01_02/img/common/mscroll_guide_ico.gif) no-repeat 20px 50%; box-shadow:1px 1px 5px #c7ced4;}
	.mscroll_guide span{color:#ff720a;}
	.mscroll table{width:650px !important;margin-top:10px;}
	.mscroll img{width:auto !important;}

}

/******************************480******************************/
@media all and (max-width:480px){
	/***** 제목 *****/
	h3.tit{font-size:18px;}
	h4.tit{font-size:16px;}

	/***** 리스트 *****/
	ul.list li{margin-bottom:0;font-size:14px;}
	ul.list2 li,
	ul.list3 li{font-size:13px;}

	/***** 기본테이블 *****/
	table.table1 th,
	table.table1 td{font-size:13px;}
	table.table1 tbody td.eng{font-size:13px;}
	table.table1 tbody td.left,
	table.table1 tbody td.right{padding-top:10px;padding-bottom:10px;}
}