@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;border:1px solid #e5e5e5;border-bottom:1px solid #2263bb;background:#fff;font-family:'NotoKrM';font-weight:normal;font-size:16px;line-height:50px;letter-spacing:-0.05em;color:#000;text-align:center;}
.con_tab ul li a.on{position:relative;background:#1f4bb4;color:#fff;z-index:1;}

.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.no8 li{width:12.5%;}

.tab_b{margin-bottom:40px;}

/* 제목 */
h3.tit{margin-bottom:20px;font-family:'NotoKrM';font-size:24px;font-weight:normal;color:#222;line-height:1.2;letter-spacing:-0.05em;}
h3.tit.h3_t{margin-top:50px;}
h4.tit{margin-bottom:20px;font-family:'NotoKrM';font-size:20px;font-weight:normal;color: #1f4bb4;letter-spacing:-0.05em;}
h4.tit.h4_t{margin-top:30px;}

/* 리스트 */
ul.list li{margin:5px 0;padding-left:14px;background:url(/nanum/site/builder/skin/major/img/common/icon_list.gif) no-repeat 0 10px;font-size:15px;line-height:24px;color:#555;}
ul.list li ul.list2{margin:5px 0 15px;}
ul.list2 li{margin:5px 0;padding-left:14px;background:url(/nanum/site/builder/skin/major/img/common/icon_list2.gif) no-repeat 0 10px;font-size:14px;line-height:22px;color:#888;}

/* 테이블 */
.table1{width:100%;border-top:2px solid #000;border-left:1px solid #e5e5e5;word-wrap:break-word;}
.table1 thead th{padding:15px 0;border-right:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;background:#f4f5f9;font-family:'NotoKrM';font-size:14px;color:#000;font-weight:normal;text-align:center;}
.table1 tbody th{padding:15px;border-right:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;font-family:'NotoKrB';font-weight:normal;font-size:14px;line-height:22px;text-align:center;}
.table1 tbody td{padding:15px;border-right:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;font-family:'NotoKrM';font-size:14px;line-height:22px;color:#222;text-align:center;vertical-align:middle;}
.table1 tbody th.dot_line,
.table1 tbody td.dot_line{border-bottom:1px dashed #e5e5e5;}
.table1 tbody td.left{text-align:left;}
.table1 tbody td.left ul.list li{font-size:14px;line-height:22px;color:#222;}
.table1 tbody td .eng{font-weight:500;}

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

/* 버튼 */
.btn_w{padding:50px 0;text-align:center;}

.con_btn,
.con_sbtn{position:relative;display:inline-block;font-family:'NotoKrM';}
.con_btn{padding:12px 49px;font-size:16px;}
.con_sbtn{padding:7px 19px;font-size:14px;}

.con_btn.blue{border:1px solid #2763ba;background:#2763ba;color:#fff;}

.con_btn.blue_bor,
.con_sbtn.blue_bor{border:1px solid #1f4bb4;background:#fff;color:#1f4bb4;}

.con_btn.gray,
.con_sbtn.gray{border:1px solid #555;background:#555;color:#fff;}

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

input.con_sbtn{padding:9px 19px;}

/* 영문 */
.eng{font-family:'Roboto',sans-serif !important;}

/*.selbx{position:relative;display:inline-block;height:38px;z-index:1;border:1px solid #d5d5d5;vertical-align:middle;}
.selbx:before{content:"";position:absolute;top:50%;right:15px;width:0;height:0;margin-top:-1px;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #333;}
.selbx label{position:absolute;top:0;left:0;padding:8px 15px;z-index:-1;}
.selbx select{width:100%;height:auto;line-height:normal;font-family:inherit;padding:8px 15px;border:0;opacity:0;filter:alpha(opacity=0);-webkit-appearance:none;-moz-appearance:none;appearance: none;}*/

/* 컨텐츠타입_가로형 */
.ct_type_h{overflow:hidden;width:100%;word-break:keep-all;}
.ct_type_h .title{float:left;width:90px;padding:20px 30px 30px 20px;border-top:1px solid #000;font-family:'NotoKrM';font-size:18px;color:#000;clear:both;}
.ct_type_h .cont{float:left;width:640px;padding:20px 30px 30px 30px;border-top:1px solid #e5e5e5;}

/* 공지사항형_박스 */
.notibox{margin-top:30px;padding:29px;border:1px solid #e5e5e5;}
.notibox p.noti_tit{margin-bottom:15px;padding-left:30px;background:url(/nanum/site/builder/skin/major/img/common/icon_notibox.gif) no-repeat 0 50%;background-size:18px auto;font-family:'NotoKrM';font-size:16px;}
.notibox p.noti_tit.tit_t{margin-top:30px;}

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

/* 응급진료_병원소개_공통 */
.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;}

/* 의료진소개팝업 */
.dinfo_detail{padding:20px;}
.dinfo_detail .desc{padding:30px 0;}

/* 테이블형식폼 */
.board_frm{display:table;width:100%;border-top:2px solid #000;}
.board_frm dl{display:table-row;}
.board_frm dt{display:table-cell;width:18%;padding:10px 20px;border-bottom:1px solid #e5e5e5;background:#f9f9f9;font-family:'NotoKrM';font-size:15px;color:#000;vertical-align:middle;}
.board_frm dd{display:table-cell;width:auto;padding:10px 20px;border-bottom:1px solid #e5e5e5;vertical-align:middle;}
.board_frm dd select,
.board_frm dd input,
.board_frm dd a,
.board_frm dd img{vertical-align:middle;}
.board_frm dd input.mem_input{height:38px;padding:0 10px;border:1px solid #d5d5d5;font-family:'NotoKrM';font-size:15px;color:#000;}
.board_frm dd input.mem_input::-webkit-input-placeholder{color:#666;}
.board_frm dd input.mem_input:-ms-input-placeholder{color:#666;}
.board_frm dd p.tip{padding-top:5px;font-size:14px;color:#666;}
.board_frm dd .frm_txt{display:inline-block;position:relative;}
.board_frm dd .frm_txt:before,
.board_frm dd .frm_txt:after{position:absolute;top:0;line-height:40px;display:inline-block;font-size:13px;color:#838383;}

.board_frm dd .set_id .con_sbtn{margin-left:10px;}

.board_frm dd .set_tel .frm_txt{padding-left:20px;}
.board_frm dd .set_tel .frm_txt:before{content:'-';left:7px;}
.board_frm dd .set_tel .frm_txt:first-child{padding-left:0;}
.board_frm dd .set_tel .frm_txt:first-child:before{content:'';left:0;}

.board_frm dd .set_email .frm_txt:first-child{padding-right:30px;}
.board_frm dd .set_email .frm_txt:first-child:after{content:'@';right:10px;}

.board_frm dd .set_zipcode .addr{display:block;margin-top:10px;}
.board_frm dd .set_zipcode .addr input{margin-right:5px;}

/****************************** 태블릿 ******************************/
@media all and (max-width:1024px){

/* 제목*/
h3.tit{margin-bottom:15px;font-size:19px;}
h3.tit.h3_t{margin-top:30px;}
h4.tit{margin-bottom:15px;font-size:17px;}
h4.tit.h4_t{margin-top:20px;}

/* 리스트 */
ul.list li{padding-left:8px;background-size:2px auto;font-size:14px;line-height:22px;}
ul.list2 li{font-size:13px;line-height:20px;}

/* 테이블 */
.table1{table-layout:fixed;}
.table1 thead th,
.table1 tbody th,
.table1 tbody td{padding:10px;font-size:13px;line-height:18px;}
.table1 tbody td.left ul.list li{font-size:13px;}

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

/* 버튼 */
.btn_w{padding:20px 0;}
.con_btn{width:48%;min-width:auto;padding:8px 0;font-size:14px;box-sizing:border-box;}
.con_sbtn{padding:5px 10px;font-size:13px;}
input.con_btn{padding:10px 0 11px;}

/* 컨텐츠타입_가로형 */
.ct_type_h .title{width:20%;box-sizing:border-box;}
.ct_type_h .cont{width:80%;box-sizing:border-box;}

/* 공지사항형_박스 */
.notibox{padding:19px;}
.notibox p.noti_tit{font-size:14px;}

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

/* 응급진료_병원소개_공통 */
.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;}

/* 테이블형식폼 */
.board_frm{padding-top:10px;}
.board_frm dl{display:block;}
.board_frm dt{display:block;width:100%;padding:10px 0 0 0;border-bottom:0;background:none;font-family:'NotoKrB';font-size:14px;box-sizing:border-box;}
.board_frm dd{position:relative;display:block;width:100%;padding:8px 0 10px 0;border-bottom:0;box-sizing:border-box;}
.board_frm dd input.mem_input{width:100% !important;height:40px;font-size:14px;box-sizing:border-box;}
.board_frm dd p.tip{font-size:13px;}
.board_frm dd .con_sbtn{position:absolute;top:8px;right:0;height:40px;line-height:40px;padding:0 10px;box-sizing:border-box;}

.board_frm dd .set_id{padding-right:90px;box-sizing:border-box;}
.board_frm dd .set_id .con_sbtn{margin-left:0;}

.board_frm dd .set_tel,
.board_frm dd .set_email{display:inline-block;width:100%;}

.board_frm dd .set_tel .selbx{float:left;width:33% !important;box-sizing:border-box;}
.board_frm dd .set_tel .selbx select{width:100% !important;box-sizing:border-box;}
.board_frm dd .set_tel .frm_txt{float:left;width:33%;box-sizing:border-box;}

.board_frm dd .set_email .frm_txt{float:left;width:50% !important;box-sizing:border-box;}
.board_frm dd .set_email .frm_txt:first-child{box-sizing:border-box;}
.board_frm dd .set_email .selbx{width:100% !important;margin:5px 0 0 0 !important;}

.board_frm dd .set_zipcode{box-sizing:border-box;}
.board_frm dd .set_zipcode > .mem_input{width:50% !important;}
.board_frm dd .set_zipcode .con_sbtn{position:relative;top:auto;margin-left:5px !important;}

.board_frm dd .set_zipcode .addr{display:block;margin-top:0;}
.board_frm dd .set_zipcode .addr input{width:100% !important;margin:5px 0 0 0;}

.board_frm dd .set_cert{overflow:hidden;}
.board_frm dd .set_cert a{position:relative;top:auto;right:auto;width:49%;box-sizing:border-box;text-align:center;}
.board_frm dd .set_cert a.ml10{margin-left:0;}
.board_frm dd .set_cert a:nth-child(1){float:left;}
.board_frm dd .set_cert a:nth-child(2){float:right;}

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

}

/****************************** 모바일 ******************************/
@media all and (max-width:767px){

/*탭*/
.con_tab ul li{width:50% !important;margin:0 -1px -1px 0;}
.con_tab ul li a{padding:10px 0;border-bottom:1px solid #e5e5e5;;font-size:14px;line-height:normal;}
.tab_b{margin-bottom:30px;}

/* 컨텐츠타입_가로형 */
.ct_type_h .title{float:none;width:auto;margin-top:20px;padding:0;border-top:0;font-size:15px;}
.ct_type_h .title:first-of-type{margin-top:0;}
.ct_type_h .cont{float:none;width:auto;border-top:0;padding:0;}

/*모바일 스크롤 안내*/
.mscroll_guide{display:block;margin-bottom:15px;padding:20px 20px 20px 70px;background:url(/nanum/site/builder/skin/major/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:767px !important;margin-top:10px;}

}

/****************************** 모바일2 ******************************/
@media all and (max-width:360px){

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

}

/****************************** 웹 ******************************/
@media(min-width:1025px){

/* 버튼 */
.con_sbtn.blue_bor:hover{background:#1f4bb4;color:#fff;}

.con_sbtn.file_down:hover{background:#1f4bb4;color:#fff;}
.con_sbtn.file_down:hover span{background:url(/nanum/site/builder/skin/major/img/common/btn_file_down_ov.gif) no-repeat 100% 50%;}

/* 오버했을때_아이콘나오는버튼 */
.con_btn:before{display:block;position:absolute;top:0;left:0;content:"";opacity:0;filter:Alpha(opacity=0);-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;transition:all 0.3s;}
.con_btn span{position:relative;left:0;color:#fff;-webkit-transition:left 0.4s;-moz-transition:left 0.4s;-o-transition:left 0.4s;-ms-transition:left 0.4s;transition:left 0.4s;z-index:1;}
.con_btn i{position:absolute;top:50%;right:50px;opacity:0;filter:Alpha(opacity=0);-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;-ms-transition: all 0.3s;transition: all 0.3s;vertical-align:middle;} 
.con_btn:hover:before{opacity:1;filter:Alpha(opacity=100);}
.con_btn:hover span{color:#fff;left:-20px;}
.con_btn:hover i{right:20px;opacity:1;filter:Alpha(opacity=100);}

i.arr_rit{width:8px;height:14px;margin-top:-7px;background:url(/nanum/site/builder/skin/major/img/common/icon_arr_rit.png) no-repeat;}

}