/* 1025px 이상 1400px 이하 해상도 (원장님 저서) */
@media screen and (min-width: 1025px) and (max-width: 1400px) {
  .hide-1400 { display: none !important; }
}
/* 1025px 이상 1800px 이하 해상도 (원장님 저서) */
@media screen and (min-width: 1025px) and (max-width: 1800px) {
  .hide-1800 { display: none !important; }
}
/* 380px 이하 해상도 (메인 타이틀, 암케어센터 소개) */
@media screen and (max-width: 380px) {
  .hide-xxl,.hide-xl,.hide-l,.hide-m,.hide-s { display: initial !important; } /* 다른 해상도에서 보이게 하기 */
  .hide-380 { display: none !important; } /* hide-s 앞에 항상 같이 삽입 */
}
/* Noto 폰트 IE 위쪽 쏠림 (크롬, 안드로이드 핵 추가) */
@media screen and (-webkit-min-device-pixel-ratio:0) { .noto-margin-top-11 { margin-top: 11px !important; } }
/* @media screen and (-webkit-min-device-pixel-ratio:0) { .noto-margin-top-0 { margin-top: 0 !important; } }
@media screen and (-webkit-min-device-pixel-ratio:0) { .noto-margin-bottom-10 { margin-bottom: 10px !important; } }
@media screen and (-webkit-min-device-pixel-ratio:0) { .noto-margin-bottom-30 { margin-bottom: 30px !important; } }
@media screen and (-webkit-min-device-pixel-ratio:0) { .noto-margin-top-bottom-50 { margin-top:50px !important; margin-bottom: 50px !important; } } */
/* 나눔 폰트 */
.nanum { font-family: 'Nanum Gothic', sans-serif; font-weight: 400; }
.nanum-bold { font-family: 'Nanum Gothic', sans-serif; font-weight: 700; }
.nanum-black { font-family: 'Nanum Gothic', sans-serif; font-weight: 800; }
/* Noto 폰트 */
.noto { font-family: 'Noto Sans KR', sans-serif; font-weight: 400; }
.noto-light { font-family: 'Noto Sans KR', sans-serif; font-weight: 200; }
.noto-medium { font-family: 'Noto Sans KR', sans-serif; font-weight: 500; }
.noto-bold { font-family: 'Noto Sans KR', sans-serif; font-weight: 700; }
.noto-black { font-family: 'Noto Sans KR', sans-serif; font-weight: 900; }
/* 헤드라인 폰트, 폰트 그림자 */
.hb { font-family: 'Noto Sans KR', sans-serif; font-weight: 700; letter-spacing: -1.5px; }
.h1 { line-height: 1; text-shadow: 2px 0px 5px rgba(0,0,0,0.2); }
.p-shadow { font-family: 'Noto Sans KR', sans-serif; color: #000; font-weight: 400; text-shadow: 2px 0px 5px rgba(0,0,0,0.2); }
.none-shadow { text-shadow: none !important; }
/* 가로 사이즈 */
.width-100per { width: 100%; }
.width-80per { width: 80%; margin: 0 auto; }
/* 가로 auto : 메인 블로그, 카톡 버튼 */
.width-auto { width: auto !important; }


/** 상단 이미지 메뉴 **/
/* 블로그 버튼 오른쪽 마진 */
.margin-r-2per { margin-right: 2% !important; }


/** 공지사항 **/
/* 타이틀 */
.notice-title { font-family: 'Noto Sans KR', sans-serif; font-size: 25px; color: #fff; font-weight: 500; letter-spacing: -1px; padding: 10px 20px; }
/* 박스 테두리 */
.notice-border { border: 1px solid #ccc; border-top: 0; }


/** 메뉴 바로가기 **/
/* 박스 테두리 */
.menu-border { border: 1px solid #ccc; padding: 24px 20px;}


/** 갤러리, 언론소개 이미지 박스 **/
/* 부모 div */
.jeil { position: relative; }
/* 제목 박스 */
.gallery,.media {
  position: absolute;
  display: block;
  width: 100%;
  left: 0;
  bottom: 0;
  text-align: right;
  overflow: hidden;
  z-index: 3;
}
.gallery { background: #00283a none repeat scroll 0 0; opacity: 0.8; padding: 5px 15px 5px 15px; }
.media { background: #ee7624 none repeat scroll 0 0; opacity: 0.9; padding: 6px 15px 5px 10px; }
/* 제목 문단 스타일 */
.jeil-title {
  font-family: 'Noto Sans KR', sans-serif;
  font-weight: 400;
  color:#fff !important;
}
.title-gallery { font-size: 1.1rem !important; letter-spacing: -0.2px; }
.title-media { font-size: 1rem !important; letter-spacing: -0.3px; }


/** 주간식단 소개, 병원소식, 통증치료 텍스트 박스 **/
/* 배경 컬러 (핑크 : #ef5b5d) */
.back-c-orange { background: #ee7624 none repeat scroll 0 0; }
.back-c-blue { background: #1e7fbd none repeat scroll 0 0; }
.back-c-red { background: #cf4f4c none repeat scroll 0 0; } /* 통증 치료 */
.back-c-green { background: #64b845 none repeat scroll 0 0; }
/* 폰트 컬러 */
.text-c-orange { color: #fec299 !important; }
.text-c-blue { color: #9bd4f8 !important; }


/** 공지사항 이미지 박스 **/
/* 이미지 박스 그림자 */
.notice-box {
  position: relative;
  /* box-shadow: 오른쪽 이동, 아랫쪽 이동, 블러, 음영 범위 / 안쪽 그림자 : inset */
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.4);
  z-index: 1;
}


/** 원장님 저서 **/
/* 이미지 박스 테두리 */
.border-ccc { border: 1px solid #ccc; padding: 10px; }


/** 진료안내 **/
/* 진료 시간 박스 테두리 */
.border-dark-stroke-8 { border: 8px solid #002633; }
/* 테이블 li */
.time li {
  border-bottom: 1px dotted #000;
  list-style: outside none none;
  font-family: 'Noto Sans KR', sans-serif;
  font-weight: 400;
  font-size: 1.1rem;
  letter-spacing: -0.3px;
  padding: 0.7rem;
  margin-top: 7px;
}
/* li 폰트 */
.time li span { font-family: 'Noto Sans KR', sans-serif; font-weight: 500; color:#e45d00; }


/** 외래, 입원안내, 암치료 프로그램 **/
/* 테이블 */
table.medical { font-size: 0.95rem; margin-bottom: 60px; }
/* 테이블 상하 라인 */
table tr:first-child { border-top: 1px solid #e5e5e5; }
table tr:last-child { border-bottom: 1px solid #e5e5e5; }
.border-bt { border-bottom: 1px solid #e5e5e5; }
/* 타이틀 */
table td.title { width: 90px; border-right: 1px solid #e5e5e5 !important; padding-left: 22px; }
table td.title.left-17 { padding-left: 17px; }
/* 내용 */
table td.content { letter-spacing: -0.3px; text-align: justify; padding-left: 15px; }
table td.white { background: none repeat scroll 0 0 #fff; }
table td.F5F5F5 { background: none repeat scroll 0 0 #f5f5f5; }


/** 온라인 상담 게시판 이용안내 **/
/* 박스 그림자, 배경 */
.qna-box {
  position: relative;
  /* box-shadow: 오른쪽 이동, 아랫쪽 이동, 블러, 음영 범위 / 안쪽 그림자 : inset */
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.4);
  background: rgba(0, 0, 0, 0) url("../img/qna_back_img.jpg") repeat fixed 0 0 / 100% auto;  /* div 배경 이미지 삽입 */
  padding: 2.5rem 2.6rem 1.5rem 1.3rem !important; /* IE, 크롬 여백 차이 핵 추가 */
  z-index: 1;
}
/* qna-box 패딩 값으로 테이블 한쪽으로 쏠림 (크롬, 안드로이드 핵 추가) */
@media screen and (-webkit-min-device-pixel-ratio:0) { .qna-box { padding: 2.5rem 2.5rem 1.5rem 2rem !important; } }
/* 테이블 */
.qna-table {
  background: rgba(255, 255, 255, 0.10) none repeat scroll 0 0;
  border-radius: 0 0 4px 4px;
  color: #fff;
}
/* 제목 */
h3.qna-title {
  background: rgba(255, 255, 255, 0.20) none repeat scroll 0 0;
  border-radius: 4px 4px 0 0;
  font-family: 'Nanum Gothic', sans-serif;
  font-weight: 700;
  font-size: 1.1rem;
  color: #fff;
  text-align: center;
  padding: 0.9rem 0;
  margin: 0;
}
/* 상담전화 제목 (#ffcb00) */
h3.qna-title.hightlight {
  background: #ff8836 none repeat scroll 0 0;
  color: #002633;
}
/* 테이블 li */
.qna-table li {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  list-style: outside none none;
  font-size: 0.9rem;
  padding: 0.7rem;
  padding-left: 10%;
}
/* 강조 폰트 */
b.best-qna { color: #ff8836; }


/** 지도 **/
/* 지도 박스 */
.map-border { width:100%; height:500px; border: 1px solid #002633; padding: 10px; } /* 지도 테두리 */
.map-box { width: 100%; height: 500px; position: relative; overflow: hidden; } /* 지도 div 속성 (높이 지정) */

/* 지도 컨트롤러 */
.map_wrap { position: relative; overflow: hidden; width: 100%; height: 100%; }
.radius_border { border:1px solid #919191; border-radius:5px; }
.custom_zoomcontrol { position: absolute; background-color: #f5f5f5; top: 50px; right: 10px; width: 36px; height: 80px; overflow: hidden; z-index: 1; }
.custom_zoomcontrol span { display: block; width: 36px; height: 40px; text-align: center; cursor: pointer; padding: 12px 0 8px 10px; }
.custom_zoomcontrol span img { width: 15px; height: 15px; border: none; }
/* 원본 : span img 패딩 값 → span 으로 옮기고 패딩 값 변경 (확대, 축소 아이콘 버그)
.custom_zoomcontrol span { display: block; width: 36px; height: 40px; text-align: center; cursor: pointer; }
.custom_zoomcontrol span img { width: 15px; height: 15px; padding: 12px 0; border: none; } */
.custom_zoomcontrol span:first-child { border-bottom: 1px solid #bfbfbf; }


.map-address { border-top:3px solid #000; border-bottom: 1px solid #000; }