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: '·';}

/* 이용안내-달력 */
.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: '汗蒸幕';}

@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 .col-4 {
		padding-right: 5px;
	    padding-left: 5px;
		max-width: 33.333333% !important;
	}	
	.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;
    }
	.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;
	}		
}
@media (min-width: 1200px) {
    .en .container,
    .jp .container {
        max-width: 1250px;
    }
}