#mainContents .item-stitle{display:block;font-size:18px;font-weight:700;color:#000;}
#mainContents .item-stitle:after{content:'';display:inline-block;vertical-align:6px;width:70px;height:2px;margin-left:20px;background-color:#ffd51a;}
#mainContents .item-title{display:block;margin-top:25px;line-height: 140%;font-size:30px;font-weight:900;color:#000;}
#mainContents .item-text{margin-top:25px;font-size:15px;font-weight:500;line-height:150%;}
@media (max-width:1000px) {
#mainContents .item-stitle{font-size:16px;}
#mainContents .item-title{font-size:24px;}
}
@media (max-width:767px) {
#mainContents p.item-text br{display:none;}
}


#subContents{overflow:hidden;padding:0 20px;}

/* about us */
.aboutus{position:relative} 
.aboutus .about-wrap{position:relative;padding:150px 0;max-width:1170px;margin:0 auto;}
.aboutus .about-img{position:absolute;top:55%;right:0;-ms-transform:translateY(-50%);transform:translateY(-50%);}
.aboutus .about-list{}
.aboutus .about-list .list-item{margin-top:80px;}
.aboutus .about-list .list-item:first-child{margin-top:0;}
@media (max-width:1210px) {
.aboutus .about{margin:0 20px}
}
@media (max-width:1000px) {
.aboutus .about-wrap{padding:10% 0;}
.aboutus .about-img{position:static;margin-bottom:40px;text-align:center;-ms-transform:none;transform:none;}
.aboutus .about-img img{width:500px;}
.aboutus .about-list{max-width:400px;margin:0 auto;}
}

.ourteam{position:relative;background-color:#f4f4fa;}
.ourteam .team-wrap{padding:70px 0;max-width:1170px;margin:0 auto;}
.ourteam .team-wrap:after{content:'';display:block;clear:both;}
.ourteam .team-title{float:left;width:300px;}
.ourteam .team-photo{overflow:hidden;}
.ourteam .team-photo .photo-item{display:block;float:left;width:31.25%;margin-left:3.125%;text-align:center;}
.ourteam .team-photo .photo-item:first-child{margin-left:0;}
.ourteam .team-photo .photo-item .item-img img{max-width:none;width:100%;}
.ourteam .team-photo .photo-item .item-text{}
.ourteam .team-photo .photo-item .item-text strong{display:block;font-size:18px;font-weight:700;color:#000;}
.ourteam .team-photo .photo-item .item-text strong i{font-weight:700;font-size:15px;color:inherit;}
.ourteam .team-photo .photo-item .item-text span{display:block;margin-top:15px;font-size:15px;}
@media (max-width:1210px) {
.ourteam .team-wrap{margin:0 20px;}
}
@media (max-width:1000px) {
.ourteam .team-wrap{padding:10% 0;}
.ourteam .team-title{float:none;width:auto;margin-bottom:30px;text-align:center;}
.ourteam .team-title .item-title br{display:none;}
}
@media (max-width:767px) {
.ourteam .team-photo .photo-item{float:none;width:100%;max-width:400px;margin:30px auto 0;}
.ourteam .team-photo .photo-item:first-child{margin:auto;}
.ourteam .team-photo .photo-item .item-text strong{font-size:16px;}
.ourteam .team-photo .photo-item .item-text span{font-size:14px;}
}


/* how we work */
.howwework-scene{position:relative;height:850px;background:no-repeat 50%  0;background-size:auto 100%;}
.howwework-scene:after{content:'';position:absolute;bottom:-25px;left:50%;width:2px;height:50px;margin-left:-1px;background-color:#ffd51a;}
.howwework-scene .scene-box{position:absolute;top:50%;left:50%;width:500px;padding:100px 65px;-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);background-color:#fff;box-shadow:0 0 10px 0 rgba(0, 0, 0, 0.5) }
.howwework-scene .scene-box .box-title{font-weight:900;font-size:30px;color:#000;}
.howwework-scene .scene-box .box-list{margin-top:45px;}
.howwework-scene .scene-box .box-list li{position:relative;line-height:150%;padding-left:30px;margin-top:10px;font-weight:500;font-size:18px;color:#000;}
.howwework-scene .scene-box .box-list li:before{content:'';position:absolute;top:13px;left:0;width:15px;height:2px;background-color:#ffd51a}

.howwework-scene.scene-1{z-index:40;background-image:url(../images/contents/howwework-scene-1.png)}

.howwework-scene.scene-2{z-index:30;background-color:#000;background-image:url(../images/contents/howwework-scene-2.png)}
.howwework-scene.scene-2 .scene-box{background-color:#212121}
.howwework-scene.scene-2 .scene-box .box-title{color:#ffd51a;}
.howwework-scene.scene-2 .scene-box .box-list li{color:#fff;}

.howwework-scene.scene-3{z-index:20;background-image:url(../images/contents/howwework-scene-3.png)}
.howwework-scene.scene-3:after{display:none;}
@media (max-width:767px) {

.howwework-scene{height:640px;}
.howwework-scene .scene-box{width:320px;padding:40px 30px;}
.howwework-scene .scene-box .box-title{font-size:20px}
.howwework-scene .scene-box .box-list{margin-top:35px;}
.howwework-scene .scene-box .box-list li{font-size:15px;}
}


/* solutions */
.solutions{max-width:1170px;padding:100px 0 70px;margin:0 auto;}
.solutions:after{content:'';display:block;clear:both;}
.solutions .solutions-img{margin:0 auto 50px auto;width:60%;text-align:center;}
.solutions .solutions-img:after{content:'';display:block;clear:both;}
.solutions .solutions-img img{float:left;width:50%;border:1px solid #050811;}
.solutions .solutions-img img:last-child{margin-left:-1px;}
.solutions .solutions-list{float:left;width:60%;padding-right:8%;border-right:1px solid #ddd;}
.solutions .solutions-list ul{}
.solutions .solutions-list ul li{position:relative;padding-left:90px;margin-top:50px;}
.solutions .solutions-list ul li:first-child{margin-top:0;}
.solutions .solutions-list .number{position:absolute;top:-18px;left:0;font-family: 'Montserrat', sans-serif;font-weight:900;font-size:50px;color:#ffd51a;}
.solutions .solutions-list .number img{display:block;margin-left:20px;}
.solutions .solutions-list .title{line-height:150%;display:block;font-weight:700;font-size:20px;color:#000;}
.solutions .solutions-list .text{line-height:150%;font-size:16px;color:#000;}
.solutions .solutions-menu{overflow:hidden;padding-left:8%;}
.solutions .solutions-menu .menu-list{}
.solutions .solutions-menu .menu-list li{position:relative;line-height:150%;margin-top:15px;padding-left:30px;font-weight:500;font-size:18px;color:#000;}
.solutions .solutions-menu .menu-list li:before{content:'';position:absolute;top:13px;left:0;width:15px;height:2px;background-color:#ffd51a}
.solutions .solutions-menu .menu-list li:first-child{margin-top:0;}
@media (max-width:1000px) {
.solutions{padding:70px 0 50px}
}
@media (max-width:767px) {
.solutions{padding:50px 0;}
.solutions .solutions-list, .solutions .solutions-menu{float:none;width:auto;padding:0;border-width:0;}

.solutions .solutions-menu{padding-top:40px;margin-top:50px;border-top:1px solid #ddd;}
}


/*our works*/
.ourworks{max-width:1170px;padding:100px 0 70px;margin:0 auto}
.ourworks .works-category{margin-bottom:50px;}
.ourworks .works-category .category-title{display:none;}
.ourworks .works-category .category-list:after{content:'';display:block;clear:both;} 
.ourworks .works-category .category-list li{float:left;margin-left:100px;}
.ourworks .works-category .category-list li:first-child{margin-left:0;}
.ourworks .works-category .category-list li button{font-size:15px;color:#000;}
.ourworks .works-category .category-list li button.ov{font-weight:700;}
.ourworks .works-category .category-list li button.ov:before{content:'';display:inline-block;width:30px;height:2px;margin-right:20px;vertical-align:5px;background-color:#ffd51a}

.ourworks .works-list{}
.ourworks .works-list:after{content:'';display:block;clear:both;}
.ourworks .works-list .list-item{position:relative;display:block;float:left;width:31.6%;margin:0 0 40px 2.5%;}
.ourworks .works-list .list-item:nth-child(3n+1){margin-left:0;}
.ourworks .works-list .list-item .item-img{position:relative;padding-top:93%;overflow:hidden;box-shadow:5px 5px 10px 0 rgba(0, 0, 0, 0.3);}
.ourworks .works-list .list-item .item-img img{max-width:none;width:100%;position:absolute;top:0;left:50%;-ms-transform:translateX(-50%) scale(1, 1);transform:translateX(-50%) scale(1, 1);}
.ourworks .works-list .list-item .item-img .img-overay{position:absolute;bottom:0;left:0;width:100%;padding:20px;background-color:rgba(0, 0, 0, 0.75);}
.ourworks .works-list .list-item .item-img .img-overay .category{font-weight:700;font-size:14px;color:#ffd51a;}
.ourworks .works-list .list-item .item-img .img-overay .date{float:right;color:#fff;}

.ourworks .works-list .list-item .item-pt{padding-top:20px;text-align:center;}
.ourworks .works-list .list-item .item-pt .pt-title{display:block;line-height:25px;font-weight:700;font-size:20px;color:#000;}
.ourworks .works-list .list-item .item-pt .pt-title span{color:#000;font-weight:700;letter-spacing:-1px;}
.ourworks .works-list .list-item .item-pt .pt-task{display:block;margin-top:10px;}
.ourworks .works-list .list-item .item-pt .pt-url{display:none;margin-top:10px;}


@media (max-width:1000px) {
.ourworks{padding:70px 0 50px;}
.ourworks .works-category{margin-bottom:30px;}
.ourworks .works-list .list-item{width:48.75%;}
.ourworks .works-list .list-item:nth-child(3n+1){margin-left:2.5%;}
.ourworks .works-list .list-item:nth-child(2n+1){margin-left:0;}
.ourworks .works-list .list-item .item-img{height:310px;padding-top:0;}
.ourworks .works-list .list-item .item-img img{transition:none;}
}

@media (max-width:767px) {
.ourworks{padding:50px 0;}
.ourworks .works-category{margin-bottom:20px;}
.ourworks .works-category .category-title{display:block;width:100%;height:50px;text-align:left;font-weight:700;font-size:18px;background:url(../images/contents/works-category-arr.png) no-repeat 100% 50%;color:#000;}
.ourworks .works-category .category-title:before{content:'';display:inline-block;vertical-align:5px;width:30px;height:2px;margin-right:20px;background-color:#ffd51a;}
.ourworks .works-category .category-wrap{display:none}
.ourworks .works-category .category-list{border-top:1px solid #ddd;}
.ourworks .works-category .category-list li{float:none;margin-left:0;}
.ourworks .works-category .category-list li button{width:100%;padding:10px 20px;text-align:left;}
.ourworks .works-category .category-list li button.ov:before{display:none;}

.ourworks .works-list .list-item,
.ourworks .works-list .list-item:nth-child(3n+1){width:100%;margin-left:0;}

}


.contacts{max-width:1170px;padding:100px 0 70px;margin:0 auto;}
.contacts .contacts-map{position:relative;overflow:hidden;padding-top:50%;background-color:#000;}

.contacts .contacts-info{margin-top:50px;}
.contacts .contacts-info:after{content:'';display:block;clear:both;}
.contacts .contacts-info .info-title{display:block;margin-bottom:20px;font-weight:700;font-size:30px;color:#000;}

.contacts .contacts-info .info-address{float:left;width:50%;height:200px;border-right:1px solid #ddd;}
.contacts .contacts-info .info-address .info-text{line-height:150%;font-size:18px;color:#000;}

.contacts .contacts-info .info-contact{overflow:hidden;padding-left:5%;}
.contacts .contacts-info .info-contact .info-button{display:none;margin-bottom:15px;}
.contacts .contacts-info .info-contact .info-button:after{content:"";display:block;clear:both;visibility:hidden;}
.contacts .contacts-info .info-contact .info-button a{display:block;float:left;margin-right:10px;padding:20px 40px;max-width:320px;width:auto;text-align:center;border:2px solid #ffd51a;background-color:#ffd51a;}
.contacts .contacts-info .info-contact .info-button a span{display:block;font-size:18px;color:#000;}
.contacts .contacts-info .info-contact .info-button a span img{width:30px;margin-right:10px;vertical-align:-9px}
.contacts .contacts-info .info-contact .chat-img{height:74px;}
.contacts .contacts-info .info-contact .info-text{line-height:150%;font-size:18px;color:#000;}
@media (max-width:1000px) {
.contacts{padding:70px 0 50px;}
.contacts .contacts-map{height:400px;padding-top:0;}
.contacts .contacts-info .info-title{font-size:25px}
.contacts .contacts-info .info-address{float:none;width:100%;height:auto;border-width:0;}
.contacts .contacts-info .info-address, .contacts .contacts-info .info-contact{padding:40px;border:1px solid #ddd;}
.contacts .contacts-info .info-contact{margin-top:40px;}
}
@media (max-width:767px) {
.contacts{padding:50px 0;}
.contacts .contacts-info .info-title{font-size:24px}
.contacts .contacts-info .info-address .info-text{font-size:15px;}
.contacts .contacts-info .info-address, .contacts .contacts-info .info-contact{padding:20px 0 0 ;margin-top:20px;border-width:1px 0 0;}
.contacts .contacts-info .info-address{padding-top:0;margin-top:0;border-width:0;}
.contacts .contacts-info .info-contact .info-button a{float:none;margin-bottom:20px;}
.contacts .contacts-info .info-contact .info-button a span{font-size:15px;}
.contacts .contacts-info .info-contact .info-button a span img{width:25px;margin-right:5px;vertical-align:-7px}
.contacts .contacts-info .info-contact .info-text{line-height:150%;font-size:18px;color:#000;}
}

/* about us - our team 상세 */
.career{max-width:1170px;margin:0 auto;padding:100px 0 70px;}
.career:after{content:'';display:block;clear:both;}
.career .career-head{float:left;margin-right:50px;}
.career .career-body{overflow:hidden;padding-left:50px;border-left:1px solid #ddd;}
.career .career-body .body-title{display:block;margin-top:25px;line-height: 140%;font-size:30px;font-weight:900;color:#000;}
.career .career-body .body-title small{display:block;font-size:18px;font-weight:700;color:#000;}
.career .career-body .body-title small:after{content:'';display:inline-block;vertical-align:6px;width:70px;height:2px;margin-left:20px;background-color:#ffd51a;}
.career .career-body .career-list{margin-top:30px;}
.career .career-body .career-list li{position:relative;line-height:150%;padding:20px 0 0 210px;margin-top:20px;font-weight:500;font-size:18px;border-top:1px solid #ddd;color:#000;}
.career .career-body .career-list li:first-child{margin-top:0;}
.career .career-body .career-list li .date{position:absolute;top:17px;left:0;padding:10px 20px;background-color:rgba(0, 0, 0, 0.75);color:#fff;}
.career .career-body .career-list li .ncs{position:relative;top:-2px;margin-right:5px;padding:3px 8px;border:1px solid #050811;border-radius:50px;font-size:12px;color:#050811;}

@media (max-width:1000px) {
.career{padding:70px 0 50px;}
.career .career-head{max-width:195px;margin-right:30px;}
.career .career-body{overflow:visible;padding:0;border-width:0;}
.career .career-body .career-list{clear:both;padding-top:30px;}
.career .career-body .body-title{font-size:24px;}
.career .career-body .body-title small{font-size:16px;}
}

@media (max-width:767px) {
.career{padding:50px 0;}
.career .career-head{float:none;max-width:none;margin:0;text-align:center;}
.career .career-body .body-title{text-align:center;}
.career .career-body .body-title small:after{display:block;margin:10px auto 15px;}
.career .career-body .career-list{padding-top:0;}
.career .career-body .career-list li{padding-left:0;font-size:16px;}
.career .career-body .career-list li .date{position:static;display:block;margin-bottom:10px;}
.career .career-body .career-list li .ncs{display:block;width:85px;text-align:center;}
}