@charset "utf-8";

#inc01{overflow:hidden}
#inc01 .sc_count{padding:70px 0}
#inc01 .sc_count .col-3{display:grid;grid-template-columns:repeat(2,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:760px;width:84%;height:560px;margin-bottom:45px;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] */

/* v5.7 targeted fix: right-side banner uses one full image instead of collage */
#inc01 .sc_about .col-2 .fl-r .thumb-wrap.template-single{display:block;width:min(78%,760px);margin:0 auto 70px}
#inc01 .sc_about .col-2 .fl-r .thumb-wrap.template-single .thumb-box{width:100%;aspect-ratio:16 / 10;border-radius:10px;overflow:hidden;box-shadow:0 16px 20px rgba(0,0,0,0.24)}
#inc01 .sc_about .col-2 .fl-r .thumb-wrap.template-single .thumb-box img{display:block;width:100%;height:100%;object-fit:cover}

@media (max-width:1800px){
#inc01 .sc_about .col-2 .fl-l .thumb-box{max-width:700px;width:82%;height:500px;margin-bottom:42px}
#inc01 .sc_about .col-2 .fl-r .thumb-wrap.template-single{width:min(76%,700px)}
}
@media (max-width:1600px){
#inc01 .sc_about .col-2 .fl-l .thumb-box{max-width:640px;width:80%;height:430px;margin-bottom:38px}
#inc01 .sc_about .col-2 .fl-r .thumb-wrap.template-single{width:min(74%,640px);margin-bottom:40px}
}
@media (max-width:1400px){
#inc01 .sc_about .col-2 .fl-l .thumb-box{width:78%;height:380px;margin-bottom:34px}
#inc01 .sc_about .col-2 .fl-r .thumb-wrap.template-single{width:min(72%,600px)}
}
@media (max-width:1200px){
#inc01 .sc_about .col-2 .fl-l .thumb-box{max-width:760px;width:78%;height:430px;margin-bottom:36px}
#inc01 .sc_about .col-2 .fl-r .thumb-wrap.template-single{width:min(78%,720px);margin-bottom:0}
}
@media (max-width:768px){
#inc01 .sc_about .col-2 .fl-l .thumb-box{width:86%;height:330px;margin-bottom:28px}
#inc01 .sc_about .col-2 .fl-r .thumb-wrap.template-single{width:min(86%,620px)}
}
@media (max-width:480px){
#inc01 .sc_about .col-2 .fl-l .thumb-box{width:92%;height:260px;margin-bottom:24px}
#inc01 .sc_about .col-2 .fl-r .thumb-wrap.template-single{width:92%}
}

/* v5.8 targeted fix: refine inc01 left/right banner only */
#inc01 .sc_about .col-2 .fl-r{overflow:hidden}
#inc01 .sc_about .col-2 .fl-r .group-tit{display:block;text-align:center}
#inc01 .sc_about .col-2 .fl-r .group-tit .sub_tit{padding-bottom:18px;color:rgba(255,255,255,0.72)}
#inc01 .sc_about .col-2 .fl-r .group-tit .main_tit{color:#fff}
#inc01 .sc_about .col-2 .fl-r .marquee-container{--x:4845.4px;--gap:30px;width:100%;margin-top:0}
#inc01 .sc_about .col-2 .fl-r .marquee-wrapper{display:flex;gap:var(--gap);animation:marquee 50s linear infinite}
#inc01 .sc_about .col-2 .fl-r .marquee-wrapper ul{display:flex;gap:var(--gap)}
#inc01 .sc_about .col-2 .fl-r .marquee-wrapper ul li{font-family:var(--e-font);font-size:62px;color:rgba(255,255,255,0.22);white-space:nowrap}
#inc01 .sc_about .col-2 .fl-l .thumb-box{max-width:860px;width:90%;height:680px;margin-bottom:42px}
#inc01 .sc_about .col-2 .fl-r .thumb-wrap.template-single{margin-bottom:44px}

@media (max-width:1800px){
#inc01 .sc_about .col-2 .fl-l .thumb-box{max-width:820px;width:88%;height:620px;margin-bottom:40px}
#inc01 .sc_about .col-2 .fl-r .marquee-wrapper ul li{font-size:56px}
}
@media (max-width:1600px){
#inc01 .sc_about .col-2 .fl-l .thumb-box{max-width:760px;width:86%;height:540px;margin-bottom:38px}
#inc01 .sc_about .col-2 .fl-r .marquee-wrapper ul li{font-size:52px}
}
@media (max-width:1400px){
#inc01 .sc_about .col-2 .fl-l .thumb-box{width:84%;height:480px;margin-bottom:34px}
#inc01 .sc_about .col-2 .fl-r .marquee-wrapper ul li{font-size:46px}
}
@media (max-width:1200px){
#inc01 .sc_about .col-2 .fl-l .thumb-box{max-width:780px;width:84%;height:500px;margin-bottom:36px}
#inc01 .sc_about .col-2 .fl-r .marquee-wrapper ul li{font-size:44px}
}
@media (max-width:768px){
#inc01 .sc_about .col-2 .fl-l .thumb-box{width:88%;height:360px;margin-bottom:28px}
#inc01 .sc_about .col-2 .fl-r .marquee-wrapper ul li{font-size:34px}
}
@media (max-width:480px){
#inc01 .sc_about .col-2 .fl-l .thumb-box{width:94%;height:280px;margin-bottom:24px}
#inc01 .sc_about .col-2 .fl-r .marquee-wrapper ul li{font-size:30px}
}

/* v5.9 targeted fix: remove top metrics spacing and synchronize split banner panels */
#inc01 .sc_about{position:relative;overflow:hidden}
#inc01 .sc_about .col-2 .fl-l .link,
#inc01 .sc_about .col-2 .fl-r{box-sizing:border-box;min-height:760px;padding:96px 15px 120px}
#inc01 .sc_about .col-2 .fl-r{justify-content:flex-start;background-color:#7a6759;background-image:none}
#inc01 .sc_about .col-2 .fl-r .group-tit{display:block;position:static;text-align:center;padding-bottom:70px}
#inc01 .sc_about .col-2 .fl-l .group-tit{padding-bottom:70px}
#inc01 .sc_about .col-2 .fl-r .group-tit .main_tit{white-space:pre-line;color:#fff}
#inc01 .sc_about .col-2 .fl-l .thumb-box,
#inc01 .sc_about .col-2 .fl-r .thumb-wrap.template-single{max-width:760px;width:84%;height:580px;margin:0 auto}
#inc01 .sc_about .col-2 .fl-r .thumb-wrap.template-single .thumb-box{width:100%;height:100%;aspect-ratio:auto;border-radius:500px;overflow:hidden;box-shadow:none}
#inc01 .sc_about .col-2 .fl-r .thumb-wrap.template-single .thumb-box img{display:block;width:100%;height:100%;object-fit:cover}
#inc01 .sc_about .template-shared-marquee{position:absolute;left:0;right:0;bottom:28px;z-index:3;width:100%;--x:4845.4px;--gap:30px;pointer-events:none;overflow:visible}
#inc01 .sc_about .template-shared-marquee .marquee-wrapper{display:flex;gap:var(--gap);animation:marquee 50s linear infinite;width:max-content;min-width:200vw}
#inc01 .sc_about .template-shared-marquee .marquee-wrapper ul{display:flex;gap:var(--gap)}
#inc01 .sc_about .template-shared-marquee .marquee-wrapper ul li{font-family:var(--e-font);font-size:62px;color:rgba(215,206,198,0.45);white-space:nowrap}

@media (max-width:1800px){
#inc01 .sc_about .col-2 .fl-l .link,
#inc01 .sc_about .col-2 .fl-r{min-height:680px;padding:84px 15px 110px}
#inc01 .sc_about .col-2 .fl-l .thumb-box,
#inc01 .sc_about .col-2 .fl-r .thumb-wrap.template-single{max-width:700px;width:82%;height:500px}
}
@media (max-width:1600px){
#inc01 .sc_about .col-2 .fl-l .link,
#inc01 .sc_about .col-2 .fl-r{min-height:600px;padding:72px 15px 96px}
#inc01 .sc_about .col-2 .fl-l .group-tit,
#inc01 .sc_about .col-2 .fl-r .group-tit{padding-bottom:52px}
#inc01 .sc_about .col-2 .fl-l .thumb-box,
#inc01 .sc_about .col-2 .fl-r .thumb-wrap.template-single{max-width:640px;width:80%;height:430px}
#inc01 .sc_about .template-shared-marquee{--x:4078.4px}
#inc01 .sc_about .template-shared-marquee .marquee-wrapper ul li{font-size:52px}
}
@media (max-width:1400px){
#inc01 .sc_about .col-2 .fl-l .link,
#inc01 .sc_about .col-2 .fl-r{min-height:540px;padding:64px 15px 88px}
#inc01 .sc_about .col-2 .fl-l .thumb-box,
#inc01 .sc_about .col-2 .fl-r .thumb-wrap.template-single{width:78%;height:380px}
#inc01 .sc_about .template-shared-marquee{--x:3311.4px}
#inc01 .sc_about .template-shared-marquee .marquee-wrapper ul li{font-size:42px}
}
@media (max-width:1200px){
#inc01 .sc_about .col-2 .fl-l .link,
#inc01 .sc_about .col-2 .fl-r{min-height:auto;padding:80px 15px 96px}
#inc01 .sc_about .col-2 .fl-l .thumb-box,
#inc01 .sc_about .col-2 .fl-r .thumb-wrap.template-single{max-width:760px;width:78%;height:430px}
#inc01 .sc_about .template-shared-marquee{position:relative;left:auto;right:auto;bottom:auto;margin-top:-72px;margin-bottom:32px;width:100%;overflow:hidden}
}
@media (max-width:768px){
#inc01 .sc_about .col-2 .fl-l .link,
#inc01 .sc_about .col-2 .fl-r{padding:60px 15px 80px}
#inc01 .sc_about .col-2 .fl-l .group-tit,
#inc01 .sc_about .col-2 .fl-r .group-tit{padding-bottom:35px}
#inc01 .sc_about .col-2 .fl-l .thumb-box,
#inc01 .sc_about .col-2 .fl-r .thumb-wrap.template-single{width:86%;height:330px}
#inc01 .sc_about .template-shared-marquee{--x:2544.4px;margin-top:-58px}
#inc01 .sc_about .template-shared-marquee .marquee-wrapper ul li{font-size:32px}
}
@media (max-width:480px){
#inc01 .sc_about .col-2 .fl-l .link,
#inc01 .sc_about .col-2 .fl-r{padding:56px 15px 72px}
#inc01 .sc_about .col-2 .fl-l .thumb-box,
#inc01 .sc_about .col-2 .fl-r .thumb-wrap.template-single{width:92%;height:260px}
#inc01 .sc_about .template-shared-marquee{margin-top:-50px}
}
