@charset "utf-8";

/*
 * business STYLE
 * Lim Dae Won - Won
 * 2025.05.14
*/

@import url(reset.css);
@import url(common.css);




/************************* BUSINESS ********************************/
.inner { width: 63.7500vw; margin: 0 auto; }
.clearfix::after { content: ""; display: block; clear: both; }
h1, h2, h3, h4, p { margin: 0; }
.business {padding-top: 8.33333333vw;}
/* #uzen_wrapper:has(.business)  */.main .title_txtbox{ width: 65vw ;}
/* .w640 #uzen_wrapper:has(.business) .uzen_title.type2 .title_img {margin-top: -39vw;} */
.business .sub-tit { font-size: 2.5000vw; font-weight: bold; margin-bottom: 2.60416667vw; }
.business .sub-des { line-height: 1.3542vw; margin-bottom: 4.16666667vw; color: #767676; }
/****************************** business-strategy ***************************/
.business-strategy .business-strategy-service{ display: flex; align-items: center; justify-content: center; gap: 1.25vw; padding-bottom: 8.33333333vw;}
.business-strategy .business-strategy-service li{ width: 20%; flex-grow: 1; }
.business-strategy .business-strategy-service li .img-wrap{ width: 2.60416667vw; height:2.60416667vw; margin-bottom: 1.25vw; }
.business-strategy .business-strategy-service li .img-wrap img{ width: 100%; height:100%; }
.business-strategy .business-strategy-service li strong{ display: block; font-size: 1.25vw; line-height: 1.875vw; font-weight: 500; margin-bottom: 1.25vw; }
.business-strategy .business-strategy-service li p{ color: #767676; font-size: 0.83333333vw; line-height: 1.25vw;}
/****************************** business-detail ***************************/
.business-detail .details {padding:8.33333333vw 0;}
.business-detail .details .img-wrap {margin: 0 auto;}
.business-detail .details:nth-child(1) .img-wrap {width: 17.70833333vw;}
.business-detail .details:nth-child(2) .img-wrap {width: 27.1875vw;}
.business-detail .details:nth-child(3) .img-wrap {width: 19.89583333vw;}
.business-detail .details .img-wrap img {width: 100%;}
.business-detail .details:nth-child(2n-1){background-color: #eee;}
.business-detail .details .inner {display: flex; align-items: center; justify-content: center;}
.business-detail .details:nth-child(2n) .inner {flex-direction: row-reverse;}
.business-detail .details .inner > div {width: 50%;}
.business-detail .details h4{ font-size: 2.5vw; line-height: 3.54166667vw; font-weight: 700; margin-bottom: 4.16666667vw;}
/* .business-detail .details .des{ width: 31.25vw;} */
.business-detail .details .des li{ position: relative; font-size: 0.83333333vw; line-height: 1.25vw; color: #767676; padding-left: 0.83333333vw; letter-spacing: -0.2px;}
.business-detail .details .des li::before { position: absolute; left: 0; top: 0; display: block; content: "-"; font-size: inherit;}
.business-detail .details .des li ~ li{ margin-top: 0.83333333vw; }

/**/
/***********MOBILE*************************************************************/
/**/
/* .w640 .uzen_title.type2 .title_img {margin-top: -28vw;} */
.w640 .title_text {letter-spacing: -1px;}
.w640 .inner { width: 89.3333vw; margin: 0 auto;}
.w640 .business { padding-top: 21.33333333vw; }
.w640 #uzen_wrapper:has(.business) .main .title_txtbox{ width: 100% ;}
.w640 .business .sub-tit { font-size: 6.4vw; line-height: 9.6vw; font-weight: 700; margin-bottom: 6.4vw; }
.w640 .business .sub-des { font-size: 3.73333333vw; line-height: 6.4vw; margin-bottom: 13.33333333vw; color: #767676; width:100%; word-break: break-all; font-weight: 300;}
/****************************** business-strategy ***************************/
.w640 .business-strategy .business-strategy-service{ row-gap: 6.4vw; column-gap: 3.2vw; flex-wrap: wrap; align-items: start; padding-bottom: 21.33333333vw;}
.w640 .business-strategy .business-strategy-service li{ width: 40%; flex-grow: 1; }
.w640 .business-strategy .business-strategy-service li .img-wrap{ width: 6.66666667vw; height:7.46666667vw; margin-bottom: 3.2vw; }
.w640 .business-strategy .business-strategy-service li .img-wrap img{ width: 100%; height:100%; }
.w640 .business-strategy .business-strategy-service li strong{ display: block; font-size: 4.26666667vw; line-height: 6.4vw; font-weight: 500; margin-bottom: 3.2vw; }
.w640 .business-strategy .business-strategy-service li p{ color: #767676; font-size: 3.46666667vw; line-height: 5.33333333vw; word-break: keep-all;}

/****************************** business-detail ***************************/
.w640 .business-detail .details {padding:21.33333333vw 0;}
.w640 .business-detail .details .img-wrap {margin: 0 auto 13.33333333vw;}
.w640 .business-detail .details:nth-child(1) .img-wrap {width: 58.66666667vw;}
.w640 .business-detail .details:nth-child(2) .img-wrap {width: 90.66666667vw;}
.w640 .business-detail .details:nth-child(3) .img-wrap {width: 66.13333333vw;}
.w640 .business-detail .details .inner {display: block;}
.w640 .business-detail .details .inner > div {width: 100%;}
.w640 .business-detail .details h4{ font-size: 6.4vw; line-height: 9.6vw; font-weight: 700; margin-bottom: 6.4vw;}
.w640 .business-detail .details .des li{ font-size: 3.73333333vw; line-height: 6.4vw; padding-left: 2.4vw; letter-spacing: 0px;}
.w640 .business-detail .details .des li ~ li{ margin-top: 2.66666667vw;}