@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.no4 li:nth-child(n+5){margin-top:-1px;}
.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_01/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_01/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_01/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_01/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_01/img/common/bu_list3.gif) no-repeat 0 6px;margin-bottom:3px;line-height:20px;color: #888;}

/***** 아이콘박스*****/
.icon_box{text-align:left;border: 1px solid #dfdfdf;padding:0 50px;/* margin-top: 0; *//* background-color: #f5f5f5; */}
.icon_box .area{padding:40px 0 40px 140px;text-align:left;background-position:left 35px;background-size: 90px auto;background-repeat:no-repeat;/* background-color: #f9f9f9; */word-break:keep-all;}
.icon_box p.bx_tit{font-weight:normal;font-family:'NotoKrL';font-size:26px;color:#222;line-height:40px;letter-spacing:-0.05em;}
.icon_box p.bx_txt{font-size:15px;color:#757575;margin-top:15px;}
.icon_box p.bx_txt.b{color:#222;font-weight:normal;font-family:'NotoKrM';margin-top:15px;}
.icon_box .area.icon1{background-image:url(/nanum/site/builder/skin/skin03_01/img/common/nation_icon01.gif);}

/* 포인트텍스트 */
.point_txt{padding-left:28px;background:url(/nanum/site/builder/skin/skin03_01/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;box-sizing: border-box;}
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{box-sizing: border-box;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_01/img/common/btn_file_down.gif) no-repeat 100% 50%;}
.con_btn.file_down:hover{background:#1f4bb4;color:#fff;}
.con_btn.file_down:hover span{background:url(/nanum/site/builder/skin/skin03_01/img/common/btn_file_down_ov.gif) no-repeat 100% 50%;}

.con_btn.tablank{box-sizing: border-box;margin:0 5px;border:1px solid #1f4bb4;background:#fff;color:#1f4bb4;}
.con_btn.tablank span{display:inline-block;padding-right:40px;background:url(/nanum/site/builder/skin/skin03_01/img/common/blank_link.gif) no-repeat 100% 50%;}
.con_btn.tablank:hover{background:#1f4bb4;color:#fff;}
.con_btn.tablank:hover span{background:url(/nanum/site/builder/skin/skin03_01/img/common/blank_link_ov.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;}
table.table1 .blue_txt{font-family:'NotoKrB';font-size:16px;line-height:1.4;color:#1f4bb4;}
table.table1 .black_txt{font-family:'NotoKrB';font-size:16px;line-height:1.4;color:#000;}

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


/*****박스 디자인 공통******/
/***박스1***/
.heed_bx{display: inline-block;width:100%;position:relative;margin-bottom:50px;}
.heed_bx.w{margin-bottom:200px;}
.heed_bx .heed_tit{position:absolute;top: 35px;left:0;width: 150px;padding: 15px 0;background: #d9e1ff;margin:0 auto;text-align:center;font-size: 17px;font-weight: normal;font-family: 'NotoKrB',sans-serif;color: #08195a;border-radius: 15px;box-shadow: 5px 5px #1a1f88;}
.heed_bx .heed_tit.w{width:193px;}
.heed_bx .heed_linebx{min-height: 60px;border: 1px solid #000;padding: 35px 35px 30px 125px;margin-left: 68px;}
.heed_bx .heed_linebx.w{padding: 35px 35px 30px 158px;}
.heed_bx .heed_linebx p{margin-bottom:7px;}
.heed_bx .heed_linebx p span{display:inline-block;width:70px;border-radius:30px;padding: 7px 0;color:#fff;text-align:center;line-height: 15px;margin-right:12px;background:#e12b4d;}

/*위장검사 유의사항 이미지*/
.heed_bx .heed_img01{position:absolute;top:370px;left:-5px;}
.heed_bx .heed_img02{position:absolute;top:-190px;right:-19px;}

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

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

/***** 아이콘박스*****/
.icon_box{width:auto;padding:0;}
.icon_box .area{padding:140px 30px 30px 30px;text-align:center;background-position:center 30px;}
.icon_box p.bx_tit{font-size:26px;line-height:32px;}
.icon_box p.bx_txt{margin-top:12px;}
.icon_box .area.icon17{padding-top:160px;}
	



}
/******************************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.h4_t{margin-top:10px;}
h4.tit.h5_t{margin-top:8px;}


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

/***** 아이콘박스*****/
.icon_box{margin-top:0;}
.icon_box .area{padding:100px 20px 40px 20px;background-size:50px auto;}
.icon_box p.bx_tit{font-size:23px;line-height:30px;}
.icon_box p.bx_txt{font-size:14px;margin-top:10px;}



/***** 버튼정의 *****/
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;}

/*사본발급 및 서류*/
.con_btn.file_down{padding:10px;}


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

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

/*****박스 디자인 공통******/
/***박스1***/
.heed_bx  .heed_tit{position:relative;top:0;left:0;width:100px;margin:0 auto;padding:10px 0;font-size: 15px;}
.heed_bx .heed_linebx,
.heed_bx .heed_linebx.w{min-height:auto;padding: 37px 30px 20px 30px;margin-left:0;margin-top: -20px;}
.heed_bx .heed_linebx.col02{padding:65px 30px 20px 30px;}
.heed_bx .heed_linebx p{position: relative;padding-top: 3px;}
.heed_bx .heed_linebx p span{position: absolute;top: 0;left: 0;}
.heed_bx,
.heed_bx.w{margin-bottom:25px;}

/*위장검사 유의사항 이미지*/
.heed_bx .heed_img01,
.heed_bx .heed_img02{display:none;}






}
/******************************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;}

/* 버튼 */
.con_btn{width:100%;margin:0 0 5px 0 !important;}

}