@import url('../lib/slick.css');


.fa, .far, .fas{font-family:'FONT AWESOME 6 PRO' !important;}
/* skip_Navi */
.mainnavi{position:relative;}
.mainnavi a{display:block;position:absolute;left:0;top:-30px;width:150px;text-align:center;color:#fff;background:#000;z-index:1000;}
.mainnavi a:focus, .mainnavi a:hover{top:0px;}

.container {}
.slideshow, 
.slide-wrap {height:743px;
    position: relative;
    width: 100%;
    min-height: 530px;
    overflow: hidden;}
.slideimage {width: 100%;height: 100%;background-size: cover;background-position:center center;background-repeat:no-repeat}
.slideimage > a {position:relative;width:100%;height: 100%;}

.swiper-container {width: 100%;height: 100%;margin-left: auto;margin-right: auto;}
.swiper-slide {
/* Center slide text vertically */
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
}

.headline-container {position: absolute;width: 1200px;left: 50%;transform: translate(-50%, 0);-webkit-transform: translate(-50%, 0);z-index: 1;}
.slideimage .headline {color:#fff;position: absolute;top:40%;transform: translate(0, -50%);-webkit-transform: translate(0, -50%);text-align: left;}
.slideimage .headline-container .headline-center {padding-top:180px;transform: translate(-50%, 0);-webkit-transform: translate(-50%, 0);left: 50%;top:25%;text-align: center;}
.headline .slogan span {font-size:27px;letter-spacing:2px;line-height:1;font-weight:400;  font-family: 'GmarketSansMedium';}
.headline .slogan strong {display:block;line-height: 85px;margin-bottom:50px; font-weight:400; font-family: 'GmarketSansMedium'; font-size:65px;letter-spacing:0px;}
.headline .subtitle {font-size:25px;margin-top:40px;line-height:35px;font-weight:300;}

.headline .btn-for-mainbanner {margin-top:77px;display:inline-block;border:1px solid #000;text-align:center;width:218px;height:53px;line-height:53px;font-size:16px;}



.main-section.project {position:relative;padding-bottom:110px}
.main-section.project .inner {padding:0;}
.main-section.project .section-title {color:#7d7d7d;font-size:18px;font-weight:200;text-align:center;margin-bottom:60px;}
.main-section.project .section-title strong {font-size:35px;font-weight:bold;font-family: 'GmarketSansBold';letter-spacing:-1px;color:#2d2d2d;display:block;margin-bottom:25px;}
.main-section.project .section-title:before {content: "";display: block;width: 0px;height:70px;border-left: 1px solid #fff;margin: 0 auto 35px;}
	.project-slide {height: 504px;}
	.project-slide dl {padding:23px 0 28px;text-align:center;}
	.project-slide dl dt {color:#222;font-size:19px;}
	.project-slide dl dd {color:#bbb;font-size:13px;margin-top:8px;}
	.project-slide dl dd:after {content: "";display: block;width: 30px;border-bottom: 1px solid #bcbcbc;margin: 20px auto 0;}
	.slick-slider {max-width:1300px;width:100%;margin:0 auto;}
	.slick-list {max-width:1300px;margin:0 auto;}
	.slick-list .slick-slide {box-sizing:border-box;}
		.img-object {border: 1px solid #ddd;display: block;width:100%;max-width:398px;margin: 0 auto;}
	.slick-slide img {width:100%;max-width:398px;}
	.slick-arrow {position:absolute;top:50%;transform: translate(0, -50%);-webkit-transform: translate(0, -50%);z-index:10; cursor: pointer;color: transparent;border: none;outline: none;background: transparent;}.slick-prev:before,
	.slick-next:before
{font-family: 'Raleway';font-size: 70px;line-height: 1;opacity: .4;color: #000;font-weight:100;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
	.slick-prev {left:-3%;}
	.slick-prev:before {content: '<';}
	.slick-next {right:-5%;}
	.slick-next:before{content: '>';}

.main-section.contact {}
.main-section.contact .headline {color:#2f2f2f}
.main-section.contact .headline .subtitle {font-size:20px;}
.main-section.contact .headline .slogan {font-size:20px;padding-top: 22px;}
.main-section.contact .headline .slogan strong {font-size:51px;}
	.visual-link {max-height:540px;height:540px;}
	
	.visual-link .headline-container:before {content: "";display: block;width: 1px;height:75px;border-left: 1px solid rgba(0,0,0,0);margin-left:10px;}

.main-section.news-board .inner {padding:88px 0 99px;}
	.main-sub-title {margin-bottom:40px;color:#2d2d2b;font-size:24px;font-weight: 700;}
	.main-sub-title:after {content: "";display: block;width:32px;height:1px;border-bottom: 1px solid #c3c3c3;margin:40px 0 0px;}
	.news-board-list:after {content: "";display: table;table-layout: fixed;clear: both;}
	.news-board-list li {position:relative;float:left;width:50%;height:132px;padding:0 60px 0 10px;box-sizing:border-box;}
	.news-board-list li img{float:left;padding-right:30px;}
	.news-board-list .thumb {position:absolute;left:0;top:0;width:132px;height:132px;background:#c3c3c3;}
	.news-board-list dl {line-height:1;}
	.news-board-list dl dt {color:#292929;font-weight:bold;font-size:16px;margin:8px 0 15px;}
	.news-board-list dl dd {color:#6e6e6f;font-weight:200;line-height:23px;}
	.news-board-list dl dd.date {margin-top:15px;font-size:13px;color:#b4b4b4;font-family: 'Noto Sans R';}


/* animate css */
.slideimage:before,
.visual-link:before {content: '';position:absolute;top:0;left:-100%;width:100%;height:100%;background: rgba(255,255,255,0.1);transition:0.5s;pointer-events: none;}
.slideimage:hover:before,
.visual-link:hover:before {left:-50%;transform: skewX(-10deg);}

@media only screen and (max-width: 1300px){
	.inner {width: 100%;}
	#gnb {left:20%}
	#gnb .gnb-depth1>li{width:120px;}
	#gnb .gnb-depth2 {width:120px;}
.visual-link .headline-container {width:90%;height:540px;}
	
}
@media only screen and (max-width: 940px){

	.slideshow, .slide-wrap {height: 330px;min-height:auto;}
	.slideshow > .slideimage {background-position: 70% center;}
	.headline-container {width:100% ;    position: inherit;left: inherit;transform: inherit;-webkit-transform: inherit;}
	.slideimage .headline-container .headline-center {top:45%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);width:80%;}
	.img-object {width:65%}
	.headline {transform: inherit;-webkit-transform: inherit;left: 5%;top: 20%;}
	.headline .slogan strong {line-height: 38px;margin-bottom: 14px;font-size: 36px;letter-spacing: 0px;}
	.headline .slogan span {font-size: 22px}
	.headline .subtitle {font-size: 14px;margin-top: 20px;line-height: 22px;}

	.main-section.project .section-title strong {font-size: 22px;}
	.main-section.project .section-title {font-size: 14px;    margin-bottom: 0px}
	.main-section.project .inner {padding: 0 0 50px;}
	.main-section.project .section-title:before {height:30px;margin: 0 auto 15px;}

	.project-slide {height: auto;}
	.project-slide ul {width:80%;margin:0 auto;}
	.project-slide ul li {margin-left:0;width:100%;margin:0 auto 10px;padding-bottom: 0;}
	.project-slide ul li a {display:block;overflow:hidden;}
	.project-slide ul li a img {float:left;width:40%;height:auto;}
	.project-slide ul li a dl {float:left;padding-left: 10px;}
	.slick-prev {left:0;}
	.slick-next {right:0;}
	
	.visual-link {height:330px;min-height:auto;background-position: 53% center;    background-size: cover;position:relative;}
	.visual-link .headline-container {height:100%;}
	.visual-link .headline-container:before {height: 45px;}
	.main-section.contact .headline .slogan {padding-top: 50px;}
	.main-section.contact .headline {transform:translate(0, -12%);-webkit-transform: translate(0, -12%);padding:0 3%}
	.main-section.contact .headline .slogan strong {font-size: 30px;line-height: 1;}
	.main-section.contact .headline .subtitle {font-size:14px;width:60%;}
	.main-section.contact .headline .btn-for-mainbanner {width: 30%;margin-top: 15%;height: 33px;line-height: 33px;font-size: 15px;}

	.main-sub-title {padding-left:3%;margin-bottom: 20px;}
	.news-board-list {width:94%;margin:0 auto;}
	.news-board-list li {float:none;width:100%;margin-bottom:5px;padding: 0 0px 0 133px;}
	.news-board-list .thumb {max-height:132px;max-width:132px;width:25%;height:auto;}
	.news-board-list dl {width:100%;}
	.news-board-list dl dt {margin: 0px 0 8px;font-size: 15px;line-height: 20px;}
	.news-board-list dl dd {line-height: 18px;font-size: 13px;}

	.corp-area a {font-size:12px;margin-right:2px;line-height: 16px;}

}

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