@charset "utf-8";

.mcont0-section-wrap {position:relative;width:100%;}
#mcont0-section {}
#mcont0-section li{box-sizing: border-box;border-collapse:collapse;display:table-cell;}
#mcont0-section .slick-track > li{height: 907px;background-size:cover !important;}
#mcont0-section li .txtBox {display: block;position:relative;width:100%;max-width: 1150px;margin: 0 auto;height: auto;text-align: left;z-index: 52;top: 33%;text-align: left;color: #ffffff;}
#mcont0-section li .txtBox p.subtit {font-family: "s-core-dream-medium", sans-serif !important;display: inline-block;font-size: 48px;letter-spacing: 4px;transform: translateY(-100px);-webkit-transform: translateY(-100px);-moz-transform: translateY(-100px);-ms-transform: translateY(-100px);-o-transform: translateY(-100px);transition: all 1s ease;-webkit-transition: all 1s ease;-moz-transition: all 1s ease;-ms-transition: all 1s ease;-o-transition: all 1s ease;}
#mcont0-section li .txtBox .subtit_block {display: inline-block;}

#mcont0-section li .txtBox .subtit_block:after {position:relative;content:'';display:block;margin:27px 0;width:30px;height:1px;background-color:#ffffff;}
#mcont0-section li .txtBox>div.tit_block {font-size: 20px;line-height: 1.8;}
#mcont0-section li.slick-current .txtBox p.subtit {display:block;transform: translateY(0);}
#mcont0-section li .txtBox2 {text-align: right;}
#mcont0-section li .txtBox2 .subtit_block:after {float:right;}

#mcont0-section li .txtBox a.bt_more {margin-top: 45px;font-family: "s-core-dream-medium", sans-serif !important;color: #ffffff;font-size:16px;border: 1px solid #ffffff;display: inline-block;text-align: center;width: 200px;line-height: 50px;-webkit-transform: translateZ(0);transform: translateZ(0);transition: all 0.33s ease-out 0s;-moz-transition: all 0.33s ease-out 0s;-webkit-transition: all 0.33s ease-out 0s;}
#mcont0-section li .txtBox a.bt_more:hover {color: #212121;background-color:#ffffff;}

.mcont0-section-wrap span.slick_button {position:absolute;z-index:1;bottom:12.7%;left:50%;}

@media screen and (max-width:1200px){
	#mcont0-section li .txtBox {width:98%;}
	#mcont0-section .slick-track > li{height:800px;}
	#mcont0-section li .txtBox p.subtit {font-size: 44px;}
	#mcont0-section li .txtBox>div.tit_block {font-size: 18px;}
	#mcont0-section li .txtBox a.bt_more {font-size:14px;}
}

@media screen and (max-width:990px){
	#qucik {top:70px;}
	#mcont0-section li .txtBox {top: 22%;}
	#mcont0-section .slick-track > li{height:600px;}
	#mcont0-section li .txtBox p.subtit {font-size: 40px;}
}

@media screen and (max-width:750px){
	#mcont0-section .slick-track > li{height:500px;}
	#mcont0-section li .txtBox p.subtit {font-size: 35px;}
	#mcont0-section li .txtBox>div.tit_block {font-size: 16px;}
	#mcont0-section li .txtBox a.bt_more {font-size:13px;width: 150px;line-height: 40px;}
}

@media screen and (max-width:550px){
	#mcont0-section .slick-track > li{height:400px;}
	#mcont0-section li .txtBox p.subtit {font-size: 28px;}
	#mcont0-section li .txtBox>div.tit_block {font-size: 15px;}
	#mcont0-section li .txtBox .subtit_block:after {margin:15px 0;}
	#mcont0-section li .txtBox a.bt_more {margin-top: 30px;}
}

@media screen and (max-width:400px){
	#mcont0-section li .txtBox p.subtit {font-size: 24px;letter-spacing:1.5px;}
	#mcont0-section li .txtBox>div.tit_block {font-size: 14px;}
	#mcont0-section li .txtBox .subtit_block:after {margin:15px 0;}
	#mcont0-section li .txtBox a.bt_more {margin-top: 30px;}
}

.slider {width: 50%; margin: 100px auto;}
.slick-slide img {width: 100%;}
.slick-prev:before, .slick-next:before {color: black;}
.slick-slide {transition: all ease-in-out .3s; opacity: .2;}
.slick-active {opacity: 1;}
.slick-current {opacity: 1;}
.slick-slider .slick-prev,
.slick-slider .slick-next {display:none !important;}


#mcont01-section{width:100%;border-top: 1px solid #353535;}
#mcont01-section .cont-area {width:100%;}
#mcont01-section .cont-area .txt-area {
    padding: 80px 0;
    font-family: "s-core-dream-extrabold", sans-serif !important;
    /* background-color: #212121; */
    font-size: 40px;
    color: #212121;
    text-align: center;
    line-height: 1.5;
}
#mcont01-section .cont-area .txt-area span {
    font-family: "s-core-dream-regular", sans-serif !important;
    display: block;
    font-size: 16px;
}
#mcont01-section .cont-area .box-area {
    width: 100%;
    max-width: 1600px;
    text-align: center;
    margin: 0 auto;
}
#mcont01-section .cont-area .box-area ul {}
#mcont01-section .cont-area .box-area ul li {
    width: 33.333%;
    float: left;
    line-height: 0px;
    padding: 15px;
}
#mcont01-section .cont-area .box-area ul li .gall_img {
	display: inline-block;
	position: relative;
	overflow:hidden;
}
#mcont01-section .cont-area .box-area ul li .portfolio-txt-box {
	display: inline-block;
	font-size: 16px;
	font-weight: 700;
	width: 100%;
	height: 50px;
	line-height: 50px;
}
#mcont01-section .cont-area .box-area ul li img {width:100%;height: auto !important;}

#mcont01-section .cont-area .box-area ul li .gall_img img{
	-webkit-transition:transform 0.5s;
	-moz-transition:transform 0.5s;
	-o-transition:transform 0.5s;
	-ms-transition:transform 0.5s;
	transition:transform 0.5s;
}
#mcont01-section .cont-area .box-area ul li .gall_img:hover img {
	-ms-transform: scale(1.03) rotate(0.002deg);
	  -o-transform: scale(1.03) rotate(0.002deg);
	  -moz-transform: scale(1.03) rotate(0.002deg);
	  -webkit-transform: scale(1.03) rotate(0.002deg);
	  transform: scale(1.03) rotate(0.002deg);
}
#mcont01-section .cont-area .box-area > a {display: inline-block; width: 200px; line-height: 50px; font-family: "s-core-dream-medium", sans-serif !important; font-size: 14px; color: #1d1d1d; border: 1px solid #1d1d1d; margin: 75px 0; -webkit-transform: translateZ(0);transform: translateZ(0);transition: all 0.33s ease-out 0s;-moz-transition: all 0.33s ease-out 0s;-webkit-transition: all 0.33s ease-out 0s;}
#mcont01-section .cont-area .box-area > a:hover {color: #ffffff;background-color:#212121;}

@media screen and (max-width:1200px){
	#mcont01-section .cont-area .txt-area {padding: 60px 0; font-size: 38px;}
	#mcont01-section .cont-area .txt-area span {font-size:15px;}
	#mcont01-section .cont-area .box-area ul li {width:33.333%;padding: 10px;}
	#mcont01-section .cont-area .box-area ul li .portfolio-txt-box {font-size: 15px; height: 40px; line-height: 40px;}
}
@media screen and (max-width:990px){
	#mcont01-section .cont-area .txt-area {padding: 50px 0; font-size: 36px;}
	#mcont01-section .cont-area .txt-area span {font-size:14px;}
}
@media screen and (max-width:800px){
	#mcont01-section .cont-area .txt-area {padding: 40px 0; font-size: 30px;}
	#mcont01-section .cont-area .box-area ul li {width:50%;padding: 8px;}
	#mcont01-section .cont-area .box-area > a {font-size: 13px; margin: 55px 0;}
	#mcont01-section .cont-area .box-area ul li .portfolio-txt-box {font-size: 14px; height: 35px; line-height: 35px;}
}
@media screen and (max-width:600px){
	#mcont01-section .cont-area .txt-area {padding: 30px 0; font-size: 25px;}
	#mcont01-section .cont-area .txt-area span {font-size:13px;}
	#mcont01-section .cont-area .box-area ul li {padding: 5px;}
}
@media screen and (max-width:400px){
	#mcont01-section .cont-area .txt-area {padding: 20px 0; font-size: 20px;}
	#mcont01-section .cont-area .txt-area span {font-size:12px;}
	#mcont01-section .cont-area .box-area > a {margin: 35px 0;}
	#mcont01-section .cont-area .box-area > a {width: 180px; line-height: 36px;}
}


#mcont02-section{
    width: 100%;
    height: 380px;
    background: url('../img/main/project_bg.jpg') center center no-repeat;
    background-size: cover;
}
#mcont02-section .cont-area{
    width: 100%;
    text-align: center;
}
#mcont02-section .cont-area .box {
    width: 100%;
    text-align: center;
    color: #ffffff;
    padding-top: 6%;
    padding-bottom: 35px;
}
#mcont02-section .cont-area .box h2 {
    font-family: "s-core-dream-extrabold", sans-serif !important;
    font-size: 40px;
}
#mcont02-section .cont-area .box h4 {
    font-size: 16px;
    line-height: 3;
}
#mcont02-section .cont-area > a {
	position: relative;
    width: 200px;
    line-height: 50px;
    font-family: "s-core-dream-medium", sans-serif !important;
    font-size:14px;
    color:#ffffff;
    display: inline-block;
    text-align: center;
}
#mcont02-section .cont-area > a {background-color:#212121;}
#mcont02-section .cont-area > a:last-child {background-color:#2786c8;margin-left: 30px;}

.leftBtn i.line1 { width:1px; height:100%; bottom:0; left:0; animation:line1 5s infinite; -webkit-animation:line1 5s infinite; -moz-animation:line1 5s infinite; }
.leftBtn i.line2 { width:100%; height:1px; top:0; left:0; animation:line2 5s infinite; -webkit-animation:line2 5s infinite; -moz-animation:line2 5s infinite;  }
.leftBtn i.line3 { width:1px; height:100%; top:0; right:0; animation:line3 5s infinite; -webkit-animation:line3 5s infinite; -moz-animation:line3 5s infinite;  }
.leftBtn i.line4 { width:100%; height:1px; bottom:0; right:0; animation:line4 5s infinite; -webkit-animation:line4 5s infinite; -moz-animation:line4 5s infinite;  }
.rightBtn i.line1 { width:1px; height:100%; bottom:0; right:0; animation:line1 5s infinite; -webkit-animation:line1 5s infinite; -moz-animation:line1 5s infinite; }
.rightBtn i.line2 { width:100%; height:1px; top:0; right:0; animation:line2 5s infinite; -webkit-animation:line2 5s infinite; -moz-animation:line2 5s infinite;  }
.rightBtn i.line3 { width:1px; height:100%; top:0; left:0; animation:line3 5s infinite; -webkit-animation:line3 5s infinite; -moz-animation:line3 5s infinite;  }
.rightBtn i.line4 { width:100%; height:1px; bottom:0; left:0; animation:line4 5s infinite; -webkit-animation:line4 5s infinite; -moz-animation:line4 5s infinite;  }
.leftBtn i, 
.rightBtn i{position: absolute;text-indent: -9999px;background: rgba(255,255,255,.7) !important;}

@keyframes line1 {
	0% { height:0; }
	25%, 100% { height:100%; }
}
@-webkit-keyframes line1 {
	0% { height:0; }
	25%, 100% { height:100%; }
}
@-moz-keyframes line1 {
	0% { height:0; }
	25%, 100% { height:100%; }
}
@keyframes line2 {
	0%, 25% { width:0; }
	50%, 100% { width:100%; }
}
@-webkit-keyframes line2 {
	0%, 25% { width:0; }
	50%, 100% { width:100%; }
}
@-moz-keyframes line2 {
	0%, 25% { width:0; }
	50%, 100% { width:100%; }
}
@keyframes line3 {
	0%, 50% { height:0; }
	75%, 100% { height:100%; }
}
@-webkit-keyframes line3 {
	0%, 50% { height:0; }
	75%, 100% { height:100%; }
}
@-moz-keyframes line3 {
	0%, 50% { height:0; }
	75%, 100% { height:100%; }
}
@keyframes line4 {
	0%, 75% { width:0; }
	 100% { width:100%; }
}
@-webkit-keyframes line4 {
	0%, 75% { width:0; }
	 100% { width:100%; }
}
@-moz-keyframes line4 {
	0%, 75% { width:0; }
	 100% { width:100%; }
}

@media screen and (max-width:1200px){
	#mcont02-section{height: 350px;}
	#mcont02-section .cont-area .box h2 {font-size: 35px;}
	#mcont02-section .cont-area .box h4 {font-size: 14px;}
}
@media screen and (max-width:990px){
	#mcont02-section{height: 300px;}
	#mcont02-section .cont-area .box h2 {font-size: 33px;}
}
@media screen and (max-width:800px){
	#mcont02-section{height: 280px;}
	#mcont02-section .cont-area .box h2 {font-size: 33px;}
	#mcont02-section .cont-area > a {line-height: 45px;}
}
@media screen and (max-width:700px){
	#mcont02-section{height: 260px;}
	#mcont02-section .cont-area > a {width: 180px; line-height: 45px;}
}
@media screen and (max-width:500px){
	#mcont02-section .cont-area .box {padding-top: 10%; padding-bottom: 20px;}
	#mcont02-section{height: 220px;}
	#mcont02-section .cont-area .box h2 {font-size: 30px;}
	#mcont02-section .cont-area .box h4 {font-size: 13px;}
	#mcont02-section .cont-area > a {width: 150px; line-height: 40px;}
	#mcont02-section .cont-area > a:last-child {margin-left: 10px;}
}
@media screen and (max-width:400px){
	#mcont02-section{height: 200px;}
	#mcont02-section .cont-area .box h2 {font-size: 26px;}
	#mcont02-section .cont-area .box h4 {font-size: 12px;}
	#mcont02-section .cont-area > a {width: 130px; line-height: 40px; font-size:13px;}
}