.text-center {text-align: center; margin-bottom:70px}
.lead { font-size:16px; line-height:1.75; letter-spacing:-0.02em; color:#555; font-weight:300;  word-break:keep-all}
::selection {background-color:#ff3414;color:#fff;}

@media screen and (max-width: 640px) {
input {
   -webkit-appearance: none;
   -webkit-border-radius: 0;
}
.lead { font-size:17px; font-weight:400}
}


/* 주요업무 */
.bnrbtn{
	max-width: 1600px;
	margin:0 auto; 
	padding: 100px 0;
}
.bnrbtn .bnrBox{
	display: flex;
	justify-content: space-between;
	gap: 10px;
}
.bnrbtn h3{
	text-align: center;
	font-size: 40px;
	line-height: 1.2;
	font-weight:400;
	color: #000;
	margin-bottom: 50px;
}
.bnrbtn h3 span{
	font-weight: 600;
}
.bnrbtn .bnrlink{
	border: 1px solid #dedede;
	width: 16.666%;
}
.bnrbtn .bnrlink .bnrimg{
	overflow: hidden;
}
.bnrbtn .bnrlink .bnrimg img{width: 100%;}
.bnrbtn .bnrlink .bnrimg img:hover{
	transform: scale(1.2);
	transition: all .3s ease-in;
}
.bnrbtn .bnrtit{
	text-align: center;
	padding: 20px;
}
.bnrbtn .bnrtit h4{
	font-size: 24px;
	font-weight: 600;
	color: #000;
}
.bnrbtn .bnrtit p{
	font-size: 16px;
	margin-top: 10px;
	color: #8b8b8b;
	margin-bottom: 0;
	word-break: keep-all;
}

/* 주요업무 end */

/* 문의배너 */

  .inquiry{
	background: #0869c3;
}
.inquiry .inBox{
	max-width: 60%;
	margin: 0 auto;
	padding: 50px 0;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.inquiry .txtBox h4{
	color: #fff;
	font-size: 42px;
	margin-bottom: 20px;
}
.inquiry .txtBox h4 span{
	font-weight: 600;
}
.inquiry .txtBox p{
	font-size: 20px;
	color: #b7dcff;
}
.inquiry .telBox{
	display: flex;
	gap: 20px;
	justify-content: flex-start;
	align-items: center;
}
.inquiry .telimg{
	width: 90px;
}
.inquiry .teltxt a{
	display: block;
	color: #fff;
	font-weight: 600;
}
.inquiry .teltxt a:hover{color: #fff;}
.inquiry .teltxt a:first-child{
	font-size: 36px;
}
.inquiry .teltxt a:last-child{font-size: 28px;}

/* 문의배너 끝 */

/* 시공사례 */

.galBox{
	padding: 100px 0;
	background: url(../img/galbg.png);
}
.galinner{
	max-width: 60%;
	margin: 0 auto;
}
.galinner .morebtn{
	display: flex;
	justify-content: center;
	margin-top: 50px;
}
.galinner .morebtn a{
	color: #fff;
	font-size: 18px;
	width: 220px;
	height: 55px;
	line-height: 55px;
	background: #0869c3;
	display: block;
	text-align: center;
	border-radius: 50px;
}
.galBox h3{
  text-align: center;
	font-size: 40px;
	line-height: 1.2;
	color: #fff;
	margin-bottom: 50px;
  font-weight:400;
}
.galBox h3 span{
	font-weight: 600;
}
/* 시공사례 끝 */

/*사이트맵*/
#sitemap {border:0; background-color:#07348c; width:100%; max-width:60%; padding:80px}
#sitemap h2{ font-size:36px; color:#fff; text-align:center; padding:0 0 20px 0; width:100%; border-bottom:1px solid rgba(255, 255, 255, .3)}
#sitemap .depth1>li{float:left; width:20%; margin-top:5px}
#sitemap .depth1 > li:nth-child(5n+5) {margin-right:0px;}
#sitemap .depth1 > li:nth-child(5n+1) {clear:both;}
#sitemap .depth1>li>a{font-size:20px;display:block;text-align:left;color:#fff;margin-bottom:20px}
#sitemap .depth2>li>a{font-size:16px;display:block;line-height:2.1;color:#fff;opacity:.9}
#sitemap .depth2 > li > a:hover { color:#F4E913}
#sitemap .depth3>li>a{font-size:14px;display:block;line-height:2.1;padding-left:15px;color:#fff;opacity:.7}
#sitemap .mfp-close{position:absolute;right:0;top:-50px;z-index:1;width:30px;height:30px;border:0;font-size:16px;color:#fff}
#sitemap .mfp-close:after {background: url(../img/w_btn_close.png) no-repeat center center;}
#sitemap .arrow i { display:none}

@media screen and (max-width:1200px) {
	#sitemap { max-width:800px}
	#sitemap .depth1>li { width:50%; margin-top:4%}
   
}

@media screen and (max-width: 960px) {
	#sitemap { display:none}
}
/*사이트맵*/





/*오른쪽 퀵메뉴*/
.scrolled  #tl_quick  { visibility:visible; opacity:1}
#tl_quick li {list-style: none}
#tl_quick img { border: 0; vertical-align: top}
#tl_quick { position: fixed;top: 0;right: -700px; width: 700px; height: 100%; z-index: 4; background: #fff;visibility:hidden;opacity:0; transition: all 0.5s}
#tl_quick ul .qm_menu { width: 78px; }
#tl_quick ul .qm_menu .qm_subject{border-top:1px solid #4a4a4a;border-bottom:1px solid #4a4a4a;margin-top:-1px;border-right:1px solid #4a4a4a;padding:20px 0;color:#fff;cursor:pointer;transition:all .5s;background-color:#3b3b3b}
#tl_quick ul .qm_menu .qm_subject:hover,#tl_quick ul .qm_menu.active .qm_subject {color: #fdb812; opacity: 1 }
#tl_quick ul .qm_menu .qm_subject i { text-align: center;display: block;font-size: 22px;}
#tl_quick ul .qm_menu .qm_subject span { padding-top: 5px; font-size:14px; color:#fff}
#tl_quick ul .qm_menu .qm_content{display:none;position:absolute;left:100px;top:0;padding:120px 20px 20px 20px;max-height:100vh;overflow-y:auto}
#tl_quick .qm_btn_close{position:absolute;top:10px;right:10px;z-index:5;color:#333;cursor:pointer}
#tl_quick .mfp-close { color:#222}
#quickbox_toggle_btn{width:28px;background-color:#222;color:#fff;font-size:16px;background-repeat:no-repeat;position:absolute;left:-29px;width:30px;padding:20px 6px;top:420px; cursor:pointer;z-index:10}
#quickbox_toggle_btn.on { width: 28px;background-color: #096}

#tl_quick .notice { background-color:#a57a47; color:#fff; font-size:16px; padding:20px; margin-bottom:20px; text-align:center}
#tl_quick .notice .line { border:1px solid #c2945e; padding:20px}
#tl_quick h3{background:#fbdb55;color:#a57a47;padding:32px 0 27px 30px;font-size:24px;line-height:20px;font-weight:400;position:relative}
#tl_quick .cont_area .send_btn {background-color:#fbdb55; color:#684b2a; font-size:18px; display:block; text-align:center; padding:10px 20px; margin:20px auto 0 auto; max-width:170px; border:0}
#tl_quick .cont_area .tbl-stat td>input{background:#f4f4f4;border:1px solid #ddd;height:32px;width:100%;padding:5px 5px 4px;vertical-align:middle}

#tl_quick .cont_area select{width:100%;height:32px;padding:0 5px;background:#f4f4f4;border:1px solid #ddd}
#tl_quick .cont_area .terms_chk label { margin-right: 5px; font-size:15px}
#tl_quick .cont_area .terms_chk .privacy_popup { display:inline-block; padding: 5px 0; font-size: 15px}

#tl_quick .cont_area .ltb {width: 100%;font-size:15px;}
#tl_quick .cont_area .ltb table {width:100%;border-collapse:collapse;}
#tl_quick .cont_area .ltb th{padding:8px 20px;height:60px;text-align:center;background-color:#222842;color:#fff; font-size:16px}
#tl_quick .cont_area .ltb td {padding:10px 5px;height:60px;border-bottom:1px solid #ddd;}
#tl_quick .cont_area .ltb td.num {text-align:center;}
#tl_quick .cont_area .ltb tr:hover { background-color:#f2f2f2}
#tl_quick .cont_area .ltb .last td {border-bottom:1px solid #ddd;}
#tl_quick .cont_area .ltb .date { text-align:center}
#tl_quick .cont_area .btn_wrap { margin: 20px auto 0 auto; text-align: center;}
#tl_quick .cont_area .btn_wrap .btn_type01 a{min-width: 110px;width: auto;display: inline-block;padding: 16px 25px;font-size:16px;color: #222;vertical-align: middle;text-align:center;border: 1px solid #ddd;}
#tl_quick .mfp-close:after {background: url(../img/btn_close.png) no-repeat center center;}

#tl_quick .fa-lock {display:inline-block;line-height:14px;width:16px;font-size:0.833em;color:#4f818c;background:#cbe3e8;text-align:center;border-radius:2px;font-size:12px;border:1px solid #cbe3e8;vertical-align:middle}
#tl_quick .new_icon {display:inline-block;width:16px;line-height:16px;font-size:0.833em;color:#23db79;background:#b9ffda;text-align:center;border-radius:2px;margin-left:2px;font-weight:bold;vertical-align:middle}
#tl_quick .hot_icon {display:inline-block;width:16px;line-height:16px;font-size:0.833em;color:#ff0000;background:#ffb9b9;text-align:center;border-radius:2px;vertical-align:middle}

#tl_quick .fa-lock {
	display: inline-block;
	line-height: 14px;
	width: 16px;
	font-size: 0.833em;
	color: #4f818c;
	background: #cbe3e8;
	text-align: center;
	border-radius: 2px;
	font-size: 12px;
	border: 1px solid #cbe3e8;
	vertical-align: middle
}

#tl_quick .new_icon {
	display: inline-block;
	width: 16px;
	line-height: 16px;
	font-size: 0.833em;
	color: #23db79;
	background: #b9ffda;
	text-align: center;
	border-radius: 2px;
	margin-left: 2px;
	font-weight: bold;
	vertical-align: middle
}

#tl_quick .hot_icon {
	display: inline-block;
	width: 16px;
	line-height: 16px;
	font-size: 0.833em;
	color: #ff0000;
	background: #ffb9b9;
	text-align: center;
	border-radius: 2px;
	vertical-align: middle
}



@media screen and (max-width: 640px) {
    #tl_quick { display:none}
}
/*오른쪽 퀵메뉴*/






/*모바일 오른쪽 메뉴*/
#right-side {background-color:#333;position:fixed; z-index:9999; top:0;right:-400px;max-width:400px; width:100%; height:100%; color:#FFF; padding:30px;-webkit-transition: right .3s ease;-moz-transition: right .3s ease;-ms-transition: right .3s ease;-o-transition: right .3s ease;transition: right .3s ease; box-sizing:border-box; overflow:auto;}
#right-side .side_gnb .call a {text-align:center; display:block;position:relative;background:#6cc043; color:#fff; font-weight:bold; height:5.0em; line-height:5em; border-radius:3px; margin-top:10px; padding:2px 0 4px 0;}
#right-side #btn-close-right-side {position:absolute;top:20px;right:0;color:#fff;width:60px;text-align:center;line-height:40px; font-size:16px; cursor:pointer}
#right-side #btn-close-right-side .fa.fa-times { font-size:18px; padding-top:20px}
.right-side-on #right-side {right:0;}
.right-side-on #wrapper { left:-300px; }
.right-side-on #header { left:-300px; }
.right-side-on #rs-overlay {display:block;}

.quick_menu {width:100%; margin:auto; padding-top:20px}
.quick_menu ul { text-align:center}
.quick_menu li{display:inline-block; margin-left:-3px; width:80px; border-right:1px solid #ddd;}
.quick_menu li:last-child { border:0} 
.quick_menu li a{display:block; box-sizing:border-box; color:#f5f5f5; letter-spacing:-0.8px; text-align:center; position:relative;  font-size:12px}
.quick_menu li a:hover{color:#fff;backface-visibility:hidden}
.quick_menu li a.on{color:#fff;border-bottom-color:#FF3300;border-bottom-width:2px;border-bottom-style:solid}

.quick_kakao{text-align:center; height:35px; background-color:#ffd800; display:inline-block; clear:both}
.quick_kakao a{display:block;position:relative;background:#ffd800}
.quick_kakao a img{display:block;margin:0 auto}

.side_gnb{position:relative;width:100%;float:left;padding-top:20px;}
.side_gnb p{color:#fff; text-align:center; padding:20px }
.side_gnb .menu-list{display:block;position:relative;border-bottom:1px solid #555; margin-top:60px}
.side_gnb .menu-list>li>a{display:block;position:relative;color:#fff;font-size:15px;line-height:3.8em;padding:0 1.0em;border-top:1px solid #555; text-decoration:none}
.side_gnb .menu-list>li>a i{display:block;position:absolute;top:50%;transform:translateY(-75%) rotate(135deg);-webkit-transform:translateY(-75%) rotate(135deg);right:1.5em;width:5.31%;max-width:32px;border:1px solid #f2f2f2;border-left-width:0;border-bottom-width:0;transition:transform .3s ease;-webkit-transition:-webkit-transform .3s ease;-ms-transition:transform .3s ease}
.side_gnb .menu-list>li.on>a i{-webkit-transform:translateY(-25%) rotate(315deg);transform:translateY(-25%) rotate(315deg)}
.side_gnb .menu-list>li>a i:before{content:"";display:block;position:relative;padding-top:100%}
.side_gnb .depth-2{display:none;}
.side_gnb .depth-2>li { background-color:#ddd}
.side_gnb .depth-2>li>a{display:block;color:#f2f2f2;font-size:1.2em;line-height:3.0em;padding:0 1.5em 0 2.2em;border-bottom:1px solid #fff; color:#000}
/*모바일 오른쪽 메뉴*/




/*메인배너*/
.mainVideo {top:0;width: 100%;height: 900px;overflow:hidden; background-size:cover;padding:0;}
.bg-fixed{background-size:cover;padding:0;background-color:#000; opacity:0.5; position:absolute; width:100%; height:900px; top:0;left:0; z-index:1}

.main-carousel{padding:0; display:block; position:relative}
.main-carousel .li{height:900px; background-size:cover; background-position:center; position:relative}
.main-carousel .li .cover{position:absolute;top:0;left:0;width:100%;height:100%;background:url(../img/main_visual_cover.png) center bottom no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;min-width:300px;opacity:.3;z-index:1}
.main-carousel .jarallax { height: 900px;}
.main-carousel .img01 { background-image: url(../img/banner/main_bnr.png); background-repeat:no-repeat}
.main-carousel .img02 { background-image: url(../img/banner/main_bnr.png); background-repeat:no-repeat}
.main-carousel .li .copy_area{max-width:60%;color:#fff;position:relative;top:45%;-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%);z-index:2; margin: auto; padding: 0 30px;}
.main-carousel .li .copy_area span{font-size:20px;font-weight:500; line-height:1.3;letter-spacing:4px;}
.main-carousel .li .copy_area .bar{background: #fff;display: block;width: 50px;height: 1px;margin:30px 0;}
.main-carousel .li .copy_area h1{font-size:16px;font-weight:300; line-height:1.3; text-align:center}
.main-carousel .li .copy_area h2{font-size:67px;font-weight:900; line-height:1.3;}
.main-carousel .li .copy_area h3{font-size:18px;font-weight:300; color:#fff;word-break:keep-all}
.main-carousel .li .copy_area h4{text-align:center; margin:50px auto 0 auto; color:#fff;-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%);z-index:1}
.main-carousel .li .copy_area h4 a{color:#fff;padding:18px 42px;display:block; text-align:center;width: 160px; margin: auto; background-color:#ff3414}
.main-carousel .owl-dots{position:relative;width:fit-content;padding: 0 30px; bottom:50px;left: 50%;transform:translateX(-50%);}
.main-carousel .owl-dots .owl-dot{background:rgba(255, 255, 255, 0.5);width:30px;height:5px;display:inline-block;margin-left:10px; border:0}
.main-carousel .owl-dots .owl-dot.active{background:#81888d}
.main-carousel .owl-nav{position:absolute;width:100%;bottom:50%; }

.main-carousel .owl-prev {position:absolute;top:50%;left:5%;z-index:999;background:url(../img/arrow_left.png) no-repeat; width:62px; height:53px; text-indent:-9999px; border:0; cursor:pointer}
.main-carousel .owl-next {position: absolute; top: 50%; right: 5%;z-index: 999;background:url(../img/arrow_right.png) no-repeat; width:62px; height:53px; text-indent:-9999px; border:0; cursor:pointer}
.main-carousel .owl-prev:hover { background: url("../img/arrow_on_left.png") no-repeat;}
.main-carousel .owl-next:hover { background: url("../img/arrow_on_right.png") no-repeat;}

.nav-view .progress-bar{width:300px;position:relative;display:inline-block;margin-left:10px;height:2px;background-color:#ddd;transform:translateY(-5px)}
.nav-view .progress-bar .bar{position:absolute;left:0;top:0;height:100%;width:0;background-color:#fff}
.nav-view{position:absolute;left:30px;bottom:240px;z-index:1;color:#f3f3f3;font-size:18px}
.nav-view #slider-nav-idx { color: #fff;}
.nav-view-wrapper { max-width: 60%; margin: 0 auto;position: relative; }


@media screen and (max-width:1200px) {
	.main-carousel .li .copy_area{max-width:90%;}
	.bnrbtn .bnrBox{max-width:90%;margin:auto;}
	.inquiry .inBox{max-width:90%;}
	.galinner{max-width:90%}
}


@media screen and (max-width:960px) {
	
}

@media screen and (max-width:768px) {
	.main-carousel .li .copy_area{max-width:95%}

	/* 주요업무 */
	.bnrbtn{max-width:95%;padding: 70px 0;}
	.bnrbtn h3{font-size:35px;}
	.bnrbtn .bnrBox{flex-wrap:wrap;justify-content:unset;}
	.bnrbtn .bnrlink{width: 32%;}

	/* 배너 */
	.inquiry .inBox{max-width:95%;}
	.inquiry .telimg{width: 60px;}
	.inquiry .telimg>img{width: 100%;}
	.inquiry .txtBox h4{font-size:32px;}
	.inquiry .txtBox p{font-size:20px;}
	.inquiry .telBox{margin-top: 20px;}
	.inquiry .teltxt a:first-child{font-size:24px;}
	.inquiry .teltxt a:last-child{font-size:20px;}

	/* 시공사례 */
	.galBox h3{font-size:35px;}
	.galBox{padding: 70px 0;}
	.galinner{max-width:95%;}
}

@media screen and (max-width:576px) {
	.nav-view {bottom:200px}
	.mainVideo { height:100vh}
	.bg-fixed { height:100vh}
	.main-carousel .jarallax { height: 100vh;}
	.main-carousel .li { height:100vh}
	.main-carousel .img01 { background-image: linear-gradient( rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4) ),url(../img/banner/main_bnr.png); background-repeat:no-repeat}
    .main-carousel .img02 { background-image: linear-gradient( rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4) ),url(../img/banner/main_bnr.png); background-repeat:no-repeat}
	.main-carousel .li .copy_area h2 {font-size: 36px;}
	.main-carousel .li .copy_area h3 { margin:10px auto 0 auto; font-size: 15px; letter-spacing:-0.5px}
	.main-carousel .owl-nav { display:none}
	
	/* 주요업무 */
	.bnrbtn{padding: 50px 0;}
	.bnrbtn h3{font-size:30px;}
	.bnrbtn .bnrlink{width: 48%;}
	.bnrbtn .bnrtit{padding: 20px 5px;}
	.bnrbtn .bnrtit h4{font-size:17px;word-break:keep-all;}
	.bnrbtn .bnrtit p{font-size:14px;word-break:keep-all;margin-top: 10px;}
	.bnrbtn .bnrtit p br{display: none;}
	
	/* 배너 */
	.inquiry .inBox{flex-direction:column;align-items: center;text-align: center;}
	.inquiry .txtBox h4{font-size:30px;}
	.inquiry .txtBox p{font-size:18px;}
	.inquiry .telimg{width: 50px;}
	.inquiry .telBox{margin-top: 20px;}
	.inquiry .teltxt a:first-child{font-size:24px;}
	.inquiry .teltxt a:last-child{font-size:20px;}

	/* 시공사례 */
	.galBox h3{font-size:30px;}
	.galBox{padding: 50px 0;}
	

}