@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 #cfd6e0; border-bottom:1px solid #cfd6e0; font-weight:normal;font-family:'NotoKrM' , sans-serif; font-size:16px; background:#eff3f9;}
.con_tab ul li a.on{position:relative;z-index:1;color: #222;border: 1px solid #3655cc;background:#fff;}
.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%;}
.tab_b{margin-bottom:40px;}

/*탭2*/
.con_tab.type2 ul li a{color: #999;border: 0;border-bottom: 1px solid #ccc;font-family:'NotoKrM' , sans-serif;background: #fff;}
.con_tab.type2 ul li a.on{font-family: 'NotoKrB' , sans-serif;color: #000;border: 0;border-bottom: 2px solid #000;margin-top: -1px;background:#fff;}

/* 제목*/
h3.tit{padding:4px 0 0 7px;margin-bottom:30px;background: url(/nanum/site/builder/skin/skin03_03/img/common/h3_bg.png) no-repeat 0 0;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-left: 5px; */margin-bottom:10px;padding-left: 12px;background: url(/nanum/site/builder/skin/skin03_03/img/common/h4_bg.gif) no-repeat 0 50%;}
h4.tit.h4_t{margin-top:40px;}

/* 리스트**/
ul.list{/* margin-top:20px; */}
ul.list li{padding-left:13px;margin-bottom:7px;background:url(/nanum/site/builder/skin/skin03_03/img/common/bu_list.gif) no-repeat 0 8px;text-align:left;font-size:15px;line-height:23px;color: #333;}
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/skin03_03/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/skin03_03/img/common/bu_list3.gif) no-repeat 0 6px;margin-bottom:3px;line-height:20px;color: #888;}

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

/*핑크박스*/
.pink_box{margin-top: 20px;padding: 30px 40px;    border: 1px solid #fdc8c8;word-break: keep-all;font-family:"NotoKrM", sans-serif;background: #ffefef;}

/*응급의료센터 아이콘 박스 공통*/
.icon_box{width:100%;padding: 40px 30px 40px 150px;border:1px solid #dadada;box-sizing: border-box;line-height: 0;word-break: keep-all;background-repeat:no-repeat;background-position:30px 50%;background-color:#f5f5f5;}
.icon_box p{line-height: 26px;}
.icon_box p.tit{font-family: 'NotoKrB',sans-serif;font-size: 30px; margin-bottom: 20px;}
/*응급의료센터 아이콘 박스 이미지*/
.icon_box.icon01{background-image:url(/nanum/site/builder/skin/skin03_03/img/common/icon_img01.png);}
.icon_box.icon02{background-image:url(/nanum/site/builder/skin/skin03_03/img/common/icon_img02.png);}
.icon_box.icon03{background-image:url(/nanum/site/builder/skin/skin03_03/img/common/icon_img03.png);}
.icon_box.icon04{background-image:url(/nanum/site/builder/skin/skin03_03/img/common/icon_img04.png);}

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

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



/***************************버튼정의****************************/
.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:#fff;}
.con_btn.gray:hover,
.con_sbtn.gray:hover{background:#6e779c}
/*어두운회색버튼*/
.con_btn.dgray,
.con_sbtn.dgray{background:#4f566f;color:#fff;}
.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;}

.con_btn.file_down{margin:0 5px;border:1px solid #1f4bb4;background:#fff;color:#1f4bb4;}
.con_btn.file_down span{display:inline-block;padding-right:40px;background:url(/nanum/site/builder/skin/skin03_03/img/common/btn_file_down.gif) no-repeat 100% 50%;}


/***** 기본테이블 *****/
table.table1{width:100%;border-collapse:collapse;border:1px solid #dfdfdf;border-top:1px solid #222;}
table.table1 th,
table.table1 td{padding: 15px 5px;font-size:15px;text-align:center;color:#222;box-sizing: border-box;}
table.table1 thead th{border: 1px solid #becbec;text-align:center;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.le{text-align:left;padding:15px 10px;}
table.table1 tbody td.ri{text-align:right;padding:15px 10px;}
table.table1 tbody td label{width:0;height:0;font-size:0;}
table.table1 td ul {margin-left:20px;}
table.table1 td ul li {line-height:1.2;}

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


/* 응급실 당직전문의 운영 진료과목 안내 */
.medi_list{overflow:hidden;margin-left:-11px;}
.medi_list li{float:left;width:274px;height:48px;margin:0 0 11px 11px;border:1px dashed #d5d5d5;font-size:15px;line-height:48px;text-align:center;}

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


/******************************1024******************************/
@media all and (max-width:1024px){
	
/***** 탭정의 *****/
.con_tab{font-size:14px;}
.con_tab ul li a{font-size:14px;}
.tab_t{margin-top:15px;}
.tab_b{margin-bottom:20px;}
	
/*****그레이박스 *****/
.gray_box{padding:20px;}

/* 응급실 당직전문의 운영 진료과목 안내 */
.medi_list{margin-left:0;}
.medi_list li{width:49%;height:auto;margin:0 0 2% 0;padding:10px 0;font-size:13px;line-height:normal;box-sizing:border-box;}
.medi_list li:nth-child(odd){float:left;}
.medi_list li:nth-child(even){float:right;}
	



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

/***** 제목 *****/
h3.tit{font-size:17px;line-height:24px;background-position:0px 3px;padding-top:12px;margin-bottom:20px;font-size:20px;}
h3.tit.h3_t{margin-top:30px;}
h4.tit{font-size:17px;}
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;width:auto;}

/*핑크박스*/
.pink_box{padding:15px;margin-top:10px;}
	
/*응급의료센터 아이콘 박스 공통*/
.icon_box{text-align: center;padding: 50px 15px 15px;background-size: 50px auto;background-position: 50% 15px;}
.icon_box p.tit{font-size: 20px;margin-top: 10px;margin-bottom: 5px;}

/*모바일 스크롤 안내*/
.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/skin03_03/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;}

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








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

/***** 제목 *****/
h3.tit{font-size:18px;}
h4.tit{font-size:16px;}
	


/***** 기본테이블 *****/
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;}


}