@charset "utf-8";
/* 당근고양이 'ㅅ' */

/* 초기화 */
@import url("default.css");
@import url('https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined');

.red {color:#f00 !important;}

/* header */
.header {position:fixed; top:0; left:0; width:100%;height:100px;  z-index:100; transition:.2s linear;}
.header .logo {position:absolute; top:0; left:60px; line-height:100px; background:#34485b; mask:url('/images/logo.png') no-repeat 50% 50% / contain; -webkit-mask:url('/images/logo.png') no-repeat 50% 50% / contain; z-index:1;}
.header .logo img {opacity:0;}
.header h1 {display:none;}
.header .gnb {position:absolute; top:0; right:140px;}
.header .gnb:before,
.header .gnb:after {content:""; position:fixed; left:0; width:100%; pointer-events:none; user-select:none;}
.header .gnb:before {top:0; height:360px; background:#fff; opacity:0; transition:.2s linear;}
.header .gnb:after {top:100px; height:1px; background:#e1e1e1; opacity:0;}
.header .gnb .bg {position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.7); opacity:0; z-index:-1; transition:.2s linear; pointer-events:none; user-select:none;}
.header .gnb ul {display:flex;}
.header .gnb li {position:relative;}
.header .gnb li > a {display:block; font-size:22px; color:#222; font-weight:500; line-height:100px; padding:0 33px;}
.header .gnb li > a span {position:relative; display:block;}
.header .gnb li > a span:after {content:""; position:absolute; bottom:0; left:50%; width:0; height:1px; background:#34485b; transform:translateX(-50%); transition:.2s linear;}
.header .gnb li.on > a {color:#34485b; font-weight:700;}
.header .gnb li.on > a span:after {width:calc(100% + 60px);}
.header .snb {position:absolute; top:100%; left:50%; width:200px; transform:translateX(-50%); padding:10px 0; display:none;}
.header .snb a {display:block; font-size:16px; color:#666; font-weight:500; line-height:42px; text-align:center;}
.header .snb a.on {color:#34485b; font-weight:600;}
.header .btn_menu {position:absolute; top:0; right:60px; width:40px; height:100%; z-index:1;}
.header .btn_menu p {position:absolute; top:50%; left:50%; width:40px; height:4px; background:#5f6368; margin-left:-20px; transition:.2s linear;}
.header .btn_menu .t {margin-top:-13px;}
.header .btn_menu .m {margin-top:-2px;}
.header .btn_menu .b {margin-top:9px;}
.header.on .btn_menu .t {margin-top:-2px; transform:rotate(135deg);}
.header.on .btn_menu .m {width:0;}
.header.on .btn_menu .b {margin-top:-2px; transform:rotate(-135deg);}
.header .sitemap {position:fixed; top:0; left;0; width:100%; height:100%; background:#fff; pointer-events:none; user-select:none; opacity:0; transition:.2s linear;}
.header.on .sitemap {pointer-events:auto; user-select:auto; opacity:1;}
.header .sitemap ul {position:relative; width:100%; height:100%; display:flex; flex-direction:column; justify-content:center; align-items:center;}
.header .sitemap li {padding:20px 0;}
.header .sitemap li > a {display:block; font-size:30px; color:#222; font-weight:700; line-height:40px; text-align:center;}
.header .sitemap li.on > a {font-weight:800;}
.header .sitemap .snb {position:relative; top:0; left:0; width:100%; transform:translateX(0);}
.header .sitemap .on .snb {display:block;}
.header .sitemap .snb a {display:block; font-size:18px; color:#666; font-weight:300; line-height:40px; text-align:center;}
.header .sitemap .snb a.on {color:#222; font-weight:500;} 

.header.main .logo {background:#fff;}
.header.main .gnb li > a {color:#fff;}
.header.main .btn_menu p {background:#fff;}

.header.fixed {background:#fff;}
.header.fixed .gnb li > a {color:#222;}

.header.on .logo,
.header.on .btn_menu p {background:#34485b;}


.main_visual_img {width:100vw;max-width:1920px;margin:0 auto;padding-top:100px;}
.main_visual_img img {width:100%;display:block;}

/* footer */
.footer {background:#222; padding:55px 0 40px; font-size:17px; color:#fff; font-weight:700;}
.footer .flex {margin:20px 0 25px; flex-wrap:wrap; gap:10px 75px;}
.footer dl {display:flex; gap:10px;}
.footer dd,
.footer .copy {color:#adadad; font-weight:300;}
.gotop {position:fixed; bottom:36px; right:36px; width:55px; height:55px; background:#5c5c5c url('/images/arrow_gotop.png') no-repeat 50% 50%; border-radius:50%; font-size:0;}

/* main */
.fp-viewing-businessStructure .header .logo,
.fp-viewing-ourPartners .header .logo,
.fp-viewing-footer .header .logo {background:#34485b;}
.fp-viewing-businessStructure .header .gnb li > a,
.fp-viewing-ourPartners .header .gnb li > a,
.fp-viewing-footer .header .gnb li > a {color:#222;}
.fp-viewing-businessStructure .header .btn_menu p,
.fp-viewing-ourPartners .header .btn_menu p,
.fp-viewing-footer .header .btn_menu p {background:#5f6368;}
.mvisual_wrap .imgfit {position:relative;}
.mvisual_wrap i,
.mvisual_wrap p {position:absolute; color:#fff;}
.mvisual .slick-slide > div {font-size:0;}
.mvisual .slick-slide .imgfit {position:relative; height:100vh;}
.mvisual i {top:50%; right:60px; width:78px; height:78px; font-size:22px; color:#ffffff80; border:#ffffff80 2px solid; border-radius:50%; display:flex; justify-content:center; align-items:center; transform:translateY(-50%); margin-top:14px;}
.mvisual p {display:block; top:50%; right:60px; margin-top:120px; font-size:3.125vw; font-weight:700; line-height:4.0625vw; text-align:right;}
.mvisual span {display:block;  font-size:2vw; font-weight:400;  text-align:right;}
.mvisual_navi {position:absolute; top:50%; left:60px; width:415px; height:762px; z-index:1; transform:translateY(-50%); margin-top:25px; overflow:hidden;}
.mvisual_navi .slick-list {padding-bottom:240px; height:calc(100% + 240px); /*transform:translateY(-240px);*/}
.mvisual_navi .slick-slide > div {font-size:0; padding:15px 0;}
.mvisual_navi .slick-slide .imgfit {height:222px; border-radius:10px;}
.mvisual_navi i {bottom:30px; right:30px; font-size:17px; color:#ffffff80; font-weight:500; line-height:60px; height:60px; width:60px; text-align:center; border-radius:50%;}
.mvisual_navi i:before,
.mvisual_navi i:after {content:""; position:absolute; top:0; left:0; width:100%; height:100%; border:transparent 2px solid; border-radius:50%;}
.mvisual_navi i:before {border-color:#ffffff80;}
.mvisual_navi .i1 i:after {border-left-color:#fff;}
.mvisual_navi .i2 i:after {border-top-color:#fff;}
.mvisual_navi .i3 i:after {border-right-color:#fff;}
.mvisual_navi .i4 i:after {border-bottom-color:#fff;}
.mvisual_navi p {top:30px; left:20px; font-size:34px; font-weight:700; line-height:1;}
.mcon .title {font-size:63px; color:#222; font-weight:700; line-height:1; text-align:center;}
.mcon .title p {font-size:16px; color:#8c8c8c; font-weight:400; margin-top:20px;}
.mcon01 {background:url('/images/bg_mc02.jpg') no-repeat 50% 50% / cover;}
.mcon01 .title {margin-bottom:90px;}
.mcon01 .flex {gap:24px;}
.mcon01 .flex dl {width:204px; height:567px; max-height:calc(100vw - 385px); display:flex; border-radius:10px; overflow:hidden; transition:.2s linear; cursor:pointer;}
.mcon01 .flex dt {width:0; overflow:hidden; padding-top:110px; background:#fff; text-align:center; transition:.2s linear;}
.mcon01 .flex dt .tit {position:relative; padding-top:155px; font-size:38px; color:#222; font-weight:700; line-height:1; margin-bottom:15px;}
.mcon01 .flex dt .tit:before {content:""; position:absolute; top:0; left:50%; width:1px; height:134px; background:#d7d7d7;}
.mcon01 .flex dt p {font-size:17px; color:#777; font-weight:300; line-height:28px;}
.mcon01 .flex dd {position:relative; background:#000; transition:.2s linear;}
.mcon01 .flex dd img {opacity:.57; transition:.2s linear;}
.mcon01 .flex dd p {position:absolute; top:50%; left:0; width:100%; text-align:center; font-size:21px; color:#fff; font-weight:700; transform:translateY(-50%); transition:.2s linear;}
.mcon01 .flex dl.on {width:calc((100% - 456px));}
.mcon01 .flex dl.on dt {width:47.765%; padding-left:60px; padding-right:60px;}
.mcon01 .flex dl.on dd {width:52.235%;}
.mcon01 .flex dl.on dd img {opacity:1;}
.mcon01 .flex dl.on dd p {opacity:0;}
.mcon02 .title {margin-bottom:60px;}
.mcon02 .flex {flex-wrap:wrap; gap:24px;}
.mcon02 .flex a {width:calc((100% - 120px)/6); height:110px; background:#fff; border:#ececec 1px solid; display:flex; justify-content:center; align-items:center; overflow:hidden;}
.mcon02 .slide {margin:-12px;}
.mcon02 .slick-slide {padding:0 12px; font-size:0;}
.mcon02 .slick-slide > div {padding:12px 0;}
.mcon02 .slick-slide a {display:block; height:110px; background:#fff; border:#ececec 1px solid; display:flex; justify-content:center; align-items:center; overflow:hidden;}

.mcon02 .flex a {pointer-events:none; cursor:default; text-decoration:none; color:inherit;}
.mcon02 .flex a:link {pointer-events:none; cursor:default; text-decoration:none; color:inherit;}
.mcon02 .flex a:visited {pointer-events:none; cursor:default; text-decoration:none; color:inherit;}
.mcon02 .flex a:hover {pointer-events:none; cursor:default; text-decoration:none; color:inherit; outline:0;}
.mcon02 .flex a:active {pointer-events:none; cursor:default; text-decoration:none; color:inherit;}
.mcon02 .flex a img {transition:none !important;}
.mcon02 .flex a:hover img {transform:none !important; filter:none !important; opacity:1 !important;}

#section2 .mc2_slide a {pointer-events:none; cursor:default; text-decoration:none; color:inherit;}
#section2 .mc2_slide a:hover,
#section2 .mc2_slide a:active,
#section2 .mc2_slide a:visited {pointer-events:none; cursor:default; text-decoration:none; color:inherit; outline:0;}
#section2 .mc2_slide a img {transition:none !important;}
#section2 .mc2_slide a:hover img {transform:none !important; filter:none !important; opacity:1 !important;}





/* sub */
.container {padding:145px 0 200px;}
.container.inner {padding:145px 20px 10px;}
.container2.inner {padding:50px 20px 200px;}
.location {display:flex; justify-content:flex-end; align-items:center; margin-bottom:110px;}
.location .home {display:block; width:15px; height:17px; background:url('/images/icon_home.png') no-repeat 50% 50% / contain;}
.location em {width:38px; height:11px; background:url('/images/arrow_location.png') no-repeat 50% 50%;}
.location span {font-size:15px; color:#8b8b8b; font-weight:300; line-height:17px;}
.container .title {font-size:50px; color:#222; font-weight:700; line-height:1.3; margin-bottom:40px; text-align:center;}
.container .tb {font-size:20px; color:#606060; line-height:30px; text-align:center; margin-bottom:100px;}
.container .stit {    font-size:30px;    color:#222;    font-weight:700;    line-height:1.5; }
.container .btit {position:relative; font-size:26px; font-weight:500; line-height:30px; padding-left:30px; margin:50px 0 20px;}
.container .btit:before {content:""; position:absolute; top:6px; left:0; width:18px; height:18px; background:#fff; border:#34485b 5px solid; border-radius:50%;}
	
.container2 .title {font-size:55px; color:#222; font-weight:700; line-height:1; margin-bottom:40px; text-align:center;}
.container2 .tb {font-size:20px; color:#606060; line-height:30px; text-align:center; margin-bottom:50px;}
.container2 .stit {    font-size:30px;    color:#222;    font-weight:700;    line-height:1.5; }
.container2 .btit {position:relative; font-size:26px; font-weight:500; line-height:30px; padding-left:30px; margin:50px 0 20px;}
.container2 .btit:before {content:""; position:absolute; top:6px; left:0; width:18px; height:18px; background:#fff; border:#34485b 5px solid; border-radius:50%;}
	
/*소개*/
.biz-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;padding:20px;background:linear-gradient(180deg,var(--bg),#eceff1);}
.biz-card{position:relative;background:#f5f5f5;border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;isolation:isolate;transition:box-shadow .28s ease;}
.biz-card::before{content:"";position:absolute;top:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,var(--accent),#0e8e9b);opacity:.9;}
.biz-card:hover{box-shadow:var(--shadow-hover);} /* 카드 자체는 그림자만 변경 */

.card-media{aspect-ratio:4/3;overflow:hidden;padding:16px;box-sizing:border-box;}
.card-media img{width:100%;height:100%;object-fit:cover;transform:scale(1);transition:transform .5s ease;}
.biz-card:hover .card-media img{transform:scale(1.08);} /* 오버 시 이미지 확대만 */

.card-body{padding:28px;}
.card-title{font-size:25px;line-height:1.2;color:var(--ink);font-weight:700;letter-spacing:-.01em;margin:2px 0 16px;}
.card-text{font-size:17px;line-height:1.7;color:#606060;}




/*	연혁 */
.point {position:absolute;}
#section3 .point.start {top:-5vh;}
#section3 {padding-top:calc(20vh - 55px);}
#section3 .tit {margin-bottom:50vh;}
#section3 .slidetxt {margin-bottom:200px;}
#section3 .slidetxt > * {position:relative; opacity:0; color:#0d0d0d; line-height:1; width:700px; text-align:center; margin:0 auto;}
#section3 .slidetxt strong {display:block; font-size:60px; font-weight:900; transform:translateX(calc(100% - ((var(--scroll4)) * 1%))); opacity:calc((var(--scroll4) * .01));}
#section3 .slidetxt p {font-size:89px; font-weight:100; margin-top:40px; transform:translateX(calc(-100% + ((var(--scroll4)) * 1%))); opacity:calc((var(--scroll4) * .01));}
#section3 .years {position:relative; padding-left:590px;}
#section3 #his_start {top:-200px;}
#section3 #his_end {bottom:calc(100vh - 405px); top:auto;}
#section3 .year {position:absolute; top:0; left:0;}
#section3 .start .year {position:fixed; top:200px; left:50%; margin-left:-720px;}
#section3 .end .year {position:absolute; bottom:0; left:0; top:auto;}
#section3 .year li {display:none; font-size:150px; color:#34485b; font-weight:700; line-height:1;}
#section3 .year li.on {display:block;}
#section3 .year li i {display:block; width:100%; margin-top:10px; font-size:0;}
#section3 .cont {padding-top:50px;}
#section3 .cont p {font-size:17px; line-height:1.7; }
#section3 .cont .con {position:relative; min-height:calc(100vh - 150px); margin-bottom:150px;}
#section3 .cont .con:after {content:""; position:absolute; bottom:0; left:0; width:100%; height:1px; background:#ddd;}
#section3 .cont .con:last-child {margin-bottom:200px;}
#section3 .cont .con:last-child:after {display:none;}
#section3 .cont .con .point {top:-20vh;}	
	
	

/* CEO 인사말*/
.about-wrap {padding:64px 0px; background:#fff;}
.about-inner {max-width:var(--max); margin:0 auto; display:grid; grid-template-columns:minmax(280px, 42%) 1fr; gap:20px 48px; align-items:start;}
.about-img {grid-column:1; grid-row:1 / span 3;}
.about-img img {display:block; width:100%; height:auto; border-radius:8px; object-fit:cover; box-shadow:0 2px 12px rgba(0,0,0,.06);}
.about-inner > :not(.about-img) {grid-column:2;}
.eyebrow {margin:0 0 8px; color:#34485b; font-weight:300; letter-spacing:.02em; font-size:clamp(18px,2.2vw,26px);}
.about-title {margin:0 0 20px; color:var(--text); font-weight:600; line-height:1.25; letter-spacing:-.01em; font-size:clamp(22px,3.2vw,34px); padding-bottom:14px; border-bottom:1px solid #e5e7eb;}
.about-body {margin:0; color:var(--text); line-height:1.75; font-size:clamp(14px,1.6vw,17px);}
.sign {display:inline-block; margin-top:28px; font-weight:700;}


/*플래그십스토어*/
.store-wrap {padding:64px 0px; background:#fff;}
.store-inner {max-width:var(--max); margin:0 auto; display:grid; grid-template-columns:1fr minmax(280px, 42%); gap:20px 48px; align-items:start;}
.store-img {grid-column:2; grid-row:1 / span 3;}
.store-img img {display:block; width:100%; height:auto; border-radius:8px; object-fit:cover; box-shadow:0 2px 12px rgba(0,0,0,.06);}
.store-inner > :not(.store-img) {grid-column:1;}
.eyebrow {margin:0 0 8px; color:#34485b; font-weight:600; letter-spacing:.02em; font-size:clamp(18px,2.2vw,26px);}
.store-title {margin:0 0 20px; color:var(--text); font-weight:600; line-height:1.25; letter-spacing:-.01em; font-size:clamp(22px,3.2vw,34px); padding-bottom:14px; border-bottom:1px solid #e5e7eb;}
.store-body {margin:0; color:var(--text); line-height:1.75; font-size:clamp(14px,1.6vw,17px);}
.store-body a {color:#193180; text-underline-offset:3px;}
.store-body a:hover {opacity:.85;}

.store-mapbtns {
  margin-top:20px; /* 협업문의랑 간격 */
  display:flex;
  gap:16px;
  flex-wrap:wrap;
}

.store-mapbtns a {
  display:flex;
  align-items:center;
  font-size:16px;
  width:195px;
  height:53px;
  border-radius:27px;
  padding:0 20px;
  background:no-repeat right 20px center;
}

/* 그대로 복제 */
.store-mapbtns .kakao {
  background-image:url('/images/icon_kakao.png');
  background-color:#fedd0d;
  color:#371c1d;
}
.store-mapbtns .naver {
  background-image:url('/images/icon_naver.png');
  background-color:#10d265;
  color:#fff;
}





/* Our Performance */
#img_s0101 svg {max-width:100%; height:auto;}
#img_s0101 .pay .line {opacity:0; transition:.2s linear;}
#img_s0101 .pay circle,
#img_s0101 .dots g,
#img_s0101 .pay .money,
#img_s0101 .pay .btm {transform:translateY(20px); opacity:0; transition:.2s linear;}
#img_s0101 .pay .pay1 .line {transition-delay:.1s;}
#img_s0101 .pay .pay2 .line {transition-delay:.2s;}
#img_s0101 .pay .pay3 .line {transition-delay:.3s;}
#img_s0101 .pay .pay4 .line {transition-delay:.4s;}
#img_s0101 .pay .pay5 .line {transition-delay:.5s;}
#img_s0101 .pay .pay6 .line {transition-delay:.6s;}
#img_s0101 .pay .pay1 circle {transition-delay:.3s;}
#img_s0101 .dots .dot1 {transition-delay:.4s;}
#img_s0101 .pay .pay2 circle {transition-delay:.5s;}
#img_s0101 .dots .dot2 {transition-delay:.6s;}
#img_s0101 .pay .pay3 circle {transition-delay:.7s;}
#img_s0101 .dots .dot3 {transition-delay:.8s;}
#img_s0101 .dots .dot4 {transition-delay:.9s;}
#img_s0101 .dots .dot5 {transition-delay:1s;}
#img_s0101 .pay .pay4 circle {transition-delay:1.1s;}
#img_s0101 .dots .dot6 {transition-delay:1.2s;}
#img_s0101 .pay .pay5 circle {transition-delay:1.3s;}
#img_s0101 .dots .dot7 {transition-delay:1.4s;}
#img_s0101 .pay .pay6 circle {transition-delay:1.5s;}
#img_s0101 .pay .pay1 .money {transition-delay:1.1s;}
#img_s0101 .pay .pay2 .money {transition-delay:1.2s;}
#img_s0101 .pay .pay3 .money {transition-delay:1.3s;}
#img_s0101 .pay .pay4 .money {transition-delay:1.4s;}
#img_s0101 .pay .pay5 .money {transition-delay:1.5s;}
#img_s0101 .pay .pay6 .money {transition-delay:1.6s;}
#img_s0101.on .pay .line {opacity:1;}
#img_s0101.on .pay circle,
#img_s0101.on .dots g,
#img_s0101.on .pay .money,
#img_s0101.on .pay .btm {transform:translateY(0); opacity:1;}


.product_list {display:flex; gap:24px; justify-content:center;  margin-top:140px; margin-bottom:100px;}
.product_card {flex:1 1 0; background:#ddd; border-radius:4px; overflow:hidden;  display:flex; flex-direction:column; box-shadow:0 2px 10px 0 rgba(0,0,0,0.05);}
.product_card img {width:100%; height:310px; object-fit:cover; display:block;}
.product_info {padding:28px 24px 32px 24px; background:#e0e0e0; flex:1; display:flex; flex-direction:column; justify-content:space-between;}
.product_info h3 {font-size:2rem; font-weight:500; margin-bottom:14px;}
.product_info p {font-size:1.05rem; color:#222; margin-bottom:28px; line-height:1.5;}
.more_link {width:120px; height:44px; font-size:1rem; border:1px solid #222; background:transparent; border-radius:0; cursor:pointer; display:flex; align-items:center; justify-content:center; text-decoration:none; color:#222; margin-top:auto; transition:background 0.2s;}
.more_link:hover {background:#f4f4f4;}

.sub_txt {font-size:20px; color:#606060; line-height:30px;  margin-bottom:20px;}

.notice_p {  color:#c55a11;  font-size:1rem;  padding:13px 18px;  border-radius:10px;  margin:30px 0;
  line-height:1.6;  word-break:keep-all;  box-sizing:border-box;}

.parent {    display:flex;   justify-content:center;}
.more_link2 {width:120px; height:44px; font-size:1rem; border:1px solid #222; background:transparent; border-radius:0; cursor:pointer; display:flex; align-items:center; justify-content:center; text-decoration:none; color:#222; margin-top:auto; transition:background 0.2s;}
.more_link2:hover {background:#f4f4f4;}

.flex_area {display:flex; align-items:stretch; gap:32px;}
.img_box img {  width:100%;  height:auto;  display:block;  max-width:100%;}
.flex_area .img_box {width:50%; min-width:0; box-sizing:border-box;}
.flex_area .tbl {width:50%; min-width:0; box-sizing:border-box;}

.down_cards {display:grid;grid-template-columns:repeat(5,1fr);gap:24px;max-width:1440px;margin:0 auto;padding:32px 0;box-sizing:border-box;}
.down_card {min-width:0;border:1px solid #eee;border-radius:2px;background:#fff;padding:38px 5px 20px 5px;text-align:center;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;}
.down_num {display:block;font-size:56px;color:#5a3794;font-weight:500;letter-spacing:-1px;}
.down_txt {font-size:1.05em;color:#333;margin-top:8px;}

.down_gallery {display:grid;grid-template-columns:repeat(5,1fr);gap:32px 20px;max-width:1440px;margin:34px auto;box-sizing:border-box;}
.down_item {text-align:center;}
.down_item img {width:100%;object-fit:cover;background:#f6f6f6;margin:0 auto 12px auto;display:block;}
.down_label {font-size:1.1em;color:#5a5688;margin-top:2px;}


/* 오시는 길 */
.root_daum_roughmap {max-width:100%;}
.root_daum_roughmap .cont {display:none;}
.map_txt {display:flex; margin-top:80px;}
.map_txt > * {width:50%;}
.map_txt .tit {font-size:38px; color:#222; font-weight:500; line-height:50px;}
.map_txt .btns {margin-top:70px; display:flex; gap:16px;}
.map_txt .btns a {display:flex; align-items:center; font-size:16px; width:195px; height:53px; border-radius:27px; padding:0 20px; background:no-repeat right 20px center;}
.map_txt .btns .kakao {background-image:url('/images/icon_kakao.png'); background-color:#fedd0d; color:#371c1d;}
.map_txt .btns .naver {background-image:url('/images/icon_naver.png'); background-color:#10d265; color:#fff;}
.map_txt .con .i {position:relative; padding-left:140px; font-size:18px; color:#666; font-weight:300; line-height:52px;}
.map_txt .con .i + .i {margin-top:20px;}
.map_txt .con .i:before {content:""; position:absolute; top:0; left:0; width:52px; aspect-ratio:1/1; background:#f5f5f5 no-repeat 50% 50%; border-radius:50%;}
.map_txt .con .i strong {position:absolute; top:0; left:75px; color:#222; font-weight:700;}
.map_txt .con .line {width:100%; height:1px; background:#ebebeb; margin:45px 0;}
.map_txt .con .i1:before {background-image:url('/images/icon_map01.png');}
.map_txt .con .i2:before {background-image:url('/images/icon_map02.png');}
.map_txt .con .i3:before {background-image:url('/images/icon_map03.png');}
.map_txt .con .i4:before {background-image:url('/images/icon_map04.png');}
.map_txt .con .i4 span {color:#8445ce; font-weight:600;}
.map_txt .con .i4 span i {font-size:14px; color:#fff; background:#8445ce; padding:0 8px; border-radius:10px; line-height:20px; height:20px; margin-right:10px;}
.section-divider {width:100%;height:1px;background:#eee;margin:60px 0;}



/* 핵심역량 수정 */
:root{--tone:#34485b;--tone-weak:rgba(52,72,91,.12);--white:#fff;}
.orbit-sec{position:relative;display:flex;justify-content:center;padding:60px 16px 90px;background:#fff;isolation:isolate;}
.orbit-sec *{box-sizing:border-box;}
.orbit-sec .orbit{position:relative;width:min(1100px,94vw);aspect-ratio:1/1;border-radius:50%;margin:0 auto;overflow:visible;}
.orbit-sec .ring{position:absolute;inset:6%;border:2px solid var(--tone-weak);border-radius:50%;pointer-events:none;}
.orbit-sec .ring.r2{inset:14%;}
.orbit-sec .center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:clamp(200px,22vw,300px);height:clamp(200px,22vw,300px);border-radius:50%;background:var(--tone);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:clamp(18px,2vw,26px);letter-spacing:.2px;text-align:center;box-shadow:0 26px 80px rgba(52,72,91,.25);z-index:2;}
.orbit-sec .sat{position:absolute;left:50%;top:50%;width:clamp(190px,18vw,220px);height:clamp(190px,18vw,220px);border-radius:50%;background:var(--white);box-shadow:0 18px 46px rgba(17,37,87,.12);display:flex;align-items:center;justify-content:center;text-align:center;color:var(--tone);z-index:1;transform:translate(-50%,-50%);}
.orbit-sec .sat-inner{padding:16px 14px;display:flex;flex-direction:column;align-items:center;justify-content:center;}
.orbit-sec .sat strong{display:block;font-size:clamp(18px,1.3vw,16px);font-weight:700;margin-bottom:6px;white-space:normal;color:var(--tone);}
.orbit-sec .sat p{font-size:clamp(14px,1.1vw,14px);line-height:1.5;color:#2b3a48;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;word-break:keep-all;}


/* 핵심역량 수정2 */
.feat5__spacer {margin-top:200px;}


.feat5__card,
.feat5__card * {color:#fff !important;}
:root{--ink:#ffffff;--muted:#ffffff;--card:#A9B4BC;} /* 글자, 라인 다 흰색 */
.feat5{margin:0 auto;color:var(--ink);} 
.feat5__grid{display:grid;grid-template-columns:repeat(5,1fr);gap:24px;align-items:stretch;}

/* card */
.feat5__grid {
  display:grid;
  grid-template-columns:repeat(5,1fr); /* 5등분 */
  gap:24px;
  align-items:stretch;
}

.feat5__card {
  border-radius:10px;
  background:var(--card);
  box-shadow:0 4px 18px rgba(0,0,0,.15);
  padding:40px 28px;
  text-align:left;
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
  min-height:280px;
  width:100%;        /* grid 안에서 균등 */
  box-sizing:border-box;
}

.feat5__icon{width:56px;height:56px;display:block;margin:4px 0 18px;object-fit:contain;filter:brightness(0) invert(1);} /* 아이콘도 흰색화 */
.feat5__title{text-align:center; margin:0 0 12px;font-weight:800;letter-spacing:-.01em;font-size:24px;line-height:1.4;color:var(--ink);}
.feat5__line {
  display:block;
  width:64px;
  height:4px;
  background:rgba(255,255,255,0.5);
  margin:12px auto 18px; /* 좌우 auto → 가운데 정렬 */
}
.feat5__list{margin:0;padding:0 0 0 18px;list-style:disc;color:var(--ink);font-size:20px;line-height:1.7; font-weight:600;}
.feat5__list li{margin:0;}

.feat5 .mi{text-align:center; font-size:50px !important;line-height:1;display:block;margin:4px 0 18px;color:#fff !important;font-variation-settings:'FILL' 0,'wght' 300,'GRAD' 0,'opsz' 48;}


/* Core Strength */
.dlbox dl {display:flex; align-items:center; margin-bottom:115px;}
.dlbox dl:last-child {margin-bottom:0;}
.dlbox dl:nth-child(2n) {flex-direction:row-reverse;}
.dlbox dt,
.dlbox dd {width:50%;}
.dlbox dt {height:496px; border-radius:10px;}
.dlbox dd {padding:0 40px; letter-spacing:-.5px;}
.dlbox .tt {position:relative; font-size:31px; color:#222; font-weight:700; line-height:1; padding-bottom:20px; margin-bottom:25px;}
.dlbox .tt:after {content:""; position:absolute; bottom:0; left:0; width:28px; height:1px; background:#acacac;}
.dlbox p {font-size:20px; color:#666; font-weight:300; line-height:30px;}
.dlbox strong {color:#34485b;}


/*브랜드 사업*/
:root{--brand:#34485b;--ink:#1b1f23;--muted:#4b5966;}
.brand-links__inner{margin:0 auto;color:var(--ink);}
.brand-links--left .brand-links__inner{text-align:left;}
.brand-links__title{margin:0 0 10px;font-weight:700;letter-spacing:-.01em;color:#222;font-size:clamp(28px,3.8vw,44px);line-height:1.5;}
.brand-links__eyebrow{margin:0 0 22px;color:#606060;font-size:clamp(15px,1.7vw,18px);line-height:1.8;}
.brand-links__eyebrow--lg{font-size:clamp(17px,2vw,20px);}
.brand-links__buttons{display:flex;flex-wrap:wrap;gap:14px;margin:18px 0 48px;}
.brand-links__buttons--left{justify-content:flex-start;}

.brand-links__buttons {display:flex;flex-wrap:wrap;gap:24px;margin:18px 0 48px;} /* 버튼 간격 넉넉히 */
.btn {position:relative;display:flex;align-items:center;justify-content:flex-start;height:56px;width:56px;padding:0;border-radius:50%;text-decoration:none;transition:.2s;}
.btn img {width:24px;height:24px;display:block;margin:0 auto;} /* 아이콘만 중앙 정렬 */
.btn--primary{color:#fff;background:var(--brand);} .btn--primary:hover{filter:brightness(.92);}
.btn--outline{color:var(--brand);background:#fff;border:2px solid var(--brand);} .btn--outline:hover{background:#f6f8fa;}
.btn--ghost{color:var(--brand);background:rgba(52,72,91,.08);} .btn--ghost:hover{background:rgba(52,72,91,.14);}

:root {--brand:#34485b;--ink:#1b1f23;--muted:#4b5966;}
.brand-links__buttons--list {display:flex;flex-direction:column;gap:12px;margin:18px 0 48px;}
.brand-link {display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--ink);}

.brand-links__buttons--list {display:flex;flex-direction:column;gap:12px;align-items:flex-start;}
.brand-links__buttons--list .brand-link {display:inline-flex!important;align-items:center;gap:12px;flex:0 0 auto;width:auto!important;padding:0;margin:0;}
.brand-links__buttons--list .brand-link__icon {display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:rgba(52,72,91,.06);transition:background .2s;}
.brand-links__buttons--list .brand-link__icon img {width:22px;height:22px;display:block;}
.brand-links__buttons--list .brand-link__text {font-size:16px;line-height:1.6;color:var(--ink);text-decoration:none;white-space:nowrap;}
.brand-links__buttons--list .brand-link:hover .brand-link__text {text-decoration:none;}
.brand-links__buttons--list .brand-link:hover .brand-link__icon {background:rgba(52,72,91,.16);}






.brand-gallery {display:grid;grid-template-columns:1.5fr 1fr 1fr;grid-template-rows:1fr 1fr;gap:10px;}
.brand-gallery .g--hero {grid-row:1 / span 2;grid-column:1 / span 1;}
.brand-gallery figure {margin:0;}
.brand-gallery img {width:100%;height:100%;object-fit:cover;display:block;}
/* 안전장치:모든 요소 패딩 포함 폭 계산 */
.brand-links, .brand-links *{box-sizing:border-box;}

/* 갤러리 기본 폭/오버플로우 보호 */
.brand-gallery{width:100%;margin:0 auto;overflow:hidden;}
.brand-gallery figure{margin:0;overflow:hidden;border-radius:8px;}


.brand-gallery, .brand-gallery * { box-sizing:border-box; }
.brand-gallery img { display:block; width:100%; height:100%; object-fit:cover; vertical-align:middle; }


.values {width:100%;}
.values_list {display:grid;grid-template-columns:repeat(4,1fr);gap:40px;margin:0;padding:0;list-style:none;}
.values_list .val {display:flex;flex-direction:column;align-items:center;justify-content:flex-start;text-align:center;gap:14px;}
.values_list .ico {order:0;width:var(--ico,110px);aspect-ratio:1/1;border-radius:50%;background:#34485b;display:grid;place-items:center;flex-shrink:0;}
.values_list .ico .material-symbols-outlined {font-size:calc(var(--ico,110px)*.5);line-height:1;color:#fff;}
.values_list .txt {order:1;display:flex;flex-direction:column;align-items:center;gap:6px;max-width:100%;}
.values_list .tit {margin-top:30px;font-size:25px;font-weight:700;color:#222;line-height:1.3;}
.values_list .desc {margin-top:15px; font-size:20px;color:#555;line-height:1.5;}
.values_list .val {border:none!important;} /* 예전 보더 제거 */







/* Verified */
.verified_area {position:relative;}
.verified_area:before {content:""; position:absolute; top:145px; right:calc(((-100vw + 1440px)/2) + 60px); width:689px; height:564px; border-radius:282px 0 0 282px; overflow:hidden; background:url('/images/img_s0104.jpg') no-repeat 50% 50% / cover; box-shadow:#151a2b 40px -40px 0;}
.verified_area dl {display:flex; align-items:center; margin-bottom:75px;}
.verified_area dl:last-child {margin-bottom:0;}
.verified_area dt {width:165px; height:165px; display:flex; justify-content:center; align-items:center; border-radius:50%; background:#f5f5f5;}
.verified_area dd {width:calc(100% - 165px); padding-left:50px;}
.verified_area .tt {font-size:15px; color:#bfbfbf; font-weight:300; display:flex; align-items:center; gap:20px; margin-bottom:15px;}
.verified_area .tt strong {font-size:30px; color:#002; }
.verified_area p {font-size:20px; color:#666; font-weight:300; line-height:30px;}

/* Special Process */
.process {gap:15px;}
.process .box {width:calc((100% - 60px)/5); background:#34485b; border-radius:10px; padding:40px 30px 20px; display:flex; flex-direction:column; align-items:center;}
.process i {display:block; width:112px; height:112px; background:#fff no-repeat 50% 50%; border-radius:50%;}
.process .tt {font-size:20px; color:#fff; font-weight:700; line-height:48px; height:48px; width:160px; max-width:100%; background:#64788d; border-radius:24px; text-align:center; margin:30px auto 25px;}
.process p {font-size:16px; color:#fff; font-weight:500; line-height:25px; text-align:center;}
.process ul {display:flex; flex-wrap:wrap; justify-content:center; gap:0 10px; margin:10px auto 0; width:150px;}
.process li {font-size:16px; color:#ffeccc; font-weight:500; line-height:23px;}
.process a {font-size:16px; color:#fff; font-weight:700; line-height:24px; margin-top:15px; border-bottom:#fff 1px solid;}
.process .i1 i {background-image:url('/images/icon_s0105_01.png');}
.process .i2 i {background-image:url('/images/icon_s0105_02.png');}
.process .i3 i {background-image:url('/images/icon_s0105_03.png');}
.process .i4 i {background-image:url('/images/icon_s0105_04.png');}
.process .i5 i {background-image:url('/images/icon_s0105_05.png');}





/* BUSINESS */
.tabs {display:flex; justify-content:center; align-items:center; gap:20px; margin-bottom:90px;}
.tabs a {font-size:17px; color:#adadad; font-weight:500; line-height:63px; height:65px; width:200px; border:#e3e3e3 1px solid; border-radius:10px; text-align:center;}
.tabs a.on {color:#fff; background:#34485b;}
.business {display:flex;}
.business .imgarea {position:relative; width:calc(50% + 90px);}
.business .imgarea .imgbox {float:right; width:calc(100% + ((100vw - 1440px)/2)); display:flex; flex-wrap:wrap; gap:14px;}
.business .imgarea .imgbox li {position:relative; width:calc(50% - 7px); border-radius:10px; overflow:hidden;}
.business .imgarea .imgbox p {position:absolute; top:24px; right:24px; font-size:24px; color:#fff; font-weight:700; line-height:1;}
.business .txt {width:calc(50% - 90px); padding:120px 0 0 50px;}
.business .tit {font-size:30px; color:#222; font-weight:700; line-height:1;}
.business .txt p {font-size:18px; color:#222; font-weight:500; line-height:30px; margin:25px 0 50px;}
.business .txt li {font-size:17px; color:#666; font-weight:300; line-height:38px; padding-left:10px; text-indent:-10px;}

.business2 dl {display:flex; margin-bottom:90px;}
.business2 dl:last-child {margin-bottom:0;}
.business2 dt {width:340px; height:208px; border-radius:10px;}
.business2 dd {width:calc(100% - 340px); padding:10px 0 0 60px;}
.business2 dd .tit {font-size:30px; color:#000; font-weight:700; line-height:1; margin:30px 0 20px;}
.business2 dd p {font-size:18px; color:#222; line-height:28px;}

.tbl table {border-top:#333 1px solid;font-size:18px;}
.tbl th,
.tbl td {border:#ddd 1px solid; border-top:0; padding:10px; text-align:center;}
.tbl th:first-child,
.tbl td:first-child {border-left:0;}
.tbl th:last-child,
.tbl td:last-child {border-right:0;}
.tbl th {font-weight:500; background:#f7f7f7;}
.tbl td {color:#666;}
.tbl col.w17 {width:170px;}
.tbl col.w19 {width:190px;}
.tbl col.w22 {width:220px;}
.tbl col.w34p {width:34%;}

.scroll-notice {
  display:none;
  font-size:13px;
  color:#666;
  margin:0 0 6px;
}


/* 고객문의 */
.board_write {border-top:#e1e1e1 1px solid;}
.board_write th,
.board_write td {border-bottom:#e1e1e1 1px solid; padding:10px 0; font-size:17px; color:#333;}
.board_write th {width:165px; font-weight:500; padding-left:15px; text-align:left;}
.board_write th label {display:block;}
.board_write th span {color:#de1414;}
.board_write td .text {border:0;,}
.board_write td select,
.board_write td input {height:50px;}
.board_write td textarea {height:190px;}
.board_write td span {line-height:50px; font-size:19px; width:20px;}
.board_write .mail .text {width:calc((100% - 30px)/3);}
.board_write .mail select {margin-left:10px;}
.board_write .phone .text {width:calc((100% - 40px)/3);}
.board_write .flie {display:flex; align-items:center; height:50px;}
.board_write .flie input {height:auto;}
.yak_area {margin-top:60px;}
.yak_area strong {display:block; font-size:20px; color:#333; font-weight:600; line-height:1; margin-bottom:30px;}
.yak_area p {font-size:14px; color:#333; line-height:20px; padding:20px; height:220px; overflow:auto; margin-bottom:50px;}
label.check {position:relative; display:inline-block; vertical-align:top; padding-left:32px; font-size:17px; color:#333; font-weight:500; line-height:22px;}
label.check input {display:none;}
label.check i {position:absolute; top:0; left:0; width:22px; height:22px; background:#e5e5e5; mask:url('/images/icon_check.png') no-repeat 50% 50% / contain; -webkit-mask:url('/images/icon_check.png') no-repeat 50% 50% / contain; border-radius:50%; transition:.2s linear;}
label.check input:checked + i {background:#34485b;}
.btn_submit {display:block; font-size:17px; color:#fff; font-weight:500; line-height:60px; height:60px; width:190px; background:#34485b; border-radius:10px; margin:45px auto 0;}



/* 팝업레이어 */
#hd_pop {z-index:1000;position:relative;margin:0 auto;height:0}
#hd_pop h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.hd_pops {position:absolute;border:1px solid #e9e9e9;background:#fff;}
.hd_pops img{max-width:100%}
.hd_pops_con {}
.hd_pops_footer {padding:0;background:#000;color:#fff;text-align:left;position:relative;}
.hd_pops_footer:after {display:block;visibility:hidden;clear:both;content:""}
.hd_pops_footer button {padding:10px;border:0;color:#fff}
.hd_pops_footer .hd_pops_reject{background:#000;text-align:left}
.hd_pops_footer .hd_pops_close{background:#393939;position:absolute;top:0;right:0}

.msg_sound_only, .sound_only {display:inline-block !important;position:absolute;top:0;left:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important}