@charset "utf-8";

/* header */
header{position:fixed; z-index:99999; width:100%; top:0; left:0; border-bottom:1px solid rgba(255,255,255,.3); }
header .wrap6{display:flex; flex-wrap:wrap; justify-content: space-between; align-items:center; height:100px;}
header .logo{height:50px; margin-top:5px; display:flex}


/*desk 메뉴*/
.d_menu > li {display:inline-block; text-align:center; position:relative;}
.d_menu > li > a { font-weight: 500; font-size:21px; padding:0 40px; height:100%; color: #fff; cursor:pointer; display: flex; flex-flow: column; align-items: center; justify-content: center; position:relative;}
.d_menu > li:last-child > a{padding-right:0 !important}
.d_menu li:hover a::before{content:''; display:block; width:100%; height:3px; background:#fff; position:absolute; bottom:0; left:0}


/*sidenav*/
.side_menu {display: none; background: #000;height: 100%; right: -260px; position: fixed; top: 0; width: 260px; z-index:999999999999;-webkit-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out;}
.side_menu .container{position:absolute;height:100%;width:100%; padding:25px 35px;overflow-y:auto;}
.burger_box {display: block; float: left; margin-left: -90px;}
.burger_box a.menu-icon {display: inline-block; float: none; height: 60px; padding: 0px; opacity: 1; width: 60px; z-index: 100;color:#000;font-size:13px;}
.burger_box .menu-icon_box {display: inline-block; height: 30px; position: relative; text-align: left; width: 30px;margin-top:30px}
.burger_box .menu-icon_line {background: #fff; display: inline-block; height: 2px; position: absolute; left:0px; width: 100%;top:30px}
.burger_box .menu-icon_line--1 {top: 3px;}
.burger_box .menu-icon_line--2 {top: 13px;}
.burger_box .menu-icon_line--3 {top: 23px;}
.burger_box .menu-icon_line--1 {transition: top 200ms 250ms, transform 200ms;-webkit-transition: top 200ms 250ms, -webkit-transform 200ms;}
.burger_box .menu-icon_line--2 {transition: opacity 0ms 300ms; -webkit-transition: opacity 0ms 300ms;}
.burger_box .menu-icon_line--3 {transition: top 100ms 300ms, transform 200ms; -webkit-transition: top 100ms 300ms, -webkit-transform 200ms;}
.burger_box .menu-icon {width:90px; height: 90px; cursor:pointer; text-align: center;}
.burger_box .menu-icon.opened .menu-icon_box {transform: scale3d(0.9, 0.9, 0.9); -webkit-transform: scale3d(0.9, 0.9, 0.9);}
.burger_box .menu-icon.opened .menu-icon_line {top: 13px;}
.burger_box .menu-icon.opened .menu-icon_line--1 {transform: rotate3d(0, 0, 1, 45deg); -webkit-transform: rotate3d(0, 0, 1, 45deg); transition: top 100ms, transform 200ms 250ms; -webkit-transition: top 100ms, -webkit-transform 200ms 250ms; background: #fff;}
.burger_box .menu-icon.opened .menu-icon_line--2 {opacity: 0; transition: opacity 200ms; -webkit-transition: opacity 200ms;}
.burger_box .menu-icon.opened .menu-icon_line--3 {transform: rotate3d(0, 0, 1, -45deg); -webkit-transform: rotate3d(0, 0, 1, -45deg); transition: top 200ms, transform 200ms 250ms; -webkit-transition: top 200ms, -webkit-transform 200ms 250ms; background: #fff;}
.sideOpen:before {display: none;content:''; position:fixed; top:0; left:0; bottom:0; right:0; background: rgba(0,0,0,0.2); width:100%; height: 100vh; z-index:99999999;}
.sd_menu {display:table; width:100%; }
.sd_menu >  ul{display:table-cell; vertical-align:top;font-size:18px;}
.sd_menu > ul >  li a,.sd_menu > ul >  li span{font-weight:700;line-height:45px;color:#fff; display:block; cursor:pointer;}
.sd_menu ul ul li a:before {content:'��'; margin-right: 5px;}
.sd_smenu {margin-bottom: 20px;}
.sd_smenu li a {font-weight: 400 !important;}
.sd_smenu li {font-size:15px}
.sd_smenu .on {position:relative;}
.sd_smenu .on:before {content:''; position:absolute; width:6px; height: 6px; border-radius:100%; background: #d54b4b; top:0; right:-5px;;}
.sd_menu ul ul li a {	-webkit-transition: all 0.15s;	-moz-transition: all 0.15s;	-o-transition: all 0.15s;	-ms-transition: all 0.15s;	transition: all 0.15s; line-height: 32px !important;}
.sd_menu ul ul {	display: none;}
.sd_menu li.active ul {display: block;}
.sd_menu > ul > li {position:relative; text-align: left; margin-bottom: 10px; border-bottom: 1px solid rgba(255,255,255,0.3);}
.its-parent .active {color:#8bb5f5; font-weight:700;cursor:pointer}
.its-parent span {position: relative;}
.its-parent span b {position: absolute; display: inline-block;width: 15px;height: 15px;z-index:1;transition:0.3s; right:0; top:50%; margin-top: -7.5px;}
.its-parent span b:after, .its-parent span b:before {content: ""; position: absolute; background: #aaa; transition:.4s;-webkit-transition:.4s;-moz-transition:.4s}
.its-parent span b:after {width: 100%; height: 1px; left: 0; top: 50%; margin-top: -0.5px;}
.its-parent span b:before {width: 1px; height: 100%; left: 50%; top: 0; margin-left: -0.5px;}
.its-parent .active b:before{ transform:rotate(90deg);-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);}
.sd_menu ul ul li a:hover {color:#8bb5f5}
.sd_menu > ul > li:hover > a, .sd_menu > ul > li:hover > span {color:#8bb5f5}


/*스크롤시*/
.sticky { background: rgba(0, 0, 0, 0.7); border-bottom:none; -webkit-backdrop-filter: blur(3px);backdrop-filter: blur(3px);}
.sticky .logo{height:48px;}
.sticky , .sticky .d_menu > li > a, .sticky .logo{-webkit-transition: 0.3s ease-in-out;  -moz-transition: 0.3s ease-in-out;  -o-transition: 0.3s ease-in-out;  transition: all 0.3s ease-in-out;}
.sticky .d_menu > li > a { font-weight: 500; font-size:20px; padding:0 36px;}
.sticky .d_menu li a:hover, .sticky .d_menu li a.active, .sticky .d_menu > li.active > a, .sticky .d_menu li.current > a  {color:#fff}


/*메인비주얼*/
.main_visual {width: 100%; height:750px; overflow:hidden;color: #fff; position: relative;}
.main-visual {position:relative; overflow:hidden; }
.main-visual .swiper-slide {width:100%; height:850px;  position:relative;}
.bg-01{background:url('/images/main/main-01.jpg') no-repeat center/cover}
.bg-02{background:url('/images/main/main-02.jpg') no-repeat center/cover}
.bg-03{background:url('/images/main/main-03.jpg') no-repeat center/cover}
.swiper_bg {position: absolute; top:0; right:0; bottom: 0; left: 0; backface-visibility: hidden; -webkit-transform: scale3d(1.05, 1.05, 1.05);-moz-transform: scale3d(1.05, 1.05, 1.05);-ms-transform: scale3d(1.05, 1.05, 1.05);-o-transform: scale3d(1.05, 1.05, 1.05);transform: scale3d(1.05, 1.05, 1.05); will-change: transform;-webkit-transition: transform 3000ms ease; -moz-transition: transform 3000ms ease; -ms-transition: transform 3000ms ease; -o-transition: transform 3000ms ease; transition: transform 3000ms ease;}
.main_visual .swiper-slide-active .swiper_bg, .main_visual .swiper-slide-duplicate-active .swiper_bg {-webkit-transform:scale3d(1, 1, 1); -moz-transform: scale3d(1, 1, 1); -ms-transform: scale3d(1, 1, 1); -o-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);}

.slide_con {width:90%; position: absolute; top: 45%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.slide_con h1 {font-size:42px;line-height: 1.3; font-weight: 700; margin-bottom:20px; text-shadow: 0 0 20px rgb(0, 0, 0, 0.15);}
.slide_con p{font-size:26px; line-height:1.3; margin-bottom:80px; text-shadow: 0 0 20px rgb(0, 0, 0, 0.15);}
.slide_con ul {display:flex; flex-wrap:wrap; align-items:center;}
.slide_con ul li {font-size:36px;line-height: 1; font-weight: 500; padding:0 30px; position:relative; text-shadow: 0 0 20px rgb(0, 0, 0, 0.15);}
.slide_con ul li:first-child{padding-left:0 !important;}
.slide_con ul li:nth-child(n+2)::before{content:''; display:block; width:3px; height:24px; background:#fff; position:absolute; top:50%; left:0; transform:translateY(-50%)}
.main_visual .swiper-pagination {margin-left: calc((100% - 1400px)/2); left: 0 !important; bottom: 90px !important; top: initial !important; display: flex; flex-wrap: wrap; justify-content: space-between; width:90%; max-width: 400px;}
.main_visual .swiper-pagination-bullet {flex-grow: 1; margin-right: 10px;height: 4px; border-radius: 0; position: relative; background: rgba(255,255,255, 0.2); opacity: 1;}
.main_visual .swiper-pagination-bullet:last-child {margin-right: 0;}
.main_visual .swiper-pagination-bullet em {position: absolute; top:-33px; left: 0; line-height: 33px; width: 100%; font-size:15px; display: flex; flex-flow: column; align-items: flex-end; text-transform: uppercase; font-weight: 500; opacity: 0.5;text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.main_visual .swiper-pagination-bullet i {content: "";  display: block;  position: absolute;  top: 0;  right: 0;  bottom: 0;  left: 0;}
.main_visual .swiper-pagination-bullet div {width: 100%; height: 100%; overflow:hidden; position: relative;}
.main_visual .swiper-pagination-bullet-active {background: rgba(255,255,255, 0.3);}
.main_visual .swiper-pagination-bullet-active i {background-color: rgba(255,255,255,0.5); -webkit-animation: slide-progress 5s cubic-bezier(0.3, 0, 0.3, 1) forwards;  animation: slide-progress 5s cubic-bezier(0.3, 0, 0.3, 1) forwards;}
.main_visual .swiper-pagination-bullet-active em {opacity: 1;}

@-moz-keyframes slide-progress {
  0% {transform: translateX(-100%);}
  100% {transform: translateX(0);}
}
@-webkit-keyframes slide-progress {
  0% {transform: translateX(-100%);}
  100% {transform: translateX(0);}
}
@keyframes slide-progress {
  0% {transform: translateX(-100%);}
  100% {transform: translateX(0);}
}
@keyframes mainFadeIn {
  0% {opacity: 0;margin-top: -20px;}
  100% {opacity: 1;margin-top: 0;}
}
@-webkit-keyframes mainFadeIn {
  0% {opacity: 0;margin-top: -20px;}
  100% {opacity: 1;margin-top: 0;}
}
@-moz-keyframes mainFadeIn {
  0% {opacity: 0;margin-top: -20px;}
  100% {opacity: 1;margin-top: 0;}
}



/*footer*/
footer{width:100%; padding:50px 0; background:#222}
footer h1 img{height:36px; margin-top:5px}
footer .info{display:flex; flex-wrap:wrap; color:#fff; margin:30px 0}
footer .info dd:nth-child(n+2){margin-left:100px}
footer .info dd ul li{font-size:16px; font-weight:300; line-height:1.4; opacity:.7}
footer .info dd ul li:nth-child(n+2){margin-top:3px}
footer .copy{font-size:16px; font-weight:300; line-height:1.3; color:rgba(255,255,255,.7)}


/* Fix Menu */
.fix-menu {position: fixed; bottom: 35px; right: 40px; z-index: 10; display: none;}
.fix-menu .top-btn {cursor:pointer; width: 65px; height: 72px; border-radius: 7px; background-color: #000; display: flex; flex-flow: column; align-items: center; justify-content: center; font-weight: 500; font-size: 13px; color: #fff; margin-top: 5px;}
.fix-menu .top-btn span{font-weight:200; font-size:30px;}
.fix-menu .top-btn p:last-child {padding-top: 3px;}


/*메인 타이틀 공통*/
.main-tit{display:flex; flex-flow:column; margin-bottom:50px;}
.main-tit b{font-size:20px; font-weight:700; line-height:1; color:#006aff; letter-spacing:.5px}
.main-tit h1{font-size:52px; color:#222; font-weight:800}
.main-tit02{align-items:center;}
.main-tit02 b{color:rgba(255,255,255,.6)}
.main-tit02 h1{color:#fff}


/*시공사진*/
.ph-list{width:100%; overflow:hidden}
.photo-slid {width: 90%; max-width: 1600px; height: 350px; position: relative; margin: 0 auto;overflow: initial !important; transition:.2s}
.ph-list .swiper-wrapper{transition-timing-function: linear; height:auto !important}
.ph-list .swiper-slide a{width:100%; height:100%; position:relative; pointer-events : none; cursor: auto;}
.ph-list .swiper-slide a img{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; object-fit: cover;}
.photo-slid .swiper-slide {height:350px; opacity: 0.2;}
.photo-slid .swiper-slide-active , .photo-slid .swiper-slide-active + .swiper-slide, .photo-slid .swiper-slide-active + .swiper-slide + .swiper-slide, .photo-slid .swiper-slide-active + .swiper-slide + .swiper-slide + .swiper-slide{opacity: 1;}
.ph-arrow .swiper-button-prev:after, .ph-arrow .swiper-rtl .swiper-button-next:after {content: 'arrow_back' !important;}
.ph-arrow .swiper-button-next:after, .ph-arrow .swiper-rtl .swiper-button-prev:after {content: 'arrow_forward' !important;}
.ph-arrow .swiper-button-next:after, .ph-arrow .swiper-button-prev:after { font-family: 'Material Symbols Outlined' !important; color:#006aff; background:#e5f0ff; border:1px solid rgba(0,106,255,.3); padding:7px; font-size: 28px !important; font-weight:500; cursor:pointer}
.ph-arrow .swiper-button-prev, .ph-arrow .swiper-rtl .swiper-button-next {left: var(--swiper-navigation-sides-offset, 25px) !important; }
.ph-arrow .swiper-button-next, .ph-arrow .swiper-rtl .swiper-button-prev {right: var(--swiper-navigation-sides-offset, 25px) !important;}


/*주요사업*/
.sec02{width:100%; background:url('/images/main/sec2-bg.jpg') no-repeat center; background-size:cover;}
.busi-con{display:flex; flex-wrap:wrap;justify-content: space-between;}
.busi-con dd { width: calc(100% / 5 - 25px); position: relative;}
.busi-con dd > div{position: relative; width: 100%; height: 0; padding-bottom: 100%; border-radius: 100%; background: rgba(0,0,0,0.4);backdrop-filter: blur(3px);}
.busi-con dd .con{width:100%; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); padding:10px; display:flex; flex-flow:column; align-items:center;}
.busi-con dd .con img{width:105px; margin-bottom:5px}
.busi-con dd .con p{width:100%; text-align:center; font-size:20px; font-weight:500; color:#fff; line-height:1.5 }


/*게시글 수정삭제 버튼*/
.edit_btn{display:flex; flex-wrap:wrap; justify-content:flex-end; margin-top:20px;}
.edit_btn a{color:#fff; padding:3px 10px; font-size:14px; margin-right:3px; cursor:pointer}
.edit_btn a:last-child{margin-right:0;}
.edit_btn a.blue{background:#333;}
.edit_btn a.red{background:#d10000;}


@media(max-width:1400px){
	/* header */
	header .wrap6{height:90px;}
	header .logo{height:47px;}
	.sticky .logo{height:45px;}

	/*메뉴*/
	.d_menu > li > a {font-size:19px; padding:0 33px; }
	.sticky .d_menu > li > a {font-size:18px; padding:0 30px;}


	/*메인비주얼*/
	.main_visual, .main-visual .swiper-slide{height:700px}
	.slide_con {top: 52%;}
	.slide_con h1 {font-size:40px; margin-bottom:20px;}
	.slide_con p{font-size:24px; margin-bottom:70px;}
	.slide_con ul li {font-size:34px; padding:0 28px;}
	.slide_con ul li:nth-child(n+2)::before{height:22px;}
	.main_visual .swiper-pagination {margin-left: 0; left: 5% !important; bottom: 70px !important; max-width: 380px;}

	/*메인 타이틀 공통*/
	.main-tit b{font-size:19px; }
	.main-tit h1{font-size:50px;}

	
	/*footer*/
	footer{padding:46px 0; }
	footer h1 img{height:34px;}
	footer .info{margin:28px 0}
	footer .info dd:nth-child(n+2){margin-left:80px}

	/*시공사진*/
	.photo-slid {height: 320px;}
	.photo-slid .swiper-slide {height:320px;}

	/*주요사업*/
	.busi-con dd { width: calc(100% / 5 - 12px); }
	.busi-con dd .con img{width:92px; }
	.busi-con dd .con p{font-size:18px; line-height:1.4 }
}




@media(max-width:1230px){
	/* header */
	header .wrap6{height:85px;}
	header .logo{height:42px;}
	.sticky .logo{height:40px;}

	/*메뉴*/
	.d_menu > li > a {font-size:18px; padding:0 22px; }
	.sticky .d_menu > li > a {font-size:17px; padding:0 20px;}

	/*메인비주얼*/
	.main_visual, .main-visual .swiper-slide{height:650px}
	.slide_con h1 {font-size:38px; margin-bottom:18px;}
	.slide_con p{font-size:23px; margin-bottom:60px;}
	.slide_con ul li {font-size:32px; padding:0 26px;}
	.slide_con ul li:nth-child(n+2)::before{height:20px;}
	.main_visual .swiper-pagination {max-width: 340px; bottom: 70px !important;}
	.main_visual .swiper-pagination-bullet {height: 3px;}
	.main_visual .swiper-pagination-bullet em {top:-31px; line-height: 31px; font-size:14px; }

	/*footer*/
	footer{padding:40px 0; }
	footer h1 img{height:32px;}
	footer .info{margin:25px 0}
	footer .info dd:nth-child(n+2){margin-left:70px}
	footer .info dd ul li, footer .copy{font-size:15px; }

	/*주요사업*/
	.busi-con dd { width: calc(100% / 5 - 12px); }
	.busi-con dd .con img{width:92px; }
	.busi-con dd .con p{font-size:16px}

	/*메인 타이틀 공통*/
	.main-tit{margin-bottom:45px;}
	.main-tit b{font-size:18px; }
	.main-tit h1{font-size:45px;}
}




@media(max-width:1023px){
	/* header */
	header .wrap6{height:80px;}
	header .logo{height:38px;}
	.sticky .logo{height:36px;}

	/*메뉴*/
    .d_menu, .right_quick {display:none;}
    .side_menu, .sideOpen:before {display: block;}
    .burger_box .menu-icon {height: 60px; width:60px;}
    .burger_box{margin-left: -70px;}
    .burger_box .menu-icon_box {margin-top: 25px;}

	/*메인비주얼*/
	.main_visual, .main-visual .swiper-slide{height:600px}
	.slide_con {top: 50%;}
	.slide_con h1 {font-size:34px; margin-bottom:15px;}
	.slide_con p{font-size:20px; margin-bottom:50px;}
	.slide_con ul li {font-size:28px; padding:0 22px;}
	.slide_con ul li:nth-child(n+2)::before{width:2px;}
	.main_visual .swiper-pagination {bottom: 60px !important; max-width: 300px;}
	.main_visual .swiper-pagination-bullet {height: 3px;}

	/*footer*/
	footer h1 img{height:30px;}
	footer .info dd:nth-child(n+2){margin-left:55px}

	/*시공사진*/
	.photo-slid {height: 280px;}
	.photo-slid .swiper-slide {height:280px;}
	.ph-arrow .swiper-button-next:after, .ph-arrow .swiper-button-prev:after {padding:6px; font-size: 25px !important;}
	.ph-arrow .swiper-button-prev, .ph-arrow .swiper-rtl .swiper-button-next {left: var(--swiper-navigation-sides-offset, 22px) !important; }
	.ph-arrow .swiper-button-next, .ph-arrow .swiper-rtl .swiper-button-prev {right: var(--swiper-navigation-sides-offset, 22px) !important;}

	/*주요사업*/
	.busi-con{justify-content: center;}
	.busi-con dd { width: calc(100% / 3 - 20px); margin-right:30px; }
	.busi-con dd:nth-child(3n){margin-right:0px;}
	.busi-con dd:nth-child(n+4){margin-top:15px;}
	.busi-con dd .con img{width:100px; }
	.busi-con dd .con p{font-size:18px; }

	/*메인 타이틀 공통*/
	.main-tit{margin-bottom:35px;}
	.main-tit b{font-size:18px; }
	.main-tit h1{font-size:42px;}


	/* Fix Menu */
	.fix-menu {bottom: 30px; right: 35px;}
	.fix-menu .top-btn {width: 60px; height: 68px; border-radius: 6px; font-size: 13px; margin-top: 5px;}
	.fix-menu .top-btn span{font-size:30px;}


	/*게시글 수정삭제 버튼*/
	.edit_btn{margin-top:15px;}

}



@media(max-width:768px){
	/* header */
	header .wrap6{height:70px;}
	header .logo{height:34px;}
	.sticky .logo{height:32px;}
	
	/*메뉴*/
	.burger_box .menu-icon_box {margin-top: 20px;}
	.burger_box .menu-icon_box {height: 27px; width: 27px;}
	.burger_box{margin-left: -70px;}

	/*메인비주얼*/
	.main_visual, .main-visual .swiper-slide{height:550px}
	.slide_con h1 {font-size:28px; margin-bottom:15px;}
	.slide_con p{font-size:18px; margin-bottom:40px;}
	.slide_con ul li {font-size:24px; padding:0 16px;}
	.slide_con ul li:nth-child(n+2)::before{width:2px; height:18px;}
	.main_visual .swiper-pagination {bottom: 50px !important; max-width: 280px;}
	.main_visual .swiper-pagination-bullet {height: 2px;}
	.main_visual .swiper-pagination-bullet em {top:-30px; line-height: 30px; font-size:13px; }


	/*footer*/
	footer{padding:35px 0; }
	footer h1 img{height:28px;}
	footer .info{margin:22px 0; flex-flow:column}
	footer .info dd:nth-child(n+2){margin-left:0; margin-top:20px}
	footer .info dd ul li, footer .copy{font-size:14px; }

	/*시공사진*/
	.photo-slid {height: 240px;}
	.photo-slid .swiper-slide {height:240px;}
	.ph-arrow .swiper-button-next:after, .ph-arrow .swiper-button-prev:after {padding:5px; font-size: 22px !important;}
	.ph-arrow .swiper-button-prev, .ph-arrow .swiper-rtl .swiper-button-next {left: var(--swiper-navigation-sides-offset, 15px) !important; }
	.ph-arrow .swiper-button-next, .ph-arrow .swiper-rtl .swiper-button-prev {right: var(--swiper-navigation-sides-offset, 15px) !important;}

	/*주요사업*/
	.busi-con{justify-content: space-between;}
	.busi-con dd { width: calc(100% / 2 - 15px); margin-right:0px; }
	.busi-con dd:nth-child(3n){margin-right:0px;}
	.busi-con dd:nth-child(n+3){margin-top:20px;}
	.busi-con dd .con img{width:95px; }
	.busi-con dd .con p{font-size:17px; }

	/*메인 타이틀 공통*/
	.main-tit{margin-bottom:30px;}
	.main-tit b{font-size:17px; letter-spacing:0.3px }
	.main-tit h1{font-size:38px;}

	/* Fix Menu */
	.fix-menu {bottom: 20px; right:25px;}

	/*게시글 수정삭제 버튼*/
	.edit_btn{margin-top:10px;}
	.edit_btn a{padding:2px 8px; font-size:13px; margin-right:3px; }
	.edit_btn a:last-child{margin-right:0;}
}



@media(max-width:500px){
	/* header */
	header .wrap6{height:60px;}
	header .logo{height:30px;}
	.sticky .logo{height:28px;}
	
	/*메뉴*/
	.burger_box .menu-icon_box {margin-top: 15px;}
	.burger_box .menu-icon_line--1 {top: 4px;}
	.burger_box .menu-icon_line--2 {top: 13px;}
	.burger_box .menu-icon_line--3 {top: 22px;}
	.burger_box{margin-left: -60px}

	/*메인비주얼*/
	.main_visual, .main-visual .swiper-slide{height:520px}
	.slide_con {top: 50%;}
	.slide_con h1 {font-size:26px; margin-bottom:12px;}
	.slide_con p{font-size:16px; margin-bottom:35px;}
	.slide_con ul{flex-flow:column; align-items: flex-start;}
	.slide_con ul li {font-size:20px; padding:0px !important;}
	.slide_con ul li:nth-child(n+2){margin-top:10px}
	.slide_con ul li:nth-child(n+2)::before{display:none}
	.main_visual .swiper-pagination {bottom: 50px !important; max-width: 220px;}

	/*footer*/
	footer{padding:30px 0; }
	footer .info{margin:20px 0}


	/*주요사업*/
	.busi-con dd { width: calc(100% / 2 - 8px); }
	.busi-con dd:nth-child(n+3){margin-top:15px;}
	.busi-con dd .con img{width:85px; }
	.busi-con dd .con p{font-size:15px; }

	/*시공사진*/
	.photo-slid {height: 260px;}
	.photo-slid .swiper-slide {height:260px;}

	/*메인 타이틀 공통*/
	.main-tit{margin-bottom:25px;}
	.main-tit b{font-size:16px; }
	.main-tit h1{font-size:30px;}

	/* Fix Menu */
	.fix-menu {bottom: 15px; right:20px;}
	.fix-menu .top-btn {width: 56px; height: 62px; border-radius: 5px; font-size: 12px;}
	.fix-menu .top-btn span{font-size:28px;}
	.fix-menu .top-btn p:last-child {padding-top: 0px;}
}




@media(max-width:380px){
	/*메인비주얼*/
	.main_visual, .main-visual .swiper-slide{height:500px}
	.slide_con {top: 50%;}
	.slide_con h1 {font-size:24px; margin-bottom:12px;}
	.slide_con p{font-size:15px; margin-bottom:28px;}
	.slide_con ul li {font-size:18px; }
	.main_visual .swiper-pagination {bottom: 35px !important;}

	/*주요사업*/
	.busi-con{justify-content:center;}
	.busi-con dd { width: 95%; }
	.busi-con dd:nth-child(n+2){margin-top:15px;}
	.busi-con dd .con img{width:90px; }
	.busi-con dd .con p{font-size:15px; }

	/*메인 타이틀 공통*/
	.main-tit h1{font-size:26px;}
}