@charset "utf-8";

#inc01{overflow:hidden}
#inc01 .sc_count{padding:70px 0}
#inc01 .sc_count .col-3{display:grid;grid-template-columns:repeat(3,1fr);place-items:center}
#inc01 .sc_count dl{position:relative;display:flex;align-items:center;justify-content:center;width:100%;padding:6px 0;border-right:1px solid #f2f6f7}
#inc01 .sc_count dl:last-child{border-right:none}

#inc01 .sc_count dt{padding:4px 20px;background-color:var(--primary);border-radius:100px;font-size:16px;font-weight:700;color:#fff;text-align:center}
#inc01 .sc_count dd{font-family:var(--maru-font);font-size:30px;font-weight:700;color:#111}
#inc01 .sc_count dd .start-item{display:inline-block;text-align:right}
#inc01 .sc_count #total .start-item{min-width:110px}
#inc01 .sc_count #review .start-item{min-width:80px}
#inc01 .sc_count #customer .start-item{min-width:20px}
#inc01 .sc_count dd i{font-style:normal;margin-left:8px}
#inc01 .sc_count dd img{margin:0 20px 0 25px;transform:translateY(-3px)}

#inc01 .sc_about .group-tit{padding-bottom:70px;text-align:center}
#inc01 .sc_about .col-2{display:grid;grid-template-columns:repeat(2,1fr)}
#inc01 .sc_about .col-2 .fl-l{overflow:hidden;background-color:rgba(122,103,89,0.1)}
#inc01 .sc_about .col-2 .fl-l .link{display:flex;flex-direction:column;align-items:center;padding:120px 0 65px}
#inc01 .sc_about .col-2 .fl-l .thumb-box{max-width:602px;width:100%;height:417px;margin-bottom:85px;border-radius:500px;overflow:hidden}
#inc01 .sc_about .col-2 .fl-l .thumb-box img{width:100%;height:100%;object-fit:cover;transition:transform 0.2s}
#inc01 .sc_about .col-2 .fl-l .marquee-container{--x:4845.4px;--gap:30px}
#inc01 .sc_about .col-2 .fl-l .marquee-wrapper{display:flex;gap:var(--gap);animation:marquee 50s linear infinite}
#inc01 .sc_about .col-2 .fl-l .marquee-wrapper ul{display:flex;gap:var(--gap)}
#inc01 .sc_about .col-2 .fl-l .marquee-wrapper ul li{font-family:var(--e-font);font-size:62px;color:rgba(122,103,89,0.3);white-space:nowrap}

#inc01 .sc_about .col-2 .fl-r{display:flex;flex-direction:column;align-items:center;padding-top:110px;background-color:#7a6759;background-image:url(./img/inc01_award_bg.png);background-repeat:no-repeat;background-size:cover}
#inc01 .sc_about .col-2 .fl-r .group-tit{position:relative;display:inline-flex;align-items:center}
#inc01 .sc_about .col-2 .fl-r .group-tit img.award_star{max-width:156px;width:100%;margin-bottom:30px}
#inc01 .sc_about .col-2 .fl-r .group-tit img.bul{position:absolute}
#inc01 .sc_about .col-2 .fl-r .group-tit img.bul-l{left:-85px}
#inc01 .sc_about .col-2 .fl-r .group-tit img.bul-r{transform:scaleX(-1);right:-85px}
#inc01 .sc_about .col-2 .fl-r .group-tit .sub_tit{padding-bottom:18px;color:rgba(255,255,255,0.5)}
#inc01 .sc_about .col-2 .fl-r .group-tit .main_tit{color:#fff}
#inc01 .sc_about .col-2 .fl-r .thumb-wrap.col-2 .thumb-box:first-child{ position:relative;z-index:1;transform:translateX(10px);box-shadow:6px -10px 10px rgba(0,0,0,0.3)}
#inc01 .sc_about .col-2 .fl-r .thumb-wrap.col-2 .thumb-box:last-child{box-shadow:-6px -10px 10px rgba(0, 0, 0, 0.3)}
#inc01 .sc_about .col-2 .fl-r .thumb-wrap.col-4{position:relative;z-index:2;display:flex;gap:6px;margin-top:-10px}
#inc01 .sc_about .col-2 .fl-r .thumb-wrap.col-4 .thumb-box{max-width:183px;width:100%;box-shadow:2px -10px 10px rgba(0,0,0,0.3)}
#inc01 .sc_about .col-2 .fl-r .thumb-wrap.col-4 .thumb-box img{width:100%;height:100%;object-fit:cover}

@keyframes marquee{
0%{transform:translateX(0)}
100%{transform:translateX(calc((var(--x) + var(--gap)) * -1))}
}

@media (hover:hover){
#inc01 .sc_about .col-2 .fl-l .link:hover .thumb-box img{transform:scale(1.08)}
}

/* 반응형 [s] */
@media (max-width:1800px){
#inc01 .group-tit .main_tit{font-size:28px !important}
#inc01 .sc_about .col-2 .fl-r .group-tit img.award_star{max-width:140px;margin-bottom:20px}
#inc01 .sc_about .col-2 .fl-r .group-tit .sub_tit{padding-bottom:12px}
#inc01 .sc_about .col-2 .fl-r .thumb-wrap.col-2 .thumb-box{max-width:230px;width:100%}
#inc01 .sc_about .col-2 .fl-r .thumb-wrap.col-2 .thumb-box img{width:100%}
#inc01 .sc_about .col-2 .fl-r .thumb-wrap.col-4{margin-top:-20px}
#inc01 .sc_about .col-2 .fl-r .thumb-wrap.col-4 .thumb-box{max-width:160px}
#inc01 .sc_about .col-2 .fl-l .thumb-box{height:360px;margin-bottom:60px}
}
@media (max-width:1600px){
#inc01 .sc_about .group-tit{padding-bottom:60px}
#inc01 .sc_about .group-tit .sub_tit{padding-bottom:18px;font-size:16px}
#inc01 .sc_about .group-tit .main_tit{font-size:25px !important}
#inc01 .sc_about .col-2 .fl-l .link{padding:100px 0 65px}
#inc01 .sc_about .col-2 .fl-l .thumb-box{height:300px}
#inc01 .sc_about .col-2 .fl-l .marquee-container{--x:4078.4px}
#inc01 .sc_about .col-2 .fl-l .marquee-wrapper ul li{font-size:52px}
#inc01 .sc_about .col-2 .fl-r{padding:100px 0}
#inc01 .sc_about .col-2 .fl-r .group-tit img.award_star{max-width:130px;margin-bottom:15px}
#inc01 .sc_about .col-2 .fl-r .group-tit img.bul-l{left:-70px}
#inc01 .sc_about .col-2 .fl-r .group-tit img.bul-r{right:-70px}
#inc01 .sc_about .col-2 .fl-r .thumb-wrap.col-2 .thumb-box{max-width:210px}
#inc01 .sc_about .col-2 .fl-r .thumb-wrap.col-4 .thumb-box{max-width:145px}
}
@media (max-width:1400px){
#inc01 .sc_count dl{flex-direction:column-reverse;gap:10px}
#inc01 .sc_count dt{font-size:15px;font-weight:600}
#inc01 .sc_count dd{font-size:28px}
#inc01 .sc_count #total .start-item{min-width:0}
#inc01 .sc_count #review .start-item{min-width:0}

#inc01 .sc_about .group-tit{padding-bottom:46px}
#inc01 .sc_about .group-tit .main_tit{font-size:22px !important}
#inc01 .sc_about .col-2 .fl-l .link{padding:100px 15px 65px}
#inc01 .sc_about .col-2 .fl-l .thumb-box{margin-bottom:40px}
#inc01 .sc_about .col-2 .fl-l .marquee-container{--x:3311.4px}
#inc01 .sc_about .col-2 .fl-l .marquee-wrapper ul li{font-size:42px}
#inc01 .sc_about .col-2 .fl-r .group-tit img.award_star{max-width:110px}
#inc01 .sc_about .col-2 .fl-r .group-tit img.bul{width:46px}
#inc01 .sc_about .col-2 .fl-r .thumb-wrap.col-2 .thumb-box{max-width:190px}
#inc01 .sc_about .col-2 .fl-r .thumb-wrap.col-4 .thumb-box{max-width:120px}
}
@media (max-width:1200px){
#inc01 .sc_about .group-tit .main_tit{font-size:28px !important}
#inc01 .sc_about .col-2{grid-template-columns:repeat(1,1fr)}
#inc01 .sc_about .col-2 .fl-l .link{padding:80px 15px 60px}
#inc01 .sc_about .col-2 .fl-r{padding:80px 15px}
#inc01 .sc_about .col-2 .fl-r .thumb-wrap.col-2{display:grid;grid-template-columns:repeat(2,1fr)}
#inc01 .sc_about .col-2 .fl-r .thumb-wrap.col-2 .thumb-box{max-width:210px}
#inc01 .sc_about .col-2 .fl-r .thumb-wrap.col-4 .thumb-box{max-width:135px}
}
@media (max-width:1024px){
#inc01 .sc_count{padding:70px 15px}
#inc01 .sc_count dd{font-size:24px}
#inc01 .sc_count dd img{position:absolute;top:-18px;left:50%;transform:translateX(-50%);width:98px;margin:0}

#inc01 .sc_about .group-tit .main_tit{font-size:26px !important}
}
@media (max-width:768px){
#inc01 .sc_count dt{padding:3px 18px;font-size:14px}
#inc01 .sc_count dd{font-size:22px}
#inc01 .sc_count dd img{top:-14px;width:85px}

#inc01 .sc_about .group-tit{padding-bottom:35px}
#inc01 .sc_about .group-tit .sub_tit{font-size:15px}
#inc01 .sc_about .group-tit .main_tit{font-size:22px !important}
#inc01 .sc_about .col-2 .fl-l .link{padding:60px 15px 45px}
#inc01 .sc_about .col-2 .fl-l .thumb-box{height:270px;margin-bottom:30px}
#inc01 .sc_about .col-2 .fl-l .marquee-container{--x:2544.4px}
#inc01 .sc_about .col-2 .fl-l .marquee-wrapper ul li{font-size:32px}
#inc01 .sc_about .col-2 .fl-r{padding:60px 15px}
#inc01 .sc_about .col-2 .fl-r .group-tit img.bul{width:40px}
#inc01 .sc_about .col-2 .fl-r .thumb-wrap.col-2 .thumb-box{max-width:194px}
#inc01 .sc_about .col-2 .fl-r .group-tit img.award_star{max-width:105px}
#inc01 .sc_about .col-2 .fl-r .group-tit .sub_tit{padding-bottom:10px}
}
@media (max-width:480px){
#inc01 .sc_count{padding:40px 15px}
#inc01 .sc_count .col-3{grid-template-columns:repeat(1,1fr);gap:30px}
#inc01 .sc_count dl{padding:0;border-right:0}
#inc01 .sc_count dd{font-size:20px}
#inc01 .sc_count #customer dd{display:flex;flex-direction:column;align-items:center;gap:8px}
#inc01 .sc_count dd img{position:static;transform:none}

#inc01 .sc_about .group-tit{padding-bottom:30px}
#inc01 .sc_about .group-tit .sub_tit{padding-bottom:12px}
#inc01 .sc_about .group-tit .main_tit{font-size:20px !important}
#inc01 .sc_about .col-2 .fl-l .link{padding:60px 15px 50px}
#inc01 .sc_about .col-2 .fl-l .thumb-box{height:240px;margin-bottom:25px}
#inc01 .sc_about .col-2 .fl-r .group-tit img.bul-l{left:-45px}
#inc01 .sc_about .col-2 .fl-r .group-tit img.bul-r{right:-45px}
#inc01 .sc_about .col-2 .fl-r .thumb-wrap.col-2 .thumb-box{max-width:170px}
}
@media (max-width:390px){
#inc01 .sc_about .col-2 .fl-r .group-tit img.bul{display:none}
}
/* 반응형 [e] */