/*------------------------------------------------------------------------------------------------------
컨텐츠영역 .container > .content_container
---------------------------------------------------------------------------------------------------------
.content_container {width:800px;}
	@media all and (min-width: 320px) and (max-width: 56.25em) {
		.content_container {width:100%;}
	}
.sub_content {width:100%; word-break:break-all; word-break:keep-all;}
.sub_content > p {text-align:left; word-break:break-all; word-break:keep-all;}
/*------------------------------------------------------------------------------------------------------
컨텐츠영역 끝
---------------------------------------------------------------------------------------------------------*/

/*------------------------------------------------------------------------------------------------------
공통
---------------------------------------------------------------------------------------------------------*/
.ggi_ttl {font-family:'ggi Batang', 경기천년바탕, 경기천년제목;}
.point_yellow {color:#e9b94b;}
.point_sky {color:#0db1c0;}
.point_blue {color:#0d7fc0;}
.point_red {color:#ea3a3a;}
/*------------------------------------------------------------------------------------------------------
공통 끝
---------------------------------------------------------------------------------------------------------*/

/*------------------------------------------------------------------------------------------------------
서브비주얼
---------------------------------------------------------------------------------------------------------*/
.sub_visual {height:364px;}
	@media all and (min-width: 320px) and (max-width: 56.25em) {
		.sub_visual {display:none;}
	}
.intro_visual {background:url(../intro/images/visual.jpg) center top no-repeat; background-size:100%;}
.house_visual {background:url(../house/images/visual.jpg) center top no-repeat; background-size:100%;}
.spec_visual {background:url(../spec/images/visual.jpg) center top no-repeat; background-size:100%;}
.gallery_visual {background:url(../gallery/images/visual.jpg) center top no-repeat; background-size:100%;}
.diary_visual {background:url(../diary/images/visual.jpg) center top no-repeat; background-size:100%;}
.online_visual {background:url(../online/images/visual.jpg) center top no-repeat; background-size:100%;}
.cs_visual {background:url(../cs/images/visual.jpg) center top no-repeat; background-size:100%;}

	/*-------------------------------------------
	서브 카피
	-------------------------------------------*/
.sub_copy_wrap {
	display:-webkit-flex;
	display:-moz-flex;
	display:-o-flex;
	display:-ms-flex;
	display:flex;
	flex-direction:column;
	justify-content:flex-end;
	flex-wrap:wrap;
	align-items:center;
	height:100%; padding-bottom:60px;
}
.sub_copy_wrap > h2, .sub_copy_wrap > h3 {text-align:center;}
.sub_copy_wrap > h2 {font-family:'ggi Batang', 경기천년바탕, 경기천년제목; font-size:44px; color:#fff; font-weight:100;}
.sub_copy_wrap > h2 > span {color:#e9b94b;}
.sub_copy_wrap > h3 {font-size:18px; color:#fff; font-weight:300; line-height:28px;}
/*------------------------------------------------------------------------------------------------------
서브비주얼 끝
---------------------------------------------------------------------------------------------------------*/

/*------------------------------------------------------------------------------------------------------
현재위치
---------------------------------------------------------------------------------------------------------*/
.position_wrap {width:100%; border-top:1px solid #ccc; border-bottom:1px solid #ccc;}
	@media all and (min-width: 320px) and (max-width: 56.25em) {
		.position_wrap {margin:45px auto 0; border:none;}
	}
.position_wrap > .container {
	display:-webkit-flex;
	display:-moz-flex;
	display:-o-flex;
	display:-ms-flex;
	display:flex;
	flex-direction:row;
	justify-content:flex-start;
	flex-wrap:wrap;
	align-items:center;
}
	@media all and (min-width: 320px) and (max-width: 56.25em) {
		.position_wrap > .container {justify-content:center;}
	}
.position_wrap > .container > a, .position_wrap > .container > h3 {
	margin-top:0!important; margin-bottom:0!important; padding:10px 25px!important; border-left:1px solid #ccc; text-decoration:none; text-transform:uppercase;
	font-size:inherit; font-weight:inherit;
}
	@media all and (min-width: 320px) and (max-width: 56.25em) {
		.position_wrap > .container > a, .position_wrap > .container > h3 {padding:10px!important; border-left:none; border-bottom:1px solid #ccc;}
	}
.position_wrap > .container > h3:last-child {
	border-right:1px solid #ccc;
	color:#337ab7; font-weight:700;
}
.position_wrap > .container > a i {margin-right:10px;}
	@media all and (min-width: 320px) and (max-width: 56.25em) {
		.position_wrap > .container > a i {margin-right:5px;}
	}
	
@media all and (min-width: 320px) and (max-width: 56.25em) {
	.position_wrap > .container > a {display:none;}
	.position_wrap > .container > h3:last-child {display:none;}
}
/*------------------------------------------------------------------------------------------------------
현재위치 끝
---------------------------------------------------------------------------------------------------------*/

/*------------------------------------------------------------------------------------------------------
서브타이틀
---------------------------------------------------------------------------------------------------------*/
.sub_ttl {font-size:36px; color:#e9b94b;}
/*------------------------------------------------------------------------------------------------------
서브타이틀 끝
---------------------------------------------------------------------------------------------------------*/

/*------------------------------------------------------------------------------------------------------
퀵메뉴
---------------------------------------------------------------------------------------------------------*/
aside {width:95px; height:100vh; background-color:#272727; position:fixed; top:0; right:0; z-index:999;}
@media all and (min-width: 320px) and (max-width: 56.25em) {
	aside {display:none;}
}
.quick_wrap {width:95px; height:100vh; position:absolute; right:0; top:0;}
.quick_wrap > section {
	display:-webkit-flex;
	display:-moz-flex;
	display:-o-flex;
	display:-ms-flex;
	display:flex;
	flex-direction:column;
	justify-content:flex-start;
	flex-wrap:wrap;
	align-items:center;
}
.quick_wrap > section > a {
	display:-webkit-flex;
	display:-moz-flex;
	display:-o-flex;
	display:-ms-flex;
	display:flex;
	flex-direction:column;
	justify-content:center;
	flex-wrap:wrap;
	align-items:center;
	width:100%; height:100%; padding:10px 0; text-decoration:none; border-bottom:1px solid rgba(255, 255, 255, 0.5);
	font-size:13px; color:#fff;
}
.quick_wrap > section.quick_cs > a {border-bottom:none;}
.quick_wrap > section > a > h4 {
	margin:5px auto 0!important; padding:0!important;
	font-size:inherit;
	}

/*
*/
.quick_stl {background-color:#036770;}
.quick_wrap > section.quick_stl > a > img {width:50%; height:50%;}

/*
*/
.quick_online {}

/*
*/
.quick_cs {padding:15px 0; background-color:#e9b94b;}
.quick_cs > a > h4 {font-size:15px!important; color:#000;}
/*------------------------------------------------------------------------------------------------------
퀵메뉴 끝
---------------------------------------------------------------------------------------------------------*/

/*------------------------------------------------------------------------------------------------------
페이지 내 탭버튼 끝
---------------------------------------------------------------------------------------------------------*/
.btn_tab_wrap > ul {list-style:none;}
.btn_tab_wrap > ul > li {display:inline;}
.btn_tab_wrap > ul > li > a.btn-primary:hover {color:#e9b94b;}

@media all and (min-width: 320px) and (max-width: 56.25em) {
	.btn_tab_wrap > ul > li > a {margin-bottom:5px;}
}
/*------------------------------------------------------------------------------------------------------
페이지 내 탭버튼 끝
---------------------------------------------------------------------------------------------------------*/

/*------------------------------------------------------------------------------------------------------
건축비계산 (헤더 고정된 스크롤 테이블)-사용안함
---------------------------------------------------------------------------------------------------------*/
.scrolltable{
    table-layout: fixed;
    border-collapse: collapse;
    /*border: 1px solid #888;*/
}
/*.scrolltable thead {display:block; background: #a88;}*/
.scrolltable tbody{display:table-caption; width:100%; height:100vh; overflow:auto;}/*display:block; */
/* 행 장식 */
.scrolltable th, .scrolltable td {width: 200px; padding: 5px; vertical-align: middle; white-space: pre-line;}/*width: 100px; padding: 10px; text-align: center;
.scrolltable tbody tr:nth-child(2n+1){background-color: #f0f0f0;}*/

/*------------------------------------------------------------------------------------------------------
건축비계산 (헤더 고정된 스크롤 테이블)
---------------------------------------------------------------------------------------------------------*/
.example th, .example td {vertical-align: middle; white-space: pre-line;}/*width:100px; */
.example td {text-align: left; white-space: pre-line;}
.example small {font-size: 0.7rem}
.bg-opacity-85 {
	--bs-bg-opacity: 0.85;
  }

/*------------------------------------------------------------------------------------------------------
백그라운드가 2개로 겹칠때
---------------------------------------------------------------------------------------------------------
background-image:url(/theme/2019_1/images/top_bg_left.png), url(/theme/2019_1/images/top_bg_right.png); background-size:117px 191px, 203px 150px; background-position:left 13px ,right 13px; background-repeat:no-repeat, no-repeat;
/*------------------------------------------------------------------------------------------------------
백그라운드가 2개로 겹칠때 끝
---------------------------------------------------------------------------------------------------------*/