/* BASIC css start */
.AboutUs {padding: 0 0px;}
.AboutWrap {width: 100%; }
.desc_subTit {font-size: 14px; font-weight: 300; color: #A67F51; margin-bottom: 12px; }
.desc_mainTit {font-size: 24px; margin-bottom: 25px; }
.kakaoBtn {z-index:999 !important;}
.btn_up {z-index:999 !important;}

/* brand */
#brand .brand_area {margin: 80px 15px 140px;}
#brand .brand_area .brand_img {box-sizing: border-box; padding-left: 12px;}
#brand .brand_area .brand_img .brand_img_area {width: 100%; height: 220px; background-color: #F8F6F3; box-shadow: -12px -12px #CAB9A7; text-align: center;}
#brand .brand_area .brand_img .brand_img_area img {width: 164px; margin-top: 96px; }

#brand .brand_area .brand_desc {margin-top: 40px;}
#brand .brand_area .brand_desc .desc_tit {font-size: 20px; color: #222; margin-bottom: 10px; font-family: 'Roboto'; }
#brand .brand_area .brand_desc .desc_tit .dark_B { color: #A78051; }
#brand .brand_area .brand_desc .desc_tit .light_B { color:#C39B64; }
#brand .brand_area .brand_desc .desc_txt {font-size: 14px; font-weight: 300; line-height: 1.7; margin-bottom: 30px; word-break: keep-all;}
#brand .brand_area .brand_desc div img {width: 100%;}

/* about */
#about { text-align: right; overflow: hidden;}
#about p {font-size:40px; overflow: hidden; color:#F9F4EE; padding: 10px; transform: translateX(50%); transition: all ease 2.3s 0s; position: absolute; margin-top: -50px; white-space: nowrap;}

/* value */
#value {width: 100vw; margin-left: calc(-50vw + 50%); background-color: #FBFAF9; padding: 70px 0;}
#value .valueWrap {padding: 0 15px; margin: 0 auto;}
#value .valueWrap .value_content .logo_area p {font-size: 14px; line-height: 1.7; word-break: keep-all;}
#value .valueWrap .value_content .logo_area .logo_img {display:flex; justify-content:space-between; text-align:center; margin: 40px 0; width:100%; }
#value .valueWrap .value_content .logo_area .logo_img > div {width:29%; text-align:center;}
#value .valueWrap .value_content .logo_area .logo_img p {font-size: 14px; font-weight: 300; color: #999;}
#value .valueWrap .value_content .logo_area .logo_img img {width:100%; margin-bottom: 10px;}

#value .valueWrap .value_content .color_area .color_img {margin-top: 28px; }
#value .valueWrap .value_content .color_area .color_img p {font-size: 14px; font-weight: 600; color: #222; line-height: 1.7;}
#value .valueWrap .value_content .color_area .color_img .color_desc2 {font-size: 15px; line-height: 1.7; font-weight: 300 !important;}
#value .valueWrap .value_content .color_area .color_img img {margin-bottom: 15px;}
#value .valueWrap .value_content .color_area .color_img > div {display:flex;}
#value .valueWrap .value_content .color_area .color_img .color_desc {margin-left:25px; padding-top: 13px;}
#value .valueWrap .value_content .color_area .color_img > div:nth-child(3) .color_desc {margin-left:25px; padding-top: 1px;}
#value .valueWrap .value_content .color_area .top_brder {width: 21px; height: 2px; background-color: #A7804F; margin-bottom: 15px;}
#value .valueWrap .value_content .color_area .area_title {font-size: 16px; font-weight: 600;}

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

/* service */
#service {width: 100%; background-color: #fff; padding: 70px 15px 25px; box-sizing: border-box;}
#service .serviceWrap {padding: 0 0px; margin: 0 auto;}
#service .serviceWrap .service_content .logo_area p {font-size: 14px; line-height: 1.7; word-break: keep-all;}
#service .serviceWrap .service_content .logo_area {margin-bottom: 30px;}
#service .serviceWrap .service_content .step_area {margin-top: 25px;}
#service .serviceWrap .service_content .step_area .title {display:flex;}
#service .serviceWrap .service_content .step_area .sub_title {font-size: 11px; font-weight: 600; color: #999; line-height: 2.5;}
#service .serviceWrap .service_content .step_area .desc {margin-top: 6px; line-height: 1.7;}
#service .serviceWrap .service_content .main_title {font-size: 18px; font-weight: 700; color: #000; line-height: 2; margin-right: 15px;}
#service .serviceWrap .service_content .main_title_thin {font-size: 16px; font-weight: 300; color: #000; line-height: 2;}


/* partner */
#partner {width: 100%; background-color: #fff; padding: 70px 15px 70px; box-sizing: border-box;}
#partner .partnerWrap {padding: 0 0px; margin: 0 auto;}
#partner .partnerWrap .partner_content .logo_area p {font-size: 14px; line-height: 1.7; word-break: keep-all;}
#partner .partnerWrap .partner_content .logo_area {margin-bottom: 40px;}
#partner .partnerWrap .partner_content .partner_list {margin-bottom: 15px; overflow:hidden;}
#partner .partnerWrap .partner_content .partner_list a {margin-left: 15px; width:140px;}
#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: 140px; font-size: 12px; font-weight:600; text-align: center; padding: 18px 0; }

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


#team {width: 100%; background-color: #777; padding: 70px 15px 70px; box-sizing: border-box;}
#team .desc_subTit {font-size: 14px; font-weight: 300; color: #F1E3D2; margin-bottom: 12px; }
#team .desc_mainTit {font-size: 24px; color: #fff; margin-bottom: 25px; }
#team .desc_txt {font-size: 14px; line-height: 1.7; word-break: keep-all; color: #fff;}
#team .teamWrap { margin: 0 auto;}
#team .teamWrap .team_title {margin-bottom: 40px;}
#team .teamWrap .team_content {display:flex; justify-content: space-between;}
#team .teamWrap > div:nth-child(2) {margin-bottom:12px;}
#team .teamWrap .team_content .team_list {width: 50%; border: 1px solid #fff; margin-left: 12px; text-align: center; color: #fff; padding: 40px 13px; box-sizing: border-box; }
#team .teamWrap .team_content .team_list .list_title {font-size: 16px; font-weight:600;}
#team .teamWrap .team_content .team_list .list_desc {font-size: 12px; font-weight:300; line-height: 1.7; word-break: keep-all;}
#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: 24px; height:2px; background-color:#F1E3D2; margin: 20px auto;}

#portfolio {width: 100%; background-color: #fff; padding: 70px 15px 70px; box-sizing: border-box;}
#portfolio .portfolioWrap {margin: 0 auto;}
#portfolio .allBtn {padding-top: 5px; margin-bottom: 40px;}
#portfolio .allBtn a {color:#555; font-size:14px; font-weight:600;}
#portfolio .allBtn i {vertical-align: inherit;}
/*
#portfolio .portfolioWrap .portfolio_content {display:flex;}
#portfolio .portfolioWrap .portfolio_content .tb-center:nth-child(1) {margin-right:15px;}
#portfolio .portfolioWrap .portfolio_content .tb-center .info .thumb {width:100%; box-shadow: 1px 2px 4px 3px rgb(0 0 0 / 6%);}
#portfolio .portfolioWrap .portfolio_content .tb-center .info .thumb img {width:100%;}
#portfolio .portfolioWrap .portfolio_content .tb-center .info .dsc {display:none;}
#portfolio .portfolioWrap .portfolio_content .tb-center .info .price {display:none;}
#portfolio .portfolioWrap .portfolio_content .tb-center .info .closeup {display:none;}
*/
/* 포트폴리오 */
#portfolio img {width:100%;}
#portfolio .portfoiloWrap {background:#E8DFD4; padding: 70px 15px 50px; position: relative;}
#portfolio .portfolio_content {position: relative;}
#portfolio .item-cont2 .item-list .thumb img {width:100%;}
#portfolio .item-cont2 .item-list .thumb .prd-preview {display:none;}
#portfolio .item-cont2 .item-list .prd-name {font-size: 16px !importnat; font-weight: bold; margin: 20px 0 10px;}
#portfolio .item-cont2 .item-list .prd-name .MK-product-icons {display:none;}
#portfolio .item-cont2 .item-list .prd-subname {display:none;}
#portfolio .item-cont2 .item-list .prd-subject {margin-top:10px; font-size: 14px;}
#portfolio .item-cont2 .item-list .prd-price {display:none;}
#portfolio .swiper-pagination {position: absolute; bottom: -25px !important; z-index: 10;}
#portfolio .swiper-pagination.swiper-pagination-progressbar { bottom: 142px; top: unset; margin:0 !important; position: absolute; z-index: 1; width: 100% !important; height: 2px; background: rgba(0,0,0,0.25);}
#portfolio .swiper-pagination.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {background: rgba(78,75,75,1);}

/* BASIC css end */