@charset "utf-8";
/* doc.css는 디자인페이지 스타일을 정의합니다. */
.c24 {color:#242424 !important;}

.overview {background-image:url('../images/sub/bg_top_building.jpg'); background-size:cover; background-repeat:no-repeat; background-position:50% 50%;}
.overview .tit-140 {color:#fff;}
.overview .scroll_line.black:before, 
.overview .scroll_line.black:after  {background-color:#fff;}

.ceo {background-color:#040000;}
.ceo .flex {padding:170px 0; display:flex;}
.ceo .col-l .s-tit2 {text-align:left; color: #fff; letter-spacing:-.03em;}
.ceo .cnt {padding-left:330px; color:#fff; flex:1;}
.ceo .cnt p {line-height:1.89em; font-weight: 300;}

.pt230 {padding-top:230px;}

.vision strong {font-size:28px; margin-bottom:15px; line-height:1.43em; font-weight:500; letter-spacing:-.03em; display:block;}

.contain.wid2 {max-width: 1340px;}
.vision-vid {width: 100%; aspect-ratio: 1280 / 720; border-radius: 20px; overflow: hidden;}
.vision-vid video {width:100%;}

.ci .fz54 {margin-bottom:40px; color:#242424; display:block; letter-spacing:-.03em; line-height:1.3em; display:block;}
.ci p {line-height:1.89em;}
.ci .dwn {margin-top: 50px; display: flex;}
.ci .dwn a {font-size:14px; line-height:38px; padding:0 12px; margin-right:10px; border:1px solid #000; background: #000; color: #fff; overflow:hidden; position:relative; z-index:1; letter-spacing:-.01em;}
.ci .dwn a:last-child {margin-right:0;}
.ci .dwn a span {width:12px; height:12px; margin:-2px 0 0 10px; vertical-align:middle; display:inline-block; background-image:url('../images/sub/dwn-btn-on.png'); background-size:contain; background-repeat:no-repeat; background-position:50% 50%;}
.ci .dwn a:hover {color:#000; background: #fff;}
.ci .dwn a:hover span {background-image:url('../images/sub/dwn-btn3-on.png');}
.ci .dwn a .bg {position:relative;}
.ci .dwn a i.bg {z-index:1;position:absolute;width:0;height:100%;top:0;transform:skewX(-45deg);left:-50%;transition:all .3s cubic-bezier(.42,0,.58,1);}
.ci .dwn a:hover i.bg {width:200%; background:#fff; z-index:-1;}
.ci .dwn a.company {background:#6147C9; border-color:#6147C9; color:#fff;}
.ci .dwn a.company span {background-image:url('../images/sub/dwn-btn-on.png');}
.ci .dwn a.company:hover {color: #6147C9;}
.ci .dwn a.company:hover span {background-image:url('../images/sub/dwn-btn2-on.png');}
.ci .dwn a.company:hover i.bg {background: #fff;}

.vect-svg {height:500px; display:flex; align-items:center;}

.doc-cnt30 {margin-bottom:30px;}
.doc-cnt50 {margin-bottom:50px;}
.doc-cnt70 {margin-bottom:70px;}
.doc-cnt100 {margin-bottom:100px;}

.ethical-tit {text-align:center;}
.ethical-tit strong {margin-bottom:20px; display:block; color:#242424; letter-spacing:-.03em; line-height:1.3em;}
.ethical-tit p {letter-spacing:-.03em; line-height:1.3em;}

.ethical-tab ul {display:flex;}
.ethical-tab ul li {width:25%; text-align:center;}
.ethical-tab ul li a {font-size:28px; padding:15px 0 35px; display:block; position:relative; border-bottom:1px solid #ddd; color:#878787; font-weight:700; letter-spacing:-.03em;}
.ethical-tab ul li.active a {color:#242424;}
.ethical-tab ul li.active a:after {position:absolute; content:''; left:0; bottom:-1px; right:0; background-color:#000; height:4px;}

.ethics-flex {display:flex;}
.ethics-flex .col-l {width:280px;}
.ethics-flex .col-l .tit {font-size:28px; letter-spacing:-.03em; color:#242424; display:block; line-height:1.3em;}
.ethics-flex .col-r {flex:1;}
.ethics-flex .col-r .group {padding:50px 0; border-bottom:1px solid #ddd;}
.ethics-flex .col-r .group:first-child {padding-top:0;}
.ethics-flex .col-r .group:last-child {padding-bottom:0; border-bottom:0;}
.ethics-flex .col-r .group .fz18 {line-height:1.89em; letter-spacing:-.03em;}

.hana-list li {margin-bottom:17px; display:flex;}
.hana-list li:last-child {margin-bottom:0;}
.hana-list li p {padding-left:25px; flex:1;}
.hana-list li strong {color:#242424;}

.ethical-code h2 {margin-bottom:20px; display:block;}
.ethical-code h2 .num {padding-right:15px;}
.ethical-code ul li {padding-left:60px; line-height:1.89em; position:relative;}
.ethical-code ul li:before {top:14px; left:40px; width:5px; height:5px; position:absolute; content:''; background-color:#242424; border-radius:100%;}

.tb-1 table {margin-top:35px; border-top:2px solid #242424; border-collapse:collapse; width:100%; text-align:center;}
.tb-1 .pf {text-align:right; color:#878787;}
.tb-1 table th {color:#242424; font-weight:600;}
.tb-1 table td.left {padding-left:30px; text-align:left;}
.tb-1 table th, .tb-1 table td {height:70px; border-bottom:1px solid #ddd; border-right:1px solid #ddd;}
.tb-1 table th:last-child, .tb-1 table td:last-child {border-right:0;}

.talent-list {display:flex;}
.talent-list .item {width:33.33333%;}
.talent-list .num {width:60px; height:30px; line-height:30px; font-weight:600; text-align:center; color:#fff; background-color:#282729; border-radius:20px;}
.talent-list strong {font-size:24px; margin:25px 0; display:block; line-height:1.42em;}
.talent-list .item ul li {padding-left:20px; margin-bottom:10px; position:relative; color:#878787;}
.talent-list .item ul li:before {width:5px; height:5px; top:11px; position:absolute; content:''; left:0; background-color:#878787; border-radius:100%;}

.welfare {margin-bottom:-60px; display:flex; flex-wrap:wrap;}
.welfare .item {padding:0 70px 60px; width:50%;}
.welfare .box {padding:40px 50px; min-height:353px; background-color:#f8f8f8; border-radius:10px;}
.welfare i {width:35px; height:35px; display:block; background-size:contain; background-repeat:no-repeat; background-position:50% 50%;}
.welfare .item:nth-child(1) i {background-image:url('../images/sub/welfare-ico1.png');}
.welfare .item:nth-child(2) i {background-image:url('../images/sub/welfare-ico2.png');}
.welfare .item:nth-child(3) i {background-image:url('../images/sub/welfare-ico3.png');}
.welfare .item:nth-child(4) i {background-image:url('../images/sub/welfare-ico4.png');}
.welfare .item:nth-child(5) i {background-image:url('../images/sub/welfare-ico5.png');}
.welfare .item:nth-child(6) i {background-image:url('../images/sub/welfare-ico6.png');}
.welfare .tit {font-size:20px; margin:25px 0; color:#242424; letter-spacing:-.03em; font-weight:600;}
.welfare ul li {margin-bottom:12px; line-height:1.5em; color:#878787; letter-spacing:-.03em;}
.welfare ul li:last-child {margin-bottom:0;}

.section-first {display:flex; align-items:center; justify-content:center; height:100vh; width:100%; color:#333; font-size:60px; font-weight:700; line-height:1.33em; text-align:center;}
.section-last {text-align:center;}

.qms {margin:230px 0;}

.section--missions {overflow:hidden; margin:0 auto;}
.section--missions .missions {position:relative;}
.section--missions .missions__bg {position:absolute; width:100%; height:100vh !important; max-height:initial !important;}
.section--missions .missions__txt-motion {position:relative; padding-top:80vh;}
/* .section--missions .missions__txt {padding-bottom:22.2vh;} */
.section--missions .missions .mission {height:80vh; /* opacity:0;  */transition:all .5s; font-size:100px; color:#242424; line-height:.8em; text-align:center;}
/* .section--missions .missions .mission:not(:last-of-type) {margin-bottom:22.2vh;} */
.section--missions .missions .mission:last-of-type {margin-bottom:24vh;}
.section--missions .missions__txt[data-idx="1"] .mission1 {opacity:1;}
.section--missions .missions__txt[data-idx="2"] .mission2 {opacity:1;}
.section--missions .missions__txt[data-idx="3"] .mission3 {opacity:1;}

/* scroll down */
.scroll_line {width:2px; height:130px; display:block; position:absolute; bottom:0; left:50%; transform:translateX(-50%); overflow:hidden; opacity:0;}
.scroll_line:before {height:100%; background:#fff; opacity:.3; left:0; top:0; bottom:0; content:''; position:absolute; width:2px;}
.scroll_line:after {background:#fff; left:0; top:0; content:''; position:absolute; width:2px; height:100%;
 animation-name:scroll-down-line;
 animation-duration:2.6s;
 animation-iteration-count:infinite;
 animation-timing-function:cubic-bezier(.77,0,.175,1);}

.scroll_line.black:before, .scroll_line.black:after {background:#242424;}

@-webkit-keyframes scroll-down-line {
 0% {
 transform-origin:50% 100%;
 transform:scaleY(1);}
 50% {
 transform-origin:50% 100%;
 transform:scaleY(0);}
 50.0001% {
 transform-origin:50% 0;
 transform:scaleY(0);}
 to {
 transform-origin:50% 0;
 transform:scaleY(1);}
}
@keyframes scroll-down-line {
 0% {
 transform-origin:50% 100%;
 transform:scaleY(1);}
 50% {
 transform-origin:50% 100%;
 transform:scaleY(0);}
 50.0001% {
 transform-origin:50% 0;
 transform:scaleY(0);}
 to {
 transform-origin:50% 0;
 transform:scaleY(1);}
}

.s-tit h2 {font-size:24px; line-height:1.3em; color:#242424; letter-spacing:-.03em; display:block;}
.s-tit p {margin-top:40px; line-height:1.89em; letter-spacing:-.03em;}
.s-tit2 {font-size:54px; margin-bottom:40px; display:block; font-weight:700; text-align:center; color:#242424; line-height:1.2em;}
.s-tit p.ty2 {margin-top:0; color:#878787;}

.tit-140 {font-size:140px;font-weight:600; line-height:1em; letter-spacing:-.03em;color:#242424; position:absolute; text-align:center; top:50%; left:50%; transform:translate(-50%, -50%); margin-top:100px; opacity:0;}
.gray-tit {margin-bottom:50px; font-weight:500; color:#878787; text-align:center; letter-spacing:-.03em; line-height:1.3em;}

.fz18 {font-size:18px !important;}
.fz20 {font-size:20px !important;}
.fz25 {font-size:25px !important;}
.fz34 {font-size:34px !important;}
.fz40 {font-size:40px !important;}
.fz54 {font-size:54px !important;}
.fz64 {font-size:64px !important;}

.fw500 {font-weight:500 !important;}

.lh17 {line-height:1.7em !important; letter-spacing:-.03em !importan;}

#ABOUT section.introduction {position:relative; width:100vw; height:100vh; min-width:1280px;}
#ABOUT section.future_play {position:relative; padding:0px; width:100vw; height:400vh;}
#ABOUT section.future_play .fp_item {position:relative; width:100vw; height:100vh; min-width:1280px; text-align:center;}
#ABOUT section.future_play.fixed .fp_item {overflow:hidden; position:fixed; top:0px; left:0px; background-color:white;}
#ABOUT section.future_play.fixed .fp_item:first-child {z-index:2;}
#ABOUT section.future_play .fp_item .cont {position:absolute; z-index:2; top:50vh; left:0px; width:100vw; opacity:0; transform:translateY(-50%); transition:0.5s ease 0s opacity;}
#ABOUT section.future_play.fixed .fp_item .cont {opacity:1; transition-delay:0.5s;}
#ABOUT section.future_play .fp_item .cont h2 {font-weight:500; color:#242424; line-height:1em; letter-spacing:-.03em;}
#ABOUT section.future_play .fp_item .cont p {padding-top:48px; color:#242424;}
#ABOUT section.future_play .fp_item .cont p.p1 {font-weight:700; letter-spacing:-.03em; line-height:1.4em;}
#ABOUT section.future_play .fp_item .cont p.p2 {font-weight:500; line-height:1.89em;}
#ABOUT section.future_play .fp_item:first-child .cont h2,
#ABOUT section.future_play .fp_item:first-child .cont p {color:#fff;}
#ABOUT section.future_play .fp_item:first-child .visual_bg {position:absolute; z-index:1; top:40%; left:12%; right:12%; height:100vh; background:url(../images/sub/envirobg.jpg) no-repeat center top; background-attachment:fixed; background-size:cover; transform:scale(1.15); transition:0.5s ease all;}
#ABOUT section.future_play.fixed .fp_item:first-child .visual_bg {top:0; left:0; right:0; animation:scale 2s forwards; animation-delay:0.5s;}
 
@-webkit-keyframes scale {
 0% {transform:scale(1.15)}
 100% {transform:scale(1)}
}
@keyframes scale {
 0% {transform:scale(1.15)}
 100% {transform:scale(1)}
}

/* 지속가능경영 가치 */
/* video.bg_sustainable {position:absolute; bottom:0px; right:0px; width:100%; height:760px; object-fit:cover;}
.worth_map {display:flex; position:relative; z-index:2; width:1260px; height:758px; margin:140px auto 120px;}
.worth_map .wm_item {width:33.3333%; position:absolute; width:480px; height:480px; text-align:center; opacity:0; transform:scale(0); transition:transform 0.7s ease, opacity 0.7s ease;}
.worth_map.on .wm_item {top:0; opacity:1; transform:scale(1);}
.worth_map .wm_item:nth-child(1) {left:0px;}
.worth_map .wm_item:nth-child(2) {left:400px; transition-delay:0.2s;}
.worth_map .wm_item:nth-child(3) {right:0; transition-delay:0.4s;}
.worth_map .wm_item h3 {position:absolute; top:50%; left:50%; width:240px; height:240px; transform:translate(-50%,-50%);}
.worth_map .wm_item h3 b.txt {font-size:22px; position:relative; z-index:2; width:386px; height:386px; border-radius:100%; color:#878787; font-weight:600; display:flex; align-items:center; justify-content:center; background-color:#f4f4f4;} */

.system-cert {display:flex; align-items:center;}
.system-cert .colr {margin-left:80px; flex:1; text-align:left; line-height:1.78em;}
.system-cert dl {margin-bottom:20px; display:flex;}
.system-cert dl:last-child {margin-bottom:0;}
.system-cert dt {width:160px; font-weight:500;}
.system-cert dd {flex:1;}

.guideline-flex .col-r .group {border-bottom:none; padding-top:0 !important;}
.guideline-tit {font-size:22px; margin-bottom:20px; letter-spacing:-.03em; font-weight:600; color:#242424; line-height:1.3em;}
.guideline {border-top:2px solid #242424;}
.guideline ul > li {border-bottom:1px solid #505050;}
.guideline ul > li:last-child {margin-bottom:0;}
.guideline .tit {color:#242424; font-weight:600; line-height:1.5em;}
.guideline .tit a {height:80px; position:relative; display:flex; align-items:center; text-decoration:none !important; transition:none;}
.guideline .tit a:after {content:""; position:absolute; right:20px; top:33px; display:inline-block; width:10px; height:10px; border-right:2px solid #424242; border-bottom:2px solid #424242; transform:rotate(45deg);}
.guideline .cnt {padding:23px 15px 23px 145px; display:none; position:relative; line-height:1.8em;}
.guideline .q {flex:0 0 145px; padding-left:20px; font-weight:600;}
.guideline li.active {position:relative;}
.guideline li.active .tit {border-bottom:1px solid #ddd;}
.guideline li.active .tit a:after {transform:rotate(-135deg); margin-top:6px; border-color:#555;}

.apply-checklist ul > li {border:1px solid #ddd; border-bottom:none;}
.apply-checklist ul > li:last-child {margin-bottom:0; border-bottom:1px solid #ddd;}
.apply-checklist .tit {height:62px; padding-left:24px; display:flex; align-items:center; justify-content:space-between; color:#242424; font-weight:500; line-height:1.5em;}
.apply-checklist .tit a {height:100%; position:relative; text-decoration:none !important; transition:none; flex:1;}
.apply-checklist .tit a:after {right:20px; top:22px; width:11px; height:11px; content:""; position:absolute; display:inline-block; border-right:2px solid #aaa; border-bottom:2px solid #aaa; transform:rotate(45deg);}
.apply-checklist .cnt {padding:20px 25px; max-height:375px; overflow:scroll; display:none; position:relative; line-height:1.8em; background-color:#f8f8f8;}
.apply-checklist .cnt small {font-size:14px; line-height:1.9em; letter-spacing:-.03em;}
.apply-checklist .cnt ol li {margin-bottom:30px;}
.apply-checklist .cnt ol li:last-child {margin-bottom:0;}
.apply-checklist li.active {position:relative;}
.apply-checklist li.active .tit {border-bottom:1px solid #ddd;}
.apply-checklist li.active .tit a:after {transform:rotate(-135deg); margin-top:6px; border-color:#555;}
.apply-checklist .checkbox label:before {border-radius:3px;}
 
/* history */
.left-navigation {position:absolute; left:0; top:10px;}
.left-navigation span {margin-bottom:15px; padding-left:20px; display:block; font-weight:700; letter-spacing:-.03em; color:#b6b6b6; transition:opacity 0.5s; position:relative;}
.left-navigation span.on::before {width:8px; height:8px; top:9px; content:""; display:block; border-radius:50%; background-color:#282729; position:absolute; left:0;}
.left-navigation span.on {color:#242424;}
.left-navigation span:last-child {margin-bottom:0;}

.history .con {margin-top:230px; position:relative;}
.history .con ul {width:calc(925 / 1260 * 100%); margin-left:auto; color:#242424;}
.history .con ul li {min-height:130px; padding:30px 0; display:flex; justify-content:space-between; box-sizing:border-box; border-bottom:1px solid #ddd;}
.history .con ul li:first-child {padding-top:0;}
.history .con ul li strong {font-size:54px; line-height:1em; letter-spacing:-.03em;}
.history .con ul li .txt-box .col {margin-bottom:20px; display:flex; width:510px;}
.history .con ul li .txt-box .col:last-child {margin-bottom:0;}
.history .con ul li .txt-box .col span {min-width:55px; letter-spacing:-.03em; display:block; font-weight:700;}
.history .con ul li .txt-box .col p {letter-spacing:-.03em; word-break:keep-all;}
.history .con ul li .txt-box .col p.line-h {line-height:2.2em;}

.portfolio {position:relative;}
.portfolio .mask {height:500px; bottom:130px;}
.portfolio .btn {margin-top:80px;}
.portfolio .btn a {width:240px; height:50px; margin:0 auto; letter-spacing:-.01em; align-items:center; justify-content:center; position:relative; z-index:100; text-align:center; display:flex; border:1px solid #919191; border-radius:5px;}
.portfolio .btn a:hover {letter-spacing:-.03em; border-color:#5a5a5a; box-shadow:1px 3px 10px rgba(0,0,0,.1);}

.mask {position:absolute; width:100%; z-index:20;}
.bg-gradient-to-b {
    background-image:linear-gradient(to bottom,var(--tw-gradient-stops))
}


.from-\[\#0000\] {
    --tw-gradient-from:#0000 var(--tw-gradient-from-position);
    --tw-gradient-to:rgb(0 0 0 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-mainFrom {
    --tw-gradient-from:rgba(0,0,0,.41) var(--tw-gradient-from-position);
    --tw-gradient-to:rgba(0, 0, 0, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-maskTo {
    --tw-gradient-from:rgba(2,0,36,0) var(--tw-gradient-from-position);
    --tw-gradient-to:rgba(2, 0, 36, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)
}

.to-\[\#000\] {
    --tw-gradient-to:#000 var(--tw-gradient-to-position)
}

.to-maskFrom {
    --tw-gradient-to:rgba(255,255,255,1) var(--tw-gradient-to-position)
}

/* .portfolio:after {position:absolute; content:''; background:linear-gradient(235deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0.06066176470588236) 50%); height:300px; left:0; right:0; bottom:0;} */
.portfolio ul {margin:0 -30px -70px; display:flex; flex-wrap:wrap; text-align:center;}
.portfolio ul li {padding:0 30px 70px; width:50%;}
.portfolio ul li .thumb {position:relative; padding-bottom:63%; margin-bottom:25px; overflow:hidden;}
.portfolio ul li .thumb img {position:absolute; top:50%; left:0; transition:.4s ease-in-out; transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); width:100%; height:auto !important; max-width:100%; min-height:100%; object-fit:cover;}
.portfolio ul li .tit1 {font-size:20px; font-weight:500; color:#878787; letter-spacing:-.03em; line-height:1.3em;}
.portfolio ul li .tit2 {font-size:26px; margin-top:7px; font-weight:500; color:#242424; letter-spacing:-.03em; line-height:1.3em;}

*,:before,:after {
    --tw-gradient-from-position:;
    --tw-gradient-to-position:;
}

.modal {padding:80px 15px 0 80px; max-width:1280px;}
.layer_popup {display:none; width:100%; position:relative; z-index:100 !important; border-radius: 15px;}
.modal a.close-modal {width:32px; height:32px; top:65px; right:45px; background-size:contain; background-image:url('../images/bbs/pop_cls.png');}

.portfolio-pop h2 {font-size:44px; margin-bottom:30px; padding:0 22px; font-weight:500; color:#242424; letter-spacing:-.03em; line-height:1.3em; position:relative;}
.portfolio-pop h2:before {height:32px; position:absolute; content:''; top:11px; left:0; width:2px; background-color:#242424;}
.portfolio-pop .wrap {margin-bottom:50px; height:700px; position:relative; display:flex; overflow:scroll;
 -ms-overflow-style:none; /* IE and Edge */
    scrollbar-width:none;}
.portfolio-pop .wrap::-webkit-scrollbar {
    display:none; /* Chrome, Safari, Opera*/
}
.portfolio-pop .images {width:765px; padding-right:65px; order:2;}
.portfolio-pop .images .thumb {margin-bottom:30px; position:relative; padding-bottom:63%; overflow:hidden;}
.portfolio-pop .images .thumb:last-child {margin-bottom:0;}
.portfolio-pop .images .thumb img {position:absolute; top:50%; left:0; transition:.4s ease-in-out; transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); width:100%; height:auto !important; max-width:100%; min-height:100%; object-fit:cover;}
.portfolio-pop .content {position:sticky; top:0; flex:1;}
.portfolio-pop .content .item {margin-bottom:25px;}
.portfolio-pop .content .item:last-child {margin-bottom:0;}
.portfolio-pop .content .item strong {margin-bottom:7px; line-height:1.3em; font-weight:600; color:#878787; letter-spacing:-.03em; display:block;}
.portfolio-pop .content .item p {color:#242424; line-height:1.56em;}
.portfolio-pop .content .item .solution span {margin-right:10px; min-width:114px; padding:5px 10px; display:inline-block; text-align:center; color:#fff; border-radius:30px; background-color:#bf8af2; font-weight:500;}
.portfolio-pop .content .item .solution span:last-child {margin-right:0;}

.recruit-tit .fz40 {margin-bottom:20px; font-weight:600; color:#242424; line-height:1.2em;}
.recruit-tit .fz18 {line-height:1.56em;}

.recruit-cate {margin-top:55px;}
.recruit-cate ul {display:flex;}
.recruit-cate ul li {margin-right:10px;}
.recruit-cate ul li:last-child {margin-right:0;}
.recruit-cate ul li a {padding:0 34px; min-width:97px; height:50px; display:flex; align-items:center; justify-content:center; line-height:1.3em; border:1px solid #a7a7a7; color:#686868; border-radius:30px; text-align:center;}
.recruit-cate ul li.active a {color:#fff; background-color:#1b1b1b; border-color:#1b1b1b;}

.talent {width:100px; height:42px; display:flex; align-items:center; justify-content:center; letter-spacing:-.01em; line-height:1.3em; color:#fff; background-color:#1b1b1b; border-radius:30px;}

.fw600 {font-weight:600 !important;}

.bar-info {margin-top:8px;}
.bar-info span {font-size:14px; padding:0 10px; color:#878787; letter-spacing:-.03em; line-height:1.3em; display:inline-block; position:relative;}
.bar-info span:first-child {padding-left:0;}
.bar-info span:last-child {padding-right:0;}
.bar-info span:after {position:absolute; content:''; top:3px; right:0; background-color:#ddd; width:1px; height:12px;}

.board-list table tbody td.arrow span {width:17px; height:17px; margin:0 auto; display:block; background-image:url('../images/bbs/recruit-arrow.png'); background-size:contain; background-repeat:no-repeat; background-position:50% 50%;}

.recruitment-top {margin-bottom:75px;}
.recruitment-top .col-l {display:flex; justify-content:space-between;}
.recruitment-top .col-l .wrap {flex:1;}
.recruitment-top .col-l .wrap .tit {font-size:26px; font-weight:600; color:#242424; letter-spacing:-.03em; line-height:1.3em;}
.recruitment-top .col-l a {width:120px; height:48px; display:flex; align-items:center; justify-content:center; color:#fff; background-color:#1b1b1b; border-radius:5px;}
.recruitment-top .col-r {flex:1 380px; max-width:380px;}
.recruitment-top .col-r a {font-weight:500; color:#242424;}

.recruitment {display:flex;}
.recruitment .col-l {order:2; flex:1;}
.recruitment .col-r {width:1%;}

.recruitment-detail {position:relative;}
.recruitment-detail .content {margin-left:80px;}
.recruitment-detail .content .group {margin-bottom:50px;}
.recruitment-detail .content .group:last-child {margin-bottom:0;}
.recruitment-detail .content .group .txt {font-size:18px; margin-bottom:15px; font-weight:500; color:#242424; letter-spacing:-.03em; line-height:1.4em;}
.recruitment-detail .content .group p {color:#686868; line-height:1.75em;}
.recruitment-detail .content .group ul li {padding-left:15px; position:relative; color:#686868; line-height:1.75em;}
.recruitment-detail .content .group ul li:before {width:5px; height:5px; top:10px; background-color:#1b1b1b; border-radius:100%; position:absolute; content:''; left:0;}

.recruitment-detail .list {flex:1 300px; max-width:300px; position:sticky; max-height:60rem; top:0; overflow:scroll;}
.recruitment-detail .mask-wrap {position:relative;} 
.recruitment-detail .list .mask {height:500px; bottom:0;}
.recruitment-detail .list ul {padding-right:10px;}
.recruitment-detail .list ul li {margin-bottom:10px;}
.recruitment-detail .list ul li a {padding:17px 25px; max-width:280px; border:1px solid #ddd; display:block; border-radius:10px;}
.recruitment-detail .list ul li:hover a,
.recruitment-detail .list ul li.active a {border-color:#242424;}
.recruitment-detail .list ul li a .val {color:#242424; font-weight:600; letter-spacing:-.03em; line-height:1.4em; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.recruitment-detail .list ul li a .tit {margin-top:4px; font-weight:600; color:#242424; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word; text-overflow:ellipsis; overflow:hidden;}
.recruitment-detail .list ul li a .bar-info {margin-top:40px;}

.applyform {max-width:600px; margin:0 auto;}
.applyform .title {padding-bottom:25px; margin-bottom:25px; border-bottom:1px solid #1b1b1b; display:flex; align-items:center;}
.applyform .title a {margin:5px 0 0 0;}
.applyform .title .tit {font-size:26px; text-align:center; flex:1; font-weight:600; color:#242424; letter-spacing:-.03em; line-height:1.3em;}
.applyform .group {margin-bottom:50px;}
.applyform .group:last-child {margin-bottom:0;}
.applyform .group h3 {margin-bottom:25px;}
.applyform .group h3, .applyform .group p {font-weight:600; color:#242424; letter-spacing:-.03em; line-height:1.3em;}
.applyform .group p {margin-bottom:10px;}
.applyform .item {margin-bottom:15px;}
.applyform .item:last-child {margin-bottom:0;}
.applyform .item .input {height:50px; border-radius:5px;}
.applyform .btn-pack {width:100%; background-color:#282729; color:#fff;}

.filebox {position:relative;}
.filebox .upfile {width:100%; flex:1; background-color:#f8f8f8;}
.filebox label {font-size:12px; width:74px; height:32px; line-height:32px; border-radius:5px; position:absolute; top:50%; transform:translateY(-50%); right:8px; color:#fff !important; vertical-align:middle; background-color:#333; cursor:pointer; text-align:center;}
.filebox input[type="file"] {position:absolute; width:0; height:0; padding:0; overflow:hidden; border:0;}

.arrowbg {width:24px; height:24px; margin:-2px 10px 0 0; vertical-align:middle; display:inline-block; background-image:url(../images/bbs/listbtn.png); background-size:contain; background-repeat:no-repeat; background-position:50% 50%; display:inline-block;}

.title_area {position:fixed; top:50%; left:50%; transform:translate(-50%,-50%); width:100%; text-align:center; z-index:1; opacity:0; display:none;}
.title_area.on {opacity:1; transition:all .5s; display:block;}
.title_area p {opacity:0; position:absolute; width:100%; left:50%; top:50%; transform:translate(-50%,-50%); color:#fff;}
.title_area p.on {opacity:1;}
.title_area p strong {font-size:80px; margin-right:60px; letter-spacing:-.03em; display:inline-block; line-height:1;}
.title_area p span {font-size:120px; letter-spacing:-.03em;}

/* 주요사업페이지 가운데 픽스드 텍스트*/
.b-sec {max-width:1620px; padding:0 30px 650px; margin:0 auto; width:100%; position:relative; box-sizing:border-box;}

.b-sec .text {text-align:left; position:absolute; word-break:break-word;}
.b-sec .text p {line-height:1.6em;}
.b-sec .text .en {color:#878787;}
.b-sec .text .kr {color:#fff;}

.b-sec .caption {font-size:14px; color:#878787; margin-top:10px; text-align:right;}

.b-sec h2 {display:none;}
.b-sec h2 strong {display:inline-block; font-size:48px; line-height:1; text-align:left; margin-right:30px;}
.b-sec h2.fixed {position:fixed; top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;width:100%;display:none;}

.business-sec1 {padding-top:350px; padding-bottom:0;}

.business-sec1 .img1 {margin-left:13%;}
.business-sec1 .img2 {margin-top:-250px;}
.business-sec1 .img3 {margin-left:30%; margin-top:250px;}
.business-sec1 .text {margin-top:-17%; margin-left:37%;}

.business-sec2 .img1 {margin-left:40%;}
.business-sec2 .img2 {margin-top:-11%;}
.business-sec2 .img3 {margin-left:64%; margin-top:250px;}
.business-sec2 .img4 {margin-left:5%;}
.business-sec2 .text {margin-top:10%; margin-left:8%;}

.business-sec3 .img1 {margin-left:40%;}
.business-sec3 .img2 {margin-left:64%;}
.business-sec3 .img3 {margin-top:250px;}
.business-sec3 .text {margin-top:-25%;}

.business-sec4 .img1 {margin-left:12%;}
.business-sec4 .img2 {margin-top:0;}
.business-sec4 .img3 {margin-left:35%; margin-top:20%;}
.business-sec4 .text {margin-top:-25%; margin-left:50%;}

.business-sec5 .img1 {margin-left:12%;}
.business-sec5 .img2 {margin-left:64%; margin-top:250px;}
.business-sec5 .img3 {margin-top:250px;}
.business-sec5 .text {margin-top:-35%;}

.business-sec6 .img1 {margin-left:41%;}
.business-sec6 .img2 {margin-left:4%;}
.business-sec6 .img3 {margin-left:52%; margin-top:20%;}
.business-sec6 .text {margin-left:7%; margin-top:5%;}

.business-sec7 .img1 {margin-left:38%;}
.business-sec7 .img3 {margin-left:64%; margin-top:-30%;}
.business-sec7 .text {margin-left:7%; margin-top:5%;}

.business-sec8 .img1 {margin-left:21%;}
.business-sec8 .img2 {margin-left:0;}
.business-sec8 .img3 {margin-left:47%; margin-top:8%;}
.business-sec8 .text {margin-left:50%; margin-top:-30%;}

.enviro1 {margin-bottom:55px; border-radius:300px; border:2px solid transparent; background-image:linear-gradient(#fff, #fff), linear-gradient(to right, #a4d0f9 0%, #9bfcc2 100%); background-origin:border-box; background-clip:content-box, border-box;}
.enviro1 ul {display:flex; margin:30px -15px; text-align:center; justify-content:center;}
.enviro1 ul li {padding:0 15px;}
.enviro1 ul li .round {font-size:22px; width:386px; height:386px; line-height:1.45em; align-items:center; justify-content:center; color:#878787; font-weight:600; display:flex; border-radius:100%; background-color:#f4f4f4;}

.enviro2 {display:flex;}
.enviro2 ul {margin-left:100px; width:33.3333%;}
.enviro2 ul li {padding-left:15px; margin-bottom:10px; line-height:1.5em; position:relative; color:#878787;}
.enviro2 ul li:last-child {margin-bottom:0;}
.enviro2 ul li:before {width:5px; height:5px; top:8px; left:0; border-radius:100%; position:absolute; content:''; background-color:#878787; } 


/* 품질경영목표 원 돌아가는거 */
.worth_map {position:relative; z-index:2; height:720px; margin:55px 0 0;}

.worth_map .wm_item {width:500px; height:500px; position:absolute; text-align:center; transform:scale(1); transition:transform 0.7s ease,opacity 0.7s ease;}
.worth_map .wm_item:nth-child(1) {top:0; left:0;}
.worth_map .wm_item:nth-child(2) {left:50%; transform:translateX(-50%); bottom:0; transition-delay:0.2s;}
.worth_map .wm_item:nth-child(3) {top:0; right:0; transition-delay:0.4s;}

.worth_map .wm_item h3 {width:320px; height:320px; font-size:22px; font-weight:600; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}
.worth_map .wm_item h3 b {width:320px; height:320px; line-height:320px; position:relative; z-index:2; display:block; border-radius:100%; color:#fff; background-color:#272f3c; width:100%; height:100%; line-height:1.45em; display:flex; align-items:center; justify-content:center;}

.worth_map .wm_item .deco_cc_wrap {position:absolute; z-index:2; top:0; left:0; width:500px; height:500px;}
.worth_map .wm_item .deco_cc_wrap:after {width:500px; height:500px; top:0; left:0; content:''; display:block; position:absolute; z-index:1; border:1px solid #dedede; border-radius:100%; box-sizing:border-box;  transition:0.5s ease all;}

.worth_map .wm_item:nth-child(1) .deco_cc_wrap {animation:rotateCircle 24s linear forwards infinite; animation-delay:1.1s;}
.worth_map .wm_item:nth-child(2) .deco_cc_wrap {animation:rotateCircle2 24s linear forwards infinite; animation-delay:1.4s;}
.worth_map .wm_item:nth-child(3) .deco_cc_wrap {animation:rotateCircle2 24s linear forwards infinite; animation-delay:1.7s;}

.worth_map .wm_item:nth-child(1) .deco_cc_wrap:after {transition-delay:0.5s;}
.worth_map .wm_item:nth-child(2) .deco_cc_wrap:after {transition-delay:0.7s;}
.worth_map .wm_item:nth-child(3) .deco_cc_wrap:after {transition-delay:0.9s;}

.worth_map .wm_item .deco_cc_wrap .deco_cc {position:absolute; z-index:2; width:14px; height:14px; background-color:#272f3c; border-radius:100%; /* transform:scale(1); transition:0.5s ease all; */}

.worth_map .wm_item:nth-child(1) .deco_cc_wrap .deco_cc.cc1 {top:28px; left:119px;}
.worth_map .wm_item:nth-child(1) .deco_cc_wrap .deco_cc.cc2 {top:407px; left:430px;}
.worth_map .wm_item:nth-child(2) .deco_cc_wrap .deco_cc.cc1 {top:416px; left:63px;}
.worth_map .wm_item:nth-child(2) .deco_cc_wrap .deco_cc.cc2 {top:90px; left:440px;}
.worth_map .wm_item:nth-child(3) .deco_cc_wrap .deco_cc.cc1 {top:27px; left:119px;}
.worth_map .wm_item:nth-child(3) .deco_cc_wrap .deco_cc.cc2 {top:423px; left:415px;}
.worth_map .wm_item:nth-child(1) .deco_cc_wrap .deco_cc.cc1 {transition-delay:0.8s;}
.worth_map .wm_item:nth-child(1) .deco_cc_wrap .deco_cc.cc2 {transition-delay:1.0s;}
.worth_map .wm_item:nth-child(2) .deco_cc_wrap .deco_cc.cc1 {transition-delay:1.0s;}
.worth_map .wm_item:nth-child(2) .deco_cc_wrap .deco_cc.cc2 {transition-delay:1.2s;}
.worth_map .wm_item:nth-child(3) .deco_cc_wrap .deco_cc.cc1 {transition-delay:1.2s;}
.worth_map .wm_item:nth-child(3) .deco_cc_wrap .deco_cc.cc2 {transition-delay:1.4s;}


@keyframes rotateCircle {
	 0% {transform:rotate(0deg)}
	 100% {transform:rotate(360deg)}
	}
	@keyframes rotateCircle2 {
	 0% {transform:rotate(0deg)}
	 100% {transform:rotate(-360deg)}
}


/* 윤리위반 신고 페이지 추가 */
.ethics-report .ethics-flex {margin-bottom: 100px;}
.ethics-report .required {color: #6147c9; text-decoration: none;}
.report-form {padding-top: 100px; border-top: 1px solid #ddd;}
.report-tit {text-align: center; margin-bottom: 50px;}
.report-tit h3 {font-size: 28px; margin-bottom: 20px; font-weight: 700; color:#000; line-height: 1.3em;}
.report-tit p {font-size: 18px; line-height: 1.33em;}
.report-form table {border-top: none; border-bottom: 1px solid #ddd; position: relative;}
.report-form table::after {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 1px; background: #242424; z-index: 1;}
.report-form table tbody th {font-size: 18px; font-weight: 600; color:#242424; padding: 15px 10px; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; background: transparent;}
.report-form table tbody th .required {margin-left: 3px;}
.report-form table tbody td {border-bottom: 1px solid #ddd;}
.report-form .textarea-wrap {position: relative;}
.report-form .input-guide {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: calc(100% - 60px);; z-index: 1; line-height: 1.88em;}
.report-form .input-guide ul {list-style: none; padding-left: 0;}
.report-form .input-guide ul li {position: relative; padding-left: 12px;}
.report-form .input-guide ul li:before {content: '·'; position: absolute; left: 0; font-weight: 700; color: #242424;}
.report-form input[type=file].input {padding: 7px;}
.report-form .btn-pack {background: #6147c9; border-color: #6147c9; color: #fff;}

/* 260105 수정 */
.ci-bg {width: 100%; margin-top: 370px; margin-bottom: -10%;}
.ci-bg img {width: 100%;}
.color-list {display: flex; gap: 20px; justify-content: center; margin-top: 80px;}
.color-item {max-width: 200px; width: 25%;}
.color-item .box {width: 100%; aspect-ratio: 200 / 208; margin-bottom: 10px;}
.color-item .txt {color: #242424; font-size: 15px;}
.color-item .tit {font-size: 20px; font-weight: 600;}
.color-item .desc {display: flex; align-items: center; justify-content: space-between; margin-top: 6px;}
.color-item .code2 {color: #868686; font-size: 18px;}
.color-item .txt .box {aspect-ratio: 200 / 8; margin-top: 4px;}

.color-item.black .box {background-color: #000000;}
.color-item.violet .box {background-color: #6147c9;}
.color-item.violet2 .box {background-color: #7567ac;}
.color-item.violet3 .box {background-color: #b7aed5;}