body {
	font-family:'SUIT', Malgun Gothic, "맑은고딕", arial, sans-serif;
	font-size: 15px;
	line-height: 1.2em;
	word-break: auto-phrase;
	overflow-x: clip;
	color: #2c2c2c;
}
body.cn {font-family:'Noto Sans SC', arial, sans-serif;}
body.jp {font-family:'Noto Sans JP', arial, sans-serif;}
.orange, .orange span {
    color: #ff710d !important;
}
.m-block {display: none;}
.table {width: 100%; border-top: 2px solid #000;}
.table td, .table th {
	padding: 15px 5px;
	border: 1px solid #dee2e6;
	font-size: 15px;
	line-height: 1.2em;
	text-align: center;
	vertical-align: middle !important;
	white-space: nowrap;
}
.tab-pane .table td, .tab-pane .table th {
	white-space: pre-line;
}
.table th {background: #e9e9e9;}
.table td.tl {padding-left: 20px;}
.table span {color: #2c2c2c;}
.title {
    margin-top: 70px;
    margin-bottom: 50px;
    width: 100%;
    text-align: center;
}
.title h2 {
    font-size: 41px;
    font-weight: bold;
}
.title-sub {
    font-weight: bold;
    font-size: 25px;
    margin-bottom: 20px;
}
.title-sub.kr, .title-sub.en, .title-sub.cn, .title-sub.jp,
.table .kr, .table .en, .table .cn, .table .jp {display: none;}
.kr .title-sub.kr, .kr .table .kr {display: block;}
.en .title-sub.en, .en .table .en {display: block;}
.cn .title-sub.cn, .cn .table .cn {display: block;}
.jp .title-sub.jp, .jp .table .jp {display: block;}
#pills-tab .nav-link {
    text-align: center;
    background-color: #f9f9f9;
    padding: 15px 5px;
    border: 1px solid #d7d7d7;
    border-radius: 5px;
}
#pills-tab .nav-link.active {
    background: #ff710d;
    border-color: #ff710d;
    color: #fff;    
}
#pills-tab .col-4 {
	padding-right: 10px;
    padding-left: 10px;
}
.box {
    border: 1px solid #ddd;
    padding: 2em 3em;
}
.description {
    padding-left: 10px;
    margin-bottom: 0;
}
.description li {
    padding-left: 10px;
    line-height: 1.2em;
    margin-top: 5px;
}
.description li::marker {content: '※';}
.description li ul {padding-left: 5px;}
.description li ul li {color: #777;}
.description li ul li::marker {content: '·';}

/* sub */
.en .sub #about, .jp .sub #about, .cn .sub #about {height: 420px;}
.sub-bg {
    background-color: #f9f5eb;
    padding: 80px 0px;
    text-align: center;
}
/* 이용안내-달력 */
.calender-title {
    border: 1px solid #ddd;
    border-bottom: 0;
    padding: 25px 0;
    text-align: center;
}
.calender-title h2 {
    font-size: 51px;
    font-weight: 900;
    margin-bottom: 0;
}
.calender-table .row {margin: 0;}
.calender-table tr th {
    text-align: center;
    font-size: 26px;
    font-weight: 900;
    padding: 20px 0px;
    border: 1px solid #ddd;
}
.calender-table tr td {border: 1px solid #ddd; padding: 20px 5px;}
.calender-table .col-12 {text-align: center; font-size: 25px; font-weight: bold; margin-bottom: 15px;}
.calender-table .col-6 {font-size: 12px; padding: 0px; max-width: 50% !important; text-align: left;}	
.calender-table .col-6:nth-child(2n+1) {text-align: center;}
.callender-mo {display: none;}
span.orange.width {
    width: 70px;
    display: inline-block;
}
.col-6.waterpark:before {content: '실내워터';}
.col-6.infinity:before {content: '인피니티풀';}
.col-6.cheong:before {content: '청수당';}
.col-6.spa:before {content: '찜질방';}
.en .col-6.waterpark:before {content: 'Waterpark'; letter-spacing: -0.5px;}
.en .col-6.infinity:before {content: 'Infinity pool'; letter-spacing: -0.5px;}
.en .col-6.cheong:before {content: 'Cheongsudang'; letter-spacing: -0.5px;}
.en .col-6.spa:before {content: 'Spa';}
.jp .col-6.waterpark:before {content: 'ウォーターパーク'; letter-spacing: -3px;}
.jp .col-6.infinity:before {content: 'インフィニティプール'; letter-spacing: -4px;}
.jp .col-6.cheong:before {content: '青水堂';}
.jp .col-6.spa:before {content: 'チムジルバン';}
.cn .col-6.waterpark:before {content: '水上乐园';}
.cn .col-6.infinity:before {content: '无边泳池';}
.cn .col-6.cheong:before {content: '青水堂';}
.cn .col-6.spa:before {content: '汗蒸幕';}

.panel-heading {	
    border-bottom: 1px solid #d1d1d1;
}
.panel-heading > [data-toggle="collapse"] {
  position: relative;
  padding-right: 40px;
  cursor: pointer;
}
.panel-heading > [data-toggle="collapse"]::before {
  content: '';
  display: block;
  position: absolute;
  width: 18px;
  height: 18px;
  top: 50%;
  right: 24px;
  background: url(/img/main/arrow.png) no-repeat 0 0;
  background-size: 100%;
  transform: translateY(-50%) rotate(0deg);
  transition: transform 0.3s;
}
.panel-heading > [data-toggle="collapse"][aria-expanded="true"]::before {
  transform: translateY(-50%) rotate(90deg);
}
.panel-title, .panel-body {
    padding: 20px;
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-bottom: 0 !important;
}
.panel-title:before {
	font-family:'SUIT', Malgun Gothic, "맑은고딕", arial, sans-serif;
    content: 'Q';
    border: 1px solid #ddd;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    display: inline-block;
    align-content: center;
    text-align: center;
    font-weight: bold;
    font-size: 18px;
    color: #ff710d;
    margin-right: 20px;
}
.panel-body {
    border-bottom: 1px solid #d1d1d1;
    background-color: #f9f9f9;
}
.panel-body::before {
	content: 'A';
	width: 35px;
	height: 35px;
	flex: 0 0 35px;          
	display: inline-flex;    
	align-items: center;
	justify-content: center;
	border: 1px solid #ff710d;
	border-radius: 50%;
	font-weight: bold;
	font-size: 18px;
	color: #fff;
	background: #ff710d;
	box-sizing: border-box;   
	margin-right: 20px;        
}
.panel-body p {
    margin: 0 !important;
}
.panel-body a {
	color: #ff710d;
    text-decoration: underline;
}
/* well-luv */
.welluv {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 30px 0px;
	min-width: 949px;
	text-align: center;
}
.welluv p {margin-bottom: 0px;}
.welluv .arrow {
	border: none !important;
	color: #ff710d;
	padding: 10px 5px;
}
.welluv .n1-box p {
    background: #f9f5eb;
    border-radius: 10px;
    padding: 10px 5px;
    line-height: 1.5;
}
.welluv .n3-box {
    background: #fff5db;
    border-radius: 10px;
    padding: 10px;
    margin-top: 10px;
}
.welluv .n2-box {
    display: flex;
    flex-direction: row;
    margin-top: 10px;
}
.welluv .n2-box div {
    border: 1px solid #ff710d;
    border-radius: 10px;
    padding: 10px;
    min-height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.therapy {
	background: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), url(/img/enjoy/bg_palm16.jpg);
	background-attachment: fixed;
	background-position: center;
	height: 500px;
	display: flex;
    align-items: center;
}
.therapy .border {
    width: 300px;
    height: 300px;
    border-radius: 300px;
    display: flex;        
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: #fff;
    border: none !important;
    text-align: center;
}
@media screen and (max-width: 1200px) {
    .en .scroll-zone {
        display: block;
        overflow-x: scroll;
    }
    .en .calender-table {min-width: 1175px}
}
@media screen and (max-width: 480px){
	body {
		font-size: 13px;
	}
	.kr .m-block.kr, .en .m-block.en, 
	.cn .m-block.cn, .jp .m-block.jp {display: block;}
	.nav.row {margin: 0px -5px;}
	#pills-tab .nav-link {padding: 10px 5px;}
	#pills-tab .nav-item {
		padding-right: 5px;
	    padding-left: 5px;
		max-width: 33.333333% !important;
	}	
	.cn .cavana#pills-tab .col-3,
	.jp .cavana#pills-tab .col-3 {
		max-width: 50% !important;
		flex: 0 0 50%;
	}	
	.jp .rental#pills-tab .col-4:nth-child(4),
	.jp .rental#pills-tab .col-4:nth-child(5) {
		max-width: 50% !important;		
	}
	.table td, .table th {
        padding: 10px;
        font-size: 13px;
    }    
    .en .table td, .en .table th {font-size: 12px;}
    .title {margin-top: 30px; margin-bottom: 30px;}
    .title h2 {font-size: 25px;}
	.title-sub {font-size: 18px;}
	.box {padding: 20px;}
    .en .sub #about, .jp .sub #about, .cn .sub #about {height: 280px;}
    .therapy {height: 320px;}
    .therapy .border {width: 100%;}    
	.calender-table {min-width: 955px;}	
	.tab-content h2, .tab-content h4 {font-size: 19px;}
    .tab-content h2.display-3 {font-size: 51px;}
    .calender-table .col-6 {
	    font-size: 10px;
	    padding: 0px;
		letter-spacing: -0.5px;
		flex: 0 0 50% !important;
	}
	.callender-mo {display: block;}
	.scroll-zone {
        display: block;
        overflow-x: scroll;
        margin-bottom: 15px;
    }
    .scroll-zone .table {
	    margin-bottom: 0;
	}
	.calender-table tr td {
	    padding: 20px 5px 20px 5px;
	}	
	.panel-heading > [data-toggle="collapse"]::before {
	    width: 10px;
	    height: 10px;
	}
    .panel-title, .panel-body {padding: 10px;}    
	.panel-title:before, .panel-body:before {
        width: 20px;
        height: 20px;
        font-size: 12px;
        border: none;
        margin-right: 10px;
        flex: 0 0 20px;
    }
}
@media (min-width: 1200px) {
    .en .container,
    .jp .container {
        max-width: 1250px;
    }
}