:root {
  --col01:#151861;
  --col02:#0E3D8A;
  --col03:#bf020f;
  --lbg:#F5f5f5;
  --border: #bebebe;
  --ic:'Material Symbols Outlined';
}


.tc01 {color:var(--col01) !important;}
.tc02 {color:var(--col02) !important;}
.tc03 {color:var(--col03) !important;}


/*sub*/
#sub .subtab {display:flex;margin:0 0 40px;text-align:center;/* border-bottom:1px solid var(--border); */gap: 10px;}
#sub .subtab a {flex:1;display:flex;align-items:center;justify-content:center;font-weight:700;padding:1em 0.5em;color:#aaa;position:relative;background: #e4e4e4;color: #666;border-radius: 10px;}
#sub .subtab a.on {background: var(--col02);color: #fff;}
#sub .subtab a.on:after {content:'';display:inline-block;width:2em;height:3px;/* background:var(--col02); */position:absolute;left:calc(50% - 1em);bottom:-1px;}
#sub .titbox {display:flex; flex-wrap:wrap; gap:20px 5%;}
#sub .titbox > .tit {width:100%; margin:0 0 20px;}
#sub .titbox > .con {width:100%; min-height:unset;}
#sub .tabbox {overflow-x:auto;}
#sub .tabbox:before {content:'표를 좌우로 움직여 확인하실 수 있습니다.'; display:block; margin:0 0 20px; color:#72727a; font-weight:500; font-size:0.9em;}
#sub .tab01 {border-top:2px solid #444; width:100%;}
#sub .tab01 tr {border-bottom:1px solid var(--border);}
#sub .tab01 th,
#sub .tab01 td {padding:0.4em 0.2em; vertical-align:middle;}
#sub .tab01 th:not(:last-child),
#sub .tab01 td:not(:last-child),
#sub .tab01 .bdr {border-right:1px solid var(--border);}
#sub .tab01 th {background:var(--lbg); font-weight:500;}
#sub .tab01 .subTotal {background:#7E8898; color:#fff; font-weight:500;}
#sub .tab01 .total {background:var(--col01); color:#fff; font-weight:500;}
#sub .h_l {font-weight:600;font-size:1.5em;line-height:1.25;background: url(/img/main/main_text_mo.png) no-repeat;/* background-size: 100%; *//* max-width: 300px; *//* margin: 0 auto; *//* margin-bottom: 20px; */}
#sub .ver2 .h_l{
    /* background: url(/img/main/main_text_mo.png) no-repeat; */
    /* font-size: 0px !important; */
    /* width: 100%; */
    /* height: 100px; */
    /* max-width: 300px; */
    margin: 0 auto !important;
    margin-bottom: 20px !important;
    background-size: 100% !important;
    font-size: 0px;
    height: 100px;
    background-size: 240px !important;
    background-position: center;
}
#sub .h_m {font-weight:500; font-size:1.25em;}
#sub .h_s {font-weight:500;font-size:1.1em;color: #fff;text-align: center;}

@media all and (min-width:768px) {
  #sub .subtab {margin:0 0 60px;}
  #sub .titbox > .tit {width:20%;}
  #sub .titbox > .con {width:75%;}
  #sub .tabbox:before {display:none;}
  .greet .info01 .txt{
    padding: 0px !important;
}
  #sub .h_l {/* font-size:1.75em; *//* background: url(/img/main/main_text.png) no-repeat; *//* margin: 0; *//* font-size: 0px; *//* background-size: 100%; *//* max-width: unset; *//* width: 500px; *//* height: 75px; */}
  #sub .h_s{
    text-align: left;
}
  #sub .ver2 .h_l{
    /* background: url(/img/main/main_text.png) no-repeat; */
    font-size: 1.75em;
    background: url(/img/main/main_text.png) no-repeat;
    margin: 0 !important;
    font-size: 0px;
    background-size: 100%;
    max-width: unset;
    width: 500px;
    height: 75px;
    background-size: 100% !important;
}
}

@media all and (min-width:1200px) {
  #sub {background:url('../img/subbg.jpg') no-repeat top center / 2000px auto;}
  #sub .subtab {margin:0 0 80px;}
  #sub .subtab a {font-size:1.1em;}
  #sub .h_l {font-size:2em;/* font-size: 0px; *//* width: 660px; *//* margin-bottom: 25px; */}
  #sub .ver2 .h_l{
    font-size: 0px;
    width: 660px;
    margin-bottom: 25px !important;
}
  #sub .h_m {font-size:1.5em;}
  #sub .h_s {font-size:1.15em;font-size: 22px;}
  #sub .tab01 th,
  #sub .tab01 td {padding:0.6em;}
}


/*회사소개 - 인사말*/
.greet .info01 {display:flex;align-items:center;justify-content:space-between;padding:0 35% 0 5%;position:relative;background:var(--lbg);/* border-radius:8px; */background: linear-gradient(90deg, var(--col01) 0%, var(--col03) 100%);padding: 0 20px;overflow: hidden;padding-bottom: 191px;}
.greet .info01:before {content:'';display:inline-block;/* width:15%; */height:8px;position:absolute;top:0;background:var(--col01);background:var(--col01);background:linear-gradient(90deg, var(--col01) 0%, var(--col03) 100%);left:0;border-radius:8px 0;}
.greet .info01 .txt {padding:40px 0;}
.greet .info01 .img{}
.greet .info01 .img:after{display:block;clear:both;content:"";width: 200px;height: 162px;position: absolute;background: url(/img/about/grt_bg.png) no-repeat;bottom: 0;left: 50%;margin-left: -100px;background-size: 100%;z-index: 1;}
.greet .info01 .t01 {margin:0 0 10px;}
.greet .info01 .t01 span {color:var(--col01);}
.greet .info01 .t02 {color:#72727a;}
.greet .info01 img {position:absolute;/* right:0; */bottom: -65px;width: 100%;transition:0.3s;/* height: 100px; */width: 200px;left: 50%;margin-left: -100px;z-index: 2;}
.greet .info02 {padding:0 0 0 5%;background: #fff;padding-top: 30px;margin-top: -64px;z-index: 10;position: relative;margin-left: 30px;padding-left: 30px;}
.greet .info02 .ceo {text-align:right; display:flex; align-items:center; justify-content:flex-end; gap:0 1em; letter-spacing:0.1em; font-weight:600; color:var(--col01);}
.greet .info02 .ceo img {height:2em;}

@media all and (min-width:768px) {
  .greet .info01 {height:240px;padding-right:40%;display: block;padding-top: 40px;height: 376px;}
  .greet .info01 img {right:5%;width:auto;height:280px;left: unset;margin-left: 0px;}
  .greet .info01 .img:after{
    left: unset;
    margin-left: 0px;
    bottom: 29px;
    right: 15%;
}
}

@media all and (min-width:1200px) {
  .greet .info01{
    padding-top: 115px;
    padding-left: 100px;
    overflow: unset;
    margin-top: 40px;
    height: 550px;
}
  .greet .info01 .t01 {margin:0 0 20px;}
  .greet .info01 img {height:320px;width: 370px;height: unset;right: 54px;bottom: 7px;}
  .greet .info02{
    margin-top: -225px;
    padding-top: 60px;
    margin-left: 100px;
    padding-left: 60px;
    font-size: 18px;
    padding-right: 60px;
}
  .greet .info01 .img:after{
    width: 390px;
    bottom: 230px;
    height: 250px;
    right: 325px;
}
  
}


/*회사소개 - 경영이념/연혁*/
.vision .info01 dl {display:flex; align-items:center; flex-wrap:wrap;}
.vision .info01 dl dt,
.vision .info01 dl dd {width:100%;}
.vision .info01 dl dt {margin:0 0 20px;}
.vision .info01 dl dd {padding:20px; text-align:center; margin:0 0 40px; position:relative; border-radius:8px;}
.vision .info01 dl dd:nth-of-type(1) {background:var(--col01); background:linear-gradient(90deg, var(--col01) 0%, var(--col02) 100%); color:#fff;}
.vision .info01 dl dd:nth-of-type(2) {padding:0;}
.vision .info01 dl dd:nth-of-type(3) {background:#3e454e; color:#fff; margin:0;}
.vision .info01 dl dd i {font-style:italic;}
.vision .info01 dl ul {display:flex; align-items:stretch; justify-content:center; gap:10px;}
.vision .info01 dl ul:after {display:none;}
.vision .info01 dl ul li {background:var(--lbg); padding:20px; flex:1 1 0; display:flex; align-items:center; justify-content:center; border-radius:8px;}
.vision .info01 dl ul li img {margin:0 0 10px; width:min(50%, 80px);}
.vision .info01 dl ul li p {font-weight:600; line-height:1.25;}
.vision .info02 {position:relative;}
.vision .info02:after {content:''; display:inline-block; width:1px; height:100%; background:var(--border); position:absolute; left:50%; top:0; z-index:0;}
.vision .info02 .ybox {width:50%; position:relative;}
.vision .info02 .ybox:nth-child(odd) {margin:0 0 0 50%; padding:0 0 0 20px;}
.vision .info02 .ybox:nth-child(even) {text-align:right; padding:0 20px 0 0;}
.vision .info02 .ybox:not(:last-child) {margin-bottom:40px;}
.vision .info02 .ybox h5 {font-size:1.25em; font-weight:700; color:var(--col02); margin:0 0 10px; line-height:40px;}
.vision .info02 .ybox:nth-child(even) h5 {flex-direction:row-reverse; justify-content:end;}
.vision .info02 .ybox h5:before {content:''; display:inline-block; width:8px; height:8px; border-radius:100%; background:var(--col01); position:absolute; left:-4px; top:16px; z-index:1;}
.vision .info02 .ybox:nth-child(even) h5:before {left:unset; right:-4px;}
.vision .info02 .ybox h5:after {content:''; display:inline-block; width:16px; height:16px; border-radius:100%; background:var(--col01); position:absolute; left:-8px; top:12px; opacity:0.1;}
.vision .info02 .ybox:nth-child(even) h5:after {left:unset; right:-8px;}

@media all and (min-width:768px) {
  .vision .info01 dl dt {width:25%; margin:0 0 40px;}
  .vision .info01 dl dd {width:75%;}
  .vision .info01 dl dd:before {content:''; display:inline-block; width:10%; height:1px; background:var(--border); position:absolute; left:-10%; top:50%;}
  .vision .info01 dl dd:after {content:''; display:inline-block; width:8px; height:8px; position:absolute; left:-10%; top:calc(50% - 4px); border-radius:100%;}
  .vision .info01 dl dd:nth-of-type(1):after {background:var(--col01);}
  .vision .info01 dl dd:nth-of-type(2):after {background:var(--border);}
  .vision .info01 dl dd:nth-of-type(3):after {background:var(--col02);}
  .vision .info01 dl ul li p {font-size:1.1em;}
  .vision .info02 .ybox:nth-child(odd) {padding:0 0 0 40px;}
  .vision .info02 .ybox:nth-child(even) {padding:0 40px 0 0;}
  .vision .info02 .ybox h5 {font-size:1.5em;}
}

@media all and (min-width:1200px) {
  .vision .info01 dl ul {padding:20px; border:1px solid var(--border); gap:20px; border-radius:8px;}
  .vision .info01 dl ul li {padding:40px 20px;}
  .vision .info01 dl ul li p {font-size:1.25em;}
  .vision .info02 .ybox h5 {font-size:1.75em;}
}


/*회사소개 - CI/BI*/
.ci .info01 {padding:20px; border:1px solid var(--border); border-radius:8px; text-align:center;}
.ci .info01 img.img01 {width:min(80%, 720px);}
.ci .info01 img.img02 {width:min(40%, 420px);}
.ci .info01 div {background:var(--lbg); border-radius:8px; padding:20px;}
.ci .info02 {padding:20px; border:1px solid var(--border); border-radius:8px; text-align:center; background:url('../img/about/ci_grid.png');}
.ci .info02 img {width:min(80%, 420px);}
.ci .info03 {display:flex; flex-wrap:wrap; align-items:center; gap:20px 0;}
.ci .info03 .col {width:20vw; height:20vw; border-radius:100%; flex-shrink:0; flex-grow:0; border:10px solid rgba(255,255,255,0.1); box-sizing:border-box;}
.ci .info03 .col.col01 {background:#151861;}
.ci .info03 .col.col02 {background:#e60212;}
.ci .info03 .txt {width:calc(100% - 20vw); padding:0 20px;}
.ci .info03 .txt .t01 {margin:0 0 10px;}
.ci .info03 .txt dl {display:flex; flex-wrap:wrap; color:#72727a;}
.ci .info03 .txt dt {width:6em; font-weight:500;}
.ci .info03 .txt dd {width:calc(100% - 6em);}

@media all and (min-width:768px) {
  .ci .info03 .col {width:10vw; height:10vw;}
  .ci .info03 .txt {width:calc(100% - 10vw);}
}

@media all and (min-width:1200px) {
  .ci .info01 {padding:40px;}
  .ci .info01 div {padding:40px;}
  .ci .info02 {padding:40px;}
  .ci .info03 .txt {width:calc(50% - 10vw);}
}


/*회사소개 - 조직도*/
:root {--orgline:20px;}
.org ul:after,
.org dl:after {display:none;}
.org .info01 {position:relative; text-align:center;}
.org .info01:after {content:''; display:inline-block; width:1px; height:calc(100% - 50px); background:var(--border); position:absolute; left:50%; top:0; z-index:0;}
.org .info01 li {position:relative; z-index:1;}
.org .info01 .dep01 {display:flex; align-items:stretch; justify-content:space-between; gap:0 2%; position:relative;}
.org .info01 .dep01:after {content:''; display:inline-block; width:50%; height:1px; background:var(--border); position:absolute; left:50%; top:50%; z-index:0;}
.org .info01 .dep01 li {width:32%; display:flex; align-items:center; justify-content:center; color:#fff; padding:10px; font-weight:500; border-radius:8px;}
.org .info01 .dep01 li:nth-child(1) {margin:0 0 0 auto; background:var(--col01); background:linear-gradient(90deg, var(--col01) 0%, var(--col02) 100%); color:#fff;}
.org .info01 .dep01 li:nth-child(2) {background:var(--col01);}
.org .info01 .dep02 {margin:var(--orgline) 0 0 50%;}
.org .info01 .dep02 li {width:64%; display:flex; align-items:center; justify-content:center; color:#fff; padding:10px; font-weight:500; margin:0 0 0 36%; background:#3e454e; position:relative; border-radius:8px;}
.org .info01 .dep02 li:after {content:''; display:inline-block; width:56.25%; height:1px; background:var(--border); position:absolute; left:-56.25%; top:50%; z-index:0;}
.org .info01 .dep02 li:nth-child(1) {margin-bottom:10px;}
.org .info01 .dep03 {margin:var(--orgline) 0 0; position:relative;}
.org .info01 .dep03 li {font-weight:500; position:relative;}
.org .info01 .dep03 li:not(:last-of-type) {margin-bottom:var(--orgline);}
.org .info01 .dep03 h5 {font-weight:500; background:#7E8898; color:#fff; padding:10px; border-radius:8px;}
.org .info01 .dep03 dl {display:flex;  gap:0 2%;}
.org .info01 .dep03 dd {width:32%;; margin:var(--orgline) 0 0; position:relative;}
.org .info01 .dep03 dd:after {content:''; display:inline-block; width:1px; height:var(--orgline); background:var(--border); position:absolute; left:50%; bottom:100%; z-index:0;}
.org .info01 .dep03 li:nth-child(2) dd:nth-of-type(2):after {display:none;}
.org .info01 .dep03 dd h6 {background:var(--lbg); border:1px solid var(--border); font-weight:600; color:#555; padding:10px; border-radius:8px;}
.org .info01 .dep03 dd p {background:#fff; border:1px solid var(--border); border-top:0; color:#666; padding:10px;}

@media all and (min-width:768px) {
  :root {--orgline:30px;}
  .org .info01 .dep01 li,
  .org .info01 .dep02 li,
  .org .info01 .dep03 h5 {font-size:1.1em;}
  .org .info01 .dep03 {display:flex; align-items:stretch; justify-content:space-between; gap:0 2%; padding:var(--orgline) 0 0;}
  .org .info01 .dep03:after {content:''; display:inline-block; width:68%; height:1px; background:var(--border); position:absolute; left:16%; top:0; z-index:0;}
  .org .info01 .dep03 li {width:32%;}
  .org .info01 .dep03 li:not(:nth-child(2)):after {content:''; display:inline-block; width:1px; height:var(--orgline); background:var(--border); position:absolute; left:50%; bottom:100%; z-index:0;}
  .org .info01 .dep03 dd:not(:last-of-type) {margin-bottom:0;}
}

@media all and (min-width:1200px) {
  :root {--orgline:40px;}
  .org .info01 .dep01 li,
  .org .info01 .dep02 li,
  .org .info01 .dep03 h5 {padding:20px;font-size: 1.25em;}
  .org .info01 .dep03 dd h6 {font-size:1.1em;}
    .org .info01 .dep01 li{font-size: 1.7em;letter-spacing: -1.5px;}
}


/*회사소개 - 찾아오시는길*/
.loc .info01 {border-top:2px solid #444;}
.loc .info01 .acc-item {border-bottom:1px solid var(--border);}
.loc .info01 .acc-item .add {padding:20px; display:flex; align-items:center; justify-content:space-between;}
.loc .info01 .acc-item .add dl {width:calc(100% - 40px); padding:0 20px 0 0;}
.loc .info01 .acc-item .add dl::after {display:none;}
.loc .info01 .acc-item .add dt {font-size:1.25em; font-weight:600; margin:0 0 10px; display:flex; align-items:center;}
.loc .info01 .acc-item .add dt em {font-size:0.85em; color:var(--col02); display:flex; align-items:center;}
.loc .info01 .acc-item .add dt em:before {content:''; display:inline-block; width:1px; height:0.8em; background:var(--border); margin:auto 10px;}
.loc .info01 .acc-item .add dd {font-weight:500;}
.loc .info01 .acc-item .add button {display:flex; align-items:center; justify-content:center; width:40px; height:40px; background:#7E8898; border-radius:100%; border:0;}
.loc .info01 .acc-item .add button:after {display:block; clear:both; content:""; border-top:2px solid #fff; border-right:2px solid #fff; width:6px; height:6px; transform:rotate(135deg); transition:0.3s;}
.loc .info01 .acc-item .add button.on:after {transform:rotate(315deg);}
.loc .info01 .acc-content {max-height:0; overflow:hidden;transition:max-height 0.3s ease; flex-shrink:0;}
.loc .info01 .acc-content dl.info {margin:0 0 20px; padding:20px; background:var(--lbg); border-radius:8px;}
.loc .info01 .acc-content dl.info dt {font-weight:600; color:var(--col02);}

.loc .mapwrap {width:100%; height:400px; overflow:hidden; border:1px solid var(--border); margin:0 0 20px; border-radius:8px; overflow:hidden;}
.loc .mapwrap .cont {display:none;}
.loc .mapwrap .map_border {display:none;}
.loc .mapwrap .wrap_controllers {display:none;}
.loc .wrap_map button {height:unset;}

@media all and (min-width:768px) {
  .loc .info01 .acc-item .add dl {display:flex; align-items:center; justify-content:space-between; padding:0 40px 0 0;}
  .loc .info01 .acc-item .add dt {font-size:1.5em; margin:0;}
  .loc .info01 .acc-item .add dd {font-size:1.1em;}
  .loc .info01 .acc-content dl.info {display:flex; gap:1em;}
}

@media all and (min-width:1200px) {
  .loc .info01 .acc-item .add dd {font-size:1.25em;}
}


/*사업소개 - 리스트*/
.biz_li {display:flex; flex-wrap:wrap; gap:40px;}
.biz_li:after {display:none;}
.biz_li li {width:100%;}
.biz_li li .img {border:1px solid var(--border); position:relative; overflow:hidden; width:100%; padding-top:56.25%;}
.biz_li li .img img {position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; object-position:center;}
.biz_li li .txt {margin:20px 0 0;}
.biz_li li .txt .name {font-size:1.25em; font-weight:500;}
.biz_li li .txt .spec {margin:20px 0 0; display:grid; grid-template-columns:max-content auto; border-top:2px solid #444;}
.biz_li li .txt .spec dt,
.biz_li li .txt .spec dd {padding:5px 10px; border-bottom:1px solid var(--border);}
.biz_li li .txt .spec dt {font-weight:500;}
.biz_li li .txt .spec dd {color:#72727a;}
.certi_li {display:flex; flex-wrap:wrap; gap:20px 2%;}
.certi_li:after {display:none;}
.certi_li li {width:49%; text-align:center;}
.certi_li li .img {border:1px solid var(--border);}
.certi_li li .img img {width:100%;}
.certi_li li p {margin:20px 0 0; font-weight:500;}

@media all and (min-width:768px) {
  .biz_li li {width:calc(50% - 20px);}
  .biz_li li .txt .spec dt,
  .biz_li li .txt .spec dd {padding:10px;}
}

@media all and (min-width:1200px) {
  .biz_li {gap:40px 60px;}
  .biz_li li {width:calc(50% - 30px);}
  .biz_li li .txt {margin:30px 0 0;}
  .biz_li li .txt .name {font-size:1.5em;}
  .certi_li li {width:23.5%;}
}


/*사업소개 - 디자인 요소*/
.biz table {min-width:720px; width:100%;}
.biz table img {width:100%;}
.biz .info01 {display:flex; flex-wrap:wrap; gap:30px; text-align:center;}
.biz .info01 .box {width:100%; border:1px solid var(--border); border-radius:8px; padding:20px; display:flex; flex-wrap:wrap; position:relative;}
.biz .info01 .box:before {content:''; display:inline-block; width:10%; height:4px; position:absolute; top:0; background:var(--col01); background:var(--col01); background:linear-gradient(90deg, var(--col01) 0%, var(--col03) 100%); left:45%; transition:0.3s; border-radius:0 0 8px 8px;}
.biz .info01 .box:hover:before {width:20%; left:40%;}
.biz .info01 .box > * {width:100%;}
.biz .info01 .box p.desc {color:#72727a; margin:10px 0 0;}
.biz .info01 .box img {margin-top:auto; border-radius:8px;}
.biz .info01 .box a {background:var(--col01); background:linear-gradient(90deg, var(--col01) 0%, var(--col02) 100%); color:#fff; display:flex; align-items:center; justify-content:center; text-align:center; padding:10px; width:100%; gap:10px; font-weight:600; margin:20px 0 0; border-radius:8px;}
.biz .info01 .box a:after {display:inline-block; content:""; width:1em; height:1em; background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fff'><path d='M10 6V8H5V19H16V14H18V20C18 20.5523 17.5523 21 17 21H4C3.44772 21 3 20.5523 3 20V7C3 6.44772 3.44772 6 4 6H10ZM21 3V11H19L18.9999 6.413L11.2071 14.2071L9.79289 12.7929L17.5849 5H13V3H21Z'/></svg>"); background-repeat:no-repeat; background-size:contain; background-position:center;}
.biz .info02 {display:flex; flex-wrap:wrap; gap:40px 2%;}
.biz .info02 ul {width:100%; display:flex; text-align:center; justify-content:space-between; border:1px solid var(--border); padding:20px; background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='80 -880 800 800' fill='%230E3D8A'><path d='M507-480 384-357l56 57 180-180-180-180-56 57 123 123ZM480-80q-83 0-156-31.5T197-197q-54-54-85.5-127T80-480q0-83 31.5-156T197-763q54-54 127-85.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 83-31.5 156T763-197q-54 54-127 85.5T480-80Z'/></svg>"); background-repeat:no-repeat; background-position:center; background-size:20px;}
.biz .info02 ul:after {display:none;}
.biz .info02 ul li {width:45%;}
.biz .info02 ul li img {width:100%;}
.biz .info02 ul li p {font-weight:500; font-size:0.9em; margin:10px 0 0;}

@media all and (min-width:768px) {
  .biz .info01 {gap:0 2%;}
  .biz .info01 .box {width:32%; padding:40px 20px;}
  .biz .info02 ul {width:49%;}
}

@media all and (min-width:1200px) {
}


/*인증현황*/
.certi .info01 ul {display:flex; flex-wrap:wrap; gap:20px 2%;}
.certi .info01 ul li {width:49%;}
.certi .info01 ul li .img {position:relative; -webkit-box-shadow:0 0 20px 0 rgba(0,0,0,0.1); -moz-box-shadow:0 0 20px 0 rgba(0,0,0,0.1); box-shadow:0 0 20px 0 rgba(0,0,0,0.1);}
.certi .info01 ul li .img a {font-family:var(--ic); display:flex; align-items:center; justify-content:center; text-align:center; background:var(--col03); color:#fff; width:40px; height:40px; border-radius:8px; position:absolute; right:10px; bottom:10px; font-size:1.25em;}
.certi .info01 ul li .img a:after {content:''; display:inline-block; width:24px; height:24px; background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="%23fff"><path d="M9.5 3a6.5 6.5 0 0 1 5.18 10.41l5.45 5.46-1.42 1.42-5.46-5.45A6.5 6.5 0 1 1 9.5 3zm0 2a4.5 4.5 0 1 0 0 9 4.5 4.5 0 0 0 0-9z"/></svg>') no-repeat center/contain;}
.certi .info01 ul li p {font-weight:600; padding:10px; text-align:center;}

@media all and (min-width:768px) {
}

@media all and (min-width:1200px) {
  .certi .info01 ul li {width:32%;}
}


/*채용안내 - 채용정보*/
.rinfo ul:after,
.rinfo dl:after {display:none;}
.rinfo .info01 dl {display:flex; flex-wrap:wrap; align-items:stretch; border-top:2px solid #444;}
.rinfo .info01 dt,
.rinfo .info01 dd {border-bottom:1px solid var(--border); width:100%; display:flex; align-items:center; padding:10px;}
.rinfo .info01 dt {font-weight:600; justify-content:center; text-align:center;}
.rinfo .info01 dd {}
.rinfo .info02 ul li {display:flex; align-items:center; gap:10px;}
.rinfo .info02 ul li:before {content:''; display:inline-block; width:1em; height:1em; background:url('../img/ic_check.svg') no-repeat center center / cover;}
.rinfo .info03 ul {border:1px solid var(--border); padding:20px; border-radius:8px; display:flex; flex-wrap:wrap; gap:20px 2%;}
.rinfo .info03 ul li {width:49%; background:var(--lbg); border-radius:8px; display:flex; align-items:center; justify-content:center; text-align:center; padding:10px; font-weight:500;} 
.rinfo .info03 ul li img {width:min(80%, 60px); display:block; margin:0 auto 10px;}
.rinfo .info03 ul li .t01 {background:#72727a; color:#fff; display:inline-flex; padding:0 10px; border-radius:10px;}
.rinfo .info03 ul li .t02 {font-size:1.1em; font-weight:500; margin:10px 0 0;}
.rinfo .btn01 {background:var(--col01); background:linear-gradient(90deg, var(--col01) 0%, var(--col02) 100%); color:#fff; /* display:flex; */ align-items:center; justify-content:center; text-align:center; padding:10px; width:200px; gap:10px; font-weight:600; border-radius:8px;}
.rinfo .btn01:after {content:'' ;display:inline-block; width:1.2em; height:1.2em; background:url('../img/ic_down.svg') no-repeat center center / cover;}

@media all and (min-width:768px) {
  .rinfo .info01 dl {font-size:1.1em;}
  .rinfo .info01 dt {width:20%;}
  .rinfo .info01 dd {width:80%;}
  .rinfo .info02 ul {font-size:1.1em;}
  .rinfo .info03 ul li {width:32%;}
}

@media all and (min-width:1200px) {
  .rinfo .info01 dt,
  .rinfo .info01 dd {padding:20px;}
  .rinfo .info03 ul li {width:18.4%; padding:40px 20px;}
  .rinfo .info03 ul li .t02 {font-size:1.25em;}
}


/*이용약관*/
.terms h3 {font-size:1.1em; font-weight:500; margin:20px 0;}
.terms h3:nth-child(1) {margin-top:0;}


/*개인정보처리방침*/
.privacy h3 {font-size:1.1em; font-weight:500; margin:20px 0;}
.privacy h3:nth-child(1) {margin-top:0;}
.privacy strong {display:block; margin:20px 0 0;}


/*사이트맵*/
.sitemap ul {display:flex; flex-wrap:wrap; gap:40px 2%;}
.sitemap ul li {width:49%; background:var(--lbg);}
.sitemap ul li > a {background:var(--col01); background:linear-gradient(90deg, var(--col01) 0%, var(--col02) 100%); color:#fff; padding:5px 10px; font-size:1.1em; font-weight:500; display:flex;}
.sitemap dl {padding:10px;}
.sitemap dd {margin:0 0 10px;}
.sitemap dd:last-of-type {margin:0;}
.sitemap a {display:flex; align-items:center; gap:5px; transition:0.3s;}
.sitemap a:hover {font-weight:500;}
.sitemap a[target="_blank"]:after {display:inline-block; content:""; width:18px; height:24px; background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23555'><path d='M10 6V8H5V19H16V14H18V20C18 20.5523 17.5523 21 17 21H4C3.44772 21 3 20.5523 3 20V7C3 6.44772 3.44772 6 4 6H10ZM21 3V11H19L18.9999 6.413L11.2071 14.2071L9.79289 12.7929L17.5849 5H13V3H21Z'/></svg>"); background-repeat:no-repeat; background-size:contain; background-position:center;}

@media all and (min-width:768px) {
  .sitemap ul li {width:32%;}
  .sitemap ul li > a {padding:10px 20px;}
  .sitemap dl {padding:20px;}
}

@media all and (min-width:1200px) {
  .sitemap ul li {width:unset; flex:1; flex-shrink:0;}
}


/*사이트맵 오버레이 버튼*/
#header .gnb-top .sitemap-btn {position:absolute; left:0; top:25px;}
#header .gnb-top .sitemap-btn button {width:40px; height:40px; position:relative; background:transparent; border:0; padding:0; cursor:pointer; display:none; place-items:center;}
#header .gnb-top .sitemap-btn button .line {position:absolute; left:50%; width:30px; height:3px; background:#fff; transition:transform .28s cubic-bezier(.2,.7,.2,1);}
body.bodyWrap #header .gnb-top .sitemap-btn button .line {background:#444;}
#header .gnb-top .sitemap-btn button .line1 {top:25%; transform:translateX(-50%);}
#header .gnb-top .sitemap-btn button .line2 {top:50%; transform:translateX(-50%);}
#header .gnb-top .sitemap-btn button .line3 {top:75%; transform:translateX(-50%);}
#header .gnb-top .sitemap-btn button.open .line1 {top:50%; transform:translateX(-50%) rotate(45deg);}
#header .gnb-top .sitemap-btn button.open .line2 {opacity:0;}
#header .gnb-top .sitemap-btn button.open .line3 {top:50%; transform:translateX(-50%) rotate(-45deg);}
#header .gnb-top .sitemap-btn:focus {outline:0;}
body.sitemap-overlay #hs2 {background:rgba(0,0,0,0.9);}
body.bodyWrap #hs2,
body.scroll #hs2 {background:unset;}

@media all and (min-width:1280px) {
    #header .gnb-top .sitemap-btn button {display:inline-grid;}
}


/*사이트맵 오버레이 내용*/
#sitemapOverlay {opacity:0; transition:opacity 0.3s ease; position:absolute; top:175px; width:100%; height:100%; background:rgba(0,0,0,0.9); z-index:9999; padding:40px 0; display:none; color:#fff; backdrop-filter:blur(5px); -webkit-backdrop-filter:blur(5px);}
body.scroll #sitemapOverlay {top:75px;}
body.bodyWrap #sitemapOverlay {background:rgba(255,255,255,0.9); color:unset; top:0;}
#sitemapOverlay.show {display:block; opacity:1;}
#sitemapOverlay .pdinner {max-width:1080px;}
#sitemapOverlay ul {display:flex; flex-wrap:wrap; gap:40px 4%;}
#sitemapOverlay ul li {width:48%;}
#sitemapOverlay ul li:nth-child(1),
#sitemapOverlay ul li:nth-child(2) {width:100%;}
#sitemapOverlay a[target="_blank"]:after {display:inline-block; content:""; width:0.8em; height:0.8em; background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fff'><path d='M10 6V8H5V19H16V14H18V20C18 20.5523 17.5523 21 17 21H4C3.44772 21 3 20.5523 3 20V7C3 6.44772 3.44772 6 4 6H10ZM21 3V11H19L18.9999 6.413L11.2071 14.2071L9.79289 12.7929L17.5849 5H13V3H21Z'/></svg>"); background-repeat:no-repeat; background-size:contain; background-position:center; margin-left:0.4em;}
body.bodyWrap #sitemapOverlay a[target="_blank"]:after {background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23444'><path d='M10 6V8H5V19H16V14H18V20C18 20.5523 17.5523 21 17 21H4C3.44772 21 3 20.5523 3 20V7C3 6.44772 3.44772 6 4 6H10ZM21 3V11H19L18.9999 6.413L11.2071 14.2071L9.79289 12.7929L17.5849 5H13V3H21Z'/></svg>");}

#sitemapOverlay .dep01 {font-size:1.5em; font-weight:700; border-bottom:1px solid #fff; padding-bottom:10px;}
body.bodyWrap #sitemapOverlay .dep01 {border-color:#444;}
#sitemapOverlay .dep02 {display:grid; grid-template-columns:repeat(auto-fit, minmax(0, 1fr)); gap:20px; padding:20px; border-bottom:1px solid rgba(255,255,255,0.2);}
body.bodyWrap #sitemapOverlay .dep02 {border-color:rgba(0,0,0,0.1);}
#sitemapOverlay .dep02 > div > a {font-weight:600;}
#sitemapOverlay .dep03 {padding:10px 0 0;}
#sitemapOverlay .dep03 a {display:block;}



/*esg*/

.esg {}

.esg .esg-tabs {
    display: flex;
    gap: 10px;
    justify-content: center;
    margin-bottom: 20px;
}
.esg .esg-tabs li {}
.esg .esg-tabs li.active {}
.esg .esg-tabs li a {
    border: 1px solid #dedede;
    display: block;
    text-align: center;
    padding: 10px 15px;
    border-radius: 5px;
    font-weight: 500;
}

.esg .esg-tabs li.active a{color:#151861;border-color: #151861;background: linear-gradient(90deg, var(--col01) 0%, var(--col02) 100%);color: #fff;}
.esg .bg {
    padding-top: 80px;
}
.esg .bg.bg01 {
    background-image: url(/img/ethics/bg-e1.jpg);
    background-position: center;
}
.esg .bg.bg02 {
    background-image: url(/img/ethics/bg-e2.jpg);
    background-position: center;
}
.esg .bg.bg03 {
    background-image: url(/img/ethics/bg-e3.jpg);
    background-position: center;
}

.esg .bg .pdinner {
    /* background: #fff; */
}
.esg .bg .pdinner .cont {
    background: #fff;
    padding: 20px;
    border-radius: 10px 10px 0 0;
    margin-bottom: 50px;
    width: 100%;
}
.esg .bg .pdinner .cont strong {
    color: #151861;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 20px;
    display: block;
}
.esg .bg .pdinner .cont strong span {
    display: block;
    color: #444;
    font-weight: 500;
    font-size: 16px;
}
.esg .bg .pdinner .cont p {
    color: #444;
    font-size: 14px;
}
.esg .bg-gr{
    background: #f8f8f8;
    /* padding: 50px 0; */
    border-radius: 10px;
    padding: 20px;
}
.esg .pdinner {
}
.esg .pdinner .txt {
    font-size: 16px;
}
.esg .pdinner .txt.mb20 {}
.esg .pdinner .txt.mb10 {}

.esg .pdinner .tlt {
    font-weight: 600;
    margin-bottom: 5px;
}

.esg .pdinner .dot-list {}
.esg .pdinner .dot-list li {
    font-size: 15px;
    position: relative;
    padding-left: 11px;
    color: #444;
}
.esg .pdinner .dot-list li:after{
  display:block;
  clear:both;
  content:"";
  width: 3px;
  height: 3px;
  background: #888;
  position: absolute;
  top: 8px;
  left: 0;
  border-radius: 50%;
}

@media all and (min-width:768px) {
.esg {}

.esg .esg-tabs {}
.esg .esg-tabs li {}
.esg .esg-tabs li.active {}
.esg .esg-tabs li a {}

.esg .bg {}
.esg .bg.bg01 {}

.esg .bg .pdinner {}
.esg .bg .pdinner .cont {}
.esg .bg .pdinner .cont strong {}
.esg .bg .pdinner .cont strong span {}
.esg .bg .pdinner .cont p {}

.esg .pdinner {}
.esg .pdinner .txt {}
.esg .pdinner .txt.mb20 {}
.esg .pdinner .txt.mb10 {}

.esg .pdinner .tlt {}

.esg .pdinner .dot-list {}
.esg .pdinner .dot-list li {}

}
@media all and (min-width:1280px) {
.esg {}

.esg .esg-tabs {
    gap: 15px;
    margin-bottom: 50px;
}
.esg .esg-tabs li {}
.esg .esg-tabs li.active {}
.esg .esg-tabs li a {
    width: 200px;
    height: 55px;
    line-height: 55px;
    padding: 0px;
    font-size: 18px;
}

.esg .bg {
    padding-top: 260px;
    height: 400px;
    position: relative;
}
.esg .bg {
    margin-bottom: 110px;
}

.esg .bg .pdinner {}
.esg .bg .pdinner .cont {
    padding: 50px;
    margin-bottom: 50px;
    position: absolute;
    top: 0px;
    left: 0;
    margin-bottom: 0px;
}
.esg .bg .pdinner .cont strong {
    font-size: 24px;
}
.esg .bg .pdinner .cont strong span {
    font-size: 18px;
    display: inline-block;
    margin-left: 15px;
}
.esg .bg .pdinner .cont p {
    font-size: 17px;
}
.esg .bg-gr{
    /* padding: 100px 0; */
    padding: 50px;
}
.esg .pdinner {}
.esg .pdinner .txt {
    font-size: 18px;
}
.esg .pdinner .txt.mb20 {}
.esg .pdinner .txt.mb10 {}

.esg .pdinner .tlt {
    font-size: 20px;
    margin-bottom: 8px;
}

.esg .pdinner .dot-list {}
.esg .pdinner .dot-list li {
    font-size: 16px;
}
    .esg .pdinner .dot-list li:after{
    top: 10px;
}

}

/*자회사*/

.biz.lay .info01 .box a{
    background: none;
    gap: 0px;
    margin: 0;
    padding: 0px;
}
.biz .info01 .box .h_l{
    font-size: 1.5em !important;
    margin-top: 30px;
}


.pdl10{padding-left:10px;}
.pdl15{padding-left:20px;}





/*고객사*/


.client {
    width: 100%;
    padding: 40px 0;
}

.client .pdinner {
    width: 90%;
    max-width: 1400px;
    margin: 0 auto;
    text-align: center;
}

.client .pdinner .txt {
    font-size: 18px;
    font-weight: 600;
    color: #333;
    line-height: 1.4;
    margin-bottom: 25px;
}

.client .pdinner .txt span {
    font-size: 26px;
    font-weight: 700;
    color: var(--col03); /* 포인트 컬러 */
}

.client .banner-list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
    align-items: center;
    padding: 0;
    margin: 0;
    list-style: none;
}

.client .banner-list li {
    border: 1px solid #ddd;
    background: #fff;
    border-radius: 6px;
    padding: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.client .banner-list li img {
    width: 100%;
    max-width: 130px;
    height: auto;
    display: block;
    object-fit: contain;
}


/* ===========================================
   768px 이상 (태블릿)
=========================================== */
@media (min-width: 768px) {

    .client .pdinner .txt {
        font-size: 20px;
    }

    .client .pdinner .txt span {
        font-size: 30px;
    }

    .client .banner-list {
        grid-template-columns: repeat(4, 1fr);
        gap: 16px;
    }

    .client .banner-list li {
        padding: 18px 10px;
    }

    .client .banner-list li img {
        max-width: 150px;
    }
}


/* ===========================================
   1200px 이상 (PC)
=========================================== */
@media (min-width: 1200px) {

    .client {
        padding: 60px 0;
    }

    .client .pdinner .txt {
        font-size: 32px;
        /* font-weight: 400; */
        margin-bottom: 35px;
    }

    .client .pdinner .txt span {
        font-size: 36px;
    }

    .client .banner-list {
        grid-template-columns: repeat(6, 1fr);
        gap: 20px;
    }

    .client .banner-list li {
        padding: 22px 12px;
        transition: all .3s;
    }

    .client .banner-list li:hover {
        border-color: var(--col03);
        box-shadow: 0 4px 12px rgba(0,0,0,0.08);
    }

    .client .banner-list li img {
        max-width: 160px;
    }
}