.progress_bar_wrap { position:absolute; z-index:2; width:200px; /* left:calc(50% - 100px); */ right:100px; top:120px; color:#FFF; }
.progress_bar { width:170px; position:relative; display:inline-block; margin-left:30px; height:1px; background-color:rgba(255,255,255,0.3); }
.progress_bar .bar { position:absolute; left:0; top:0; height:100%; width:0; background-color:rgba(255,255,255,1.0); }
.toggle_btn { cursor:pointer; color:#FFF; background-color:transparent; margin:0px; padding:3px 0px 0px 0px; border:0px; margin-right:10px; position:absolute; top:0px; }
@media (max-width:1439px) { 
	.progress_bar_wrap { display:none !important; }
}
				

				
#GT_mainslide .slide-caption { top:45%; }
.owl-offres-dots { position:absolute; bottom:70px; z-index:10; width:100%; text-align:center; vertical-align:top;  }
.owl-offres-dots button.owl-dot { border:0px; width:150px; height:100px; margin:0px 5px; border-radius:5px;  }
.owl-offres-dots button.owl-dot.active .gt_dot_div, .owl-offres-dots button.owl-dot:hover .gt_dot_div { border:2px solid #FFF !important; }
.owl-offres-dots button.owl-dot div{ display:inline-block; width:150px; height:100px; border:0px; background-color:#FFF; }
.owl-offres-dots .gt_dot_div { font-family:'NEXON Gothic'; font-size:14px; font-weight:700; background-size: contain; background-repeat: no-repeat; background-position: top; padding-top:70px; border-radius:5px;  }
@media (max-width:1440px) { 
#GT_mainslide .slide-caption { top:45% !important; }
.owl-offres-dots { bottom:60px; }
}
@media (max-width:1199px) { 
#GT_mainslide .slide-caption { top:50% !important; }
.owl-offres-dots { display:none; }
}
		
		
.owl-carousel .owl-item { overflow: hidden; }
.gt_bgimg {
	animation: 5s ease 0s normal none 1 running zoomEffect;
	-webkit-animation: 5s ease 0s normal none 1 running zoomEffect;
	-o-animation: 5s ease 0s normal none 1 running zoomEffect;
	-moz--o-animation: 5s ease 0s normal none 1 running zoomEffect;
}

@keyframes zoomEffect {
	0% { transform: scale(1.1, 1.1); }
	30% { transform: scale(1.0, 1.0); }
	100% { transform: scale(1.1, 1.1); }
}

#owl-carousel-wrap .item img{ display: block; width: 100%; height: auto; }
#owl-carousel-wrap { margin:0px; padidng:0px; position:relative; top:0px; }
.custom-nav { position: absolute; z-index:1; top: calc(50% - 50px); left: 0; right: 0; }
.owl-prev, .owl-next { position: absolute; height: 50px; color: inherit; background: none; border: none; z-index: 1; opacity:0.5; }
.owl-prev:hover, .owl-next:hover { opacity:1; }
.owl-prev { left: 50px; }
.owl-next { right: 50px; }
/*
.custom-nav i { font-size: 50px; color: rgba(255,255,255,0.5); }
.owl-prev:hover i { color: rgba(255,255,255,1.0); }
*/
@media (max-width:480px) { .custom-nav{ display:none !important; }}


		

#SECTION_01 #GT_mainslide .item img { width: 100%; height: 930px; object-fit: cover !important; object-position: 50% 50% !important; }
#GT_mainslide .dot_bg { opacity: 0.5 !important; } 
#GT_mainslide .owl-dots .owl-dot.active { background: #FF0000; width: 30px; } 
.owl-offres-dots { bottom: 80px; } 
/* 썸네일 위치 조절 */
#GT_mainslide .slide-caption__title { font-size: 70px; line-height: 70px; font-family: 'Nexon Gothic'; font-weight: 700; } 
#GT_mainslide .slide-caption__desc { font-size: 15px; line-height: 24px; font-family: 'Nexon Gothic'; font-weight: 400; } 
@media (max-width:480px){
#GT_mainslide .item img { height: 75vh !important; max-width: 480px !important; } 
/* 모바일 메인슬라이드 글자크기 조정 */
#GT_mainslide .slide-caption__title { font-size: 50px !important; line-height: 50px !important; } 
#GT_mainslide .slide-caption__desc { font-size: 14px !important; } 
}

/*  SECTION #02 BEGIN  */
#SECTION_02 { background-color: #EEE; } 
#SECTION_02_01 { background-image: url('https://bundang.geongi.kr/theme/geongi/img/pattern/fabric-of-squares.png'); } 

#SECTION_02 .project_container { position: relative; margin: 0 auto; padding: 0px; max-width: 90%; } 



/*  SECTION #04 BEGIN  회사소개 시공점현황 부분 */
.gt_pic2_div_wrap1 { width: 100%; overflow: hidden; margin: 0 auto; padding: 0; background-color: #A1ACBE; } 
.gt_pic2_div1 { padding: 0px; } 
.gt_pic2_div1_img_wrap { float: right !important; text-align: center; } 
.gt_pic2_div1_ctt_wrap { padding: 50px 50px 0px 0px !important; width: calc(100% - 50px); max-width: 600px; text-align: right; float: right; } 
.gt_pic2_div_wrap2 { width: 100%; overflow: hidden; margin: 0 auto; padding: 0; background-color: #CCCBD0; } 
.gt_pic2_div2 { padding: 0px; } 
.gt_pic2_div2_img_wrap { float: left; } 
.gt_pic2_div2_ctt_wrap { padding: 50px 0px 0px 50px !important; width: calc(100% - 50px); max-width: 600px; text-align: left; float: left; } 
.gt_pic2_div50 { float: left; width: 50%; height: px; } 
.gt_pic2_div_img2 { width: 100%; } 
.gt_pic2_div_title1 { font-size: 36px; line-height: 50px; color: #111; font-weight: 200; font-family: 'Nexon Gothic'; } 
.gt_pic2_div_title2 { font-size: 36px; line-height: 50px; color: #111; font-weight: 700; font-family: 'Nexon Gothic'; } 
.gt_pic2_div_content1 { font-size: 16px; line-height: 30px; color: #333; font-weight: 400; margin: 10px 0px 20px 0px !important; text-align: right; width: 100%; } 
.gt_pic2_div_bar { margin: 25px 0px; width: 40px; border-bottom: 4px solid #000; } 
.gt_pic2_div_button { line-height: 40px; padding: 10px 5px; } 
.onweb_btn4 { line-height: 40px; padding: 10px; border-radius: 5px; } 
@media (max-width:800px){
.gt_pic2_div_img { width: calc(100% - 40px); } 
.gt_pic2_div2_img_wrap { text-align: center; } 
}
@media (max-width:640px){
.gt_pic2_div50 { width: 100%; height: auto; } 
.gt_pic2_div1_img_wrap,
.gt_pic2_div1_img_wrap { text-align: center; } 
.gt_pic2_div1_ctt_wrap { text-align: left; float: left; } 
.gt_pic2_div1_ctt_wrap,
.gt_pic2_div2_ctt_wrap { padding: 50px 20px !important; } 
.gt_pic2_div_title1,
.gt_pic2_div_title2 { font-size: 32px; line-height: 40px; } 
.gt_pic2_div_content1 { text-align: justify; font-size: 16px; line-height: 20px; margin: 20px 0px; } 
.gt_pic2_div_img { width: 100%; max-width: 350px; } 
.gt_pic2_div2_img_wrap { text-align: center; } 
.gt_pic2_div_button { margin-bottom: 0px; } 
}



#GT_guidelink6 .recent-project { position: relative; overflow: hidden; margin: 0px 0px; padding:0px 0px 20px 0px; background-color:#FFF; width:100%; text-align:center; border-radius:15px; }
#GT_guidelink6 .recent-project img { width: 100%; border-radius:0px; }
#GT_guidelink6 .project-info { position: absolute; left: 0; top: 0%; padding-top: 20%; color: #fff; width: 100%; height:200%; text-align: center;}
#GT_guidelink6 .project-info .title1 { line-height: 200%; color:#FFF; font-size:50px; text-align:center; font-weight:normal; letter-spacing:0px; }

#GT_guidelink6 .c-title { position: relative; left: 0; width: 100%; padding: 20px 0px 10px 0px; line-height: 150%; font-size: 18px; font-family:'NEXON Gothic'; font-weight:400; text-transform: capitalize; background: #FFF; color:#000; text-align:center; letter-spacing:-1px; white-space:nowrap; }
#GT_guidelink6 .expand_bar { display:inline-block; width:50px; height:1px; background-color:#000; margin:10px 0px; transition: 0.5s all ease; -webkit-transition: 0.5s all ease; -moz-transition: 0.5s all ease; -ms-transition: 0.5s all ease; -o-transition: 0.5s all ease; }
#GT_guidelink6 a:hover .expand_bar{ -ms-transform: scaleX(3);-webkit-transform: scaleX(3); transform: scaleX(3); background-color:#F00; } 
#GT_guidelink6 .onweb_btn3 { margin-top:0px; padding:3px 15px 1px 15px; background-color:#333; font-size:11px; border-radius:21px !important; }
#GT_guidelink6 a:hover .onweb_btn3 { background-color:#F90 !important; }

#GT_guidelink6 .img_container { background: rgba(255,255,255,1.0); }
#GT_guidelink6 .img_container:hover .image { opacity: 0.5; transition: all 0.3s ease; }

#GT_guidelink6 .project-info .title1, ul.project-meta, .full-project { opacity: 0; visibility: hidden; -webkit-transform: translateY(100px); -moz-transform: translateY(100px); -ms-transform: translateY(100px); -o-transform: translateY(100px); transform: translateY(100px);}
#GT_guidelink6 .project-info .title1, ul.project-meta{ -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
#GT_guidelink6 .recent-project:hover .project-info .title1, .recent-project:hover ul.project-meta, .recent-project:hover .full-project { opacity: 1; visibility: visible; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0);}

#GT_guidelink6 .image { opacity: 1; display: block; width: 100%; height: auto; transition: .2s ease; backface-visibility: hidden; }
#GT_guidelink6 .middle { opacity: 0; position: absolute; top: 40%; left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); text-align: center; border-radius:30px; }
#GT_guidelink6 .text { background-color: #F90; color: #FFF; font-size: 20px; padding: 20px 20px; border-radius:30px; }

#GT_content_view3 { margin-bottom:50px; }
#GT_content_view3 .recent-project2 { position: relative; overflow: hidden; margin: 0px 10px; }
#GT_content_view3 .recent-project2 img { width: 100%; border-radius:150px; border: 0px; }

#GT_content_view3 ul.project-meta { margin: 0; padding: 0; }
#GT_content_view3 ul.project-meta li{ display: inline-block; padding:5px 10px; border: 1px solid #fff;}
#GT_content_view3 ul.project-meta li a{ display: inline-block; color: #fff; font-size: 14px; }
#GT_content_view3 ul.project-meta li a:hover{ color: #f76758; }

#GT_content_view3 .c-title { position: relative; left: 0; width: 100%; padding: 0px; padding-top:20px; line-height: 140%; font-family: 'NanumSquare'; font-size:18px; font-weight:700; color:#111; text-align:center; letter-spacing:-1px; background-color:transparent;}
#GT_content_view3 .c-text { position: relative; left: 0; width: 100%; padding: 0px; padding:10px 0px 0px 0px; line-height: 23px; font-family: 'NanumSquare'; font-size: 15px; font-weight:normal; color:#666; text-align:justify; letter-spacing:-1px; background-color:transparent; }

#GT_content_view3 .recent-project2 { border-bottom: 0px solid #CCC !important; }
#GT_content_view3 .recent-project2:hover { border-bottom: 0px solid #F41C54 !important; }

#GT_content_view3 .image { opacity: 1; display: block; width: 100%; height: auto; transition: .2s ease; backface-visibility: hidden; }
#GT_content_view3 .middle { opacity: 0; position: absolute; top: 32%; left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); text-align: center; border-radius:30px; }
#GT_content_view3 .img_container { border-radius:150px; border: 0px; }
#GT_content_view3 .img_container:hover { background: rgba(0,0,0,0.8); }
#GT_content_view3 .img_container:hover .image { opacity: 0.3; }
#GT_content_view3 .img_container:hover .middle { opacity: 1; }
#GT_content_view3 .text { background-color: #F00; color: #FFF; font-size: 20px; padding: 18px 20px; border-radius:30px; }
#GT_content_view3 .item a:focus { display:inline-block; border:2px solid #000; }


/* theme/geongi/common/request_form.php  */
.dark_btn1 { font-size: 15px; padding:0px 5px 0px 10px; border-radius:0px; min-width:200px; border:1px solid rgba(255,255,255,0.5); }
#gt_request { margin:0px; padding:0px; }
#gt_request .gt_request_wrap { padding: 100px 0px; }
#gt_request input { width:100%; font-family:'NanumBarunGothic'; font-size:13px; margin:0px 0px 5px 0px; padding:12px; border:1px solid #DDD; border-radius:20px; }
#gt_request textarea { width:100%; height:120px;  font-family:'NanumBarunGothic'; font-size:13px; padding:12px; border:1px solid #DDD; overflow:hidden; border-radius:10px; }
#gt_request .f_submit { border-radius:30px; }
#gt_request .privacy_link:hover{ color:#17BBE1 !important; }
@media (max-width:480px) { 
#gt_request .gt_request_wrap { padding: 50px 0px; }
#gt_request .left_info { padding:0px 30px !important; }
#gt_request .right_info {margin-bottom:80px !important; }
}

/*  SECTION #05 BEGIN */
#SECTION_05 {
	width: 100%;
	padding: 80px 0;
	background-color: #FFF;
}
.onweb_div_1200 {
	margin: 0 auto;
	padding: 0;
	text-align: center;
}
.layer_left_50 {
	display: inline-block;
	vertical-align: top;
	width: 50%;
}
.layer_right_50 {
	display: inline-block;
	vertical-align: top;
	width: 50%;
}
#GT_content_view3 .owl-dots .owl-dot.active {
	background: #FF0000;
	width: 30px;
}

/*  --------- SECTION #01 BEGIN ----------  */


/*  theme/geongi/common/dotnav.php */

#gt_dotNavi { margin:0px; padding:0px; overflow:hidden; }
#gt_dotNavi #dotnav { z-index:1; }
/* dot 네비의 세로높이 조절 */
#gt_dotNavi nav { position: fixed; top: 40%; bottom: 40%; right: 0; width: 50px; overflow:hidden; }
#gt_dotNavi nav ul { height: 100%; display: flex; flex-wrap: wrap; flex-direction: column; justify-content: space-around; align-items: center; overflow:hidden;}
#gt_dotNavi nav li { width: 10px; height: 10px; border-radius: 10px; background-color: black; cursor: pointer; transition: .3s; background-color: #DDD; }
#gt_dotNavi .dot_active { background-color: #F00; height:30px; }