@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;line-height:50px;text-align:center;border: 1px solid #00ad83;border-bottom: 1px solid #00ad83;font-weight:normal;font-family:'NotoKrM' , sans-serif;font-size:16px;margin-top: -1px;background:#f7fffd;}
.con_tab ul li a.on{position:relative;z-index:1;color: #ffffff;border: 1px solid #00ad83;font-family: 'NotoKrB',sans-serif;background:#00906e;}
.con_tab ul li a span.eng{font-weight:600;font-family:'Lato',sans-serif;letter-spacing:0;}
.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.no6 li:first-child{width:17.6%;}
.con_tab ul.no7 li{width:14.4%;}
.con_tab ul.no7 li:first-child{width:13.6%;}
.con_tab ul.no11 li{width: 16.7%;}
/*.con_tab ul.no11 li:first-child{width:10%;}*/
.tab_b{margin-bottom:40px;}

/* 제목*/
h3.tit{padding:4px 0 0 10px;margin-bottom:30px;background: url(/nanum/site/builder/skin/skin02_02/img/common/h3_bg.gif) no-repeat 0 1px;font-weight:normal;font-family:'NotoKrB';font-size:23px;font-weight:normal;color:#222;line-height:1.2;letter-spacing:-0.05em;}
h3.tit.h3_t{margin-top:55px;}
h3.tit span{font-size:15px;}
h4.tit{font-weight:normal;font-family:'NotoKrB';font-size: 19px;font-weight:normal;color: #333;letter-spacing:-0.05em;margin-bottom:10px;color:#12b8ba;}
h4.tit.h4_t{margin-top:40px;}



/* 리스트**/
ul.list{/* margin-top:20px; */}
ul.list li{padding-left:15px;margin-bottom:7px;background: url(/nanum/site/builder/skin/skin02_02/img/common/bu_list.gif) no-repeat 0 7px;text-align:left;font-size:15px;line-height:23px;color: #333;background-size: 8px auto;}
ul.list li strong.st{font-weight:normal;font-family:'NotoKrM';color:#222;}
ul.list li ul.list2{margin:5px 0 20px;}
ul.list2 li{padding-left: 13px;background:url(/nanum/site/builder/skin/skin02_02/img/common/bu_list2.gif) no-repeat 0 7px;margin-bottom:5px;line-height:20px;font-size:14px;color: #555;}
ul.list2 li ul.list3{margin:3px 0 10px;}
ul.list3 li{padding-left: 10px;font-size: 13px;font-weight: normal;font-family: 'NotoKrM',sans-serif;background:url(/nanum/site/builder/skin/skin02_02/img/common/bu_list3.gif) no-repeat 0 6px;margin-bottom:3px;line-height:20px;color: #888;}


/* 디자인_체크박스 */
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/major/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/major/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/major/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/major/img/common/icon_sel_arr.gif) no-repeat 100% 50% #fff;}
.selbx select::-ms-expand{display:none;}


/***************************버튼정의****************************/
.btn_w{width:100%;padding-top:35px;text-align:center;}
a.con_btn,
input.con_btn{display:inline-block;margin:0 3px;color:#fff;padding:12px 25px 13px 25px; 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:10px 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{color:#fff;background:#3655cc;}
.con_btn.blue:hover,
.con_sbtn.blue:hover{background:#1c369d;}
/*민트버튼*/
.con_btn.mint,
.con_sbtn.mint{color:#fff;background:#12b8ba;}
.con_btn.mint:hover,
.con_sbtn.mint:hover{background:#0c7d7e;}
/*회색버튼*/
.con_btn.gray,
.con_sbtn.gray{background:#adb3cb;color:#000;}
.con_btn.gray:hover,
.con_sbtn.gray:hover{background:#6e779c}
/*어두운회색버튼*/
.con_btn.dgray,
.con_sbtn.dgray{background:#4f566f;}
.con_btn.dgray:hover,
.con_sbtn.dgray:hover{background:#2f3650;}

.con_btn.orange,
.con_sbtn.orange{background:linear-gradient(135deg, #ff8700 0%,#ff3600 100%);}
.con_btn.orange:hover,
.con_sbtn.orange:hover{background:#ff9b33;}

.con_btn.black_l,
.con_sbtn.black_l{border:1px solid #222;color:#222;}
.con_btn.black_l:hover,
.con_sbtn.black_l:hover{background:#000;color:#fff;}



/***** 기본테이블 *****/
table.table1{width:100%;border-collapse:collapse;border:1px solid #dfdfdf;border-top:1px solid #222;}
table.table1 th,
table.table1 td{padding:15px 0;font-size:15px;text-align:center;color:#222;}
table.table1 thead th{border: 1px solid #becbec;border-bottom: 0;background: #edf8ff;}
table.table1 tbody th {color: #222; background: #f9f9f9;}
table.table1 tbody th,
table.table1 tbody td{border: 1px solid #becbec;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 10px;}
table.table1 tbody td.right{text-align:right;padding:15px 10px;}

/* 진료일정표_공통 */
.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;} /* 연구 */

/* 포인트색 */
.red{color:#ff6464}

/* 그레이박스 */
.gray_box{display:inline-block;width:94%;padding:2% 3%;margin-bottom:20px;border:1px solid #ccc;background:#f5f5f5;}


/* 포인트텍스트 */
.point_txt{padding-left:28px;background:url(/nanum/site/builder/skin/skin02_02/img/common/icon_notibox.gif) no-repeat 0 50%;font-family:'NotoKrM';font-size:14px;color:#000;}

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


/******************************1024******************************/
@media all and (max-width:1024px){
	
/***** 탭정의 *****/
.tab_t{margin-top:15px;}
.tab_b{margin-bottom:20px;}

/*****그레이박스 *****/
.gray_box{padding:20px;}

.mimg,
.mimg img{width:100%;}

/* 진료일정표_공통 */
.table1 tbody td span.time{padding:3px 5px;font-size:12px;}

/* 포인트텍스트 */
.point_txt{padding-left:20px;background-size:15px auto;background-position:0 2px;font-size:13px;line-height:20px;word-break:keep-all;}

/* 디자인_체크박스 */
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{line-height:40px;font-size:14px;}
.con_tab ul.no2 li{width:50%;}
.con_tab ul.no3 li{width:50%;}
.con_tab ul.no4 li{width:50%;}
.con_tab ul.no11 li{width:33.2%;}


/***** 제목 *****/
h3.tit{font-size:17px;line-height:24px;background-position:0px 3px;}
h3.tit.h3_t{margin-top:30px;}
h4.tit.h4_t{margin-top:10px;}
h4.tit.h5_t{margin-top:8px;}


/***** 리스트 *****/
ul.list li{padding-left:10px;margin-bottom:6px;font-size:14px;}


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


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

/*****그레이박스 *****/
.gray_box{padding:15px;font-size:14px;}


/*모바일 스크롤 안내*/
.mscroll_guide{display:block;margin-bottom:15px;padding:20px 20px 20px 70px;background:url(/nanum/site/builder/skin/skin02_02/img/common/bg_mscroll.png) no-repeat 25px 50%;background-size:20px auto;border:1px dashed #e5e5e5;font-size:13px;line-height:18px;color:#444;word-break:keep-all;}
.mscroll_guide span{font-family:'NotoKrB';color:#da252c;}
.mscroll{overflow-y:hidden;}
.mscroll table{width:650px !important;margin-top:10px;}

		
	/* 폼태그 */
	.select_style{min-width:65px;height:43px;}
	




}

	
	
	
	
/******************************480******************************/
@media all and (max-width:480px){

	/***** 탭정의 *****/
	.con_tab ul.no11 li{width:50%;}

	
	/***** 기본테이블 *****/
	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;}
	
	
	/* 폼태그 */
	.select_style{min-width:80px;height:38px;line-height:35px;}
	.select_style select{font-size:13px;}

	.btn_w{padding-top:20px;}


}