/*------------------------------------------------------------------------------------------------------
페이지스크롤 섹션
---------------------------------------------------------------------------------------------------------*/
.pagesec {position: relative;}
.section_nav {z-index: 0 !important;}

/*------------------------------------------------------------------------------------------------------
풀스크린 섹션 mainpage1
메인비주얼
---------------------------------------------------------------------------------------------------------*/
.carousel {/*position:absolute; top:0; left:0; z-index: 0;*/}
	@media all and (min-width: 320px) and (max-width: 992px) {
		.carousel {position: relative;}
	}
.carousel-inner > div {height: 100% !important; text-align: center;}
.carousel-inner > div img {width: 100%;}
	@media all and (min-width: 320px) and (max-width: 992px) {
		/*.carousel-inner > div {height: 160px!important;}
		.carousel-inner > div img {max-width: 100%; height:auto!important; margin-left: auto; margin-right: auto;}*/
		.carousel-inner > div img {object-fit: cover; min-height:100vh !important; margin-left: auto; margin-right: auto;}
	}
.carousel-caption {
	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;
	/*position: absolute; */bottom: 150px; right: 0; left: 0;
	padding-top: 1.25rem; padding-bottom: 1.25rem; text-align: inherit;
}
	@media all and (min-width: 320px) and (max-width: 992px) {
		.carousel-caption {position: relative;/* top: 50%px;*/}
	}

	/*-----------------------
	캐러셀 화살표
	-----------------------*/
@media all and (min-width: 993px) {
	.visual_btn {/*width:100%; position: absolute; left: 0; bottom: 30px; z-index: 1;*/}
	/*.carousel-control-prev,
	.carousel-control-next {width: 97%!important;}화살표 중앙으로*/
	.varrow {width: 10%!important;}

	.carousel-control-prev-icon,
	.carousel-control-next-icon {
		display: inline-block;
		width: 3rem; height: 3rem;
		border-radius: 100px;
		background-color: #20262c;
		background-repeat: no-repeat;
		background-position: 50%;
		background-size: 100% 100%;
	}
}

	/*-----------------------
	메인카피
	-----------------------*/
/*.m_copy .carousel-caption {width: 300px; padding-bottom: 0!important; bottom: 0!important;}
	@media all and (min-width: 320px) and (max-width: 992px) {
		.m_copy .carousel-caption {right: 0 !important; left:0!important;}
		.m_copy .carousel-caption img {width: 70%;}
		.m_crsl_img {display: none;}
	}*/
.vs_copy {
	position: absolute; top: 35%; left: 50%; transform: translate(-50%, -50%); z-index: 999;
	font-size:5rem; color: #fff; z-index: 1;
}
	@media all and (min-width: 320px) and (max-width: 992px) {
		.vs_copy {top: 25%;}
		.vs_copy .fs_55 {font-size: 1.5rem;}
		.vs_copy .fs_24 {font-size: 1.125rem;}
	}
.vs_copy p {text-align: right;}
	@media all and (min-width: 320px) and (max-width: 992px) {
		.vs_copy p {text-align: center;}
	}

/*-----------------------
위아래 이동 버튼
-----------------------*/
.pagesec .scroll_btn {position: absolute; bottom:2rem; left: 50%; transform: translate(-50%, -50%); z-index: 9999;}
	@media all and (min-width: 320px) and (max-width: 992px) {
		.pagesec .scroll_btn {display: none !important;}
	}
.pagesec .scroll_btn .btn-normal {background: none;}

/*------------------------------------------------------------------------------------------------------
풀스크린 섹션 mainpage2
Products 제품슬라이드
---------------------------------------------------------------------------------------------------------*/
.sec_product {background: url("../main/images/sec_products_bg.jpg") center center / cover no-repeat;}
.sec_title h2 {
	padding-top: 92px; /* 원하는 상단 패딩 값으로 조절하세요 */
	/* padding-bottom: 20px; 원하는 하단 패딩 값으로 조절하세요 */
	position: relative; /* 가상 요소를 위한 기준점 설정 */
	text-align: center; /* 텍스트 중앙 정렬 */
}
.sec_title h2::before {
	content: ""; /* 가상 요소에는 content 속성이 필수입니다. */
	display: block; /* 블록 레벨 요소로 만들어 width, height 적용 가능하게 함 */
	position: absolute; /* 텍스트 중앙 상단에 위치시키기 위해 absolute 설정 */
	left: 50%; /* 중앙으로 이동 */
	top: 0; /* 상단에 위치 */
	transform: translateX(-50%); /* 가로 방향으로 -50% 이동하여 정확히 중앙 배치 */
	width: 1px; /* 선의 굵기 조절 */
	height: 2em; /* 선의 높이 조절 (텍스트 높이에 비례) */
	background-color: #0f6296; /* 선의 색상 설정 */
  }

@media all and (min-width: 320px) and (max-width: 992px) {
	.sec_title .fs_18 {font-size: .8rem;}
	.item p {display: none;}
}

.slider_container {
	/* 슬라이더 컨테이너를 세로 중앙으로 배치 */
	flex-grow: 1; /* 남은 공간을 모두 차지하도록 설정하여 중앙에 오도록 함 */
	display: flex;
	align-items: center; /* 세로 중앙 정렬 */
	justify-content: center; /* 가로 중앙 정렬 (필요하다면) */
	width: 100%; /* 슬라이더가 가로로 꽉 차게 하려면 */
  }

/*------------------------------------------------------------------------------------------------------
풀스크린 섹션 mainpage3
Document Library 자료실
---------------------------------------------------------------------------------------------------------*/
.sec_doc {background: url("../main/images/sec_doc_bg.jpg") center center / cover no-repeat}
.sec_doc .sec_title h2::before {
background-color: #fff; /* 선의 색상 설정 */
}

@media all and (min-width: 320px) and (max-width: 992px) {
	.sec_doc a img {width: 75%;}
	.sec_doc a p {font-size: 1.125rem;}
}

/*------------------------------------------------------------------------------------------------------
풀스크린 섹션 mainpage4
미니리스트 Customer
---------------------------------------------------------------------------------------------------------*/
.sec_minilist {
	background-image: url(../main/images/minilist_bg_2.png), url(../main/images/minilist_bg_1.png);
	background-size: 419px 557px, 551px 508px;
	background-position: left center, right top;
	background-repeat: no-repeat, no-repeat;
	background-color: #f7f9ff;
}
.sec_minilist .sec_title h2 {
	padding-top: 92px; /* 원하는 상단 패딩 값으로 조절하세요 */
	/* padding-bottom: 20px; 원하는 하단 패딩 값으로 조절하세요 */
	position: relative; /* 가상 요소를 위한 기준점 설정 */
	text-align: center; /* 텍스트 중앙 정렬 */
}
	@media all and (min-width: 320px) and (max-width: 992px) {
		.sec_minilist .sec_title h2 {padding-top: 0;}
		.sec_minilist .sec_title .text-start {text-align: center !important;}
	}
.sec_minilist .sec_title h2::before {
	content: ""; /* 가상 요소에는 content 속성이 필수입니다. */
	display: block; /* 블록 레벨 요소로 만들어 width, height 적용 가능하게 함 */
	position: absolute; /* 텍스트 중앙 상단에 위치시키기 위해 absolute 설정 */
	left: 50%; /* 중앙으로 이동 */
	top: 0; /* 상단에 위치 */
	transform: translateX(-50%); /* 가로 방향으로 -50% 이동하여 정확히 중앙 배치 */
	width: 1px; /* 선의 굵기 조절 */
	height: 2em; /* 선의 높이 조절 (텍스트 높이에 비례) */
	background-color: #0f6296; /* 선의 색상 설정 */
}
	@media all and (min-width: 320px) and (max-width: 992px) {
		.sec_minilist .sec_title h2::before {width: 0px; height: 0em;}
	}

@media all and (min-width: 320px) and (max-width: 992px) {
	.sec_minilist .mt-5 {margin-top: 1rem !important;}
	.sec_minilist .mt-5 div:nth-child(2), .sec_minilist .mt-5 div a {font-size: inherit !important;}
	.sec_minilist .mt-5 .text-end {
		text-align: left !important;
		color: #747373; font-weight: normal !important;
	}
}

/*------------------------------------------------------------------------------------------------------
풀스크린 섹션 mainpage5
회사소개 About Us
---------------------------------------------------------------------------------------------------------*/
.sec_intro {background: url("../main/images/intro_bg.jpg") right top / contain no-repeat;}
	@media all and (min-width: 320px) and (max-width: 992px) {
		.sec_intro {background: none;}
	}
.left_text {background: url("../main/images/minilist_bg_1.png") center center no-repeat;}
	@media all and (min-width: 320px) and (max-width: 992px) {
		.left_text {background: url("../main/images/minilist_bg_1.png") center center / contain no-repeat;}
	}
.sec_intro .sec_title h2 {padding-top: 0;}
.sec_intro .sec_title h2::before {display: none;}
.customer_tel a {width: 284px;}
.customer_tel a:hover {background-color: #4e73a7;}

@media all and (min-width: 320px) and (max-width: 992px) {
	.customer_tel p:first-child {font-size: 1.8rem;}
	.customer_tel .fs_45 {font-size: 2.25rem;}
}























/*------------------------------------------------------------------------------------------------------
이하 다른 곳 스타일임.
건축스타일및전화번호
---------------------------------------------------------------------------------------------------------*/
.online_wrap {position: relative; margin-top: -90px; background: rgba(39, 55, 0, 0.5); border-top-right-radius: 3rem; border-bottom-right-radius: 3rem; z-index: 1;}
	@media all and (min-width: 320px) and (max-width: 992px) {
		.online_wrap {position: relative; margin-top: 0px; background: none; z-index: 1;}
	}
.online_border {padding: 1.5rem 2.5rem;}
	@media all and (min-width: 320px) and (max-width: 992px) {
		.online_border {padding: 0.3rem 1rem; border-top-left-radius: 0; border-bottom-left-radius: 0;}
	}
/*.rounded-end {
	border-top-right-radius: 0.25rem !important;
	border-bottom-right-radius: 0.25rem !important;
	}*/
.tel_border {border-top-right-radius: 3rem; border-bottom-right-radius: 3rem}
	@media all and (min-width: 320px) and (max-width: 992px) {
		.tel_border {padding: 1rem; border-top-right-radius: 0; border-bottom-right-radius: 0}
	}
.tel_con {width: 100%}
.tel_con img {margin-top: -15px;}
	@media all and (min-width: 320px) and (max-width: 992px) {
		.tel_con span:last-child {line-height: 1.5rem!important;}
		.tel_con img {display: none;}
	}

.online_border a:last-child {color: #412b1d;}
.biz_tel {font-family: Jalnan; font-size: 34px;}
.biz_text {font-size: 15px; font-weight: 350;}

.onicon_box {width:95px; height: 95px;}

.online_title {color: #fff;}
	@media all and (min-width: 320px) and (max-width: 992px) {
		.online_title {
			text-align: center;
			color: #000;
		}
		.online_text {display: none;}
	}
.online_section p {color: #fff;}
	@media all and (min-width: 320px) and (max-width: 992px) {
		.online_section p {color: #000;}
	}
.ot_big {padding:20px 0; font-size: 28px; line-height: 4rem;}
	@media all and (min-width: 320px) and (max-width: 992px) {
		.ot_big {font-size: 18px; line-height: 2rem;}
	}

/*------------------------------------------------------------------------------------------------------
제품출력
---------------------------------------------------------------------------------------------------------*/

	/*-----------------------
	레이아웃
	-----------------------*/
.gall_box > div {}
.gall_box .slide a {width: 355px; height: 465px; background-color: #8ba1b8;}
	@media all and (min-width: 320px) and (max-width: 992px) {
		.gall_box .slide a {width: 100%; height: 100%;}
	}

/*------------------------------------------------------------------------------------------------------
퀵링크quick link , 공지사항
---------------------------------------------------------------------------------------------------------*/
.title_20gray {color: #747373;}

	/*-----------------------
	퀵링크quick link
	-----------------------*/
.quick_bnr {padding:2rem 2rem; border-radius: 3rem; border: 8px solid #e4e4e4;}
	/*@media all and (min-width: 320px) and (max-width: 992px) {
		.quick_bnr {display: none;}
	}*/
.quick_icon {width: 92px;}

	/*-----------------------
	공지사항
	-----------------------*/
a.more_aqua {color: #3ab5b6;}
a.more_blue {color: #4e73a7;}

.border_b_blue {border-bottom: 2px solid #4e73a7;}

.notice_con_more::after {
	content: "\3e";
	font-family: "Font Awesome 5 Free"; color: #3ab5b6; font-weight: 900; margin-left: 10px;
}
.news_con_more::after {
	content: "\3e";
	font-family: "Font Awesome 5 Free"; color: #ff6600; font-weight: 900; margin-left: 10px;
}
.minicon_100 {height: 100px;}
	@media all and (min-width: 320px) and (max-width: 992px) {
		.minicon_100 {height: auto;}
	}

/*.border_aqua_2 {border: 2px solid #3ab5b6;}
	@media all and (min-width: 320px) and (max-width: 992px) {
		.border_aqua_2 {border-bottom: none;}
	}
.border_blue {border: 2px solid #4e73a7;}
	@media all and (min-width: 320px) and (max-width: 992px) {
		.border_blue {border-bottom: none;}
	}

.biz_wrap {padding:2rem 3rem; border-radius: 3rem; border: 8px solid #e4e4e4;}
	@media all and (min-width: 320px) and (max-width: 992px) {
		.biz_wrap {display: none;}
	}
.biz_wrap a::after {
    content: "\3e";
    font-family: "Font Awesome 5 Free"; color: #3ab5b6; font-weight: 900; margin-left: 20px;
}
.h_35 {height: 35px;}
.h_100 {height: 100px;}*/

/*------------------------------------------------------------------------------------------------------
갤러리
---------------------------------------------------------------------------------------------------------*/
.mgallery_wrap {
	height: 363px;
	/*background-color: #3ab5b6;*/
	background:#b8bbbe;
	background-image:url(../main/images/mgallery_patt_l.png), url(../main/images/mgallery_patt_r.png); background-size:397px 339px, 694px 363px; background-position:left bottom, right top; background-repeat:no-repeat, no-repeat;
}
	@media all and (min-width: 320px) and (max-width: 992px) {
		.mgallery_wrap {display: none;}
	}
.mgallery_title {
	font-family: 'Noto Serif KR', serif; font-size: 28px;
}
.mgallery_wrap img {width:275px; height:280px; object-fit: cover;}

/*------------------------------------------------------------------------------------------------------
메인 바텀
---------------------------------------------------------------------------------------------------------*/
.main_footer {margin-top: 200px;}