@charset "utf-8";

.template__type1__section .banner_box {width: 100%; height: 50px; background: #1F7986;}
.template__type1__section .banner_box a {display : block; width: 100%; height: 100%;}

/* PC와 모바일 모두에서 plus_btn 다음에 있는 이미지를 숨김 */
.hospital_icons .plus_btn ~ img {display: none;}

/************* 플로팅메뉴 *************/
.floatmenu {display: block !important; width: 150px; box-sizing: border-box; padding: 18px 15px; border-radius: 18px; z-index: 10000; position: fixed; top: 300px; left: 100px; box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.4); background: #fff;}
.floatmenu .tit_wrap{text-align: center; margin-bottom: 10px;}
.floatmenu .tit_wrap .float_tit{display: block; font-size: 14px; line-height: 18px; margin-top: 10px;}
.floatmenu .float_wrap ul{padding: 16px 0; border-top: 1px solid #D9D9D9; display: none;}
.floatmenu .float_wrap ul li{margin-bottom: 10px;}
.floatmenu .float_wrap ul li:last-child{margin-bottom: 0;}
.floatmenu .float_wrap ul li a{display: flex; align-items: center; font-size: 12px; line-height: 16px;}
.floatmenu .float_wrap ul li a.on{color: #2D99A8; font-weight: 800;}
.floatmenu .float_wrap ul li a::before{content: ''; display: inline-block; width: 20px; height: 20px; margin-right: 10px; background-size: 100% auto; background-repeat: no-repeat;}
.floatmenu .float_wrap ul li a.on::before{background-position: 0 -20px;}
.floatmenu .float_more{text-indent: -9999px; display: block; width: 100%; height: 22px; border-radius: 4px; background: #F5F5F5 url(/public/assets/medical_asset/images/sub/btn_floatmore.png) 50% 50% / 12px 6px no-repeat;}
.floatmenu .float_more.open{transform: rotate(180deg);}

.floatmenu { display: block !important; width: 150px; box-sizing: border-box; padding: 18px 15px; border-radius: 18px; z-index: 10000; position: fixed; top: 300px; left: 100px; box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.4); background: #fff;}
.floatmenu .float_wrap ul li {margin-bottom: 10px;}
.floatmenu .float_wrap ul li a {display: flex; align-items: center; font-size: 12px; line-height: 16px;}
.floatmenu.medical .float_wrap ul li a.on {color: #0EBBF3; font-weight: 700;}
.floatmenu .float_wrap ul li a::before {content: '';display: inline-block;width: 20px;height: 20px;margin-right: 10px;background-size: 100% auto;background-repeat: no-repeat;}

/* 플로팅 배너 닫기 버튼 */
.floatingX {
	position: absolute;
	width: 30px;
	top: 0;
	right: 0;
	margin-top: -10%;
	cursor: pointer;
}

@media (max-width: 1200px) {
  .mo {display: none;}

  /* 모바일 vk 영역 하단 메뉴바 비노출처리 */
  .moFix__section {display: none;}
  .floatmenu {display: none !important;}
  .thingsToDo__section {padding-bottom: 40px;}

  /* 모바일(1200px 이하)에서 plus_btn을 클릭한 후 다음에 있는 이미지를 표시 */
  .plus_btn + img ~ img  {margin-top:5px;}
  .hospital_icons .plus_btn.clicked ~ img {display: block}

  /************* 플로팅메뉴 모바일 *************/
  .floatmenu {display: none !important;}
}

@media (max-width: 799px) {
  button.more-btn {width: 120px !important;}
}

@media (max-width: 320px)  {
  .section.medical_subject .icon_list {max-width: 100%;}
  .section.medical_subject .icon_list li:not(:last-child) {margin-right: 6px;}
  .section.medical_subject .icon_list li:nth-child(5n) {margin-right: 0px;}
}