/* BASIC css start */
.AboutWrap { margin-top: 100px;}


#brand {width: 100vw; margin: 0 auto;}
#brand {padding: 175px 0 80px;}
#brand .brandWrap {width: 1280px; display:flex; justify-content:space-between; padding: 17px;}
#brand .brandWrap .brand_img {width: 48%;}
#brand .brandWrap .brand_img .brand_img_area {width: 100%; height: 100%;background-color: #F8F6F3; box-shadow: -25px -25px #CAB9A7; text-align: center; position: relative;}
#brand .brandWrap .brand_img .brand_img_area img {width: 45%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}

#brand .brandWrap .brand_desc {width: 44%; margin-top: -10px; padding-bottom: 10px;}
#brand .brandWrap .brand_desc .desc_subTit {font-size: 16px; font-weight: 300; color: #A67F51; margin-bottom: 5px; }
#brand .brandWrap .brand_desc .desc_mainTit {font-size: 36px; margin-bottom: 40px; }
#brand .brandWrap .brand_desc .desc_tit {font-size: 26px; color: #000; margin-bottom: 10px; }
#brand .brandWrap .brand_desc .desc_tit .dark_B { color: #A78051; }
#brand .brandWrap .brand_desc .desc_tit .light_B { color:#C39B64; }
#brand .brandWrap .brand_desc .desc_txt {font-size: 16px; line-height: 1.8; margin-bottom: 35px;}

.about_ons_tit {width: 100vw; margin-left: calc(-50vw + 50%); text-align: right;}
.about_ons_tit p {font-size: 160px; color: #FBFAF9; font-weight:400; margin-right: 33px;}

.desc_subTit {font-size: 16px; font-weight: 300; color: #A67F51; margin-bottom: 8px; }
.desc_mainTit {font-size: 36px; margin-bottom: 40px; }

#value {width: 100vw; margin-left: calc(-50vw + 50%); background-color: #FBFAF9; padding: 150px 0; margin-top: -60px;}
#value .valeWrap {width: 1280px; margin: 0 auto; display:flex;}
#value .valeWrap .value_title {width: 36%;}
#value .valeWrap .value_content {width: 1280px;}
#value .valeWrap .value_content .logo_area p{font-size: 18px; line-height: 1.5;}
#value .valeWrap .value_content .logo_area .logo_img {display:flex; text-align:center; margin: 60px 0; }
#value .valeWrap .value_content .logo_area .logo_img p {font-size: 16px; color: #777;}
#value .valeWrap .value_content .logo_area .logo_img img {margin-bottom: 10px;}
#value .valeWrap .value_content .logo_area .logo_img .logo_img_2 {margin: 0 100px;}

#value .valeWrap .value_content .color_area {}
#value .valeWrap .value_content .color_area .color_img {display:flex; margin-top: 40px; }
#value .valeWrap .value_content .color_area .color_img p {font-size: 16px; font-weight: 600; color: #777; line-height: 1.7;}
#value .valeWrap .value_content .color_area .color_img .color_desc2 {font-size: 15px; line-height: 1.7; font-weight: 400 !important;}
#value .valeWrap .value_content .color_area .color_img img {margin-bottom: 15px;}
#value .valeWrap .value_content .color_area .color_img .color_img_2 {margin: 0 100px;}
#value .valeWrap .value_content .color_area .top_brder {width: 36px; height: 2px; background-color: #A7804F; margin-bottom: 10px;}
#value .valeWrap .value_content .color_area .area_title {font-size: 24px; font-weight: 600;}

#value .valeWrap .value_content .keyword_area {display:none;}
#value .valeWrap .value_content .keyword_area .keyword_img {display:flex; margin-top: 40px;}
#value .valeWrap .value_content .keyword_area .keyword_img img {margin-bottom: 25px;}
#value .valeWrap .value_content .keyword_area .keyword_img .keyword_img_2 {margin: 0 100px;}
#value .valeWrap .value_content .keyword_area .top_brder {width: 36px; height: 2px; background-color: #A7804F; margin-bottom: 10px;}
#value .valeWrap .value_content .keyword_area .area_title {font-size: 24px; font-weight: 600;}

#service {width: 100vw; margin-left: calc(-50vw + 50%);}
#service .serviceWrap {width:1280px; margin: 0 auto; display:flex; padding: 150px 0;}
#service .serviceWrap .service_title {width: 27%;}
#service .serviceWrap .service_content {width: 73%;}
#service .serviceWrap .service_title .desc_txt {font-size: 18px; font-weight: 300; line-height: 3.7; margin-top: -35px; }
#service .serviceWrap .service_content div {margin-top: 80px;}
#service .serviceWrap .service_content div:nth-child(1) {margin-top: 0px;}
#service .serviceWrap .service_content .service_step .step {font-size: 11px; color:#777; line-height: 3;}
#service .serviceWrap .service_content .service_step .step_tit_B {font-size: 22px; font-weight: bold; }
#service .serviceWrap .service_content .service_step .step_tit_L {font-size: 20px; font-weight: 300; }
#service .serviceWrap .service_content .service_step .step_desc {font-size: 16px; color: #000; line-height: 3.4; white-space: nowrap;}


#partner {width: 100vw; margin-left: calc(-50vw + 50%);}
#partner .partnerWrap {width:1280px; margin: 0 auto; display:flex; padding: 50px 0 150px;}
#partner .partnerWrap .partner_title {width: 27%;}
#partner .partnerWrap .partner_content {width: 73%; }
#partner .partnerWrap .partner_title .desc_txt {font-size: 18px; font-weight: 300; line-height: 3.7; margin-top: -35px; }
#partner .partnerWrap .partner_content .partner_list {margin-bottom: 20px; overflow:hidden;}
#partner .partnerWrap .partner_content .partner_list a {margin-left: 20px; width:230px;}
#partner .partnerWrap .partner_content .partner_list a:nth-child(1) {margin-left: 0px;}
#partner .partnerWrap .partner_content .partner_list a .list_item {background-color: #F6F6F6; width: 230px; font-size: 18px; font-weight:600; text-align: center; padding: 24px 0; }

.swiper-container-free-mode > .swiper-wrapper{transition-timing-function : linear !important;}

#team {width: 100vw; margin-left: calc(-50vw + 50%); background-color: #777; padding: 30px 0 150px;}
#team .our_team_tit {width: 100vw; margin-left: calc(-50vw + 50%); text-align: right;}
#team .our_team_tit p {font-size: 160px; color: #fff; font-weight: 400; margin-right: -66px; opacity: 0.1;}
#team .desc_subTit {font-size: 16px; font-weight: 300; color: #F1E3D2; margin-bottom: 8px; }
#team .desc_mainTit {font-size: 36px; margin-bottom: 50px; color:#fff; }
#team .desc_txt {font-size: 18px; font-weight: 300; margin-bottom: 80px; margin-top: -25px; color: #fff;}
#team .teamWrap {width: 1280px; margin: 0 auto;}
#team .teamWrap .team_content {display:flex; justify-content: space-between;}
#team .teamWrap .team_content .team_list {width: 23%; border: 1px solid #fff; margin-left: 40px; text-align: center; color: #fff; padding: 64px 0px; }
#team .teamWrap .team_content .team_list .list_title {font-size: 24px; font-weight:600;}
#team .teamWrap .team_content .team_list .list_desc {font-size: 16px; line-height: 1.7;}
#team .teamWrap .team_content .team_list:nth-child(1) {border: 1px solid #fff; margin-left: 0px; }
#team .teamWrap .team_content .team_list .list_border {width: 39px; height:2px; background-color:#F1E3D2; margin: 40px auto;}



#portfolio {width: 100vw; margin-left: calc(-50vw + 50%); background-color: #fff; padding: 150px 0 200px;}
#portfolio .portfolio_title { display:flex; justify-content:space-between; }
#portfolio .desc_subTit {font-size: 16px; font-weight: 300; color: #A67F51; margin-bottom: 8px; }
#portfolio .desc_mainTit {font-size: 36px; margin-bottom: 50px;}
#portfolio .portfolioWrap {width: 1280px; margin: 0 auto;}
#portfolio .allBtn {padding-top: 37px;}
#portfolio .allBtn a {color:#555; font-size:18px; font-weight:500;}
#portfolio .allBtn i {vertical-align: inherit;}

/* 포트폴리오 */
#portfolio .portfoiloWrap {background:#E8DFD4; padding: 130px 0; position: relative;}
#portfolio .item-wrap .item-cont2 {margin-left:0px !important;}
#portfolio .item-wrap .item-cont2 .item-list .prd-name {font-size:19px; margin-top:20px;}
#portfolio .item-wrap .item-cont2 .item-list .prd-name .MK-product-icons {display:none;}
#portfolio .item-wrap .item-cont2 .item-list .prd-subname {display:none;}
#portfolio .item-wrap .item-cont2 .item-list .prd-subject {margin-top:10px; font-size: 14px;}
#portfolio .item-wrap .item-cont2 .item-list .prd-price {display:none;}
#portfolio .swiper-button-next {background: url(/design/onscorp/Renewal_PC/right_b.png) #fff no-repeat; background-size: 50% auto; background-position: center; background-position: 58% 13px; width: 50px; height: 50px; border-radius: 50%; position: absolute !important; top: 57% !important; right: 50% !important; margin-right: -820px;}
#portfolio .swiper-button-next::after{display: none;}
#portfolio .swiper-button-prev {background: url(/design/onscorp/Renewal_PC/left_b.png) #fff no-repeat; background-size: 50% auto; background-position: center; background-position: 48% 13px; width: 50px; height: 50px; border-radius: 50%; position: absolute !important; top: 57% !important; left: 50% !important; margin-left: -820px;}
#portfolio .swiper-button-prev::after{display: none;}
#portfolio .item-wrap { margin: 0 auto;}
#portfolio .item-wrap .item-cont2 .item-list .prd-preview {display:none !important;}
#portfolio .item-wrap .item-cont2 .item-list .thumb {border:0px !important;}
#portfolio .item-wrap .item-cont2 .item-list .thumb a:hover img {border:0px !important;}


/* 로고 */
.img_effect {position: fixed; right: 8%; bottom: 35%; z-index: -999; opacity: 0.4; width: 13%;}
.img_effect img {width:100%;}

.img_effect.posFix {position: fixed; right: 13%; bottom: 34%; top:unset; opacity: .6;}
.img_effect.posAbs { position: fixed; right: 13%; bottom: 34%; top:unset; opacity: .6;}
/* BASIC css end */