/*25.07.09*/
@charset "UTF-8";

/*--- 공통 레이아웃 ---*/


.wFix {
  max-width: 1720px !important;
  margin: 0 auto !important;
  padding: 0 10em;
}

.wFix2 {
  max-width: 1850px !important;
  margin: 0 auto !important;
  padding: 0 10em;
}

.wFix3 {
  max-width: 1230px;
  margin-left: 27.6%;
  margin-right: 8.33%;
}

.wFix4 {
  max-width: 500px !important;
  margin: 0 auto !important;
  padding: 0 1em !important;
}

.wFix5 {
  max-width: 1230px !important;
  margin: 0 auto !important;
  padding: 0 1em !important;
}

@media screen and (max-width: 1024px){
	.wFix, .wFix2{
	padding: 0 4em;}
}

@media screen and (max-width: 768px){
	.wFix, .wFix2{
	padding: 0 2em;}
}

body,
html,
a,
button,
table,
input,
select,
textarea {
  color: #38445a !important;
}

.fw100 {
  font-weight: 100 !important;
}

.fw200 {
  font-weight: 200 !important;
}

.fw300 {
  font-weight: 300 !important;
}

.fw400 {
  font-weight: 400 !important;
}

.fw500 {
  font-weight: 500 !important;
}

.fw600 {
  font-weight: 600 !important;
}

.fw700 {
  font-weight: 700 !important;
}

.fw800 {
  font-weight: 800 !important;
}

.fw900 {
  font-weight: 900 !important;
}

:root {
  --blue: #5188f5 !important;
  --orange: #ffb115 !important;
  --navy: #3f5297 !important;
  --pink: #ff78ae !important;
  --yellow: #fbbd4a !important;
  --mint: #4bb7c7 !important;
  --peach: #ff9d6c !important;
  --lightblue: #3894f7 !important;
  --bg_pink: #FFD6E1 !important;
  --bg_yellow: #FFF5C1 !important;
  --bg_mint: #D0F2EC !important;
  --bg_lightblue: #CBE8FF !important;
  --bg_peach: #ffe2ce !important;
}

.font_mint{color: var(--mint) !important;}
.font_lightblue{color: var(--lightblue) !important;}
.font_peach{color: var(--peach) !important;}

.bg_mint{background-color: var(--mint) !important;}
.bg_lightblue{background-color: var(--lightblue) !important;}
.bg_peach{background-color: var(--peach) !important;}

.font_bg_pink{color: var(--bg_pink) !important;}
.font_bg_yellow{color: var(--bg_yellow) !important;}
.font_bg_mint{color: var(--bg_mint) !important;}
.font_bg_lightblue{color: var(--bg_lightblue) !important;}

.bg_bg_pink{background-color: var(--bg_pink) !important;}
.bg_bg_yellow{background-color: var(--bg_yellow) !important;}
.bg_bg_mint{background-color: var(--bg_mint) !important;}
.bg_bg_lightblue{background-color: var(--bg_lightblue) !important;}

.bg_eee {
  background-color: #eeeeee !important;
}

.dp_flex {
  display: flex !important;
}

.dp_grid {
  display: grid !important;
}

.flex_1 {
  flex: 1 !important;
}

.flex_wrap {
  flex-wrap: wrap !important;
}

.wrap_row {
  display: flex !important;
  flex-direction: row !important;
}

.wrap_col {
  display: flex !important;
  flex-direction: column !important;
}

.jc_space_between {
  justify-content: space-between !important;
}

.jc_flex_start {
  justify-content: flex-start !important;
}

.jc_center {
  justify-content: center !important;
}

.ai_center {
  align-items: center !important;
}

.ai_flex_end {
  align-items: flex-end !important;
}

.ai_end {
  align-items: end !important;
}

/*--- 서브 네비게이션 ---*/
.sub_nav {
  border: 3px solid #5188f5;
  border-radius: 1rem;
  position: absolute;
  top: 367px; /*25.06.12 top:448px->547px으로 수정되었습니다.*/ /*547px > 347px*/
  left: 7%; /*25.06.23 left 8% > 7%로 수정*/
  overflow: hidden;
  background-color: #fff;
  z-index: 50;
  min-width: 230px; /*25.06.23 width 240 > 260px로 변경*/
  max-width: 260px;
}

.sub_nav::before {
  z-index: -1;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 80px;
  background: linear-gradient(to bottom, #5188f5, #2153b7);
}

.sub_nav_title {
  height: 80px;
  display: flex;
  align-items: center;
}

.sub_nav_title h1 {
  padding: 1rem;
}

.sub_nav_content {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.sub_nav_content > div {
  margin: 0 auto;
}

.sub_nav_content a {
  display: block;
  padding: 0.6rem;
}

.sub_nav_content a span {
  display: block;
}

.sub_nav_content a:hover span:not(.font_blue) {
  text-decoration: underline !important;
}

.sub_nav_content a:first-of-type {
  margin-top: 0.5rem;
}

.sub_nav_content a:last-of-type {
  margin-bottom: 0.2rem;
}

/*--- 버튼 스타일 ---*/
.k6000_btn {
  background: var(--blue);
  color: var(--white);
  margin: 0 auto;
}

/*--- 리스트 스타일 ---*/
.ul_blue_square_l {
  list-style: none;
  /*list-style-type: square;*/
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

.ul_blue_square_l > li {
  position: relative;
  padding-left: 2rem;
}

.ul_blue_square_l > li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 5px;
  width: 20px;
  height: 20px;
  background-image: url(/images/web/point_star.png);
  background-size: contain;
  background-repeat: no-repeat;
}

/*.ul_blue_square_l li::marker {
  color: var(--blue);
  font-size: 1.8rem;
}*/

.ul_blue_square {
  list-style: none;
  /*list-style-type: square;*/
  padding-left: 0.5rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.ul_blue_square.no_gap{
	gap: 0 !important;
}

.ul_blue_square > li {
  position: relative;
  padding-left: 2rem;
}

.ul_blue_square > li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 4px;
  width: 15px;
  height: 15px;
  background-image: url(/images/web/point_star.png);
  background-size: contain;
  background-repeat: no-repeat;
}

/*.ul_blue_square li::marker {
  color: var(--blue);
  font-size: 1.5rem;
}*/

/*--- 테이블 스타일 ---*/
.k6000_table {
  border: 1px solid #efefef;
}

.k6000_table.no_sticky thead{
	position: static;
}

.k6000_table thead {
  background-color: #f6f6f8;
  position: sticky;
  top: 0;
}

.k6000_table th {
  font-size: 1.1rem;
  padding: 0.7rem;
/*   text-align: left !important; */
  word-break: break-word;
  white-space: normal;
}

.k6000_table td {
  text-align: left; /*25.07.10 모든 td left로 처리(따로 구분지어야하면 center로 바꾼 후 아래 css참고)*/
  font-size: 1rem;
  padding: 0.7em;
  line-height: 180%;
  word-break: break-word;
  white-space: normal;
}

.k6000_table.left td {
  text-align: left;
/*   font-size: 1.1rem; */
  padding: 0.7em;
  line-height: 180%;
}

@media screen and (max-width: 768px){
	.k6000_table td{
	font-size: 14px;}
	
	.k6000_table th{
	font-size: 16px;
	font-weight: 800;}
}

.k6000_table td div{
	word-break: break-word;
	white-space: normal;
	height: auto;
}

.k6000_table tr:not(:last-child) td {
  border-bottom: 1px solid #efefef;
}

.facility_table_wrap.facility_table1{
	overflow-x: hidden;
}

.k6000_table.k6000_center_table .right_line{
	border-right: 1px solid #eee;
}

.k6000_table.k6000_center_table .btn{
	height: auto !important;
	min-height: 40px !important;
	width: 80%;
	margin: 0 auto;
}

.k6000_table.k6000_center_table .btn:hover{
	background-color: var(--blue) !important;
}

@media screen and (max-width: 767px){
	.k6000_table .btn{
	width:100%;
	}
	.k6000_table th{
	font-size: 16px;}
	
	.k6000_table td{
	font-size: 14px;}
}

@media screen and (max-width: 425px){
	.k6000_table th{
	font-size: 15px;}
	
	.k6000_table td{
	font-size: 13px;}
}

/*table col*/
.facility_col1{
	width: 10%;
}
.facility_col2{
	width: 25%;
}
.facility_col3{
	width: 35%;
}
.facility_col4{
	width: 15%;
}
/* .facility_col5{
	width: 15%;
} */

.info_col1{
	width: 15%;
}
.info_col2{
	width: 15%;
}
.info_col3{
	width: 35%;
}
.info_col4{
	width: 15%;
}
.info_col5{
	width: 20%;
}


@media screen and (max-width: 768px){
	.facility_col1{
	width: 10%;
}
.facility_col2{
	width: 17%;
}
.facility_col3{
	width: 28%;
}
.facility_col4{
	width: 20%;
}
.facility_col5{
	width: 25%;
}

.info_col1{
	width: 10%;
}
.info_col2{
	width: 20%;
}
.info_col3{
	width: 33%;
}
.info_col4{
	width: 15%;
}
.info_col5{
	width: 22%;
}
}


/*.facility_table_wrap.facility_table1 .btn{
	height: auto;
	word-break: break-all;
}*/

/*--- 서브페이지 비주얼 ---*/
.sub_main_visual_k6000::before {
  content: "";
  position: absolute;
  top: 60px;
  left: 50%;
  transform: translateX(-50%);
  width: 100vw;
  height: 100%;
  background-image: url(/images/web/sub_visual_new1.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  z-index: -1;
}

.sub_main_visual_co-care::before {
  content: "";
  position: absolute;
  top: 60px;
  left: 50%;
  transform: translateX(-50%);
  width: 100vw;
  height: 100%;
  background-image: url(/images/web/sub_visual_new2.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  z-index: -1;
}

.sub_main_visual_together_care::before {
  content: "";
  position: absolute;
  top: 60px;
  left: 50%;
  transform: translateX(-50%);
  width: 100vw;
  height: 100%;
  background-image: url(/images/web/sub_visual_new3.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  z-index: -1;
}

.sub_main_visual_info::before {
  content: "";
  position: absolute;
  top: 60px;
  left: 50%;
  transform: translateX(-50%);
  width: 100vw;
  height: 100%;
  background-image: url(/images/web/sub_visual_new4.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  z-index: -1;
}

.sub_main_visual_docs::before {
  content: "";
  position: absolute;
  top: 60px;
  left: 50%;
  transform: translateX(-50%);
  width: 100vw;
  height: 100%;
  background-image: url(/images/web/sub_visual_new5.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  z-index: -1;
}

.sub_main_visual_reservation::before {
  content: "";
  position: absolute;
  top: 60px;
  left: 50%;
  transform: translateX(-50%);
  width: 100vw;
  height: 100%;
  background-image: url(/images/web/sub_visual_new6.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  z-index: -1;
}

.sub_main_visual_center_info::before {
  content: "";
  position: absolute;
  top: 60px;
  left: 50%;
  transform: translateX(-50%);
  width: 100vw;
  height: 100%;
  background-image: url(/images/web/sub_visual_new7.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  z-index: -1;
}

button:disabled {
  cursor: default !important;
}

@media screen and (max-width: 1024px) {
  .sub_main_visual_text {
    margin-top: 100px;
  }
}