@charset "utf-8";

/* 웹접근성 메뉴스킵 */
#skipnav {
    margin: 0;
    padding: 0;
	height:0;
	width:auto;
}
#skipnav A ,
#skipnav BUTTON {
    display: block;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: -10000px;
}
#skipnav A:hover, #skipnav A:focus, #skipnav A:active ,
#skipnav BUTTON:hover, #skipnav BUTTON:focus, #skipnav BUTTON:active {
    padding: 1.5rem 0;
    background-color: #004b9d;
    color: #fff;
	font-size:1.5rem;
    width: 100%;
    text-align: center;
    top: 0px;
    z-index: 10000;
}


/* 다음지도 내부 링크에 아이콘 제거 */
.roughmap_maker_label A[target=_blank]::after {
	display:none;
}


.article IMG { max-width:100% }
.doc_container {
	padding: 1.875em 0;
	color:#555;
}
.doc_container ,
.doc_container table,
.doc_container .contBox {
	font-family: 'Noto Sans KR', 'Malgun Gothic', dotum, 'Sans-serif', AppleGothic;
}
.doc_container  [class*="col_"] { float: left; padding: .3rem }
.doc_container .col_6 { width: 50% }
.doc_container .col_4 { width: 33.33% }
.doc_container .col_3 { width: 25% }
.doc_container .col_2 { width: 16.66% }


.doc_container h2 ,
.doc_container h3 ,
.doc_container h4 ,
.doc_container h5 {
    position: relative;
    letter-spacing: -0.03em;
    padding-left: 1.1em;
}
.doc_container > h2:first-child ,
.doc_container > h3:first-child ,
.doc_container > h4:first-child ,
.doc_container > h5:first-child {
	margin-top:0;
}



.doc_container h2 { color: #333; margin: 2.5em 0 1em;  font-size: 1.5em }
.doc_container h2::before { content: ''; background-color: transparent; width: 0.542em; height: 0.542em;  border: 0.125em solid #333; border-radius: 0; position: absolute; left: 0; top: 0.55em }
.doc_container h2::after { content: ''; display: block; width: 0.313em; height: 0.313em; background-color: #fff; position: absolute; top: calc( 0.542em + 0.55em - 0.125em); left: calc( 0.542em - 0.125em) }

.doc_container h2 + figure,
.doc_container h2 + img,
.doc_container h2 + .box { margin: 2em 0 1em 1em; }


.doc_container h3 {
    color: #043763;
    margin: 1.5em 0 .3em;
    font-size: 1.313em;
}
.doc_container h3::before {
    content: '';
    width: 0.5em;
    height: 0.5em;
    border: 3px solid #11416b;
    border-radius: 50%;
    display:inline-block;

    position: absolute;
    left: .2em;
    top: 0.55em;

}
.doc_container h4 { color: #5573a2; margin: .7em 0 .5em; font-size: 1.125em }
.doc_container h4::before { content: '';display: block; background-color: #5573a2; width: 0.333em; height: 0.167em; border-radius: 0; position: absolute; left: .45em; top: 0.7em }
.doc_container h5 { color: #333; margin: .7em 0 .5em; font-size: 1.063em }
.doc_container h5::before { content: ''; display: block;background-color: #043763; width: 0.167em; height: 0.167em;  position: absolute; left: .55em; top: .7em }

.doc_container h3 + ul ,
.doc_container h3 + ol ,
.doc_container h4 + ul ,
.doc_container h4 + ol ,
.doc_container h5 + ul ,
.doc_container h5 + ol {
	margin-left: 1.533em;
}

.doc_container img {
	max-width:100%;
}

.doc_container ul {
	padding:.2em;
}
.doc_container ul > li {
	position: relative;
	padding:.3em 1em;
}
.doc_container ul > li::before {
	content: '';
	background-color: #4d4d4d;
	width: 0.438em;
	height: 0.438em;
	border-radius: 50%;
	position: absolute;
	left: 0;
	top: 0.8em;
}
.doc_container ul > li > ul {
	padding:.5em;
}
.doc_container ul > li > ul > li::before {
	border:1px solid #4d4d4d;
	background-color:transparent;
}

.doc_container ul > li > ul > li > ul > li::before {
	border:0;
	background-color:#4d4d4d;
	border-radius:0;
}

.doc_container ul > li > ul > li > ul > li > ul > li::before {
	border:1px solid #4d4d4d;
	background-color:transparent;
}
.doc_container .table_wrap { padding-left: 1.2rem }
.doc_container li .table_wrap { padding-left: 0 }


.doc_container table { text-align: center; table-layout: fixed; width: 100%; border-top: 1px solid #333 }
.doc_container table.layout_auto { table-layout: auto }
.doc_container table th, .doc_container table td { background: #fff; border: 1px solid #e8e8e8; border-top: 0; padding: .5em; word-break: break-word; word-wrap:break-word; font-size: 0.875em}
.doc_container table td { vertical-align: top; }
.doc_container table th.narrow, .doc_container table td.narrow { padding-left: .2em; padding-right: .2em }
.doc_container table thead th { background: #f5f7fd; color: #333; padding: .6em 0; border: 1px solid #e8e8e8; border-bottom-color: #d3d8dd; border-top-color: #777; font-weight:500; }
.doc_container table th:first-child, .doc_container table td:first-child { border-left: 0 }
.doc_container table th:last-child, .doc_container table td:last-child { border-right: 0 }
.doc_container table tbody th, .doc_container table tfoot th { background: #fafbff; padding: .5em .25em; color: #444; letter-spacing: -1px; font-weight:400; }
.doc_container table tbody.left th, .doc_container table tbody.left td, .doc_container table td.left, .doc_container table th.left { text-align: left !important }
.doc_container table td.right, .doc_container table th.right { text-align: right !important }
.doc_container table td.tdCntLeft { text-align: left; padding: 0 0.313em }
.doc_container table.boardList .subject a { display: inline-block; vertical-align: middle; max-width: 90%; text-align: left; text-overflow: ellipsis; overflow: hidden; white-space: nowrap }
.doc_container table.boardList .xi-new { color: #f63; display: inline-block; vertical-align: middle }
.doc_container table ul { margin: .5em 0 }
.doc_container table ul > li { padding:.2em 1em; }
.doc_container table ul > li::before { width: 0.250em; height: 0.250em; top: 0.9em; }

.doc_container .box { background-color: #f5f6fa; border: 1px solid #d3d8dd; padding: 1em; margin: 0 0 1em 1em; border-radius: 0; font-size:0.938em; font-size: 0.875em }
.doc_container .box h3 { margin-top:0; }
.doc_container .box ul { margin-bottom: 0; margin-left:.5em }
.doc_container .box ul li { padding: .1em .8em;  padding-right:0; }
.doc_container .box ul > li::before {	width: 0.313em;	height: 0.313em; top: 0.7em;}
.doc_container .box ul ul { margin-left:0 }
.doc_container .box ul ul > li::before { width: 0.4em; height: 2px; top: 0.7em; }




/* ======================================== Media Query ======================================== */
/********************* Mobile *********************/
@media all and (max-width: 767px) {

	/* Content */
	.doc_container { padding: 0.625em; }

	BR.no-mo {
		display:inline-block;
	}

}

/********************* Mobile ********************
@media all and (min-width: 768px) {
*/
@media screen and (max-width: 768px) {

	.doc_container .figure::before, .doc_container .scroll::before { content: ""; display: block; width: 100%; position: absolute; top: .667em; background-color: #f5f6fa; border: 1px solid #d3d8dd; border-radius: .667em; padding: .667em .667em .667em 4em; font-size: 0.750em; z-index: 2; cursor: pointer; opacity: 1; visibility: visible; -webkit-transition: all 0.3s; transition: all 0.3s }
	.doc_container .figure::after,  .doc_container .scroll::after { content: "\eaed"; font-family: "xeicon"; font-size: 1.6em; display: block; z-index: 2; position: absolute; top: 0.4em; left: 1.2em; opacity: 1; visibility: visible; -webkit-transition: all 0.3s; transition: all 0.3s }
	.doc_container .scroll { overflow-x: auto; position: relative; padding-top: 3.5em }
	.doc_container .scroll::before {line-height: 180%; content: "모바일에서 표를 좌우로 스크롤 할 수 있습니다." }
	HTML:lang(zh-CN) .doc_container .scroll::before {content: "在手机上可以左右滚票。"}
	HTML:lang(zh-TW) .doc_container .scroll::before {content: "在手機上可以左右滾票。"}
	HTML:lang(ja) .doc_container .scroll::before {content: "モバイルでテーブルを左右にスクロールできます。"}
	HTML:lang(en) .doc_container .scroll::before {content: "You can scroll through the table from side to side on your mobile."}
	.doc_container .scroll::-webkit-scrollbar { height: 0.250em; background-color: #fff }
	.doc_container .scroll::-webkit-scrollbar-thumb { height: 0.250em; background-color: #888; border-radius: 2px }
	.doc_container .scroll table { min-width: 40em }

}


/********************* Tablet *********************/
@media all and (min-width: 768px) and (max-width: 1023px) {

	.doc_container {
		padding: 1.250em 0.938em;
	}
}


/********************* Mobile / Tablet *********************/
@media all and (max-width: 1023px) {

	.doc_container .table_wrap { padding-left:0 }

	.doc_container .box { margin-left:0!important}
	.doc_container .box {  background-color: #f5f6fa; }

	.doc_container .col_6 { width: 100% }
	.doc_container .col_4 { width: 100% }
	.doc_container .col_3 { width: 50% }
	.doc_container .col_2 { width: 33.33% }

}

/********************* PC(1024 ~ 1170) *********************/
@media all and (min-width: 1024px) and (max-width: 1170px) {
	.doc_container {
		padding: 1.875em 1.250em;
	}
}



/*
// 사용법
<fieldset class='fieldset-radio'>

	<input type='radio' name='civil_satis_1' id='civil_satis_15' value='5' checked>
	<label for='civil_satis_15'>매우 만족</label>
</fieldset>
*/
.fieldset-radio > INPUT[type='radio'] { display:none; }
.fieldset-radio > label { display:inline-block; width:auto; line-height:1; padding:.5rem 1.5rem .5rem 0.75rem; margin:0.1rem; margin-right:1rem;  border-radius: 2rem; }
.fieldset-radio > label::before {
	content:'';
	display:inline-block;

	width:2rem;
	height:2rem;

	border:2px solid #aaa;
	color:#aaa;
	border-radius: 5rem;
	vertical-align:0;
	text-align:center;
	padding:0;
	padding-right:0.3rem;
	margin:0;
	margin-right:0.5rem;
	margin-top:-0.3rem;
	vertical-align: middle;

}

.fieldset-radio > INPUT[type='radio']:checked + label {
	background:#ffa;
	border-color:#4A89DC;
	border-style:solid;
	border-width:1px;
	margin:0;
	margin-right:0.9rem;;
}
.fieldset-radio > INPUT[type='radio']:checked + label::before {
	border-width:0.5rem;
	border-color:#4A89DC;
	color:#fff;
}






/* 사진 갤러리 */
/* 
DZSMART_Lightbox(); 사용
<ul class="PhotoLightbox">
    <li><a href='원본이미지' data-lightbox="image"><img src='썸네일' alt='설명'></a></li>
</ul>
*/

.PhotoLightbox {
	position: relative;
    width:100%;
    display:flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;    
}
.PhotoLightbox::after {
	content:'';
	display:block;
	clear:both;
}
.PhotoLightbox > LI {
	position: relative;
	width: calc(100% / 3);
	padding:2rem;
	
    transition: all 0.3s ease;
}
.PhotoLightbox > LI > A {
	position: relative;
    display:block;
	width: 100%;
    height:100%;
	border:1px solid #aaa;
	box-shadow:inset 0 0 0 1rem #fff;
    padding: 1rem;
	background-size:cover;
	background-position:center;
}
.PhotoLightbox A {
    position: relative;
    overflow:hidden;
}
.PhotoLightbox A:not([data-lightbox]) {
	cursor: default;
}
.PhotoLightbox A[data-lightbox]::before {
    content:'';
    display:block;
    position: absolute;
    top:1rem;
    left:1rem;
    width:calc(100% - 2rem);
    height:calc(100% - 2rem);
    background-color:rgba(0,0,0,.35);
    transition: all 0.3s;
    opacity: 0;
    
}
.PhotoLightbox A[data-lightbox]::after {
    content:"\e97b";
    font-family: xeicon!important;
    display: inline-block;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;

    position: absolute;
    left: calc(50% - 3rem);
    top:100%;
    color: #eee;
    font-size: 6rem;
    text-shadow: 1px 1px rgba(0,0,0,.25);    

    opacity:0;
    transition: all 0.3s;
}

.PhotoLightbox A[data-lightbox]:hover::before {
   
    opacity:1;
}
.PhotoLightbox A[data-lightbox]:hover::after {
    top: calc(50% - 3rem);
    opacity:1;
}

.PhotoLightbox > LI IMG {
    object-fit: contain;
	width:100%;
    max-height:100%;
}
.PhotoLightbox > LI .tip_guide {
	position: absolute;
	bottom:1rem;
	right:1rem;
	padding:1rem 3rem;
	background:rgba(0,0,0,.5);
	color:#fff;
	text-shadow:1px 1px 0 rgba(0,0,0,.5);
	font-weight:600;
}



.PhotoLightbox:not(.cell4) > LI:nth-of-type(3n+1) {
    padding-left:0;
    padding-right:2rem;
}
.PhotoLightbox:not(.cell4) > LI:nth-of-type(3n-1) {
    padding:2rem 1rem;
}
.PhotoLightbox:not(.cell4) > LI:nth-of-type(3n) {
    padding-right:0;
    padding-left:2rem;
}

/* 2개짜리 갤러리 */
.PhotoLightbox > LI:first-child:nth-last-child(2),
.PhotoLightbox > LI:first-child:nth-last-child(2) ~ li {
    width: 50%;
}
/* 4개짜리 갤러리 */
.PhotoLightbox > LI:first-child:nth-last-child(4) ,
.PhotoLightbox > LI:first-child:nth-last-child(4) ~ li {
    width: calc(100%/4);
    padding:2rem 1rem;
}


/* 기본배열 4개짜리 */
.PhotoLightbox.cell4 > LI {
	width: calc(100% / 4);
}
.PhotoLightbox.cell4 > LI:nth-of-type(4n+1) {
    padding-left:0;
    padding-right:2rem;
}
.PhotoLightbox.cell4 > LI:nth-of-type(4n-1) ,
.PhotoLightbox.cell4 > LI:nth-of-type(4n-2) {
    padding:2rem 1rem;
}
.PhotoLightbox.cell4 > LI:nth-of-type(4n) {
    padding-right:0;
    padding-left:2rem;
}

/* 3개짜리 갤러리 */
.PhotoLightbox.cell4 > LI:first-child:nth-last-child(3) ,
.PhotoLightbox.cell4 > LI:first-child:nth-last-child(3) ~ li {
    width: calc(100% / 3);
    padding:2rem 1rem;
}




@media all and (max-width: 1100px) {
	/* 기본 3개짜리 2개로 전환 */
	.PhotoLightbox:not(.cell4) > LI {
		width:calc(100% / 2);
	}
    .PhotoLightbox:not(.cell4) > LI:nth-of-type(3n+1) ,
    .PhotoLightbox:not(.cell4) > LI:nth-of-type(3n-1) ,
    .PhotoLightbox:not(.cell4) > LI:nth-of-type(3n) {
        padding:1rem;
    }
    .PhotoLightbox:not(.cell4) > LI:nth-of-type(2n+1) {
           padding-left:0;
    }
    .PhotoLightbox:not(.cell4) > LI:nth-of-type(2n) {
        padding-right:0;
    }

	/* 기본 4개짜리 3개로 전환 */
	.PhotoLightbox.cell4 > LI {
		width:calc(100% / 3);
	}


    .PhotoLightbox.cell4 > LI:nth-of-type(4n+1) ,
    .PhotoLightbox.cell4 > LI:nth-of-type(4n-1) ,
    .PhotoLightbox.cell4 > LI:nth-of-type(4n-2) ,
    .PhotoLightbox.cell4 > LI:nth-of-type(4n) {
        padding:1rem;
    }
    .PhotoLightbox.cell4 > LI:nth-of-type(3n+1) {
           padding-left:0;
    }
    .PhotoLightbox.cell4 > LI:nth-of-type(3n-1) {
        padding:1rem 0.5rem;
	}
    .PhotoLightbox.cell4 > LI:nth-of-type(3n) {
        padding-right:0;
    }



}

@media all and (max-width: 600px) {
	.PhotoLightbox > LI ,
	.PhotoLightbox > LI:first-child:nth-last-child(2),
	.PhotoLightbox > LI:first-child:nth-last-child(2) ~ li ,
	.PhotoLightbox.cell4 > LI ,
	.PhotoLightbox.cell4 > LI:first-child:nth-last-child(2),
	.PhotoLightbox.cell4 > LI:first-child:nth-last-child(2) ~ li {
		width:100% !important;
	}
    .PhotoLightbox > LI:nth-of-type(2n+1) ,
    .PhotoLightbox > LI:nth-of-type(2n)  {
        padding:1rem 0 !important;
    }    


}

/* 사진 갤러리 (썸네일형) */
/*
	DZSMART_CoverLazy($('.PhotoGallery .PhotoSlide'),{
		prevnext:true,
		autoplay:false,
		thumb : {
			obj: '.PhotoGallery .PhotoThumb',
			loop: true,
			spaceBetween: 10,
			slidesPerView: 5,
			freeMode: true,
			watchSlidesProgress: true,
			breakpoints : {
				320 : {
					slidesPerView : 3
				},
				480 : {
					slidesPerView : 4
				},
				1180 : {
					slidesPerView : 5
				}
			}
		}
	});
	<div class="PhotoGallery">
		<div class="PhotoSlide">
			<UL class="swiper-wrapper">
				<li class="swiper-slide"><img src="/dzSmart/upfiles/2025March/13/1742747211_61b1d4afe1fbb50a469cf6a6e9e7e651.jpg" loading="lazy" alt='관리사무소'></li>
				<li class="swiper-slide"><img src="/dzSmart/upfiles/2025March/13/1742747208_fd1578231d3ebf0ce2e839ed5ec6793b.jpg" loading="lazy" alt='세척장내부'></li>
			</UL>
		</div>
		<div class="PhotoThumb">
			<UL class="swiper-wrapper">
				<li class="swiper-slide"><img src="/dzSmart/upfiles/2025March/13/1742747211_3bf9b1feab424d9d028d153076d0a045.jpg" loading="lazy" alt='관리사무소'>
				<li class="swiper-slide"><img src="/dzSmart/upfiles/2025March/13/1742747210_b8fa83ad4afa4a4da3d799de93edce83.jpg" loading="lazy" alt='세척장내부'>
				<li class="swiper-slide"><img src="/dzSmart/upfiles/2025March/13/1742747209_d75ee7edd25dea0008149dbdffffd6f8.jpg" loading="lazy" alt='세척장내부'>
			</UL>
		</div>
	</div>
*/
.PhotoLightbox .pic {
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
	border: 1px solid #aaa;
	box-shadow: inset 0 0 0 1rem #fff;
	padding: 1rem;
	background-size: cover;
	background-position: center;
}
.PhotoLightbox .pic > IMG {
	width:100%;
	height:100%;
	object-fit: contain;
}


.PhotoGallery {
	position: relative;
	width:100%;
	height:0;
	overflow:hidden;
}
.PhotoGallery:has(.swiper-initialized) {
	height:auto;
}

.PhotoGallery .DZSMART_CoverSlide + .DZSMART_CoverSlide {
	margin-top:1rem;
}
.PhotoGallery .PhotoSlide {
	width:100%;
	height:auto;
}
.PhotoGallery .PhotoSlide .swiper-slide > IMG {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}
.PhotoGallery .PhotoThumb {
	width:100%;
	height:auto;
}

.PhotoGallery .PhotoThumb .swiper-slide {
	position: relative;
	cursor:pointer;
}

.PhotoGallery .PhotoThumb .swiper-slide::after {
	content:'';
	display:block;
	position: absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	background-color:rgba(0,0,0,.5);
}

.PhotoGallery .PhotoThumb .swiper-slide.swiper-slide-thumb-active::after {
	border:0.5rem solid #2E313D;
	background-color:transparent;
	box-shadow: inset 0 0 0 0.2rem rgba(255,255,255,.75);
}

@media (min-width: 768px) and (max-width: 1023px) {
	.PhotoGallery .DZSMART_CoverSlide {
		height: auto;
	}
}
@media (max-width: 767px) {
	.PhotoGallery .DZSMART_CoverSlide {
		height: auto;
	}
}



/* 객실요금 테이블 */
.ReservPayTable {
	width:100%;
	margin:auto;
	padding:0;
	border-spacing:0;
	border:0;
	border-top:3px solid #4b4e5a;
	border-bottom:2px solid #4b4e5a;
	border-collapse:collapse;
	table-layout:fixed;
}
.ReservPayTable TD ,
.ReservPayTable TH {
	padding:1rem 1.5rem;
	border:1px solid #d6d5dd;
	line-height:2.5rem;
	font-size:1.4rem;
	text-align:center;
}
.ReservPayTable TH {
	background:#ebeef1;
	border:1px solid #cfcdd7;
}

.ReservPayTable > TBODY > TR:last-of-type > * ,
.ReservPayTable > THEAD > TR:last-of-type > * ,
.ReservPayTable > TBODY > TR > TH[rowspan] {
	border-bottom:1px solid #4b4e5a;
}
.ReservPayTable .br1 ,
.ReservPayTable > TBODY > TR > TH {
	border-right:1px solid #4b4e5a;
}
.ReservPayTable TH > DIV {
	font-weight:normal;
	font-size:1.3rem;
}
.ReservPayTable TH > SPAN {
	font-weight:normal;
	font-size:1.3rem;
	margin-left:1rem;
}
.ReservPayTable TH.th-title ,
.ReservPayTable TH.td-title {
	border:0;
	padding: 1.7rem 0;
	background-color:#3B3F4F;
	color:#F5B025;
	font-size:1.8rem;
}
.ReservPayTable TH.td-title > DIV ,
.ReservPayTable TH.th-title > DIV {
	color:#ddd;
}
.ReservPayTable TH.td-title {
	border:0;
	padding: 1.7rem 0;
	font-size:1.8rem;
}

.ReservPayTable TH.tb-rl {
	writing-mode: vertical-rl;
	letter-spacing: 1.5rem;
	padding:0;

}
.ReservPayTable + .ReservPayTable {
	display:none;
}
/* 객실요금 모바일 */
@media all and (max-width: 767px) {
	.ReservPayTable {
		display:none;
	}
	.ReservPayTable + .ReservPayTable {
		display:table;
	}
}



/* 환불정책 */
DL.box_RefRule {
	display:flex;
	flex-wrap: wrap;
	border:1px solid #aaaaaa;
	border-right-width:0;
	border-bottom-width:0;
}
DL.box_RefRule > DT ,
DL.box_RefRule > DD {
	padding: 0.5rem 0.7rem;
	border: 1px solid #aaaaaa;
	border-left-color:#fafafa;
	border-top-color:#fafafa;
}
DL.box_RefRule > DT {
	width:100%;
	text-align:left;
	font-weight:bold;
	background: #e5e5e5;
}
DL.box_RefRule > DD {
	width:100%;
	background: #f7f7f7;
	border-left-color:#ffff;
	border-top-color:#fff;
}



/* 환불 테이블 */
.ReservRefTable {
	width:100%;
	margin:auto;
	padding:0;
	border-spacing:0;
	border:0;
	border-top:3px solid #4b4e5a;
	border-bottom:2px solid #4b4e5a;
	border-collapse:collapse;
	table-layout:fixed;
}
.ReservRefTable TD ,
.ReservRefTable TH {
	padding:1rem 1.5rem;
	border:1px solid #d6d5dd;
	line-height:2.5rem;
	font-size:1.4rem;
	text-align:center;
}
.ReservRefTable TH {
	background:#ebeef1;
	border:1px solid #cfcdd7;
}

.ReservRefTable > TBODY > TR:last-of-type > * ,
.ReservRefTable > THEAD > TR:last-of-type > * ,
.ReservRefTable > TBODY > TR > TH[rowspan] {
	border-bottom:1px solid #4b4e5a;
}
.ReservRefTable .br1 ,
.ReservRefTable > THEAD > TR > TH:first-of-type ,
.ReservRefTable > TBODY > TR > TH {
	border-right:1px solid #4b4e5a;
}
.ReservRefTable TH > DIV {
	font-weight:normal;
	font-size:1.3rem;
}
.ReservRefTable TH > SPAN {
	font-weight:normal;
	font-size:1.3rem;
	margin-left:1rem;
}
.ReservRefTable TH.th-title ,
.ReservRefTable TH.td-title {
	border:0;
	padding: 1.7rem 0;
	background-color:#3B3F4F;
	color:#F5B025;
	font-size:1.8rem;
}
.ReservRefTable TH.td-title > DIV ,
.ReservRefTable TH.th-title > DIV {
	color:#ddd;
}
.ReservRefTable TH.td-title {
	border:0;
	padding: 1.7rem 0;
	font-size:1.8rem;
}

.ReservRefTable TH.tb-rl {
	writing-mode: vertical-rl;
	letter-spacing: 1.5rem;
	padding:0;

}
.ReservRefTable + .ReservRefTable {
	display:none;
}












ARTICLE.SubLayout .subTitle {
    letter-spacing: -0.15rem;
}

ARTICLE.SubLayout .subTitle::before {
    content: "";
    display: inline-block;
    width: 0.8rem;
    height: 2rem;
    border-radius: 0.3rem;
    margin-right: 1.25rem;
    vertical-align: middle;
    top: -0.3rem;
    position: relative;
    border: 0.1rem solid #3B3F4F;
    background-color: #51566C;
    box-shadow: inset 0.1rem 0.1rem 0 0 rgb(0 0 0 / 50%);
    letter-spacing: -0.1rem;
}

ARTICLE.SubLayout .subTitle ~ .subTitle {
    margin-top: 7.5rem;
}

ARTICLE.SubLayout .subTitle + UL {
    margin: 2rem auto;
    padding: 1.5rem 3rem 2rem 2rem;
    border: 1px dashed #ccc;
    border-radius: 0.75rem;
    box-shadow: 0 0 0 5px #fff, 0 0 0 6px #aaa;
    list-style-type: disc;
    list-style-position: outside
}

ARTICLE.SubLayout .subTitle+UL>LI {
    margin-left: 2.1rem;
    margin-top: 0.8rem;
    color: #444
}

ARTICLE.SubLayout .subTitle+UL+DIV {
    padding: 3rem 0 1.5rem
}

ARTICLE.SubLayout DL.box_RefRule {
    display: flex;
    flex-wrap: wrap;
	border-radius: 1rem;
}

ARTICLE.SubLayout DL.box_RefRule > DT , ARTICLE.SubLayout DL.box_RefRule>DD {
    padding: 0.5rem 0.7rem;
    padding: 2rem;
}

ARTICLE.SubLayout DL.box_RefRule>DT {
    width: 100%;
    padding-top: 2rem;
    text-align: left;
    font-weight: bold
}

ARTICLE.SubLayout DL.box_RefRule>DT::before {
    content: "";
    display: inline-block;
    width: 0.9rem;
    height: 0.9rem;
    border-radius: 0.2rem;
    margin-right: 0.8rem;
    vertical-align: middle;
    top: -0.3rem;
    position: relative;
    border: 0.1rem solid #3B3F4F;
    background-color: #51566C;
    box-shadow: inset -0.1rem -0.1rem 0 0 rgb(0 0 0 / 40%);
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    transform: rotate(135deg)
}

ARTICLE.SubLayout DL.box_RefRule>DD {
    width: 100%;
	border-radius: 1rem;
	background-color:#fafafa;
}

ARTICLE.SubLayout DL.box_RefRule UL {
    list-style-type: circle;
    list-style-position: outside
}

ARTICLE.SubLayout DL.box_RefRule UL>LI {
    margin-left: 4rem;
    margin-top: 0.8rem;
}

ARTICLE.SubLayout DL.box_RefRule UL>LI:first-of-type {
    margin-top: 0
}

ARTICLE.SubLayout DL.box_RefRule+UL {
    margin-top: 1rem
}

ARTICLE.SubLayout DL.box_RefRule DD LI {
    margin-top: 0.15rem;
    margin-top: 1.2rem;
}

ARTICLE.SubLayout .ReserRules H6 {
    padding-top: 3.5rem
}

ARTICLE.SubLayout .ReserRules P {
    padding-top: 2rem;
    font-size: 1.5rem
}

ARTICLE.SubLayout .ReserRules H6+P {
    padding-top: 1rem
}

ARTICLE.SubLayout .ReserRules H6::before {
    content: "";
    display: inline-block;
    width: 0.9rem;
    height: 0.9rem;
    border-radius: 0.2rem;
    margin-right: 1.25rem;
    vertical-align: middle;
    top: -0.3rem;
    position: relative;
    border: 0.1rem solid #3B3F4F;
    background-color: #51566C;
    box-shadow: inset -0.1rem -0.1rem 0 0 rgb(0 0 0 / 40%);
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    transform: rotate(135deg)
}

ARTICLE.SubLayout .ReserRules TABLE {
    width: 100%;
    margin: 1rem auto 0;
    padding: 0;
    border-spacing: 0;
    border-collapse: initial;
    table-layout: fixed;
    border: 1px solid #aaa;
    border-right-width: 0;
    border-bottom-width: 0;
    font-size: 1.4rem
}

ARTICLE.SubLayout .ReserRules TABLE TH , ARTICLE.SubLayout .ReserRules TABLE TD {
    padding: 0.75rem;
    border: 1px solid #aaa;
    border-left-color: #fafafa;
    border-top-color: #fafafa
}

ARTICLE.SubLayout .ReserRules TABLE TH {
    width: 30%;
    text-align: center;
    font-weight: bold;
    background: #eee
}

ARTICLE.SubLayout .ReserRules TABLE TD {
    width: 70%;
    background: #fff;
    vertical-align: top;
    border-left-color: #ffff;
    border-top-color: #fff
}

ARTICLE.SubLayout .ReserRules DL {
    display: flex;
    flex-wrap: wrap;
    border: 1px solid #aaa;
    border-right-width: 0;
    border-bottom-width: 0;
    margin-top: 1.5rem;
    font-size: 1.4rem
}

ARTICLE.SubLayout .ReserRules DL > DT , ARTICLE.SubLayout .ReserRules DL>DD {
    padding: 0.5rem 0.7rem;
    border: 1px solid #aaa;
    border-left-color: #fafafa;
    border-top-color: #fafafa
}

ARTICLE.SubLayout .ReserRules DL>DT {
    width: 100%;
    text-align: left;
    font-weight: bold;
    background: #eee
}

ARTICLE.SubLayout .ReserRules DL>DD {
    width: 100%;
    background: #fff;
    border-left-color: #ffff;
    border-top-color: #fff
}

ARTICLE.SubLayout .ReserRules UL {
    list-style-type: disc;
    list-style-position: outside;
    font-size: 1.5rem
}

ARTICLE.SubLayout .ReserRules UL>LI {
    margin-left: 2rem;
    margin-top: 0.8rem
}

ARTICLE.SubLayout .ReserRules UL>LI:first-of-type {
    margin-top: 0
}

ARTICLE.SubLayout .ReserRules DL+UL {
    margin-top: 1rem
}

ARTICLE.SubLayout .ReserRules DD LI {
    margin-top: 0.15rem
}