/* _our */
._our .topBx{padding:160px 0 50px; background-color:#F3F3F3; }
._our .topBx .wrap{display:flex; align-items: flex-end; justify-content: space-between; }
._our .topBx .leftTxt p{font-size:46px; font-weight: 700; letter-spacing: -0.04em; color: #C2C2C2; line-height: 1.13; font-family:"museo-sans";}
._our .topBx .leftTxt p span{
    display:inline-block;
    color:#C2C2C2;
    background: linear-gradient(90deg, #010101 0%, #C2C2C2 0%);
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}
._our .topBx .leftTxt em{margin-top:90px; display:block; font-size:14px; color:#898989; line-height:calc(27/14); letter-spacing:-0.03em; font-family:"museo-sans"; font-weight:300;}
._our .topBx .rightTxt{text-align:right;}
._our .topBx .rightTxt .number{font-size:48px; font-weight: 300; letter-spacing: -0.03em; color: var(--red); line-height: 1.13; font-family:"museo-sans";}
._our .topBx .rightTxt p{margin-top:12px; font-size:18px; font-weight: 300; letter-spacing: -0.04em; color: #151515; line-height: 1.5; font-family:"museo-sans"; }
._our .topBx .rightTxt em{margin-top:90px; display:block; font-size:14px; color:#898989; line-height:calc(27/14) letter-spacing:-0.03em; font-family:"museo-sans"; font-weight:300;}
._our .middleBx{padding:145px 0; }
._our .title_area{margin-bottom:70px; text-align:center;}
._our .title_area h3{font-size:44px; font-weight: 700; letter-spacing: -0.03em; color: #010101; line-height: 1.13; font-family:"museo-sans";}
._our .title_area p{margin-top:18px; font-size:18px; font-weight: 300; letter-spacing: -0.03em; color: #010101; line-height: 1.5; font-family:"museo-sans";}
._our .list ul{display:flex; gap:35px;}
._our .list ul li{position:relative; width:calc((100% - (35px * 2)) / 3);}
._our .list ul li .img_area img{width:100%; }
._our .list ul li .txtArea{position:absolute; left:0; top:0; padding:47px;  width:100%; height:100%; display:flex; flex-direction: column; justify-content: space-between; box-sizing:border-box; align-items: flex-start;}
._our .list ul li .txtArea .number{font-size:36px; color:#fff; opacity:0.3; display:block; font-family:"museo-sans"; font-weight:300; letter-spacing:-0.03em; }
._our .list ul li .txtArea .btm_area strong{display:block; font-size:38px; color:#fff; line-height: 1.13; font-family:"museo-sans"; font-weight:700; letter-spacing:-0.03em; text-align:left;}
._our .list ul li .txtArea .btm_area span{display:block; font-size:18px; color:#fff; line-height: 1.5; font-family:"museo-sans"; font-weight:300; letter-spacing:-0.03em; text-align:left;}
._our .btmBx{padding:30px 0 175px; }
._our .btmBx .d-flex{display:flex; justify-content: space-between; align-items: center;}
._our .btmBx .s_tit{display:block; margin-bottom:15px; font-size:20px; font-weight: 300; letter-spacing: -0.03em; color: #010101; line-height: 1.13; font-family:"museo-sans";}
._our .btmBx .s_tit span{color: var(--red); font-weight:700;}
._our .btmBx h4{font-size:38px; line-height: 1.13; font-family:"museo-sans"; font-weight:700; letter-spacing:-0.03em; text-align:left; line-height:1.157;}
._our .btmBx .leftTxt p{margin-top:30px; font-size:18px; line-height: 1.5; font-family:"museo-sans"; font-weight:300; letter-spacing:-0.03em; text-align:left; line-height:1.157;}


/* 아래 카드영억 */
._our .cardArea{
	display: flex; gap: 60px 30px; flex-wrap: wrap;
	margin-top: 140px; padding-top: 60px; border-top: 2px solid var(--red);
}
._our .cardArea .card{width: calc((100% / 3) - (30px * 2 / 3));min-height: 220px;}
._our .cardArea .card .ico{min-height: 75px;}
._our .cardArea .card .ico img{}
._our .cardArea .card .txtBx{}
._our .cardArea .card .txtBx em{
	display: block; font-size: 22px; font-weight: 700; font-family:'museo-sans';
	letter-spacing: -0.03em; line-height: 1.4; color: #242424;
	margin-bottom: 6px;
}
._our .cardArea .card .txtBx p{font-size: 18px; font-weight: 300; letter-spacing: -0.03em;  line-height: calc(27/18);}


@media screen and (max-width:1440px){
    ._our .topBx .leftTxt p{font-size:40px;}
    ._our .topBx .rightTxt .number{font-size:42px;}
    ._our .topBx .rightTxt p{font-size:17px;}
    ._our .title_area h3{font-size:40px;}
    ._our .title_area p{font-size:17px;}
    ._our .list ul li .txtArea .number{font-size:32px;}
    ._our .list ul li .txtArea .btm_area strong{font-size:34px;}
    ._our .list ul li .txtArea .btm_area span{font-size:17px;}
    ._our .btmBx .s_tit{font-size:18px;}
    ._our .btmBx h4{font-size:34px;}
    ._our .btmBx .leftTxt p{font-size:17px;}
}

@media screen and (max-width:1280px){
    ._our .topBx .leftTxt p{font-size:36px;}
    ._our .topBx .rightTxt .number{font-size:38px;}
    ._our .topBx .rightTxt p{font-size:16px;}
    ._our .title_area h3{font-size:36px;}
    ._our .title_area p{font-size:16px;}
    ._our .list ul li .txtArea .number{font-size:30px;}
    ._our .list ul li .txtArea .btm_area strong{font-size:32px;}
    ._our .list ul li .txtArea .btm_area span{font-size:16px;}
    ._our .btmBx .s_tit{font-size:17px;}
    ._our .btmBx h4{font-size:30px;}
    ._our .btmBx .leftTxt p{font-size:16px;}

	/* 아래 카드 */
	._our .cardArea{gap: 20px;}
	._our .cardArea .card{width: calc((100% / 3) - (20px * 2 / 3)); padding: 30px;border: 1px solid #ddd; box-sizing: border-box; border-radius: 10px;}
	._our .cardArea .card .ico{min-height: 60px;}
	._our .cardArea .card .txtBx em{font-size: 20px; }
	._our .cardArea .card .txtBx p{font-size: 16px; }
	._our .cardArea .card br{display: none;}
}

@media screen and (max-width:1024px){
    ._our .topBx .leftTxt p{font-size:32px;}
    ._our .topBx .rightTxt .number{font-size:34px;}
    ._our .topBx .rightTxt p{font-size:15px;}
    ._our .title_area h3{font-size:32px;}
    ._our .title_area p{font-size:15px;}
    ._our .list ul li .txtArea .number{font-size:26px;}
    ._our .list ul li .txtArea .btm_area strong{font-size:28px;}
    ._our .list ul li .txtArea .btm_area span{font-size:15px;}
    ._our .btmBx .s_tit{font-size:16px;}
    ._our .btmBx h4{font-size:28px;}
    ._our .btmBx .leftTxt p{font-size:15px;}
    ._our .list ul{gap:20px;}
    ._our .list ul li .txtArea{padding:20px;}
    ._our .list ul li{width:calc((100% - (20px * 2)) / 3);}

	/* 아래 카드 */
	._our .cardArea{margin-top: 120px; padding-top: 40px;}
	._our .cardArea .card{padding: 30px 14px;}
	._our .cardArea .card .txtBx em{font-size: 18px; }
	._our .cardArea .card .txtBx p{font-size: 14px; }
}

@media screen and (max-width:820px){
    ._our .topBx .leftTxt p{font-size:28px;}
    ._our .topBx .rightTxt .number{font-size:30px;}
    ._our .topBx .rightTxt p{font-size:14px;}
    ._our .title_area h3{font-size:28px;}
    ._our .title_area p{font-size:14px;}
    ._our .list ul li .txtArea .number{font-size:22px;}
    ._our .list ul li .txtArea .btm_area strong{font-size:24px;}
    ._our .list ul li .txtArea .btm_area span{font-size:14px;}
    ._our .btmBx .s_tit{font-size:15px;}
    ._our .btmBx h4{font-size:24px;}
    ._our .btmBx .leftTxt p{font-size:14px;}
    ._our .topBx{padding:50px 0;}
    ._our .topBx .wrap{flex-direction: column; align-items: flex-start; gap: 40px;}
    ._our .topBx .leftTxt{width:100%;}
    ._our .topBx .rightTxt{margin-left:auto;}
    ._our .middleBx{padding:70px 0;}
    ._our .btmBx .d-flex{flex-direction: column; align-items: flex-start; gap: 40px;}
    ._our .list ul{flex-direction: column; align-items: center; gap: 20px;}
    ._our .list ul li{width:100%;}
    ._our .list ul li img{width:100%;}
    ._our .btmBx .imgArea{width:100%; text-align:center;}
    ._our .btmBx{padding-bottom:100px; }


	/* 아래 카드 */
	._our .cardArea{gap: 10px;}
	._our .cardArea .card{width: calc((100% / 2) - (10px / 2));}
}

@media screen and (max-width:500px){
    ._our .topBx .leftTxt p{font-size:24px;}
    ._our .topBx .rightTxt .number{font-size:26px;}
    ._our .topBx .rightTxt p{font-size:13px;}
    ._our .title_area h3{font-size:24px;}
    ._our .title_area p{font-size:13px;}
    ._our .list ul li .txtArea .number{font-size:18px;}
    ._our .list ul li .txtArea .btm_area strong{font-size:20px;}
    ._our .list ul li .txtArea .btm_area span{font-size:13px;}
    ._our .btmBx .s_tit{font-size:14px;}
    ._our .btmBx h4{font-size:20px;}
    ._our .btmBx .leftTxt{text-align:center; width:100%;}
    ._our .btmBx p,
    ._our .btmBx h4{text-align:center;}

    ._our .btmBx .leftTxt p{font-size:13px;}
    ._our .topBx .rightTxt em,
    ._our .topBx .leftTxt em{margin-top:30px;}
    ._our .title_area{margin-bottom:30px;}

	/* 아래 카드 */
	._our .cardArea{margin-top: 100px;}
	._our .cardArea .card{width: 100%; min-height: unset;}
	._our .cardArea .card .txtBx{max-width: 300px;}
	._our .cardArea .card .txtBx p{text-align: left;}
}

@media screen and (max-width:360px){
    ._our .topBx .leftTxt p{font-size:22px;}
    ._our .topBx .rightTxt .number{font-size:24px;}
    ._our .topBx .rightTxt p{font-size:12px;}
    ._our .title_area h3{font-size:22px;}
    ._our .title_area p{font-size:12px;}
    ._our .list ul li .txtArea .number{font-size:16px;}
    ._our .list ul li .txtArea .btm_area strong{font-size:18px;}
    ._our .list ul li .txtArea .btm_area span{font-size:12px;}
    ._our .btmBx .s_tit{font-size:13px;}
    ._our .btmBx h4{font-size:18px;}
    ._our .btmBx .leftTxt p{font-size:12px;}
}