.col01 {color:var(--col01) !important;}
.col02 {color:var(--col02) !important;}
.waitbox {text-align:center; border:5px solid #f5f5f5; padding:40px 20px;}
.waitbox img {width:100%; max-width:160px; margin:0 auto 20px;}
.waitbox .t01 {font-size:1.5em; font-weight:700;}

/*sub*/
#sub .titbox {display:flex; flex-wrap:wrap;}
#sub .titbox .tit {width:100%; margin:0 0 20px;}
#sub .titbox .tit h3 {font-size:1.5em; font-weight:800;}
#sub .titbox .txt {width:100%;}
#sub .fullbox {padding:40px 0 60px;}
#sub .subtab {display:flex; gap:0 10px; align-items:stretch; text-align:center; background:#f5f5f6; padding:10px;}
#sub .subtab a {display:flex; align-items:center; justify-content:center; font-weight:600; color:#50556490; padding:15px 10px; flex-shrink:0; word-break:break-all; width:calc(50% - 5px);}
#sub .subtab a.on {background:var(--col01); color:#fff;}
#sub .tabwrap {overflow-x:auto;}
#sub .tab01 {border-top:2px solid var(--col01); 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:#f5f5f6;}
#sub .tabwrap .cirnum {display:flex; align-items:center; justify-content:center; width:20px; height:20px; border-radius:100%; background:var(--col01); color:#fff; font-weight:600; font-size:0.8em; margin:0 auto 2px;}

@media all and (min-width:768px) {
  #sub .titbox .tit {width:min(25%, 350px); padding:0 60px 0 0;}
  #sub .titbox .tit h3 {font-size:1.75em; padding:0 0 20px; border-bottom:2px solid #404040;}
  #sub .titbox .txt {width:max(75%, calc(100% - 350px));}
  #sub .subtab a {width:fit-content; min-width:120px;}
}

@media all and (min-width:1200px) {
  #sub .titbox .tit h3 {font-size:1.75em;}
  #sub .fullbox {padding:60px 0 80px;}
  #sub .subtab {gap:0 20px;}
  #sub .tab01 th,
  #sub .tab01 td {padding:0.6em;}
}


/*회사소개 - 개요*/
#sub .overview .info01 {background:#f5f5f6 url('../img/sub01/overview_bg01.jpg') no-repeat center center / cover;}
#sub .overview .info01 h2 {font-size:1.5em; font-weight:800; margin:0 0 10px;}
#sub .overview .info01 h3 {font-weight:700; color:#888;}
#sub .overview .info01 ul {display:flex; flex-wrap:wrap; gap:20px; margin:40px 0 0;}
#sub .overview .info01 li {width:calc(50% - 10px); background:#fff; padding:20px;}
#sub .overview .info01 li h5 {margin:0 0 10px; font-weight:700;}
#sub .overview .info01 li p {font-weight:700; font-size:1.1em; color:var(--col01);}
#sub .overview .info02 > div {display:flex; align-items:stretch; justify-content:space-between; gap:0 2%; margin:30px 0 0; position:relative;}
#sub .overview .info02 > div p {flex:1; max-width:23.5%; text-align:center; font-weight:700; padding:15px 10px; position:relative; z-index:1;}
#sub .overview .info02 > div p.bb:after {content:''; display:inline-block; width:1px; height:30px; background:var(--border); position:absolute; left:50%; bottom:-30px;}
#sub .overview .info02 .dep01 {justify-content:center; margin:0;}
#sub .overview .info02 .dep02:before {content:''; display:inline-block; width:100%; height:1px; background:var(--border); position:absolute; left:0; top:50%; z-index:0;}
#sub .overview .info02 .dep03 {padding-top:30px;}
#sub .overview .info02 .dep03:before {content:''; display:inline-block; width:76.5%; height:1px; background:var(--border); position:absolute; left:11.75%; top:0; z-index:0;}
#sub .overview .info02 .dep01 p {background:var(--col01); color:#fff;}
#sub .overview .info02 .dep02 p {background:#505564; color:#fff;}
#sub .overview .info02 .dep03 p {background:#f5f5f6;}
#sub .overview .info02 .dep03 p:before {content:''; display:inline-block; width:1px; height:30px; background:var(--border); position:absolute; left:50%; top:-30px;}
#sub .overview .info02 .dep03 p em {display:block; font-size:0.9em; line-height:1.2; margin:5px 0 0;}

@media all and (min-width:768px) {
  #sub .overview .info01 h2 {font-size:1.75em;}
  #sub .overview .info01 ul {gap:0 20px;}
  #sub .overview .info01 li {flex:1;}
}

@media all and (min-width:1200px) {
  #sub .overview .info01 h2 {font-size:2.25em;}
  #sub .overview .info01 h3 {font-size:1.1em;}
  #sub .overview .info01 li {padding:30px;}
  #sub .overview .info01 li p {font-size:1.25em;}
}


/*회사소개 - CI/BI소개*/
#sub .cibi .info01 ul {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:20px 2%;}
#sub .cibi .info01 ul li {width:100%;}
#sub .cibi .info01 ul li .img {text-align:center; border:1px solid var(--border); padding:20px 0;}
#sub .cibi .info01 ul li .img img {max-width:90%;}
#sub .cibi .info01 ul li p {color:#505564; margin:20px 0 0; text-align:center;}
#sub .cibi .info01 dl {display:flex; flex-wrap:wrap; gap:20px;}
#sub .cibi .info01 dl dd {width:100%;}
#sub .cibi .info01 dl dd img {max-width:320px; margin:0 auto; display:block;}
#sub .cibi .info01 dl dd p {margin:10px 0 0 ;}
#sub .cibi .info01 ol {display:flex; flex-wrap:wrap; align-items:stretch; justify-content:flex-start; gap:20px 2%;}
#sub .cibi .info01 ol li {width:49%; border:1px solid var(--border); padding:10px;}
#sub .cibi .info01 ol li .col {height:40px; margin:0 0 10px;}
#sub .cibi .info01 ol li .c01 {background:rgb(219,10,23);}
#sub .cibi .info01 ol li .c02 {background:rgb(31,41,106);}
#sub .cibi .info01 ol li .c03 {background:rgb(62,58,57);}
#sub .cibi .info01 ol li .c04 {background:#DB0A17; background:linear-gradient(90deg, rgba(219, 10, 23, 1) 0%, rgba(31, 41, 106, 1) 100%);}
#sub .cibi .info01 ol li .c05 {background:rgb(0,0,0);}
#sub .cibi .info01 ol li .t01 {margin:0 0 10px;}
#sub .cibi .info01 ol li .t01 b {font-size:1.15em; display:block;}
#sub .cibi .info01 ol li .t02 {font-size:0.9em; color:#505564;}
#sub .cibi .info01 ol li .t02 b {margin-right:0.4em;}
#sub .cibi .info01 ol li .t03 {font-size:0.9em; color:#505564; display:flex; justify-content:space-between;}
#sub .cibi a.download {display:flex; align-items:center; justify-content:center; width:min(50%, 200px); padding:10px; background:#505564; color:#fff; text-align:center; margin:0 auto; gap:0 10px;}
#sub .cibi a.download:after {content:'download'; font-family:var(--ic);}

@media all and (min-width:768px) {
  #sub .cibi .info01 ul li {width:32%;}
  #sub .cibi .info01 ul li.w50 {width:49%;}
  #sub .cibi .info01 ul li .img {padding:30px 0;}
  #sub .cibi .info01 dl dd {flex:1;}
  #sub .cibi .info01 dl dd img {max-width:100%;}
  #sub .cibi .info01 ol li .t02,
  #sub .cibi .info01 ol li .t03 {font-size:14px;}
}

@media all and (min-width:1200px) {
  #sub .cibi .info01 ol li {width:unset; flex:1 1 0;}
}


/*회사소개 - 인사말*/
#sub .intro .info01 {background:#f5f5f6; padding:20px 20px 0; display:flex; align-items:center; flex-wrap:wrap;}
#sub .intro .info01 .txt {width:100%; padding:0 0 20px; text-align:center;}
#sub .intro .info01 .txt h2 {font-weight:800; font-size:1.5em; margin:0 0 10px;}
#sub .intro .info01 .txt h3 {font-weight:700; font-size:1.1em; color:#888;}
#sub .intro .info01 img {width:100%; max-width:300px; margin:0 auto;}
#sub .intro .info02 p {line-height:1.8;}
#sub .intro .info02 .sign {display:flex; align-items:center; justify-content:flex-end; gap:20px; margin:20px 0 0;}
#sub .intro .info02 .sign b {margin:0 10px 0 0;}
#sub .intro .info02 .sign img {width:20%; max-width:160px;}

@media all and (min-width:768px) {
  #sub .intro .info01 {flex-wrap:nowrap;}
  #sub .intro .info01 .txt {width:max(70%, calc(100% - 300px)); text-align:left;}
  #sub .intro .info01 .txt h2 {font-size:1.75em;}
  #sub .intro .info01 img {width:min(30%, 300px);}
}

@media all and (min-width:1200px) {
  #sub .intro .info01 {padding:0 40px; margin-top:20px;}
  #sub .intro .info01 .txt {padding:0;}
  #sub .intro .info01 .txt h2 {font-size:2.25em;}
  #sub .intro .info01 .txt h3 {font-size:1.25em;}
  #sub .intro .info01 img {margin-top:-40px;}
}


/*회사소개 - 연혁*/
#sub .history .info01 {border-top:2px solid #404040; padding-top:40px;}
#sub .history .info01 .tit {margin:0 0 20px;}
#sub .history .info01 .tit h3 {font-weight:800; font-size:1.5em;}
#sub .history .info01 ul {display:flex; flex-wrap:wrap; flex-direction:column-reverse;}
#sub .history .info01 li {width:100%; padding:10px 0;}
#sub .history .info01 li h5 {color:var(--col01); font-weight:700;}
#sub .history .info01 .img {margin:20px 0 0;}
#sub .history .info01 .img img {width:100%;}

@media all and (min-width:768px) {
  #sub .history .info01 {display:flex; align-items:flex-start; gap:0 5%;}
  #sub .history .info01 .tit {width:20%; margin:0;}
  #sub .history .info01 .tit h3 {font-size:1.75em;}
  #sub .history .info01 .tit img {width:100%; margin:20px 0 auto;}
  #sub .history .info01 ul {width:50%;}
  #sub .history .info01 li {display:flex;}
  #sub .history .info01 h5 {width:max(25%, 120px);}
  #sub .history .info01 p {width:min(75%, calc(100% - 120px));}
  #sub .history .info01 .img {width:30%; margin:0;}
}

@media all and (min-width:1200px) {
  #sub .history .info01 .tit h3 {font-size:2em;}
}


/*회사소개 - esg(지속가능경영)*/
#sub .esg .esgtop h2 {font-weight:800; font-size:1.25em; margin:0 0 10px;}
#sub .esg .esgtop h3 {font-weight:700; font-size:1.1em; color:#888;}
#sub .esg .info01 {display:flex; flex-wrap:wrap; gap:20px; text-align:center;}
#sub .esg .info01 li {border:1px solid var(--border); padding:20px; width:calc(49% - 10px); position:relative;}
#sub .esg .info01 li:not(:last-child):after {content:'arrow_right'; font-family:var(--ic); display:flex; align-items:center; justify-content:center; width:20px; height:20px; border-radius:100%; background:#505564; color:#fff; position:absolute; right:-15px; top:calc(50% - 10px); font-size:0.8em;}
#sub .esg .info01 li span {font-weight:700; color:var(--col01);}
#sub .esg .info02 li h4 {font-weight:700; color:var(--col01); font-size:1.25em; margin:0 0 10px;}
#sub .esg .info02 dl {border:1px solid var(--border); display:flex; flex-wrap:wrap; text-align:center;}
#sub .esg .info02 dd {width:100%; display:flex; align-items:center; justify-content:center; padding:10px;}
#sub .esg .info02 dd:not(:last-of-type) {border-bottom:1px solid var(--border);}

@media all and (min-width:768px) {
  #sub .esg .esgtop h2 {font-size:1.5em;}
  #sub .esg .info01 li {width:calc(33.33% - 13.33px);}
  #sub .esg .info02 dd {flex:1; padding:20px;}
  #sub .esg .info02 dd:not(:last-of-type) {border-bottom:0; border-right:1px solid var(--border);}
}

@media all and (min-width:1200px) {
  #sub .esg .esgtop h2 {font-size:2em;}
  #sub .esg .info01 li {flex:1;}
  #sub .esg .info02 li h4 {font-size:1.5em;}
}


/*회사소개 - 오시는 길*/
#sub .map .info01 {display:flex; flex-wrap:wrap; gap:0 5%;}
#sub .map .info01 .titwrap {width:100%; border-top:2px solid #404040; padding:20px 0;}
#sub .map .info01 .mapwrap {width:100%;}
#sub .map .info01 .mapwrap {width:100%; overflow:hidden; border:1px solid var(--border);}
#sub .map .info01 .mapwrap .cont {display:none;}
#sub .map .info01 .mapwrap .map_border {display:none;}
#sub .map .info01 .mapwrap .wrap_controllers {display:none;}
#sub .map .info01 .mapwrap button {height:unset;}
#sub .map .info01 h5 {font-weight:800; font-size:1.25em; margin:0 0 10px;}
#sub .map .info01 dd:not(:last-of-type) {margin-bottom:5px;}
#sub .map .info01 dd:nth-of-type(1) {font-weight:700; margin:0 0 10px;}
#sub .map .info01 dd b {color:var(--col01); font-weight:700; margin-right:0.5em;}

@media all and (min-width:768px) {
  #sub .map .info01 .titwrap {width:min(40%, 400px); padding:40px 0;}
  #sub .map .info01 .mapwrap {width:max(55%, calc(95% - 400px));}
  #sub .map .info01 h5 {font-size:1.5em;}
}

@media all and (min-width:1200px) {
  #sub .map .info01 h5 {font-size:2em; margin:0 0 20px;}
}


/*사업부*/
#sub .divi .imgSlide {position:relative;}
#sub .divi .imgSlide .slick-slide {position:relative;}
#sub .divi .imgSlide .slick-slide > p {display:flex; align-items:center; justify-content:center; width:100px; height:30px;  padding:0 10px; background:#505564; border-radius:100px; color:#fff; position:absolute; left:20px; bottom:20px; z-index:1;}
#sub .divi .imgSlide .slick-slide > img {position:relative; z-index:0;}
#sub .divi .imgSlide .arr {position:absolute; right:20px; bottom:20px; display:flex; color:#fff; gap:5px;}
#sub .divi .imgSlide .arr span {display:flex; align-items:center; justify-content:center; cursor:pointer; background:#20202040; backdrop-filter:blur(10px) brightness(120%); border-radius:100%; width:30px; height:30px; transition:0.3s;}
#sub .divi .imgSlide .arr span:hover {background:var(--col01); backdrop-filter:unset;}
#sub .divi .imgSlide .arr span:after {font-family:var(--ic); font-size:1.25em;}
#sub .divi .imgSlide .arr span.prev:after {content:'chevron_left';}
#sub .divi .imgSlide .arr span.next:after {content:'chevron_right';}
#sub .divi .mapwrap {width:100%;}
#sub .divi .mapwrap .cont {display:none;}

@media all and (min-width:768px) {
  #sub .divi .imgSlide .slick-slide > p {width:120px; height:40px;}
  #sub .divi .imgSlide .arr span {width:40px; height:40px;}
}


/*생산제품*/
#sub .prdt .prdttop h2 {font-weight:800; font-size:1.5em; margin:0 0 10px;}
#sub .prdt .prdttop h3 {font-weight:700; font-size:1.1em; color:#888;}
#sub .prdt .info01 ul {display:flex; flex-wrap:wrap; gap:40px 2%;}
#sub .prdt .info01 li {width:49%;}
#sub .prdt .info01 li img {width:100%; margin:0 0 10px; border:1px solid var(--border);}
#sub .prdt .info01 li .txt {width:100%;}
#sub .prdt .info01 li h4 {font-weight:700; font-size:1.25em;}
#sub .prdt .info01 li h5 {font-weight:700; color:#888; margin:0 0 10px;}
#sub .prdt .info01 li p {font-size:0.9em; word-break:break-all;}
#sub .prdt .info02 ul {display:flex; flex-wrap:wrap; gap:20px 2%;}
#sub .prdt .info02 li {width:49%; text-align:center; background:#f5f5f6;}
#sub .prdt .info02 li h5 {font-weight:700; background:var(--col01); color:#fff; padding:10px;}
#sub .prdt .info02 li p {font-weight:700; color:var(--col01);}
#sub .prdt .info02 li img {width:100%; max-width:400px; margin:20px auto;}
#sub .prdt .info03 {display:flex; flex-wrap:wrap; gap:40px 2%;}
#sub .prdt .info03 .box {width:100%;}
#sub .prdt .info03 .box .img_li li {width:49%;}

@media all and (min-width:768px) {
  #sub .prdt .prdttop h2 {font-size:1.75em;}
  #sub .prdt .info01 ul {gap:0; border-top:2px solid #404040;}
  #sub .prdt .info01 li {width:100%; display:flex; align-items:flex-start; flex-direction:row-reverse; gap:40px; border-bottom:1px solid var(--border); padding:40px 0;}
  #sub .prdt .info01 li img {width:200px; margin:0;}
  #sub .prdt .info01 li .txt {width:calc(100% - 240px);}
  #sub .prdt .info01 li h4 {font-size:1.5em;}
  #sub .prdt .info01 li p {font-size:1em;}
}

@media all and (min-width:1200px) {
  #sub .prdt .prdttop h2 {font-size:2.25em;}
  #sub .prdt .prdttop h3 {font-size:1.25em;}
  #sub .prdt .info01 li {gap:60px;}
  #sub .prdt .info01 li .txt {width:calc(100% - 260px);}
  #sub .prdt .info03 .box {width:49%;}
}


/*적용분야*/
#sub .app .tit {text-align:center;}
#sub .app .tit em {font-weight:700; font-size:0.9em; color:var(--col01); text-transform:uppercase; margin:0 0 20px;}
#sub .app .tit h3 {font-weight:800; font-size:1.5em; margin:0 0 10px;}
#sub .app .tit h5 {font-weight:700; color:#888;}
#sub .app .apptxt {display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:20px; background:#f5f5f6; padding:20px; margin:40px 0 0;}
#sub .app .apptxt h3 {font-size:1.1em; font-weight:800;}
#sub .app .apptxt h5 {color:#888; font-weight:700; font-size:0.9em;}
#sub .app .apptxt a {width:100%; background:var(--col01); color:#fff; display:flex; align-items:center; justify-content:center; height:50px; gap:0.5em;}
#sub .app .apptxt a:after {font-family:var(--ic); content:'chevron_right';}

@media all and (min-width:768px) {
  #sub .app .tit h3 {font-size:1.75em;}
  #sub .app .img_li li {width:49%;}
  #sub .app .apptxt {padding:40px; margin:60px 0 0; flex-wrap:nowrap;}
  #sub .app .apptxt h3 {font-size:1.25em;}
  #sub .app .apptxt a {width:180px;}
}

@media all and (min-width:1200px) {
  #sub .app .tit em {font-size:1em;}
  #sub .app .tit h3 {font-size:2.25em;}
  #sub .app .tit h5 {font-size:1.1em;}
  #sub .app .img_li li {width:23.5%;}
  #sub .app .apptxt h3 {font-size:1.35em;}
  #sub .app .apptxt h5 {font-size:1em;}
}


/*기술 - KEOCOSTEEL*/
#sub .keco .info01 {display:flex; flex-wrap:wrap; align-items:stretch; gap:20px 2%;}
#sub .keco .info01 .box {width:100%; background:#f5f5f6;}
#sub .keco .info01 .box h3 {font-size:1.1em; font-weight:700; text-align:center; background:var(--col01); color:#fff; padding:10px; position:relative;}
#sub .keco .info01 .box:nth-child(1) h3:after {content:'arrow_downward'; font-family:var(--ic); position:absolute; right:10px;}
#sub .keco .info01 ul {padding:20px;}
#sub .keco .info01 li:not(:last-child) {margin:0 0 20px; padding:0 0 20px; border-bottom:1px solid rgba(0,0,0,0.1);}
#sub .keco .info01 li h5 {display:flex; align-items:center; gap:10px; font-weight:700; margin:0 0 10px; font-size:1.1em;}
#sub .keco .info01 li h5 em {background:#505564; color:#fff; display:flex; align-items:center; justify-content:center; padding:0.2em 0.6em; border-radius:100px; font-size:min(0.9em, 14px); font-weight:700;}
#sub .keco .info01 li p.t01 {font-weight:500; color:#fff; display:flex; align-items:center; justify-content:center; padding:0.2em 0.6em; border-radius:100px; width:fit-content; gap:0.5em;}
#sub .keco .info01 li p.t01:before {content:'cycle'; font-family:var(--ic);}
#sub .keco .info01 li p.t01.type01 {background:#ac0000;}
#sub .keco .info01 li p.t01.type02 {background:#009222;}
#sub .keco .info01 dl {padding:20px; padding-top:0 !important; display:flex; flex-wrap:wrap; gap:10px;}
#sub .keco .info01 dl dd {width:100%; display:flex; align-items:center; gap:0.5em; font-weight:600; background:#fff; padding:10px; -webkit-box-shadow:0px 10px 40px 0px rgba(0,0,0,0.05); -moz-box-shadow:0px 10px 40px 0px rgba(0,0,0,0.05); box-shadow:0px 10px 40px 0px rgba(0,0,0,0.05);}
#sub .keco .info01 dl dd:before {font-family:var(--ic); font-size:1.25em;}
#sub .keco .info01 dl.type01 dd:before {content:'cancel'; color:#ac0000;}
#sub .keco .info01 dl.type02 dd:before {content:'check_circle'; color:#009222;}
#sub .keco .img {border:1px solid var(--border);}

@media all and (min-width:768px) {
  #sub .keco .info01 .box h3 {font-size:1.25em;}
  #sub .keco .info01 li h5 {font-size:1.25em;}
}

@media all and (min-width:1200px) {
  #sub .keco .info01 .box {width:49%;}
  #sub .keco .info01 .box:nth-child(1) h3:after {content:'arrow_forward';}
  #sub .keco .info01 ul {padding:30px;}
  #sub .keco .info01 dl {padding:30px;}
}


/*기술 - 제조공정*/
#sub .proc .info01 {display:flex; flex-wrap:wrap; border-top:2px solid #404040;}
#sub .proc .info01 li {border-bottom:1px solid var(--border); padding:10px 0; display:flex; flex-wrap:wrap; width:100%; gap:10px 0;}
#sub .proc .info01 li h5 {font-weight:700; width:100%; display:flex; align-items:center; gap:0.5em; font-size:1.1em;}
#sub .proc .info01 li h5 em {display:flex; align-items:center; justify-content:center; width:1.35em; height:1.35em; border-radius:100%; font-weight:600; background:var(--col01); color:#fff; font-size:0.9em;}
#sub .proc .info01 li p {width:100%;}

@media all and (min-width:768px) {
  #sub .proc .info01 li h5 {width:150px;}
  #sub .proc .info01 li p {width:calc(100% - 150px);}
}

@media all and (min-width:1200px) {
  #sub .proc .info01 li {padding:20px 0;}
}


/*기술 - 주요설비*/
#sub .fac .info01 {display:flex; flex-wrap:wrap; gap:20px 2%; text-align:center;}
#sub .fac .info01 li {width:49%; background:#fff; position:relative; -webkit-box-shadow:0px 10px 40px 0px rgba(0,0,0,0.1); -moz-box-shadow:0px 10px 40px 0px rgba(0,0,0,0.1); box-shadow:0px 10px 40px 0px rgba(0,0,0,0.1);}
#sub .fac .info01 li p {font-weight:600; padding:10px;}

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

@media all and (min-width:1200px) {
  #sub .fac .info01 li {flex:1;}
}


/*고객센터 - 카탈로그*/
#sub .catalog .info01 {background:#f5f5f6; overflow:hidden;}
#sub .catalog .info01 .txt {padding:40px 20px 0;}
#sub .catalog .info01 .txt .t01 {font-size:1.5em; font-weight:800; margin:0 0 10px;}
#sub .catalog .info01 .txt .t02 {font-weight:700; color:#888;}
#sub .catalog .info01 .txt a {display:inline-flex; align-items:center; justify-content:center; text-align:center; background:var(--col01); color:#fff; padding:10px; width:100%; gap:0.5em; font-weight:600;}
#sub .catalog .info01 .txt a:after {content:'download'; font-family:var(--ic);}
#sub .catalog .info01 .img {padding:40px 0 0;}
#sub .catalog .info01 .img img {width:min(80%, 280px); display:block; margin:0 auto -80px; -webkit-box-shadow:0px 10px 40px 0px rgba(0,0,0,0.4); -moz-box-shadow:0px 10px 40px 0px rgba(0,0,0,0.4); box-shadow:0px 10px 40px 0px rgba(0,0,0,0.4);}

@media all and (min-width:768px) {
  #sub .catalog .info01 {display:flex; align-items:center;}
  #sub .catalog .info01 .txt {width:60%; padding:40px;}
  #sub .catalog .info01 .txt .t01 {font-size:1.75em;}
  #sub .catalog .info01 .txt a {max-width:200px;}
  #sub .catalog .info01 .img {width:40%;}
}

@media all and (min-width:1200px) {
  #sub .catalog .info01 .txt .t01 {font-size:2em;}
  #sub .catalog .info01 .txt .t02 {font-size:1.1em;}
}


/*인재채용 - 인재상*/
#sub .recruit .info01 p {font-weight:700; font-size:0.9em; color:var(--col01);}
#sub .recruit .info01 h4 {font-size:1.5em; font-weight:800; margin:0 0 10px;}
#sub .recruit .info01 h5 {font-weight:700; color:#888;}
#sub .recruit .info02 {display:flex; flex-wrap:wrap; gap:20px 2%;}
#sub .recruit .info02 li {width:100%; padding:20px; border:1px solid var(--border);}
#sub .recruit .info02 h4 {font-weight:700; color:#888;}
#sub .recruit .info02 h5 {font-size:1.25em; font-weight:800; margin:0 0 10px;}
#sub .recruit .info03 {display:flex; flex-wrap:wrap; gap:20px 2%;}
#sub .recruit .info03 li {padding:20px; background:#f5f5f6;}

@media all and (min-width:768px) {
  #sub .recruit .info01 h4 {font-size:1.75em;}
  #sub .recruit .info02 li {width:49%;}
}

@media all and (min-width:1200px) {
  #sub .recruit .info01 p {font-size:1em;}
  #sub .recruit .info01 h4 {font-size:2.25em;}
  #sub .recruit .info01 h5 {font-size:1.1em;}
  #sub .recruit .info02 li {width:32%;}
  #sub .recruit .info02 h5 {font-size:1.35em;}
}


/*개인정보처리방침*/
#sub .privacy h4 {font-size:1.25em; font-weight:700;}

@media all and (min-width:768px) {
  #sub .privacy h4 {font-size:1.5em;}
}

/*이메일무단수집거부*/
#sub .noemail .box {background:#f5f5f6; padding:40px 20px;}
#sub .noemail .box h1 {font-size:1.5em; font-weight:700;}

@media all and (min-width:768px) {
  #sub .noemail .box {padding:60px 40px;}
}

@media all and (min-width:1200px) {
  #sub .noemail .box h1 {font-size:2em;}
}

/*사이트맵*/
#sub .sitemap ul {display:flex; flex-wrap:wrap; gap:20px 2%; text-align:center;}
#sub .sitemap li {width:49%; background:#f5f5f6;}
#sub .sitemap li h3 {width:100%; padding:15px; font-weight:700; font-size:1.1em; background:#505564; color:#fff;}
#sub .sitemap li .sub {padding:15px;}
#sub .sitemap li .sub dl {display:flex; flex-wrap:wrap; gap:10px;}
#sub .sitemap li .sub dd {width:100%;}

@media all and (min-width:768px) {
  #sub .sitemap li {width:32%;}
}

@media all and (min-width:1200px) {
  #sub .sitemap ul {gap:40px 2%;}
  #sub .sitemap li {width:23.5%;}
}