/***** 메인페이지 공통 *****/
* {
    margin: 0;
    padding: 0;
    text-decoration: none;
    list-style: none;
    outline: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-family: 'Montserrat', 'NotoSansKR', sans-serif;
    line-height:1;
}

html,
body
{
	position:relative;
    width: 100%;
    height: 100%;
    min-width: 1400px;
}

/***** Header *****/
header {
  position: absolute;
  left: 0;
  top: 0;
}

#wrap{
	line-height:normal;
}

section.section{
	min-width:1700px;
}
section.section div.content {
    position: relative;
    width: 100%;
    min-width: 1400px;
    margin: 0 auto;
    padding: 0 100px;
    overflow: hidden;
}

section.section div.content p.contentTitle {
    position: relative;
    left: -20%;
    opacity: 0;
    font-family: 'Pretendard', sans-serif;
    font-weight: 600;
    font-size: 54px;
    margin-bottom: 37px;
    letter-spacing: normal;
}

section.section div.content p.contentTitle span.acent {
    color: #aa7944;
}

section.section div.content p.contentDescription {
    position: relative;
    top: 100px;
    opacity: 0;
    font-size: 20px;
    margin-bottom: 51px;
}

section.section.action div.content {
    position: relative;
    width: 100%;
    min-width: 1400px;
    margin: 0 auto;
    padding: 0 100px 0 170px;
}

section.section.action div.content p.contentTitle {
    left: 0;
    opacity: 1;
    -webkit-transition: 2s;
    transition: 2s;
}

section.section.action div.content p.contentTitle span.acent {
    color: #aa7944;
    font-weight: 700;
}

section.section.action div.content p.contentDescription {
    top: 0;
    opacity: 1;
    -webkit-transition: 2s;
    transition: 2s;
}

section.section:nth-child(1) div.content {
    padding: 0;
}

section.section:nth-child(2) div.content {
    padding: 100px 0px 0px 270px;
}

section.section:nth-child(3) div.content {
    padding: 50px 0 0 270px;
}

/***** 메인 슬라이드 *****/
.section#section1 .bx-wrapper {
    position: relative;
    height: 100vh;
    min-width: 1700px;
}

.section#section1 .bx-wrapper .bx-viewport {
    height: 100% !important;
}

.section#section1 #mainSlider {
    position: relative;
    height: 100%;
}

.section#section1 #mainSlider .slider {
    position: relative;
    height: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100% !important;
}

.section#section1 #mainSlider .slider > a{
    display: block;
    width:100%;
    height:100%;
}

.section#section1 #mainSlider .slider .sliderContent {
    padding: 280px 0px 0px 239px;
    font-size: 0;
    width: calc(100% - 119px);
    margin: 0 0 0 auto;
    min-width:1700px;
}

.section#section1 #mainSlider .slider .sliderContent .titleTxt .overflow {
    overflow: hidden;
    height: 75px;
}

.section#section1 #mainSlider .slider .sliderContent .titleTxt .overflow h2 {
    line-height: 1.1;
    position: relative;
    top: 100%;
    -webkit-transition: .5s;
    transition: .5s;
    font-weight: normal;
    font-family: 'NotoSansKR-Bold', sans-serif;
    font-size: 60px;
    color: #fff;
}

.section#section1 #mainSlider .slider .sliderContent .subTxt {
    padding: 50px 0 0;
}

.section#section1 #mainSlider .slider .sliderContent .subTxt .overflow {
    overflow: hidden;
    width: 0;
    height: 32px;
    margin: 0;
    -webkit-transition: 1s;
    transition: 1s;
}

.section#section1 #mainSlider .slider .sliderContent .subTxt .overflow p {
    color: #fff;
    font-size: 24px;
    font-family: 'NotoSansKR-Medium', sans-serif;
    white-space:nowrap;
}

.section#section1 #mainSlider .slider.action .sliderContent .titleTxt .overflow h2 {
    top: 0;
    -webkit-transition: 2s;
    transition: 2s;
}

.section#section1 #mainSlider .slider.action .sliderContent .subTxt .overflow {
    width: 100%;
    -webkit-transition: 6s;
    transition: 6s;
}

.section#section1 .bx-controls {
    position: relative;
    display: flex;
    align-items: center;
    padding: 0 0px 0px 0;
    font-size: 0;
    width: calc(100% - 520px);
    margin: 0 auto;
    min-width: 1400px;
    bottom: 100px;
    height: 20px;
}

.section#section1 .bx-controls-direction {
    position: absolute;
    right: 100px;
    display: inline-block;
}

.section#section1 .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
    position: absolute;
    left: 100px;
}

.section#section1 bx-controls-auto{
	display:none;
}

.section#section2 div.content {
    padding: 220px 0 0;
    width: calc(100% - 520px);
    min-width: 1400px;
    min-height:100vh;
}

.section#section2 div.content>.contentTitle{
    padding-left: 100px;
    margin-bottom: 49px;
    line-height: 1.3;
}

.section#section2 div.content>p {
    margin-bottom: 76px;
}

.section#section2 .categoryWrap {
    display: flex;
    width: 100%;
    justify-content: space-between;
}

.section#section2 .category {
    position: relative;
    padding: 52px 10px 60px 42px;
    width: calc((100% - 50px) / 3);
    margin: 0;
    height: 500px;
    transition: .5s;
    top: 0;
    background-position: center;
}

.section#section2 .category::after {
    content: '';
    position: absolute;
    width: 50px;
    height: 25px;
    background-image: url(../images/main/arrow-white.png);
    background-repeat: no-repeat;
    bottom: 35px;
    right: 40px;
}

.section#section2 .category:hover::after {
    background-image: url(../images/main/arrow_2.png);
}

.section#section2 .category:nth-child(1) {
    background-image: url(../images/main/solution_2.png);
}

.section#section2 .category:nth-child(2) {
    background-image: url(../images/main/sap_2.png);
}

.section#section2 .category:nth-child(3) {
    background-image: url(../images/main/cloud_2.png);
}

.section#section2 .category:nth-child(1):hover {
    background-image: url(../images/main/solution_light_2.png);
}

.section#section2 .category:nth-child(2):hover {
    background-image: url(../images/main/sap_light_2.png);
}

.section#section2 .category:nth-child(3):hover {
    background-image: url(../images/main/cloud_light_2.png);
}

.section#section2 .category:hover {
    top: -10px;
    background-image: url(../images/main/solution-light_2.png);
    transition: .5s;
}

/*.category ul li {
    height: 33px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}*/

.section#section2 .category:hover ul li a {
    color: #aa7944;
    height: 33px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.section#section2 .category h2 {
	font-size: 52.5px;
    overflow: hidden;
    font-weight: 700;
    font-family: 'Pretendard', sans-serif;
    padding-bottom: 20px;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.section#section2 .category p {
    font-size: 17.5px;
    font-weight: 600;
    padding-bottom: 35px;
    font-family: 'Pretendard', sans-serif;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}


.section#section2 .category ul li a {
	display:block;
    font-size: 17.5px;
    font-weight: 600;
    line-height: 35px;
    font-family: 'Pretendard', sans-serif;
    color:#fff;
    height: 33px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

/** 레퍼런스 **/
.section#section3 {
    background-color: #f6f1ec;
}

.section#section3 div.content {
    padding: 220px 0 0;
    width: calc(100% - 520px);
    min-width: 1400px;
    overflow: initial;
    min-height:100vh;
}

.section#section3 div.content>.contentTitle{
    padding-left: 100px;
    margin-bottom: 49px;
    line-height: 1.3;
}
 
.section#section3 .referenceWrap {
    display: flex;
    flex-wrap: wrap;
    gap: 33px;
    margin-bottom:30px;
}

.section#section3 .referenceWrap .reference {
    position: relative;
    padding: 120px 0 58px 46px;
    width: calc((100% - 66px) / 3);
    height: 283px;
    background-color: #fff;
    margin: 0;
    transition: .5s;
}

.section#section3 .referenceWrap .reference::after {
    content: '';
    position: absolute;
    width: 50px;
    height: 25px;
    background-image: url(../images/main/arrow_2.png);
    background-repeat: no-repeat;
    bottom: 35px;
    right: 40px;
}

.section#section3 .referenceWrap .reference:hover::after {
    background-image: url(../images/main/arrow-white.png);
}

.section#section3 .referenceWrap .reference:hover {
    top: -10px;
    background-color: #aa7944;
}

.section#section3 .referenceWrap .reference:hover span {
    color: #aa7944;
    background-color: #fff;
}

.section#section3 .reference span {
    position: absolute;
    top: 20px;
    left: -10px;
    display: inline-block;
    min-width: 120px;
    padding: 13px 28px;
    background-color: #aa7944;
    color: #fff;
    font-weight: 700;
    letter-spacing:.5px;

}

.section#section3 .reference:hover p,
.section#section3 .reference:hover h2 {
    color: #fff;
}

.section#section3 .reference h2 {
    font-size: 40.5px;
    font-weight: 700;
    font-family: 'Pretendard', sans-serif;
    padding-bottom: 25px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    padding-right: 35px;
}

.section#section3 .reference p {
    font-size: 17.5px;
    font-weight: 500;
    line-height: 29px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space:nowrap;
    padding-right: 100px;
}

.section#section3 .reference > p:nth-child(3) {
    padding-right: 35px;
}

.section#section3 .referenceInfoWrap{
	padding:30px 0;
	background-color:#fff;
}

.section#section3 .referenceInfoWrap ul{
	display:flex;
}

.section#section3 .referenceInfoWrap li{
	position:relative;
	padding:20px 46px;
	width:calc(100% / 3);
}

.section#section3 .referenceInfoWrap li::after{
	content:'';
	width:1px;
	height:100%;
	position:absolute;
	right:0;
	top:0;
	background-color:#aa7944;
}

.section#section3 .referenceInfoWrap li:last-child::after{
	display:none;
}

.section#section3 .referenceInfoWrap li h2{
	font-family: 'Pretendard', sans-serif;
	font-weight:bold;
	font-size:46.5px;
	color:#aa7944;
	margin-bottom:25px;
}

.section#section3 .referenceInfoWrap li p{
	font-family: 'Pretendard', sans-serif;
	font-weight:500;
	font-size:23px;
	color:#aa7944;
}



/***** 채용정보 *****/
.section#section4 {
    background-image: url(../images/main/careersBg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}

.section#section4 .fp-overflow{
	height:100vh;
}

.section#section4 .content{
	padding: 220px 0px 0px 139px;
    font-size: 0;
    width: calc(100% - 119px);
    margin: 0 0 0 auto;
    min-width: 1700px;
}

.section#section4 .content .contentTitle{
    margin-bottom:22px;
}

.section#section4 .careersWrap {
    position: relative;
    width: 615px;
    display: inline-block;
    vertical-align: top;
}

.section#section4 .careersWrap p.contentDescription{
    margin-bottom:59px;
    line-height:33px;
    letter-spacing:-1px;
}

.section#section4 .careersWrap .careersList {
    position: relative;
    display: inline-block;
    vertical-align: top;
    top: 100px;
    opacity: 0;
    width: 274px;
}

.section#section4 .careersWrap .careersList li {
    border-bottom: 1px solid #000;
}

.section#section4 .careersWrap .careersList li a {
    font-weight: bold;
    font-size: 22px;
    color: #000;
    line-height: 60px;
}

.section#section4 .noticeWrap {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: calc(100% - 615px);
    right: -800px;
    opacity: 0;
}

.section#section4 .noticeWrap .titleWrap {
    max-width: 785px;
    padding-left: 85px;
    margin: 0 auto 0 0;
}

.section#section4 .noticeWrap .titleWrap .titleWrapBg {
    padding: 51px 63px 46px;
    background-color: #aa7944;
    max-width:700px;
}

.section#section4 .noticeWrap .titleWrap .titleWrapBg h2 {
    color: #fff;
    font-size: 54px;
    margin-bottom: 29px;
    letter-spacing:-2px;
}

.section#section4 .noticeWrap .titleWrap .titleWrapBg p {
    color: #fff;
    font-size: 20px;
    letter-spacting:.2px;
}

.section#section4 .noticeWrap .noticeList {
    padding: 63px 85px 67px;
    background-color: #fff;
    width: 100%;
    margin: 0 0;
}

.section#section4 .noticeWrap .noticeList li {
    margin-bottom: 19px;
    line-height:.8px;
}

.section#section4 .noticeWrap .noticeList li:last-child{
	margin-bottom:0;
}

.section#section4 .noticeWrap .noticeList li a {
    display: inline-block;
    font-size: 22px;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #000;
    font-family:'NotoSansKR-Medium';
    letter-spacing:-0.7px;
}

.section#section4 .noticeWrap .noticeList li a span {
    padding: 8.5px 0;
    width: 100px;
    text-align: center;
    display: inline-block;
    margin-right: 20px;
    border: 1px solid #aa7944;
    color: #aa7944;
    font-size: 18px;
    border-radius: 30px;
    letter-spacing:0;
}

.section#section4.action .careersWrap .careersList {
    top: 0;
    opacity: 1;
    -webkit-transition: 2s;
    transition: 2s;
}

.section#section4.action .careersWrap .careersList li {
    border-bottom: 1px solid #000;
}

.section#section4.action .careersWrap .careersList li a {
    font-weight: bold;
    font-size: 24px;
    color: #000;
    line-height: 60px;
}

.section#section4.action .noticeWrap {
    right: 0px;
    opacity: 1;
    -webkit-transition: 2s;
    transition: 2s;
}

.section#section5{
    min-height: auto !important;
}

.section#section5 footer{
	height:249px;
}

.section#section5 .fp-overflow {
    overflow: inherit;
}

#wrap > footer{ display: none;}

.footerBanner{display:none;}


@media screen and (max-width: 1550px) {
    section.section {
	    min-width: 1400px;
	}
	
	.section#section1 .bx-wrapper {
	    position: relative;
	    height: 100vh;
	    min-width: 1200px;
	}
	
	.section#section1 #mainSlider .slider .sliderContent {
	    padding: 280px 0px 0px 100px;
	    font-size: 0;
	    width: calc(100% - 300px);
	    margin: 0 auto;
	    min-width: 1200px;
	}
	
	.section#section1 .bx-controls {
	    position: relative;
	    display: flex;
	    align-items: center;
	    padding: 0 0px 0px 0;
	    font-size: 0;
	    width: calc(100% - 300px);
	    margin: 0 auto 0 50px;
	    min-width: 1200px;
	    bottom: 100px;
	    height: 20px;
	}
	
	.section#section2 div.content {
	    padding: 220px 0 0;
	    width: calc(100% - 300px);
	    min-width: 1200px;
	    margin: 0 auto;
	}
	
	.section#section3 div.content {
	    padding: 220px 0 0;
	    width: calc(100% - 300px);
	    min-width: 1200px;
	    margin: 0 auto;
	}
	
	.section#section4 .content {
	    padding: 280px 0px 0px 0;
	    font-size: 0;
	    width: calc(100% - 150px);
	    min-width:1200px;
	    margin: 0 0 0 auto;
	}
}