@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');

/* ****************** LAYOUT ********************** */
body, table, th, td, button, select, input, textarea {
	font-family:'Noto Sans KR', Arial, sans-serif;
	font-size:13px;
	color:#444;
	-webkit-text-size-adjust:none;
	word-break:keep-all;
}
body { background-color:#fff; }

/*  Main Visual */
#mainVisual{overflow:hidden; height:969px;  min-height:700px; position:relative;}
.main-visual-wrapper{position:relative; height:100%; }
/* 메인비주얼 :: 이미지 */
.main-visual-slider {overflow:hidden; width:100%; height:100%; background-color:#eee;}
.main-visual-slider .swiper-slide {overflow: hidden; color: #fff;}
.main-visual-slider .overlay {position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 1; opacity: 1;
   background: -moz-linear-gradient(top, black 0, transparent 50%, transparent 63%, rgba(0, 0, 0, 1) 100%);
   background: -webkit-linear-gradient(top, black 0, transparent 50%, transparent 63%, rgba(0, 0, 0, 1) 100%);
   background: linear-gradient(to bottom, black 0, transparent 50%, transparent 63%, rgba(0, 0, 0, 1) 100%);
   filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#c9000000', GradientType=0);
   transition: all 2.5s ease;
}
.main-visual-slider .swiper-slide-duplicate-active .overlay,
.main-visual-slider .swiper-slide-active .overlay {opacity: .7;}
.main-visual-slider .swiper-slide .visual-img{position:absolute; top:0px; left:0px; bottom:0px; right:0px; width:1649px; height:969px;; width:100%;}
.main-visual-slider .swiper-container {width: 100%; height: 100%; position: absolute; left: 0; top: 0;}
.main-visual-slider .slide-inner {width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 1; background-size: cover; background-position: center; display: flex; justify-content: center; align-items: center; text-align: left;}


/* 메인비주얼 :: 텍스트 */
.main-visual-item .visual-txt-con{position:absolute; bottom:35%; left:10%; z-index:11; color:#fff; font-size:20px;}
.main-visual-item .visual-txt-con span{display:block; transform:translateY(100%)}
.main-visual-item .visual-txt-con h2 {font-family:"Raleway", sans-serif; font-size:125px; letter-spacing: -10px; font-weight:800; line-height:1.1; color:#af988b; margin-left:-6px; margin-top:-40px;}
.main-visual-item .visual-txt-con .main-visual-tit{overflow:hidden; font-size:3em; letter-spacing:0px; font-weight:700; margin-bottom:0.58em; line-height: 1.3em; color:#fff;}
.main-visual-item .visual-txt-con .main-visual-tit.test{font-weight:400;}
.main-visual-item .visual-txt-con .main-visual-txt{overflow:hidden; font-size:1.2em; font-weight:400; color:#fff; letter-spacing:-0.1px; opacity:0.9; line-height: 25px;}
.main-visual-item .visual-txt-con .main-visual-btn-box{overflow:hidden; margin-top:2.2em; }
.main-visual-item .visual-txt-con .main-visual-btn{overflow:hidden; width:185px; border:0; text-align:left; border-bottom:1px solid #fff; padding:22px 0; text-align:left; transform:translateY(100%)}
.main-visual-item .visual-txt-con .main-visual-btn:before{background-color:#fff;}
.main-visual-item .visual-txt-con .main-visual-btn em{display:inline-block; font-size:15px; font-weight:700; letter-spacing:0.25px; color:#fff; }
.main-visual-item .visual-txt-con .main-visual-btn i{position:absolute; top:50%; right:0px; margin-top:-10px; color:#fff; font-size:20px; transition:all 0.3s}

/* -------- 사이드 -------- */
/* 메인 비주얼 :: 사이드 :: 텍스트 */
.main-visual-side-con{position:absolute; top:170px;bottom:0px; left:0px; width:250px; }
.main-visual-side-con .main-visual-side-txt { position:absolute; bottom:528px; left:50%; width:400px; margin-left:9px; color:#000; color:rgba(0,0,0,0.5); font-size:16px; letter-spacing:1px; font-weight:300; transform:rotate(90deg); transform-origin:0% 0%;}
.main-visual-side-con .main-visual-side-txt2 { position:absolute; bottom:0px; left:50%; width:400px; margin-left:-20px; color:#bbb;  font-size:13px; letter-spacing:1px; font-weight:300; transform:rotate(-90deg); transform-origin:0% 0%; animation:updown 2.0s infinite;}
@keyframes updown {
   0%, 20% {
	   top:95%;
       opacity:0;
   }
  100% {
	   top: 98%;
       opacity:1;
   }

}
/* 메인 비주얼 :: 스크롤아이콘 */
.main-scroll-icon{overflow:hidden; position:absolute; bottom:0; left:50%; margin-left:-1px; width:2px; height:180px; z-index:9; background-color:#ddd;}
.main-scroll-icon::after {display: block; content: ""; width: 100%; height: 28px; background: #6cc7cf; position: absolute; top: 0; left: 0; animation:  scroll_ani 2s infinite;}

@keyframes scroll_ani {
   0%, 20% {
	   top: -28px;
   }
   100% {
	   top: 100%;
   }
}

/* 메인 비주얼 _ 버튼, 카운터, 로딩바 */
.main-visual-controls {position:absolute; width:250px; height:95px; left:10%; bottom:3%; padding:0 ; background-color:rgba(0,0,0,0); z-index:11; text-align:center;}
.main-visual-control-btns {margin:40px 0 20px; }
.main-visual-control-btns button{width:34px; height:11px;}
.main-visual-control-btns .slide-prev-btn {float:left; background: url("/resources/images/cm_prev_arrow.svg") no-repeat;}
.main-visual-control-btns .slide-next-btn {float:right; background:url("/resources/images/cm_next_arrow.svg") no-repeat;}
.main-visual-control-btns .main-visual-conuter{display:inline-block; position:relative; top:-2px; vertical-align:middle; line-height:11px; font-size:13px; color:#fff; }
.main-visual-control-btns .main-visual-conuter .total-num{position:relative; margin-left:20px; color:rgba(256,256,256,0.7)}
.main-visual-control-btns .main-visual-conuter .total-num:before{position:absolute; left:-10px; width:1px; height:13px; background-color:#e5e5e5; content:"";}
.main-visual-loading-bar{width:100%; height:2px; background-color:rgb(256,256,256,0.1);}
.main-visual-loading-bar span{display:block; width:0; height:100%; background-color: #fff}

/* 메인 비주얼 _ Custom Bullet */
.main-visual-pagination{position:absolute; bottom:53px; left:-32px; z-index:11; }
.main-visual-pagination .main-visual-paging-item{float:left; filter: grayscale(100%); margin-left:23px; cursor:pointer; background-color:#000;}
.main-visual-pagination .main-visual-paging-item:focus{outline:none;}
.main-visual-pagination .main-visual-paging-item:first-child{margin-left:0}
.main-visual-pagination span{display:block; overflow:hidden; width:179px; height:102px; border:1px solid #9a9a9a;}
.main-visual-pagination img{width:100%; height:100%; transition:all 1s; transform:scale(1.1)}
.main-visual-pagination .swiper-pagination-bullet-active{filter: grayscale(0); }
.main-visual-pagination .swiper-pagination-bullet-active span{border-color:#fff}
.main-visual-pagination .swiper-pagination-bullet-active img{transform:scale(1.0)}
body.ie-browser .main-visual-pagination .main-visual-paging-item img{opacity:0.3}
body.ie-browser .main-visual-pagination .swiper-pagination-bullet-active img{opacity:1}

.main-visual-slider .swiper-slide .visual-img{height:100%; background-size:cover !important;}
.main-visual-slider .swiper-slide .visual-img img{display:none}


/* Main Content */
#mainProductContent{position:relative; padding:0px}
.main-prd-wrapper{position:relative; max-width:1602px;}

#wrap {overflow:hidden; width:100%; min-width:320px; position:relative; }
.area{ max-width:1300px; margin:0px auto;}
.area-box{ max-width:1600px; margin:0px auto; }
::selection {background: #2a7c95;color: #fff;}
::-moz-selection {background: #2a7c95; color: #fff;}

/*  HEADER  */
#header{
	position:absolute; height:100px; top:0; left:0; width:100%; z-index:9999;
	-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;transition:all 0.3s
}
#headerInnerWrap{
	position:absolute; top:0px; left:0px; width:100%; height:100%; z-index:9999;
	-webkit-transition:background-color 0.3s;
	transition:background-color 0.3s
}
#headerInner{
	position:relative; height:110px; width:100%; margin:0px auto;
		-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;transition:all 0.3s; background:rgba(0,0,0,0.9);
}
#header .logo{position:relative; z-index:100; float:left; width:300px; margin:30px 10px 9px 40px; padding:45px 0 4px 40px; text-align:center; 	-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;transition:all 0.3s}
#header .logo a{display:inline-block; ;}
#header .logo { background: url(/resources/images/logo.png) no-repeat;}
#header .logo.sticky { background: url(/resources/images/logo_dark.png) no-repeat; margin:20px 40px;}

#headerInner.sticky {position:fixed; width:100%; height:85px;margin:0px auto; background:#000;
-webkit-transition:padding 0.3s;
transition:padding 0.3s }

#headerInner.sticky .logo{ padding:30px 0 -1px 40px; }
#gnb.sticky {position:fixed; text-align:right; top:25px; left:0px; width:100%; z-index:99;}
.nav-open-btn.sticky{
	display:block; position:fixed; top:30px;  right:60px; z-index:10000;
	height:30px;

	transition:all 0.3s;
}


/*  Header GNB(PC) */
.gnb-overlay-bg{display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.5); z-index:9997;}	/* gnb overlay BG */
#gnb{position:fixed; text-align:right; top:40px; left:0px; width:100%; z-index:99;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;transition:all 0.3s}
#gnb > ul{display:inline-block; margin-right:230px; *display:inline;*zoom:1;}
#gnb > ul > li{position:relative; float:left; word-break:keep-all; }
#gnb > ul > li > a{
	position:relative; z-index:100; display:block; height:40px; padding:12px 50px 0; text-align:center; color:#fff; font-size:16px;  letter-spacing:-0.8px; font-weight:500; -webkit-transition:all 0.5s; transition:all 0.5s;
}
#gnb > ul > li > a:before{position:absolute; left:50%; width:0;  bottom:10px; height:3px; background-color:#1d5aca; content:"";  -webkit-transition:all 0.5s; transition:all 0.5s; }
#gnb > ul > li:hover > a:before,
#gnb > ul > li > a:hover:before{margin-left:-32px; width:65px;}
#gnb.sticky > ul > li > a{
	color:#fff; }

/* GNB  2차 각각메뉴 */
#gnb.each-menu > ul > li .gnb-2dep{

	position:absolute;
	top:52px;
	left:50%;
	z-index:99;
	width:180px;
	margin-left:-90px;
	text-align:left;
	visibility:hidden;
	opacity:0;filter:Alpha(opacity=0);
}
#gnb.each-menu > ul > li .gnb-2dep:before{
	content:""; position:absolute; top:0; left:0px; right:0px; height:0; opacity:0;filter:Alpha(opacity=0); background-color:#1145a4;
	-webkit-transition:all 0.4s; transition:all 0.4s
}
#gnb.each-menu > ul > li .gnb-2dep ul{padding:15px 0;}
#gnb.each-menu > ul > li .gnb-2dep ul li{position:relative; padding:8px 30px; opacity:0;filter:Alpha(opacity=0);-webkit-transition:all 0s 0s;-moz-transition:all  0s 0s;-o-transition:all  0s 0s;-ms-transition:all  0s 0s;transition:all  0s 0s; }
#gnb.each-menu > ul > li .gnb-2dep ul li a{ display:block; color:#fff; font-size:15px; letter-spacing:-0.75px; font-weight:400; line-height:1.3;}
#gnb.each-menu > ul > li .gnb-2dep ul li a:hover{color:#ffff; text-decoration:underline;}
/* over했을때 */
#gnb.each-menu > ul > li:hover .gnb-2dep:before{height:100%; opacity:1.0;filter:Alpha(opacity=100);}
#gnb.each-menu > ul > li .gnb-2dep.open{visibility:visible; opacity:1.0;filter:Alpha(opacity=100);}
#gnb > ul > li .gnb-2dep.open ul li{opacity:1.0;filter:Alpha(opacity=100); -webkit-transition:all 0.8s;-moz-transition:all 0.8s;-o-transition:all 0.8s;-ms-transition:all 0.8s;transition:all 0.8s;}
#gnb > ul > li .gnb-2dep.open ul li:nth-child(1){-webkit-transition-delay: 0.1s; transition-delay:0.1s;}
#gnb > ul > li .gnb-2dep.open ul li:nth-child(2){-webkit-transition-delay: 0.2s; transition-delay:0.2s;}
#gnb > ul > li .gnb-2dep.open ul li:nth-child(3){-webkit-transition-delay: 0.3s; transition-delay:0.3s;}
#gnb > ul > li .gnb-2dep.open ul li:nth-child(4){-webkit-transition-delay: 0.4s; transition-delay:0.4s;}
#gnb > ul > li .gnb-2dep.open ul li:nth-child(5){-webkit-transition-delay: 0.5s; transition-delay:0.5s;}
#gnb > ul > li .gnb-2dep.open ul li:nth-child(6){-webkit-transition-delay: 0.6s; transition-delay:0.6s;}
#gnb > ul > li .gnb-2dep.open ul li:nth-child(7){-webkit-transition-delay: 0.7s; transition-delay:0.7s;}
#gnb > ul > li .gnb-2dep.open ul li:nth-child(8){-webkit-transition-delay: 0.8s; transition-delay:0.8s;}

/*  Header  GNB(Mobile)  */
/*  Header  GNB(Mobile/기본스타일)  */
.gnb-overlay-bg-m{display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.5); z-index:9998;}
#gnbM {display:block; position:fixed; top:0px; right:-82%; width:80%; height:100%; max-width:280px; background-color:#fff; z-index:9999;
	transition:all 0.3s cubic-bezier(0.47, 0, 0.745, 0.715);
	-webkit-transition:all 0.3s cubic-bezier(0.47, 0, 0.745, 0.715);
	visibility:hidden;
}
#gnbM.open {right:0px; visibility:visible;}
/* GNB Mobile 레이아웃 */
.gnb-navigation-wrapper{position:relative; height:100%; box-sizing:border-box; padding-top:80px; overflow-y:auto;}
.header-util-menu-box + .gnb-navigation-wrapper{padding-top:0}

/* GNB Mobile 메뉴영역  1차 */
#navigation > li{border-bottom:1px solid #e7e7e7;}
#navigation > li img {width:380px;}
#navigation > li:first-child{border-top:1px solid #e7e7e7}
#navigation > li > a {position:relative; display:block; padding:15px; color:#111; font-size:20px; font-weight:600; letter-spacing:-0.1px; }
#navigation > li.active > a{color:#1d5aca;}
#navigation > li.has-2dep > a{}
#navigation > li.has-2dep.active > a{}
#navigation > li .gnb-icon{position:absolute; top:50%; right:15px; margin-top:-10px;}
#navigation > li .gnb-icon i{font-size:20px;}
/* GNB Mobile  메뉴영역 2차 */
#navigation > li .gnb-2dep{display:none; padding:15px 0; background-color:#f2f2f2; }
#navigation > li .gnb-2dep > li{height:auto !important;}
#navigation > li .gnb-2dep > li > a{display:block; color:#444; font-size:14px; padding:12px 15px; letter-spacing:-0.75px; opacity:0.7;filter:Alpha(opacity=70);}
#navigation > li .gnb-2dep > li.on > a{opacity:1.0;filter:Alpha(opacity=100); font-weight:500;}
/* GNB Mobile  메뉴영역 3차 */
#navigation > li .gnb-2dep > li > .gnb-3dep{display:none; padding:10px; background-color:#aaa; margin:0 10px}
#navigation > li .gnb-2dep > li > .gnb-3dep > li > a{display:block; padding:8px 0; font-size:13px; color:#fff;}
#navigation > li .gnb-2dep > li > .gnb-3dep > li > a:before{display:inline-block; content:"-"; margin-right:5px;}

/* -------- GNB Mobile 스타일2 (Full Style) -------- */
#gnbM.gnb-style-full {top:-100%; right:0; width:100%; height:100%; max-width:none;}
#gnbM.gnb-style-full.open {top:0px;}
.gnb-style-full .gnb-navigation-wrapper {height:auto; width:100%; position:absolute; top:0px; bottom:0px; left:0; padding-top:0;}
.gnb-style-full .header-util-menu-box + .gnb-navigation-wrapper {top:80px; }
.gnb-style-full-member .gnb-navigation-wrapper {bottom:80px;}
.gnb-style-full .gnb-navigation-inner {display:table; width:100%; height:100%;}
.gnb-style-full #navigation {display:table-cell; vertical-align:middle;}
.gnb-style-full #navigation > li{
	text-align:center; border:0;
	opacity:0;filter:Alpha(opacity=0);
	-webkit-transform:translateY(-20px);
	transform:translateY(-20px);
	-webkit-transition:all 0s 0s;
	transition:all 0s 0s;
}
.gnb-style-full #navigation > li:first-child {border:0}
.gnb-style-full #navigation > li > a {}
.gnb-style-full #navigation > li .gnb-icon i{display:none;}
.gnb-style-full.open #navigation > li{
	opacity:1.0;filter:Alpha(opacity=100);
	-webkit-transform:translateY(0px);
	transform:translateY(0px);
	-webkit-transition:transform 0.8s, opacity 0.8s;
	transition:transform 0.8s, opacity 0.8s;
}
.gnb-style-full.open #navigation > li:nth-child(1){-webkit-transition-delay: 0.3s; transition-delay:0.3s;}
.gnb-style-full.open #navigation > li:nth-child(2){-webkit-transition-delay: 0.4s; transition-delay:0.4s;}
.gnb-style-full.open #navigation > li:nth-child(3){-webkit-transition-delay: 0.5s; transition-delay:0.5s;}
.gnb-style-full.open #navigation > li:nth-child(4){-webkit-transition-delay: 0.6s; transition-delay:0.6s;}
.gnb-style-full.open #navigation > li:nth-child(5){-webkit-transition-delay: 0.7s; transition-delay:0.7s;}
.gnb-style-full.open #navigation > li:nth-child(6){-webkit-transition-delay: 0.8s; transition-delay:0.8s;}
.gnb-style-full.open #navigation > li:nth-child(7){-webkit-transition-delay: 0.9s; transition-delay:0.9s;}
.gnb-style-full.open #navigation > li:nth-child(8){-webkit-transition-delay: 1.0s; transition-delay:1.0s;}
.gnb-style-full.open #navigation > li:nth-child(9){-webkit-transition-delay: 1.1s; transition-delay:1.1s;}
.gnb-style-full.open #navigation > li:nth-child(10){-webkit-transition-delay: 1.2s; transition-delay:1.2s;}



/* -------- Header 네비게이션 오픈 버튼 -------- */
.nav-open-btn{
	display:block; position:absolute; top:45px;  right:60px; z-index:10000;
	height:30px;
	-webkit-transition:all 0.3s cubic-bezier(0.47, 0, 0.745, 0.715);
	transition:all 0.3s cubic-bezier(0.47, 0, 0.745, 0.715);
}
.nav-open-btn .line{
	display:block; width:28px; height:3px; background-color:#fff; border-radius:5px; margin: 4px auto;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.nav-open-btn.sticky .line{
	background-color:#fff;
}
.nav-open-btn.active .line{background-color:#444;}
.nav-open-btn.active .line:nth-child(2), .nav-open-btn.active .line:nth-child(4){opacity: 0;}
.nav-open-btn.active .line:nth-child(1){
	-webkit-transform: translateY(7px) rotate(45deg);
	 transform: translateY(7px) rotate(45deg);
}
.nav-open-btn.active .line:nth-child(3){
	-webkit-transform: translateY(-7px) rotate(-45deg);
	transform: translateY(-7px) rotate(-45deg);
}


/* 회사소개 프로젝트 공지사항 오시는길 */
#section03 { width:100%; height:auto; }
#section03 h1 {font-weight:400; padding:70px 0 2px;text-align:center; }
#section03 > p { font-weight:normal; text-align:center; color:#555; margin-top:15px;}
#section03 .con { margin:0 auto; display:flex; justify-content: center; align-items: center; align-content: space-between; margin-top:50px; max-width:1300px;}
#section03 .pdt_box {width:25%; height: 290px;position: relative;overflow: hidden; box-sizing: border-box; text-align:center; color:#fff; transition-duration:0.7s; padding-top:50px;}
{width:25%; height: 290px;position: relative;overflow: hidden; box-sizing: border-box; text-align:center; color:#fff; transition-duration:0.3s; padding-top:50px;}
#section03 .pdt_box > a {color:#fff;}
#section03 .pdt_box p {font-size:22px; margin:20px;}
#section03 .pdt_box:hover p {text-decoration: underline;}
/* #section03 .pdt_box:hover {-webkit-box-shadow:inset 10px 10px 200px 10px rgba(0,0,0,0.8);box-shadow:inset 10px 10px 200px 10px rgba(0,0,0,0.8); } */
#section03 .pdt_box:nth-child(1) {background-color: #e5a344;}
#section03 .pdt_box:nth-child(2) {background-color: #28283d;}
#section03 .pdt_box:nth-child(3) {background-color: #506787;}
#section03 .pdt_box:nth-child(4) {background-color: #565a60;}

#section03 .pdt_box:nth-child(1):hover {background-color: #bd7817;}
#section03 .pdt_box:nth-child(2):hover {background-color: #0a0a2b;}
#section03 .pdt_box:nth-child(3):hover {background-color: #264269;}
#section03 .pdt_box:nth-child(4):hover {background-color: #24272b;}

/* 프로젝트보기 */
#section06{margin-top:100px;  }
#section06 dl{position:relative;   display: -webkit-flex; display: flex; justify-content:space-between}
#section06 dl dt{width:100%; position:relative; overflow:hidden;}
#section06 dl dt li{height:387px; background-position:center; background-size:cover; }
#section06 dl dd{width:0%; background:#f2f2f2; padding:120px 0 0 80px}
#section06 dl dd h2{line-height:100%;font-weight:300;}
#section06 dl dd h2 strong{font-weight:500;}
#section06 dl dd p{font-size:20px; margin-top:1em;}
#section06 dl dd ul{font-size:18px; margin-top:1.2em; padding-left:0;}
#section06 dl dd a{display:inline-block; font-size:16px; margin-top:.6em; border:1px solid #ddd; line-height:30px; padding:0 10px; margin-top:3em;}
#section06 .viewbtn {color:#f5f5f5; padding:8px 20px; background:#252525; font-size: 14px;}
#section06 .mepn{position:absolute; bottom:0; z-index:3; padding:0;  left:0; width:100%; }
#section06 .mepn a{position:absolute; top:-210px; width:55px; height:55px; left:-55px;  padding:0; margin:0; background:rgba(0,0,0,.5); border:0; cursor:pointer; }
#section06 .mepn a:after{position:absolute; top:50%; width:20px; height:20px; border-style:solid; border-color:#FFF; border-width:2px; content:"";}
#section06 .mepn .swiper-button-prev{left:0;}
#section06 .mepn .swiper-button-next{left:calc(100% - 55px);}
#section06 .mepn .swiper-button-prev:after{left:20px; border-color:#FFF transparent transparent #FFF; transform-origin:left top;-ms-transform-origin:left top;-webkit-transform-origin:left top;-moz-transform-origin:left top;-o-transform-origin:left top;  }
#section06 .mepn .swiper-button-prev:after{transform:rotate(-45deg);-ms-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg);}
#section06 .mepn .swiper-button-next:after{right:20px; border-color:#FFF #FFF transparent transparent ;  transform-origin:right top;-ms-transform-origin:right top;-webkit-transform-origin:right top;-moz-transform-origin:right top;-o-transform-origin:right top;  }
#section06 .mepn .swiper-button-next:after{transform:rotate(45deg);-ms-transform:rotate(45deg); -moz-transform:rotate(45deg); -webkit-transform:rotate(45deg);-o-transform:rotate(45deg);}
#section06 .swiper-pagination{position:relative; text-align:left; margin-top:40px; }
#section06 .swiper-pagination-bullet{position:relative; width:10px; height:10px; margin-right:6px;  border-radius:8px; background:transparent; opacity:1; border:1px solid #333; }
#section06 .swiper-pagination-bullet-active{background-color:#333;}


/* FOOTER */
#footer{background-color:#dfdede; padding:40px 0 40px;}
.index-wrapper #footer{background-color:#dfdede; padding-bottom:70px;}
#footer p {color:#000; line-height: 1.5em; font-size:15px;}
#footer .float-left p {margin-top:10px; font-size:17px; color:#555;}
#footer b {font-size:28px;}
#footer a {font-size:37px; font-weight:bold; letter-spacing: -0.5px; margin-left:20px;}
#footer p.phone {font-size:18px; padding-left:88px; margin-top:-20px;}
#footerTop{padding-bottom:45px; }

/* -------- FOOTER :: 하단 -------- */
.foot-logo{display:block; padding-bottom:20px;}

/* ---------- sub :: page -----------*/

.contents .project_items {position:relative; margin-top:30px; height:auto; display:flex; flex-wrap: wrap;}
.contents .project_items .card {position:relative; width:32%; height:350px; margin:7px; background:#000; overflow:hidden; transition:0.5s;}
.contents .project_items .card .img_box {position:absolute; top:0; left:0; width:100%; height:100%; transition:0.5s;}
.contents .project_items .card:hover .img_box {opacity:0.3; cursor:pointer;}
.contents .project_items .card .img_box img {width:100%; height:100%;}
.contents .project_items .card .content {position:absolute; width:100%; height:83%; padding:20px; padding-top:60px; bottom:50px; box-sizing:border-box; text-align:center; transition:0.5s; display:none; }
.contents .project_items .card:hover .content {display:block;}
.contents .project_items .card .content h2 {margin:0 0 35px; padding:0; color:#fff; font-size:22px;}
.contents .project_items .card .content h2 span {color:#ffeb3b; font-size:17px;}
.contents .project_items .card .content p {margin:0; padding:0; color:#fff; font-size:16px; text-align: left; line-height: 1.5em; padding-left: 20px;}
.contents h1 {font-size:30px; font-weight:600; border-bottom: 1px solid #555; padding-bottom:10px;}
.sub_bg1 {width:100%; height:400px; background-image:url(/resources/images/sub/greeting_img.jpg); background-size: cover;background-position: center center;}
.contents.sub1 h3 {font-size:26px; font-weight:600; margin:50px 0; color:#020571;}
.contents.sub1 p {font-size:16px; line-height:1.7em; color:#666;}
.contents .center {text-align: center; margin-top:60px;}

/*테이블*/
.admin_table {width:100%; height:auto;  margin:0 auto; font-size:16px; color:#000; margin-top:40px;}
.admin_table table {width:100%; border:1px solid #666;  margin-top:7px;  border-collapse:collapse; vertical-align:middle;}
.admin_table th {padding-left:70px; text-align:left; height:65px; color:#fff; font-size:16px; font-weight:400;}
.admin_table td {padding-left:50px; text-align:left; font-size:16px;}
.admin_table .gray {background:#5d5d5d;}
.admin_table .gray2 {background:#1e3771;}

/* 버튼 */
.btn{border: 1px solid #555;background: none;padding: 10px 20px;font-size: 15px;cursor: pointer; margin: 50px 0;transition: 0.8s;position: relative;overflow: hidden; float:right;}
.btn1{color: #555;}
.btn1:hover {color: #fff;}
.btn::before{content: "";position: absolute;left: 0;width: 100%;height: 0%;background: #1145a4;z-index: -1;transition: 0.8s;}
.btn1::before,.btn3::before{top: 0;border-radius: 0 0 50% 50%;}
.btn1:hover::before{height: 180%;}


/* =====================================반응형 미디어쿼리======================================== */

@media all and ( min-width: 1921px ) , ( min-height: 969px ), ( max-width: 1366px) {
   .main-visual-slider .swiper-slide .visual-img{height:100%; background-size:cover !important;}
   .main-visual-slider .swiper-slide .visual-img img{display:none}
}

@media all and ( max-width: 1536px ){
    #header .logo{width:300px;}
    #header .logo img{width:130px;}
	/* .main-visual-wrapper{margin-left:175px} */
	.main-visual-side-con{width:175px; top:133px;}
	.main-visual-item .visual-txt-con{ font-size:16px;}
	.main-visual-pagination{bottom:33px;}
	.main-visual-pagination .main-visual-paging-item{margin-left:15px;}
	.main-visual-pagination span{width:100px; height:57px;}
}

@media all and ( max-width: 1366px ){

	#gnb > ul{margin-right:230px}
	#gnb > ul > li > a{padding:12px 25px 0}
	#gnb.each-menu > ul > li .gnb-2dep{width:150px; margin-left:-75px}
	#gnb.each-menu > ul > li .gnb-2dep ul li{padding:8px 15px;}
	#gnb.each-menu > ul > li .gnb-2dep ul li a{font-size:14px;}
	.header-consult-box{right:15px;}
}

@media all and ( max-width: 1320px ){
	#gnb > ul {padding:0}
	#section06 .mepn a{position:absolute; top:-55px; width:55px; height:55px; left:-55px;  padding:0; margin:0; background:rgba(0,0,0,.5); border:0; cursor:pointer; }
}

@media screen and (max-width: 1280px) {
	.main-visual-side-con .main-visual-side-txt { font-size:14px;  bottom:440px;}
	.main-scroll-icon{height:130px;}

}
@media screen and (max-width:1200px) {
	.contents .project_items .card {width:32%; height:330px; margin:5px;}
	.contents .project_items .card .content {padding-top:50px;}
    .foot-logo{float:none; display:block; padding-right:0; padding-bottom:15px;}
	.foot-menu{float:none; display:inline-block;}
}

@media screen and (max-width: 1024px) {
    .main-visual-item .visual-txt-con .main-visual-btn:hover em,
    .main-visual-item .visual-txt-con .main-visual-btn:hover i{color:#222;}
    .main-visual-item .visual-txt-con .main-visual-btn:hover em{text-indent:20px; letter-spacing:0.75px;}
    .main-visual-item .visual-txt-con .main-visual-btn:hover i{right:20px;}
	.gap170 {height:100px;}
    #header,#headerInnerWrap{height:80px;}
	#header{position:relative;}
	.index-wrapper #header{position:fixed;}
	#header .logo{padding:25px 0;}
	.header-consult-box{display:none;}
	.consult-btn, .sitemap-custom-btn{display:none;}

	#gnb{display:none;}
	.gnb-overlay-bg{display:none}

	/* -------- Header 네비게이션 오픈 버튼 -------- */
	.nav-open-btn{
		display:block; position:fixed; top:40px;  right:22px; z-index:10000;
		height:30px;
		-webkit-transition:all 0.3s cubic-bezier(0.47, 0, 0.745, 0.715);
		transition:all 0.3s cubic-bezier(0.47, 0, 0.745, 0.715);
	}
	.nav-open-btn .line{
		display:block; width:28px; height:3px; background-color:#fff; border-radius:5px; margin: 4px auto;
		-webkit-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
	}
	.nav-open-btn.active .line{background-color:#444;}
	.nav-open-btn.active .line:nth-child(2), .nav-open-btn.active .line:nth-child(4){opacity: 0;}
	.nav-open-btn.active .line:nth-child(1){
		-webkit-transform: translateY(7px) rotate(45deg);
		 transform: translateY(7px) rotate(45deg);
	}
	.nav-open-btn.active .line:nth-child(3){
		-webkit-transform: translateY(-7px) rotate(-45deg);
		transform: translateY(-7px) rotate(-45deg);
	}

    .main-visual-wrapper{margin-left:0}
	.main-visual-side-con{display:none;}
	.main-visual-pagination{display:none;}

	.contents .center.history img {width:100%;}

}
@media screen and (max-width: 900px) {
	#navigation > li img {width:60%;}
    #footer{padding:30px 0 57px}
	#footerTop, #footerBottom{text-align:center;}
	.footer-left-con,.footer-right-con{float:none; }
	.contents .project_items .card {width:47%; height:340px; margin:5px;}
	.contents .project_items .card .content p {font-size:14px;}
	/* -------- Footer  -------- */
	#footerTop{padding-bottom:30px}
	.foot-logo img{height:60px;}
	.footer-right-con .foot-logo{text-align:center; padding-top:30px;}
	.foot-menu li {padding-left:15px}
	.foot-menu li a{font-size:13px;}
	.main-visual-item .visual-txt-con h2 { font-size:80px;}

    #section03 .con { margin-top:30px;}
	#section03 .con {flex-wrap: wrap;}
    #section03 .pdt_box {width:50%;}
	#section03 .pdt_box a img {width:16%;}
	#section03 .pdt_box a img.plus {width:30px;}
	#section03 .pdt_box {height: 220px; padding-top:30px;}

    #section06{margin-top:50px;}
    #section06 dl{flex-direction: column;}
    #section06 dl dt{width:100%; position:relative; overflow:hidden;}
    #section06 dl dt li{ background-position:center; background-size:cover; }
    #section06 .mepn{position:absolute; top:50%; z-index:3; padding:0;  left:0;  }
    #section06 .mepn a{position:absolute; top:0; width:55px; height:55px; left:0;  padding:0; margin:0; background:rgba(0,0,0,.5); border:0; cursor:pointer; }
    #main_visual ul img{ width:100%;  background-repeat:no-repeat; height:auto;}
    #main_visual .mvpn{display:none;}
    p,div,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,select,button,code,label,em,span,strong{margin:0;padding:0;border:0; font: inherit; color:inherit;letter-spacing:0;word-break:keep-all;}
    .f-size40 {font-size:28px;}
	#footer.mc img.phone {width:40px; margin-top:-20px;}
	#footer a {margin-left:5px;}

	.contents h1 {font-size:25px;}
	.contents.sub1 h3 {font-size:20px; line-height:1.5em;}
	.contents.sub1 p {font-size:15px;}

	/*테이블*/
	.admin_table th {padding-left:20px; font-size:15px;}
	.admin_table td {padding-left:20px; font-size:15px;}


}

@media screen and (max-width: 768px) {
    #mainVisual{min-height:auto}
	.main-visual-item .visual-txt-con{font-size:14px; left:15px; right:15px; text-align:center;}
	.main-visual-item .visual-txt-con .main-visual-tit{letter-spacing:-0.25px;}
	.main-visual-item .visual-txt-con .main-visual-btn em{font-size:13px}
	.main-visual-controls{height:80px;  padding:0 25px; }
	.main-visual-control-btns{margin:25px 0 20px;}
	.main-visual-item .visual-txt-con h2 { font-size:80px;}
	.f-size22 {font-size: 15px;}
	#section03 .pdt_box {height: 200px; padding-top:35px;}
    #footer .footer-logo img {width:40%;}
	#headerInner{height:96px;}
	/*테이블*/
	.admin_table th {padding-left:15px; font-size:14px;}
	.admin_table td {padding-left:15px; font-size:14px;}
	.gap170 {height:80px;}
}


@media screen and (max-width: 480px) {
    #header,#headerInnerWrap{height:60px;}
	#header .logo{padding:20px 0; margin:33px 22px;}
	#header .logo a{width:150px; height:80px; background-size:auto 28px;margin-top:12px;}
	#header .logo { background: url(/resources/images/logo_m_default.png) no-repeat;}
	#header .logo.sticky { background: url(/resources/images/logo_m_default.png) no-repeat; margin:25px 22px;}
	#headerInner.sticky {position:fixed; width:100%; height:82px;margin:0px auto; background:#000;}
	.nav-open-btn.sticky{top:28px;  right:22px; }
	.contents .project_items .card {width:99%; height:340px; margin:5px;}
	.main-visual-item .visual-txt-con{font-size:13px;}
	.main-visual-controls{width:70%; padding:0 20px; height:60px;  }
	.main-visual-control-btns{margin:20px 0 10px;}
	.main-visual-control-btns button{width:22px; height:6px;}
	.main-visual-control-btns .slide-prev-btn,
	.main-visual-control-btns .slide-next-btn{background-size:auto 6px;}
	.main-visual-control-btns .main-visual-conuter{top:-4px;}

	.nav-open-btn{top:35px; margin-top:0;}
	.nav-open-btn .line{width:20px; height:2px; }
	.nav-open-btn.active .line:nth-child(1){
		 -webkit-transform: translateY(6px) rotate(45deg);
		  transform: translateY(6px) rotate(45deg);
	}
	.nav-open-btn.active .line:nth-child(3){
		 -webkit-transform: translateY(-6px) rotate(-45deg);
		  transform: translateY(-6px) rotate(-45deg);
	}
	/* Header  GNB(Mobile) */
	.gnb-navigation-wrapper{padding-top:60px}
	.gnb-style-full .header-util-menu-box + .gnb-navigation-wrapper{top:60px; }
	.gnb-style-full-member .gnb-navigation-wrapper{bottom:60px;}
	#navigation > li > a{font-size:15px;}
	#navigation > li .gnb-2dep > li > a{font-size:13px;}

	.gnb-style-full .member-menu-box{height:60px}
	.gnb-style-full .member-menu-box li a{padding:10px 0;}
	.main-visual-item .visual-txt-con h2 { font-size:55px;}
	.copytxt {margin-top:20px;}
	.w30p {width:50%;}
	#footer .footer-logo img {width:70%;}
    #footer .foot-wrap .f-size15 {font-size:13px;}
    #section04 h3 {font-size: 17px; padding-top:80px;}
    #section04 h2 {font-size: 22px; padding-top:10px;}
    #section04 p {font-size: 13px; padding-top:4px;  line-height: 1.4em;}
	.f-size37 {font-size:27px;}
}


@media screen and (max-width: 328px) {
	.location .dep1 > a{font-size: 13px;}

}